master in giornalismo, corso di web design - 1 di 4
TRANSCRIPT
![Page 1: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/1.jpg)
Master in giornalismoCorso di Web Design
Università degli Studi di Teramo
![Page 2: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/2.jpg)
Presentazione
![Page 3: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/3.jpg)
Fabio MontanariArt Director e DesignerDirettore creativo di Sintonia & Comunicazione
Prof. Paolo SpinelliPubblicitario e DesignerDocente di Design e Grafica Pubblicitaria
Luca Di BellaWeb Architect Direttore Operativo di Web Tech Area e Freelance
![Page 4: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/4.jpg)
Argomenti del corso
✓ Web 2.0, web 3.0, web x.0le nuove rotte del world wide web
✓ Nuovi paradigmi dell’informazioneevoluzione del rapporto utente - informazione
✓ Affascinare, comunicare, informaretecniche e linguaggi del vero multimedia
✓ Case Histories
![Page 5: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/5.jpg)
Web 2.0, web 3.0, web x.0le nuove rotte del world wide web
![Page 6: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/6.jpg)
ARPAnet (1958)
condivisione della conoscenza
![Page 7: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/7.jpg)
Internet non è nato per scopi prettamente militari
WarGames (USA 1983)
![Page 8: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/8.jpg)
ARPAnetAdvanced Research Project Agency Network
1969: Preliminary connections of the ARPAnet, the first multiple-site computer network, are created successfully
![Page 9: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/9.jpg)
UCLA Los Angeles
UCLA Santa Barbara
Stanford Research Institute
Primi 4 nodi ARPAnet
![Page 10: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/10.jpg)
TCP/IPTransmission Control Protocol / Internet Protocol
Volete saperne di più?
![Page 11: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/11.jpg)
mitosi della reteemail, newsgroup
![Page 12: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/12.jpg)
EMAILRay Tomlinson(1971)
Il primo messaggio di posta elettronica inviato fu:“QWERTYUIOP”
![Page 13: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/13.jpg)
USENETTom Truscott(1979)
Nel 1989, ai tempi dell'incidente di piazza Tienanmen, gli studenti delle università di Taiwan che avevano accesso a Usenet si sono trasformati in una rete di corrispondenti verso l'estero.
![Page 14: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/14.jpg)
Strutture ed informazioniil linguaggio HTML for dummies
![Page 15: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/15.jpg)
HTML Hyper Text Mark-Up Language
✓ NON è un linguaggio di programmazione
✓ E’ un linguaggio di markup (formattazione)
✓ NON serve per determinare l’ASPETTO finale di un documento
✓ SERVE ad identificare il contenuto LOGICO di un documento
![Page 16: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/16.jpg)
i TAG Html
✓ E’ una etichetta sintattica che identifica un elemento logico all’interno di un documento Html
✓ E’ composto da un simbolo di apertura e da uno di chiusura che racchiudono l’elemento che deve essere descritto
✓ Può contenere altri fattori descrittivi o funzionali detti attributi
![Page 17: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/17.jpg)
<p lang="it"> io sono un paragrafo </p>
![Page 18: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/18.jpg)
<p lang="it"> io sono un paragrafo </p>
tag di apertura
![Page 19: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/19.jpg)
<p lang="it"> io sono un paragrafo </p>
tag di chiusura
![Page 20: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/20.jpg)
<p lang="it"> io sono un paragrafo </p>
elemento da descrivere
![Page 21: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/21.jpg)
<p lang="it"> io sono un paragrafo </p>
attributo
![Page 22: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/22.jpg)
PLE
AS
E - REA
D TH
E MA
TRIX
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
![Page 23: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/23.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
DOCTYPE:definizione del tipo di documento
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 24: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/24.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<meta>:campo informativo relativo al documento
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 25: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/25.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<title>:definizione del titolo del documento
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 26: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/26.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<h1>:definizione dell’elemento più alto nella gerarchia del documento
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 27: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/27.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<p>:definizione di un elemento paragrafo
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 28: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/28.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<a>:definizione di un elemento link
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 29: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/29.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<h2>:definizione di un elemento di secondaria importanza gerarchica
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 30: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/30.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="it"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Programma del master in giornalismo</title></head><body>
<h1>Modulo Web Design</h1>
<p>Benvenuti al programma del Master in Giornalismo dell’<a href="http://www.unite.it">Università di Teramo</a></p>
<h2>Gli argomenti trattati saranno:</h2>
<ul> <li>web 2.0, web 3.0, web x.0</li> <li>Nuovi paradigmi dell'informazione'</li> <li>Affascinare, comunicare, informare</li> <li>Case Histories</li></ul>
</body></html>
<ul>:definizione di un elemento di tipo lista puntata
PLE
AS
E - REA
D TH
E MA
TRIX
![Page 31: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/31.jpg)
![Page 32: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/32.jpg)
not pretty sweet, hu?but still functional...
![Page 33: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/33.jpg)
web 1.0la rete open’d for business
![Page 34: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/34.jpg)
WWWTim Berners Lee(1989)
Nel 1989 propose un progetto globale sull’ipertesto, poi noto come World Wide Web.
![Page 35: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/35.jpg)
La comparsa del designinformare vs comunicare
![Page 36: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/36.jpg)
I portali e la stickinessil tuo tempo è il mio guadagno
![Page 37: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/37.jpg)
1997: Altavista
![Page 38: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/38.jpg)
1999: Yahoo
![Page 39: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/39.jpg)
2001: Virgilio
![Page 40: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/40.jpg)
1999: Google
![Page 41: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/41.jpg)
web 2.0connecting people
![Page 42: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/42.jpg)
web 1.0 vs web 2.0
Personal Site
CMS
Stickiness
Taxonomy
Blog
Wiki
Syndication
Folksonomy
vs
vs
vs
vs
![Page 43: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/43.jpg)
Communicate yourselfBlog, Twitter etc..
![Page 44: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/44.jpg)
Blogosphere133.000.000 and counting...
![Page 45: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/45.jpg)
http://www.youtube.com/watch?v=NN2I1pWXjXI
Blogs in plain english
![Page 46: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/46.jpg)
Blogging
SPLINDER WordPress
http://www.blogger.com http://www.livejournal.com
http://www.splinder.com http://wordpress.com
![Page 47: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/47.jpg)
2005: www.wordpress.com
![Page 48: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/48.jpg)
What are you doing?Twitter e il microblogging
![Page 49: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/49.jpg)
2006: www.twitter.com
![Page 50: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/50.jpg)
http://www.youtube.com/watch?v=ddO9idmax0o
Twitter in plain english
![Page 51: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/51.jpg)
Show yourselfFlickr, Picasaweb
![Page 52: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/52.jpg)
2005: www.flick.com
![Page 53: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/53.jpg)
2005: picasaweb.google.com
![Page 54: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/54.jpg)
Broacast yourselfYouTube, Vimeo, Mogulus
![Page 55: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/55.jpg)
2005: www.youtube.com
![Page 56: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/56.jpg)
2006: www.vimeo.com
![Page 57: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/57.jpg)
2007: www.mogulus.com
![Page 58: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/58.jpg)
Place yourselfGoogle Maps e la geolocalizzazione
![Page 61: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/61.jpg)
Make friendshipMySpace, Facebook... all that social stuff
![Page 62: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/62.jpg)
http://www.youtube.com/watch?v=6a_KF7TYKVc
Social networking in plain english
![Page 63: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/63.jpg)
2003: www.myspace.com
![Page 64: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/64.jpg)
2004: www.facebook.com
![Page 65: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/65.jpg)
...for professional relationshipsLinkedin
![Page 66: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/66.jpg)
2008: www.linkedin.com
![Page 67: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/67.jpg)
...for musicLast.fm
![Page 68: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/68.jpg)
2008: www.lastfm.com
![Page 69: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/69.jpg)
All thogether now!Mashups
![Page 70: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/70.jpg)
2008: www.lastmusicmap.com
![Page 71: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/71.jpg)
web 3.0Web semantico - Internet of things
![Page 72: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/72.jpg)
Web semanticointernet as a database
![Page 73: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/73.jpg)
Internet of thingsSpimes
![Page 74: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/74.jpg)
SPIME = SPace + tIMEBruce Sterling(Shaping Things - 2005)
Nuovo genere di oggetti tecnologici che sanno dove si trovano (come il navigatore dell’auto), sanno in che momento del tempo sono (per questo basta un orologio) e -tipicamente- hanno sensori, memoria e connessione.
![Page 75: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/75.jpg)
OpenSpimeun progetto italiano
![Page 76: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/76.jpg)
Augmented realityDevices era
![Page 77: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/77.jpg)
http://www.youtube.com/watch?v=1QY-s5ktUsQ
Japan DOCOMO 4G mobile services
![Page 78: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/78.jpg)
TIMELINE
![Page 79: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/79.jpg)
1979Usenet
1969ARPAnet
1971Primo messaggio di posta elettronica
1989Nasce il WWW
1995Internet Explorer
![Page 80: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/80.jpg)
2001Virgilio
1997Altavista
1999Yahoo, Google
2005WordpressFlickr / PicasawebYouTube
2006Twitter
2003MySpace
2004Facebook
2008LinkedinLastFm
2007Mogulus
![Page 81: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/81.jpg)
Fine della prima lezioneProssima lezione: lunedì 24 novembre
http://www.slideshare.net/dibeja/
![Page 83: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/83.jpg)
✓ SKYPE: fabsnagy
✓ FACEBOOK: Fabio Montanari ([email protected])
✓ EMAIL: [email protected]
Fabio Montanaricontacts
![Page 84: Master in giornalismo, corso di web design - 1 di 4](https://reader034.vdocuments.mx/reader034/viewer/2022052619/555e2bc4d8b42a384f8b55c2/html5/thumbnails/84.jpg)
✓ SKYPE: dibeja
✓ FACEBOOK: Luca Di Bella ([email protected])
✓ EMAIL: [email protected]
Luca Di Bellacontacts