Slide della lezione del 26 maggio 2009, nell’ambito del corso di Domenico Fiormonte, Forme e generi della testualità digitale (Laurea magistrale in “Informazione, Editoria, Giornalismo”, Università Roma Tre).
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Noi (u)siamo la macchina: dal web design all'etnografia digitale
1. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Noi (u)siamo la macchina
Dal web design all’etnografia digitale
1
2. Paolo Sordi, Università di Roma 3, 26 maggio 2009
In altre parole
Pubblicare una pagina HTML è un trucco da ragazzi.
Progettare un sito web, un’arte e una scienza.
2
4. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Gli argomenti
1. L’ipertesto prima e dopo TBL
3
5. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Gli argomenti
1. L’ipertesto prima e dopo TBL
2. HTML per tutti
3
6. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Gli argomenti
1. L’ipertesto prima e dopo TBL
2. HTML per tutti
3. Architetti dell’informazione
3
7. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Gli argomenti
1. L’ipertesto prima e dopo TBL
2. HTML per tutti
3. Architetti dell’informazione
4. Il Web 2.0 (o chi per lui)
3
8. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Gli argomenti
1. L’ipertesto prima e dopo TBL
2. HTML per tutti
3. Architetti dell’informazione
4. Il Web 2.0 (o chi per lui)
5. Campioni di contenuto
3
9. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Bush, quello buono (?)
Il Memex è uno strumento
all’interno del quale un uomo
raccoglie tutti i suoi libri, i suoi
dischi e le sue comunicazioni in
modo da poter essere consultato
con grande velocità e flessibilità.
È un ampio e intimo supplemento
alla sua memoria.
As We May Think, 1945
4
10. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Xanadu: il sesto potere
Una rete ampia quanto il mondo
dedicata a servire centinaia di
milioni di utenti
simultaneamente con dati,
immagini e scritti archiviati nel
corpo del mondo.
Ted Nelson, 1965
5
19. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
11
20. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
11
21. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
11
22. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
‣ <li>
11
23. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
‣ <li>
‣ <a href=”http://www.infolet.it”>Il mio primo link</a>
11
24. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
‣ <li>
‣ <a href=”http://www.infolet.it”>Il mio primo link</a>
‣ </li>
11
25. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
‣ <li>
‣ <a href=”http://www.infolet.it”>Il mio primo link</a>
‣ </li>
‣ </ul>
11
26. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
‣ <li>
‣ <a href=”http://www.infolet.it”>Il mio primo link</a>
‣ </li>
‣ </ul>
‣ </body>
11
27. Paolo Sordi, Università di Roma 3, 26 maggio 2009
La mia prima pagina web
‣ <html>
‣ <body>
‣ <h1>Il mio primo sito</h1>
‣ <ul>
‣ <li>
‣ <a href=”http://www.infolet.it”>Il mio primo link</a>
‣ </li>
‣ </ul>
‣ </body>
‣ </html>
11
44. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Cosa indosso stamattina?
L’armadio e la via che porta all’abbigliamento
17
45. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Cos’è l’architettura
dell’informazione?
18
46. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Cos’è l’architettura
dell’informazione?
Strutturare
18
47. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Cos’è l’architettura
dell’informazione?
Strutturare
Organizzare
18
48. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Cos’è l’architettura
dell’informazione?
Strutturare
Organizzare
Etichettare
18
49. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
19
50. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
19
51. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
Gerarchico
19
52. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
Gerarchico
Cronologico
19
53. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
Gerarchico
Cronologico
Alfabetico
19
54. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
Gerarchico
Cronologico
Alfabetico
Geografico
19
55. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
Gerarchico
Cronologico
Alfabetico
Geografico
Utente
19
56. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Presentare l’architettura: diamoci
un criterio
Tassonomico
Gerarchico
Cronologico
Alfabetico
Geografico
Utente
Azione
19
64. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Tre-domande-tre per
la tua pagina web
1. Dove sono?
21
65. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Tre-domande-tre per
la tua pagina web
1. Dove sono?
2. Di cosa si parla?
21
66. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Tre-domande-tre per
la tua pagina web
1. Dove sono?
2. Di cosa si parla?
3. Dove posso andare?
21
75. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Platform switch
Pervasività della rete
Sviluppo e affidabilità delle tecnologie
24
76. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Platform switch
Pervasività della rete
Sviluppo e affidabilità delle tecnologie
Connettività always on
24
77. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Blog like it’s 1999
Nel 1999, con Blogger, il sito
personale diventa un blog: il
diario si apre alla discussione (e
alla diffusione).
25
99. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Ridistribuzione
I feed RSS spingono i contenuti fuori
dal sito
30
100. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Ridistribuzione
I feed RSS spingono i contenuti fuori
dal sito
I contenuti vengono riutilizzati e
distribuiti all’interno di altri servizi
basati sul web
30
112. Paolo Sordi, Università di Roma 3, 26 maggio 2009
Web Publishing Literacy
Da Dreamweaver a Wordpress
37
113. Letture e navigazioni
H. Jenkins, Convergence Culture: Where Old and New Media Collide, NYU Press, 2006
(Cultura convergente, Apogeo, 2007)
F. Metitieri, Il grande inganno del Web 2.0, Editori Laterza, 2009
T. O’Reilly, What Is Web 2.0, O’Reilly Media, 2005,
http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
Wordpress.org, http://wordpress.org/
J. Zeldman, Designing With Web Standards, 2nd ed., Peachpit Press, 2006 (Progettare
siti web standards, Pearson Education, 2007)
38
Notas do Editor
è una questione di memoria
David Foster Wallace
dal compositore tipografico alla marcatura dichiarativa
pervasività della rete, sviluppo e affidabilità delle tecnologie (alcune delle quali promosse proprio dal w3c), connettività always on hanno insieme determinato un effettivo platform switch che ha spostato dal nostro desktop al web la quasi totalità delle nostre abituali operazioni mediate dal computer e non solo: lettura dei giornali, acquisti, operazioni bancarie e postali, ricerca di informazioni, cazzeggio, ecc.
pervasività della rete, sviluppo e affidabilità delle tecnologie (alcune delle quali promosse proprio dal w3c), connettività always on hanno insieme determinato un effettivo platform switch che ha spostato dal nostro desktop al web la quasi totalità delle nostre abituali operazioni mediate dal computer e non solo: lettura dei giornali, acquisti, operazioni bancarie e postali, ricerca di informazioni, cazzeggio, ecc.
pervasività della rete, sviluppo e affidabilità delle tecnologie (alcune delle quali promosse proprio dal w3c), connettività always on hanno insieme determinato un effettivo platform switch che ha spostato dal nostro desktop al web la quasi totalità delle nostre abituali operazioni mediate dal computer e non solo: lettura dei giornali, acquisti, operazioni bancarie e postali, ricerca di informazioni, cazzeggio, ecc.
Così come l’uso sociale della posta elettronica ha determinato l’affermarsi di un utilizzo non professionale della rete, il blog chiama sul web una generazione di scrittori che partecipano insieme alla creazione di una rete di relazioni, di parole e persone
commenti=newsgroup o forum o bullettin board
permalink=uri=trackback=commenti
feed=push
commenti=newsgroup o forum o bullettin board
permalink=uri=trackback=commenti
feed=push
commenti=newsgroup o forum o bullettin board
permalink=uri=trackback=commenti
feed=push
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
last fm, linkedin, facebook, google reader, you tube, digg
Le promesse non mantenute della tecnologia push; la flessibilità dell’RSS/XML rende estremamente facile riutilizzare i contenuti in nuove forme e nuovi contesti altamente personalizzabili dall’utente
Le promesse non mantenute della tecnologia push; la flessibilità dell’RSS/XML rende estremamente facile riutilizzare i contenuti in nuove forme e nuovi contesti altamente personalizzabili dall’utente
i feed di un altro blog sul tuo sito
bookmark delicious su blog con wordpress postalicious
bookmark delicious su blog con wordpress postalicious
bookmark delicious su blog con wordpress postalicious
bookmark delicious su blog con wordpress postalicious