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

Paolo Sordi, Università di Roma 3, 26 maggio 2009 Noi (u)siamo la macchina Dal web design all’etnograﬁa 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 ﬂessibilità. È 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

Paolo Sordi, Università di Roma 3, 26 maggio 2009 Ci vuole il ﬁsico 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

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 Geograﬁco 19

Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico Alfabetico Geograﬁco Utente 19

Paolo Sordi, Università di Roma 3, 26 maggio 2009 Presentare l’architettura: diamoci un criterio Tassonomico Gerarchico Cronologico Alfabetico Geograﬁco 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 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 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 afﬁdabilità delle tecnologie 24

Paolo Sordi, Università di Roma 3, 26 maggio 2009 Platform switch Pervasività della rete Sviluppo e afﬁdabilità 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 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

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

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

by Paolo Sordi on May 26, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 3

Statistics

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