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


In altre parole

Pubblicare una pagina HTML è un trucco da ragazzi.
Progettare un sito web, un’arte e una scienza.

2


Gli argomenti

3


Gli argomenti

1. L’ipertesto prima e dopo TBL

3


Gli argomenti

2. HTML per tutti

3


Gli argomenti

2. HTML per tutti
3. Architetti dell’informazione

3


Gli argomenti

2. HTML per tutti
4. Il Web 2.0 (o chi per lui)

3


Gli argomenti

2. HTML per tutti
4. Il Web 2.0 (o chi per lui)
5. Campioni di contenuto

3


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


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


Ipertesti di carta

6


Ci vuole il ﬁsico

8


Un web e tre acronimi

1. URI

9



1. URI
2. HTTP

9



1. URI
2. HTTP
3. HTML

9


Make it simple

Dallo Standard Generalized Markup Language
all’Hypertext Markup Language

10


La mia prima pagina web
‣ <html>

11


‣ <html>

‣ <body>

11


‣ <html>

‣ <body>

‣ <h1>Il mio primo sito</h1>

11


‣ <html>

‣ <body>


‣ <ul>

11


‣ <html>

‣ <body>


‣ <ul>

‣ <li>

11


‣ <html>

‣ <body>


‣ <ul>

‣ <li>

‣ <a href=”http://www.infolet.it”>Il mio primo link</a>

11


‣ <html>

‣ <body>


‣ <ul>

‣ <li>


‣ </li>

11


‣ <html>

‣ <body>


‣ <ul>

‣ <li>


‣ </li>

‣ </ul>

11


‣ <html>

‣ <body>


‣ <ul>

‣ <li>


‣ </li>

‣ </ul>

‣ </body>

11


‣ <html>

‣ <body>


‣ <ul>

‣ <li>


‣ </li>

‣ </ul>

‣ </body>

‣ </html>

11


Stampata dal browser

12


Complicarsi la vita

13


Le virtù dell’ipertesto

15



Interattività

15



Interattività

Non linearità

15



Interattività

Non linearità

Associazione

15



Interattività

Non linearità

Associazione

Itinerario

15



Interattività

Non linearità

Associazione

Itinerario

Processo

15


I difetti dell’ipertesto

16



Interattività

16



Interattività

Non linearità

16



Interattività

Non linearità

Associazione

16



Interattività

Non linearità

Associazione

Itinerario

16



Interattività

Non linearità

Associazione

Itinerario

Processo

16


Cosa indosso stamattina?

17


Cosa indosso stamattina?

L’armadio e la via che porta all’abbigliamento

17


Cos’è l’architettura
dell’informazione?

18



Strutturare

18



Strutturare
Organizzare

18



Strutturare
Organizzare
Etichettare

18


Presentare l’architettura: diamoci
un criterio

19


un criterio
Tassonomico

19


un criterio
Tassonomico

Gerarchico

19


un criterio
Tassonomico

Gerarchico

Cronologico

19


un criterio
Tassonomico

Gerarchico

Cronologico

Alfabetico

19


un criterio
Tassonomico

Gerarchico

Cronologico

Alfabetico

Geograﬁco

19


un criterio
Tassonomico

Gerarchico

Cronologico

Alfabetico

Geograﬁco

Utente

19


un criterio
Tassonomico

Gerarchico

Cronologico

Alfabetico

Geograﬁco

Utente

Azione

19


Visualizzare l’architettura

20


Tre-domande-tre per
la tua pagina web

21


Tre-domande-tre per
la tua pagina web

1. Dove sono?

21


Tre-domande-tre per
la tua pagina web

1. Dove sono?
2. Di cosa si parla?

21


Tre-domande-tre per
la tua pagina web

1. Dove sono?
2. Di cosa si parla?
3. Dove posso andare?

21


Tre-risposte-tre (o forse quattro)

22


E ora qualcosa di completamente
diverso. O no?

Lo sboom, O’Reilly e il Web 2.0

23


Platform switch

24


Platform switch

Pervasività della rete

24


Platform switch

Sviluppo e afﬁdabilità delle tecnologie

24


Platform switch

Sviluppo e afﬁdabilità delle tecnologie
Connettività always on

24


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


Libertà è partecipazione

26



Commenti

26



Commenti
Permalink

26



Commenti
Permalink
Feed RSS (Really Simple Syndication)

26

Dal desktop al web publishing

La generazione dei contenuti generati dagli utenti

27


In società sul web

28


Dietro le quinte

29


Dietro le quinte

XML, XHTML

29


Dietro le quinte

XML, XHTML
DOM e Javascript

29


Dietro le quinte

XML, XHTML
DOM e Javascript
API

29


Ridistribuzione

30


Ridistribuzione

I feed RSS spingono i contenuti fuori
dal sito

30


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


Pubblica

31


Ridistribuisci - 1

32


Ridistribuisci - 2

33


Ridistribuisci - 3

34

Campioni di remix

35

Giacimenti e tubi di contenuti

36


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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Kürzlich hochgeladen

Kürzlich hochgeladen (11)

Empfohlen

Empfohlen (20)

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

Hinweis der Redaktion