2. Evoluzione del Web: dal Web 1.0 al Web 2.0

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e ComunicazioneCorso di Design dell’Interazione

Evoluzione del Web (I)Dal Web 1.0 al Web 2.0Roberto Polillo

Nuova edizione 2010-11

La rivoluzione dell’informazione:che cosa significa?

3

Video (5’,30”):http://www.youtube.com/watch?v=-4CV05HyAbM

R.Polillo - Ottobre 2010

http://www.youtube.com/watch?v=-4CV05HyAbM

Che cos’è il Web

Un sistema di tecnologie correlate, evolutesi con continuità a partire dai primi anni ’90.Semplificando molto:


4

Concetto di ipertesto (es.Hypercard, 1987)

Protocolli internet:- TCP/IP (primi anni 70) - DNS (primi anni 80)

+HTTPHTMLURLBROWSER(da1990-91)

+WWW

Il World Wide Web


5

Tim Berners-Lee (1995)

"I just had to take the hypertext idea and connect it to the TCP Protocol and Domain Name System ideas and – Ta-da! – the World Wide Web!”

Architettura di base


6

HTML

HTTP

Fasi della storia del web7

Prim

o sito

Web

al C

ERN

Mos

aic

(NCS

A)

Tim

Ber

ners

-Lee

fon

da il

W3C

IPO d

i Net

scap

e, M

S Ex

plor

er, A

maz

on, e

Bay

Boom

e c

rollo

del

NAS

DAQIP

O d

i Goo

gle;

Fire

fox

91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10

WEB 1.0 WEB 2.0crisipreistoria

AOL

com

pra

Netsc

ape;

nas

ce

Googl

e

11 set

tem

bre

Napst

er

Crisi

finan

ziar

ia

crisiR.Polillo - Ottobre 2010

Prim

o sv

ilipp

o di

Tim

Ber

ners

Lee

Web 1.08

Siti e portali con contenuti prodotti dal publisher Organizzazione gerarchica dell’informazione e navigazione attraverso

menu Data base Interazione sito singolo utente Directory e motori di ricerca E-commerce Tecnologie push (publish & subscribe)

(http://en.wikipedia.org/wiki/Push_technology) Servizi “chiusi” (“attrarre l’utente sul sito, e tenercelo”) Banda stretta


http://en.wikipedia.org/wiki/Push_technology

Web 1.0: le 3 C9

I tre modi di fare business con internet:

CommerceEs. Amazon

ContentEs. Online magazines,portali

ConnectionEs. Connettivitàinternet

http://en.wikipedia.org/wiki/Dot-com_company


B2C: Business to ConsumerB2B: Business to Business

http://en.wikipedia.org/wiki/Dot-com_company

E-commerce: prime storie di successo10

http://www.amazon.com (dal 1995, http://en.wikipedia.org/wiki/Amazon.com )

http://www.ebay.com (dal 1995, http://en.wikipedia.org/wiki/EBay )


www.alexa.com (sett 2010)

Revenues 2009:- Amazon 24,5 B$ (+28%)- eBay 8,7 B$ (+2%)

http://www.amazon.com/

http://en.wikipedia.org/wiki/Amazon.com

http://www.ebay.com/

http://en.wikipedia.org/wiki/EBay

http://www.alexa.com/

E-commerce B2C: l’Italia è diversa

La quota di vendite online sul totale delle vendite è molto inferiore (2009: <1 %, 5,8 Mdi Euro, stabile nonostante la crisi, contro il 6-7% di USA e Europa nel 2008)

Si vendono online soprattutto servizi (66% delle vendite online nel 2009: turismo, biglietti, ricariche telefoniche, prodotti assicurativi), mentre in USA e Europa soprattutto prodotti (60% delle vendite online nel 2008, soprattutto abbigliamento, computer, auto)

Il 51% di tutte le vendite online del 2009 riguarda il turismo (con il 10% delle vendite totali del settore – in USA il 20% nel 2008)

Dopo il turismo, i prodotti più venduti online in Italia sono informatica e elettronica di consumo (9%), abbigliamento (4%), editoria, musica e audiovisivi (2%); gli altri settori sono trascurabili (dati 2008)

http://www.osservatori.net/ecommerce_b2c http://www.tendenzeonline.info/news/pdf/489/6/ecommerce-b2c-immune-alla-crisi.html


11

http://www.osservatori.net/ecommerce_b2c

http://www.tendenzeonline.info/news/pdf/489/6/ecommerce-b2c-immune-alla-crisi.html

Content: I portali12

Siti che costituiscono porte di accesso a un gruppo consistente di risorse internet di vario tipo, spesso organizzate per canali tematici

Possono essere generalisti o verticali (“vortals”), e sono spesso personalizzabili sulla base delle singole esigenze (“myPortal”)

Hanno avuto un grande sviluppo alla fine degli anni ’90

http://en.wikipedia.org/wiki/Web_portal


http://en.wikipedia.org/wiki/Web_portal

Esempi13

http://www.yahoo.com (dal 1994, http://en.wikipedia.org/wiki/Yahoo!, fra i primi 5 siti più visitati al mondo

I principali portali italiani oggi: http://www.libero.it

dal 1994 come Italia OnLine, acquisito da Infostrada, acquisita da Wind

http://www.virgilio.it (anche http://www.alice.it)dal 1996, Gruppo Telecom Italia


http://www.yahoo.com/

http://en.wikipedia.org/wiki/Yahoo

http://www.libero.it/

http://www.virgilio.it/

http://www.alice.it/

www.yahoo.com

1999

14




Enterprise portals15

Il principale strumento di comunicazione interna ed esterna delle aziende

Verso l’interno (accesso riservato al personale dell’azienda): Comunicazione interna Front-end ai sistemi informativi aziendali [Cooperazione e social networking]

Verso l’esterno: Comunicazione esterna [e-commerce, B2C e B2B]


ImpresaInterno Esterno

Partner

• Dipendenti• Consulenti• Org. Sindacali• …

EXTRANET

INT

ER

NE

T

INT

RA

NE

T

Enterprise portals: l’evoluzione 16

• Clienti• Investitori• Altre organizzazioni• Pubblico generico• ….

• Fornitori• Distributori• Banche• ….



Partner


EXTRANET

INT

ER

NE

T

INT

RA

NE

T Intranet portal


Internet portal

Extranet portal





Partner


EXTRANET

INT

ER

NE

T

INT

RA

NE

T Intranet portal


Internet portal

Extranet portal

Enterprise Information

Portal(EIP)




La “bolla” delle dot-comIndice Nasdaq Composite al marzo 2008(fonte: Wikipedia)

10 marzo 2000:5049

9 ott 2002:1114

Google IPO19 ago 2004

20

IPO Netscape9 agosto 1995:

Netscape all’IPO:Fondata 18 mesi primaRevenues 1995 all’IPO: 16 M$Nessun profittoValore aziendale all’IPO: 1 B$


e poi…


21

Web 2.0: storia di un nome22

Il termine “Web 2.0” è stato “lanciato” dalla prima O’Reilly Media Web 2.0 Conference (Ottobre 2004)

E’ uno slogan, che identifica un grande cambio di paradigma nel web“Web 2.0 is the business revolution in the computer industry caused by the move to the Internet as a platform, and an attempt to understand the rules for success on that new platform”

Tim O’Reilly

Vedi anche Wikipedia: http://it.wikipedia.org/wiki/Web_2.0 http://en.wikipedia.org/wiki/Web_2.0


http://it.wikipedia.org/wiki/Web_2.0

http://en.wikipedia.org/wiki/Web_2.0

Da: Tim O’Reilly, What is Web 2.0 (2005) http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

23


http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

Web 2.0: caratteristiche24

I siti Web 2.0 sono piattaforme che consentono una forte interazione tra utenti. Gli utenti usufruiscono di servizi innovativi mediante potenti interfacce grafiche

(RIA, Rich Internet Applications) Questi servizi spesso possono essere composti fra loro con tecniche di mashuop Gli utenti forniscono il valore aggiunto con l’autoproduzione di contenuti e la

condivisione della conoscenza. In tal modo si sfrutta e si valorizza l’intelligenza collettiva, vero motore del Web 2.0

I servizi offerti vengono aggiornati di continuo, in modo da correggere rapidamente gli errori e aggiungere nuove funzionalità non appena disponibili (questa caratteristica viene anche chiamata “perpetual beta”)

Video in italiano (4’): http://www.ictv.it/file/full/8/web-20/


http://www.ictv.it/file/full/8/web-20/

Time Person of the Year, Natale 200626


Top 5 sites (ottobre 2010)27


Agosto 2010

1. Google.com2. Facebook 3. Youtube4. Yahoo!5. Windows live6. Baidu.com7. Wikipedia8. Blogger.com9. Msn10. Twitter11. Qq.com12. Yahoo Giappone13. Google India14. Taobao.com (cina)15. Amazon

Agosto 2009

1. Google.com2. Yahoo! 3. Facebook4. Youtube5. Windows live6. Msn7. Blogger.com 8. Wikipedia9. Baidu(motore ricerca cinese) 10. Yahoo Giappone11. myspace12. Google India13. Google Germania14. Twitter15. qq.com(social network cinese)

Top sites (World)28


1. Yahoo!2. Msn3. Google.com4. eBay5. Amazon6. Microsoft.com7. MySpace8. Google.co.uk9. Aol.com10. Go.com

2005

Dati da www.alexa.comVedere la situazione aggiornata in:http://www.alexa.com/topsites (anche: by Country, by Category)

http://www.google.com/

http://www.qq.com/

http://www.google.com/


http://www.alexa.com/topsites

http://www.alexa.com/topsites

Per statistiche sui siti Web

www.alexa.comInformazioni statistiche sul traffico internet (Alexa toolbar). (Di amazon.com)

http://movers20.esnips.com/Un utilissimo mashup che fornisce un semplice dashboard di interfaccia ai dati di Alexa, Quantcast e Google. (Link anche sul blog del corso)

www.quantcast.com“…to measure and organize the world's internet audiences in real-time so advertisers can buy, sell and connect with those that matter most. Right now, Quantcast engages all 220 million U.S. Internet users, providing detailed audience profiles for the advertising marketplace to learn more about what consumers are doing online.” (non toolbar, ma attrezzaggio del sito monitorato)


29


http://movers20.esnips.com/

http://www.quantcast.com/

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e ComunicazioneCorso di Design dell’Interazione

Evoluzione del Web (II)Dal Web 1.0 al Web 2.0Roberto Polillo

Nuova edizione 2010-11

Sintesi della puntata precedente

Internet e il Web sono due cose diverse Il Web nasce nel 90 per opera di Tim Berners Lee La centralità del browser e la guerra dei browser L’IPO di Netscape (1995) e la bolla delle dot.com Web 1.0: le 3 C (connettività, commercio, contenuti) Il crollo del Nasdaq (2000) L’IPO di Google (2004) e il Web 2.0 Web 2.0: l’utente è protagonista


32

Web 2.0: Alcuni esempi33

Ebay, dove ogni venditore e compratore ha una reputazione pubblica determinata dagli altri utenti a seconda dei propri comportamenti

Il Page Rank di Google, basato sul “giudizio” degli altri siti I blog, dove la partecipazione sostituisce la comunicazione

unidirezionale Wikipedia, enciclopedia con voci decise e costruite dagli utenti I social network sites, (YouTube, Flickr, Myspace, Facebook) che

raccolgono ed organizzano contenuti forniti dagli utenti Google Maps (http://maps.google.com/)dove gli utenti usano in

maniera creativa dati standardizzati, dando vita a nuovi servizi Trovate un ampio catalogo in http://www.technorati.it/siti-del-web20/ -

http://www.allthingsweb2.com/


http://www.youtube.com/

http://www.flickr.com/

http://www.myspace.com/

http://www.facebook.com/

http://maps.google.com/

http://www.technorati.it/siti-del-web20/

http://www.allthingsweb2.com/

Per informazioni aggiornate


34

“About us. Founded in 2005, Mashable is the top source for news in social and digital media, technology and web culture. With more than 30 million monthly pageviews, Mashable is the most prolific news site reporting breaking web news, providing analysis of trends, reviewing new Web sites and services, and offering social media resources and guides.”

www.mashable.com

http://www.mashable.com/

Corporate sites: la presenza web tradizionale

Sito web

Visitatore

35R.Polillo – Ottobre

2010

Corporate sites: la presenza web, oggi

Sito web

Blog

Visitatore


2010

Tutti i siti sono collegati in un “sistema”

Sito web

Blog

Visitatore


2010

SOCIAL BUTTONS

Il visitatore può interagire

Sito web

Blog

Visitatore


2010

SOCIAL BUTTONS

Il visitatore come megafono

Sito web

Blog

Blog

Sito web

Presenza Web del visitatore

Visitatore

39R.Polillo –

Ottobre 2010

SOCIAL BUTTONS

Il visitatore come megafono

Sito web

Blog

Blog

Sito web

Presenza Web del visitatore Share

buttons

Visitatore


2010

SOCIAL BUTTONSSHARE BUTTONS

Marketing virale41

La rete dei nostri visitatori

La rete degli amici dei nostri visitatori

La rete degli….

R.Polillo – Ottobre

2010

European corporate website ranking

Il ranking H&H (Hallwarsson & Halvarsson) I migliori corporate website europei e italiani del

2009 secondo il ranking H&H: - http://www.webranking.nu/Results/Result-2009/Europe-500/ - http://www.webranking.nu/Results/Result-2009/Italy/

Esempi:www.telecomitalia.com (3°in Europa, guardare “Talk With Us”, nel menu)

www.eni.com (1° in Europa e in Italia, guardare “mobile”, in alto)


42

http://www.webranking.nu/Results/Result-2009/Europe-500/

http://www.webranking.nu/Results/Result-2009/Italy/

http://www.telecomitalia.com/

http://www.eni.com/


E’ vero? Guardate, per esempio:http://blog.boxedart.com/inspiration/a-template-design-retrospective-2001-–-2010/

http://blog.boxedart.com/inspiration/a-template-design-retrospective-2001-%E2%80%93-2010/

Il “mobile Web”


44

WWW

Mobile Web

Le piattaforme di accesso:

Apple iPhone

Da metà 2007 Multitouch GPS Accelerometro Sensore di prossimità Bussola Camera

http://it.wikipedia.org/wiki/IPhone


45


Diffusione di iPhone


46

Fonte: Apple, da http://it.wikipedia.org/wiki/IPhone


iTunes (Apple)


47

Da genn 2001, client gratuito

iTunes Store & App Store

iTunes Store (da apr 2003): il più grande negozio di musica online App Store (da lug 2008) : estensione di iTunes, per download

applicazioni per iPhone, iPod Touch, iPad 70% ricavi subito al produttore, 30% a Apple Processo di approvazione breve Dall’apertura a sett 2010: 250 K apps, 6,5 Mdi downloads http://en.wikipedia.org/wiki/App_Store

http://en.wikipedia.org/wiki/App_Store


48

http://en.wikipedia.org/wiki/App_Store

iTunes Store


49

http://en.wikipedia.org/wiki/ITunes_Store

Android


50

http://www.google.com/mobile/

Facebook Mobile


51

www.m.Facebook.com

52

Telefonia mobile nel mondo

Nel 2007: 1 miliardo di cellulari venduti nel mondo (e “solo”

400 milioni di PC)

Nel 2009: 90% della popolazione mondiale ha accesso a un

telefono cellulare

Fonte: Nazioni Unite


4.1 miliardi di abbonati!

19% nel 2002

12% nel 2000

Quasi 1 persona su

4

53


54


Mobile internet oggi


55

If all US Mobile Internet were condensed into one hour, how much time woould be spent in the most heavily used sectorsDa http://mashable.com/2010/08/12/mobile-email/

Mobile search

"Alla fine, pensiamo che la maggior parte delle ricerche saranno effettuate dai telefonini e rappresenteranno la maggior parte del fatturato, ma la strada è ancora lunga“

Eric Schmidt, CEO Google


56


Convergenza:Stima dell’uso attuale dei social media su device mobili

Vedihttp://mashable.com/2010/08/24/the-state-of-the-geosocial-universe-infographic/ (agosto 2010)


(Agosto 2010)

… O NO?

Variazione % del traffico internet

R.Polillo - Ottobre 2010Da Wired

Ma…


60

http://gizmodo.com/5614841/

web

video

Architettura di base del Web


61

HTML

HTTP

Oppure?


62

?

??

server

“Il paradigma 2.0”

La filosofia e gli strumenti del Web di oggi applicati a settori specifici Learning 2.0 Health 2.0 Enterprise 2.0 …


63

65

www.cure4kids.org: crescita66

Start: Oct 2002

Oggi: 23.000 utenti in 176 Paesi

Enterprise 2.067

Il paradigma del Web 2.0 applicato all’impresa In pratica, l’adozione di modelli organizzativi (supportati

da opportune tecnologie) basati sul coinvolgimento diffuso, la collaborazione, la condivisione della conoscenza e lo sviluppo e valorizzazione di reti sociali interne ed esterne all’organizzazione

Video in italiano (3’): http://it.youtube.com/watch?v=DEmta6DugKg

http://it.wikipedia.org/wiki/Enterprise_2.0


68

“Il Web è più che un'innovazione tecnica. L'ho progettato perché avesse una ricaduta sociale, perché aiutasse le persone a collaborare, e non come giocattolo tecnologico. Il fine ultimo del web è migliorare la nostra esistenza reticolare nel mondo”

Tim Berners-Lee

http://www-128.ibm.com/developerworks/podcast/dwi/cm-int082206.txt


Evoluzione del Web: dal Web 1.0 al Web 2.0LAVORO INDIVIDUALE

69

OBBLIGATORIO:

Prendi familiarità con: www.yahoo.com (soprattutto le caratteristiche 2.0) www.amazon.com www.alexa.com www.mashable.com

SUGGERITO: Confronta www.libero.it , www.virgilio.it e www.it.yahoo.com (verificando il loro

rank attuale fra i portali italiani) e scegli quello più adatto alle tue esigenze E’ molto interessante analizzare la evoluzione di questi portali nel tempo, ad

esempio usando la “wayback machine” di http://www.archive.org Leggi l’articolo originale di Tim O’Reilly sull Web 2.0 in

http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html


Education

2. Evoluzione del Web: dal Web 1.0 al Web 2.0