• Save
Noi (u)siamo la macchina: dal web design all'etnografia digitale
Upcoming SlideShare
Loading in...5
×
 

Noi (u)siamo la macchina: dal web design all'etnografia digitale

on

  • 2,219 views

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”, ...

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).

Statistics

Views

Total Views
2,219
Views on SlideShare
2,193
Embed Views
26

Actions

Likes
2
Downloads
0
Comments
0

3 Embeds 26

http://www.slideee.com 22
http://www.slideshare.net 3
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • è una questione di memoria <br />
  • David Foster Wallace <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • dal compositore tipografico alla marcatura dichiarativa <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • 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. <br />
  • 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. <br />
  • 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. <br />
  • 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 <br />
  • commenti=newsgroup o forum o bullettin board <br /> permalink=uri=trackback=commenti <br /> feed=push <br />
  • commenti=newsgroup o forum o bullettin board <br /> permalink=uri=trackback=commenti <br /> feed=push <br />
  • commenti=newsgroup o forum o bullettin board <br /> permalink=uri=trackback=commenti <br /> feed=push <br />
  • <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • last fm, linkedin, facebook, google reader, you tube, digg <br />
  • <br />
  • <br />
  • <br />
  • 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 <br />
  • 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 <br />
  • <br />
  • <br />
  • <br />
  • i feed di un altro blog sul tuo sito <br />
  • bookmark delicious su blog con wordpress postalicious <br />
  • bookmark delicious su blog con wordpress postalicious <br />
  • bookmark delicious su blog con wordpress postalicious <br />
  • bookmark delicious su blog con wordpress postalicious <br />
  • <br />
  • <br />
  • bibliografia <br />

Noi (u)siamo la macchina: dal web design all'etnografia digitale Noi (u)siamo la macchina: dal web design all'etnografia digitale Presentation Transcript

  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Noi (u)siamo la macchina Dal web design all’etnografia digitale 1
  • 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
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Gli argomenti 3
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Gli argomenti 1. L’ipertesto prima e dopo TBL 3
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Gli argomenti 1. L’ipertesto prima e dopo TBL 2. HTML per tutti 3
  • 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
  • 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
  • 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
  • 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
  • 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
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ipertesti di carta 6
  • 7
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ci vuole il fisico 8
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Un web e tre acronimi 1. URI 9
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Un web e tre acronimi 1. URI 2. HTTP 9
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Un web e tre acronimi 1. URI 2. HTTP 3. HTML 9
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Make it simple Dallo Standard Generalized Markup Language all’Hypertext Markup Language 10
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 La mia prima pagina web ‣ <html> 11
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 La mia prima pagina web ‣ <html> ‣ <body> 11
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 La mia prima pagina web ‣ <html> ‣ <body> ‣ <h1>Il mio primo sito</h1> 11
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 La mia prima pagina web ‣ <html> ‣ <body> ‣ <h1>Il mio primo sito</h1> ‣ <ul> 11
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Stampata dal browser 12
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Complicarsi la vita 13
  • 14
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Le virtù dell’ipertesto 15
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Le virtù dell’ipertesto Interattività 15
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Le virtù dell’ipertesto Interattività Non linearità 15
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Le virtù dell’ipertesto Interattività Non linearità Associazione 15
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Le virtù dell’ipertesto Interattività Non linearità Associazione Itinerario 15
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Le virtù dell’ipertesto Interattività Non linearità Associazione Itinerario Processo 15
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 I difetti dell’ipertesto 16
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 I difetti dell’ipertesto Interattività 16
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 I difetti dell’ipertesto Interattività Non linearità 16
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 I difetti dell’ipertesto Interattività Non linearità Associazione 16
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 I difetti dell’ipertesto Interattività Non linearità Associazione Itinerario 16
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 I difetti dell’ipertesto Interattività Non linearità Associazione Itinerario Processo 16
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Cosa indosso stamattina? 17
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Cosa indosso stamattina? L’armadio e la via che porta all’abbigliamento 17
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Cos’è l’architettura dell’informazione? 18
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Cos’è l’architettura dell’informazione? Strutturare 18
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Cos’è l’architettura dell’informazione? Strutturare Organizzare 18
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Cos’è l’architettura dell’informazione? Strutturare Organizzare Etichettare 18
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico Alfabetico 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico Alfabetico Geografico 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico Alfabetico Geografico Utente 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico Alfabetico Geografico Utente Azione 19
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Visualizzare l’architettura 20
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Visualizzare l’architettura 20
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Visualizzare l’architettura 20
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Visualizzare l’architettura 20
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Visualizzare l’architettura 20
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Visualizzare l’architettura 20
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-domande-tre per la tua pagina web 21
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-domande-tre per la tua pagina web 1. Dove sono? 21
  • 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
  • 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
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-risposte-tre (o forse quattro) 22
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-risposte-tre (o forse quattro) 22
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-risposte-tre (o forse quattro) 22
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-risposte-tre (o forse quattro) 22
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Tre-risposte-tre (o forse quattro) 22
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 E ora qualcosa di completamente diverso. O no? Lo sboom, O’Reilly e il Web 2.0 23
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Platform switch 24
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Platform switch Pervasività della rete 24
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Platform switch Pervasività della rete Sviluppo e affidabilità delle tecnologie 24
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Platform switch Pervasività della rete Sviluppo e affidabilità delle tecnologie Connettività always on 24
  • 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
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Libertà è partecipazione 26
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Libertà è partecipazione Commenti 26
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Libertà è partecipazione Commenti Permalink 26
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Libertà è partecipazione Commenti Permalink Feed RSS (Really Simple Syndication) 26
  • Dal desktop al web publishing La generazione dei contenuti generati dagli utenti 27
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 In società sul web 28
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Dietro le quinte 29
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Dietro le quinte XML, XHTML 29
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Dietro le quinte XML, XHTML DOM e Javascript 29
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Dietro le quinte XML, XHTML DOM e Javascript API 29
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ridistribuzione 30
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ridistribuzione I feed RSS spingono i contenuti fuori dal sito 30
  • 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
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Pubblica 31
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ridistribuisci - 1 32
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ridistribuisci - 2 33
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ridistribuisci - 3 34
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ridistribuisci - 3 34
  • Campioni di remix 35
  • Campioni di remix 35
  • Campioni di remix 35
  • Campioni di remix 35
  • Campioni di remix 35
  • Giacimenti e tubi di contenuti 36
  • Paolo Sordi, Università di Roma 3, 26 maggio 2009 Web Publishing Literacy Da Dreamweaver a Wordpress 37
  • 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