EVOLUZIONE-WEB - 1 - Evoluzione del Web (fonte prof. Polillo)

EVOLUZIONE-WEBEVOLUZIONE-WEB - - 11 - -

Evoluzione del WebEvoluzione del Web

(fonte prof. Polillo)

- - 22 - -

L'evoluzione del webL'evoluzione del web

EVOLUZIONE-WEBEVOLUZIONE-WEB

• Dal primo sito Web (1991) il Web è in continua crescita, e in continua evoluzione

• In parallelo, è cambiata la telefonia, che da fissa è diventata mobile

• I driver dell'evoluzione: la tecnologia, il mercato, i comportamenti delle persone

• Le fasi della storia del Web: Web 1.0, Web 2.0, il web mobile (Web 3.0)

- - 33 - -

Crescita dei siti web nel mondoCrescita dei siti web nel mondo


fonte: http://gandalf.it/dati

- - 44 - -

Le lingue usate nei siti webLe lingue usate nei siti web


fonte: http://en.wikipedia.org/wiki/Global_Internet_usage

Aprile 2013

- - 55 - -

La crescita degli host internet (web La crescita degli host internet (web server)server)


Internet Systems Consortium, da Wikipediafonte: http://en.wikipedia.org/wiki/Global_Internet_usage

Crescita host internet 1981 - 2012

- - 66 - -

La crescita degli utenti di internetLa crescita degli utenti di internet


fonte: ITU, Measuring the Information Society 2013

- - 77 - -

La crescita dei domini .itLa crescita dei domini .it


fonte: http://gandalf.it/dati

mig

liaia

- - 88 - -

La crescita del traffico internetLa crescita del traffico internet


fonte: http://gizmodo.com/5614841/

web

video

p2p

- - 99 - -

La ripartizione del traffico internetLa ripartizione del traffico internet


fonte: Wired

web

video

p2p

- - 1010 - -

Le fasi della evoluzione del WebLe fasi della evoluzione del Web


Possiamo indicativamente indicare, a tutt'oggi, tre grandi fasi nella storia del Web:

• Web 1.0 (1991-2001)

• Web 2.0 (circa 2003-2011)

• Web 3.0 - Mobile Web & Cloud computing

- - 1111 - -



Email

File transfer

Newsgroup

…

Portali

Motori di ricerca

Siti Web aziendali e

istituzionali

eCommerce

Blog

Forum

Social network

…

Communication network

Hypertext network

Social media

1985 1995+ 2005+

- - 1212 - -



- - 1313 - -

In altre parole...In altre parole...


• Web 1.0Il loro WebUna grande enciclopedia di informazioni

• Web 2.0Il nostro WebUna rete di relazioni social

• Web 3.0Il mio WebPersonalizzabile per le mie esigenze

- - 1414 - -

Web 1.0Web 1.0


• Contenuto prodotto e pubblicato tramite portali, siti istituzionali ed aziendali

• Organizzazione gerarchica e navigazione tramite menu

• Interazione tra singolo utente e sito Web

we write – we publish

MS ExplorerAmazoneBayIPO Netscape

1990 1 2 3 4 5 6 7 8 9 2000 2001 2002

Primo sito Web al CERN

W3CNetscape NavigatorYahoo

Mosaic

GoogleMozilla

NapsterPaypal

Max NASDAQ

11 sett

MinNASDAQ

Andamento indice del Nasdaq

- - 1515 - -

Prima fase: il Web 1.0Prima fase: il Web 1.0


- - 1616 - -

Web 1.0: caratteristiche dei sitiWeb 1.0: caratteristiche dei siti


• Siti con contenuti prodotti dal publisher

• Organizzazione gerarchica dell’informazione e navigazione attraverso menu

• Interazione sito ↔ singolo utente

• Interazione con data base

• Servizi “chiusi” (“attrarre l’utente sul sito, e tenercelo”)

• Banda stretta

- - 1717 - -

Web 1.0: tipi di sitiWeb 1.0: tipi di siti


• Corporate Web sites

• Portali e motori di ricerca

• eCommerce

• [Enterprise portals]

- - 1818 - -

Tipi di siti (per origine/destinazione)Tipi di siti (per origine/destinazione)


C2C

G = GovernmentB = BusinessC = Consumer

C

G

E

B2E

G2B G2C

B2CB2B

E = Employee

B

Intranet

Extranet

- - 1919 - -

Corporate Web sitesCorporate Web sites


• I siti “istituzionali” delle organizzazioni

• Destinatari: clienti, investitori, stampa, pubblico generico

• Chi siamo, dove siamo, che cosa facciamo, i nostri prodotti/servizi, [acquisti/servizi online]

- - 2020 - -

PortaliPortali


• Siti che costituiscono "porte di accesso" a insiemi di risorse internet di vario tipo

• Spesso organizzate per canali tematici

• Portali generalisti o verticali

• Spesso personalizzabili sulla base delle singole esigenze (“myPortal”)

• Grandissimo sviluppo alla fine degli anni ’90

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

- - 2121 - -

Web 2.0Web 2.0


• 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

• Gli utenti della rete sono fruitori e generatori di contenuti

• Nuove modalità di interazione: uno a molti (blog), molti a molti (Social Web)

you write – we publish

- - 2222 - -

Web 2.0Web 2.0


Social media:• L'utente diventa protagonista • Forte interazione tra utenti: comunicazione uno-a-molti (blog) e

molti-a-molti (social media)• Servizi che permettono agli utenti di caricare contenuti (UGC,

User generated content) e di condividerli con altri utenti• Creazione collettiva• User rating nell'e-commerce

Il Web come piattaforma di elaborazione:• Servizi erogati dalla rete, virtualizzazione • Perpetuale beta• Mashup di componenti e di servizi per realizzare nuove

applicazioni• Rich Internet Applications (RIA)

- - 2323 - -

Web 2.0 - il nostro WebWeb 2.0 - il nostro Web


• Social relationships:connettersi online e scambiarsi informazioni

• Social functionality:usare applicazioni online per lavorare e divertirsi insieme

• Social colonization:tutti i contenuti del web sono giudicati dagli utenti

• Social context:creare un’identità online per decidere con chi condividere

• Social commerce:le comunità di utenti possono influenzare il mercato

Traffico sulla rete

vid

eo

- - 2424 - -

Web 2.0Web 2.0


2000 1 2 3 4 5 6 7 8 9 10 11 12

Twitter, Slideshare,

ScribdGoogle Docs

YouTube,

Joomla, NingFlickr,

FacebookSkype

WordPressBlogger LinkedIn

iPhone

GrouponAndroid,

Dropbox

FoursquareWhatsApp

iPad, PinterestInstagram

Google+

Wikipedia

(in rosso l’inizio del mobile Web)

25

Traditional Web 1.0

The web contains a great amount of data/information/knowledge

that is:

freely available

easily reachable

covering most areas of human activities and interests

But ...

Contents are poorly organised, mainly in textual form

Content organisation, when present, greatly varies

Automatic filtering/extraction of content is very difficult (Google…); the output remains in the (original) text form

26

Traditional Web

Factual Resources (FR): data, music, pictures, …

Computer: rendering without “understanding”

FR1 FR2FR3

27

Traditional Web features

Keyword-based Information Retrieval

Hypertext Navigation

Manual Classification

Specialised search engines (crawlers)

Access quality is inversely proportional

to data quantity

Aaa

Bbb

28

Towards the Semantic Web

A vision of possibilities“The Semantic Web is an extension of the current web in which information is given well-defined meaning, better enabling computers and people to work in cooperation.”

(Tim Berners-Lee, James Hendler and Ora Lassila, The Semantic Web, Scientific American, May 2001)

29

Semantic Web vision

see http://www.w3.org/2000/Talks/1206-xml2k-tbl/Overview.html

•Authentication

•Reasoning

•Logical expressions

•Concepts

•Resource description framework

•Markup language

•Uniform resources identifier

30

Semantic Web

Knowledge Resources (KR): concepts, semantic relationships (ontologies) …

Knowledge Network

KR1KR2

31

Semantic Web Features

• Shared Conceptualisations (shared ontologies)

• Semantic Search

• Augmented interoperability

Access quality directly

proportional to knowledge quantity

32

Two kinds of resources

Factual Resources (FR): Information on individuals

Data, such as: the department SELL is in Milan, the director is…

Knowledge Resources (KR): Information to understand and process semantic properties

Knowledge, such as: a department has properties name, location, etc…

33

Entity

ActorBusinessObject

BusinessProcessISA

person

employee

ISA

Dept

Procurement

Giovanni Bianchi

Paolo Rossi

SIDB

PurchasingX

Intensional Level

(Concepts)

Extensional Level(Individuals)

Categories

...

Activity

PurchasingY...

instantiation

instantiation

Example of Domain Ontology

TOP

- - 3434 - -

Web 3.0Web 3.0


• Web 3.0 = “contestualizzare e personalizzare il tuo Web”

• Il Web 3.0 descrive i dati disponibili in rete, per facilitarne la ricerca per un utente in un preciso contesto (Web Semantico)

• Information overload

- - 3535 - -

Cellulari: terminologiaCellulari: terminologia


Dumb phones– prezzo basso– essenzialmente, voce + SMS

Feature phones– prezzo medio– + MMS, PDA, fotocamera, media

player, – wi-fi, mobile broadband access, [GPS]

Smartphones– prezzo alto– + 3d party apps, …

La distinzione non è netta, e i confini sono in continua evoluzione

- - 3636 - -

Internet & mobile phones penetrationInternet & mobile phones penetration


Internet users Mobile cellular subscriptions

fonte: ITU, Measuring the Information Society 2012 e 2013

6 anni diritardo

- - 3737 - -

Global bandwidth growthGlobal bandwidth growth


7x in 5 anni

- - 3838 - -

Smartphone market share (2013)Smartphone market share (2013)


Prezzo medio: 260 USDFonte: FT, dic 2013

- - 3939 - -

Web 3.0 – Mobile WebWeb 3.0 – Mobile Web


"Mobile miracle"

il 90% della popolazione del pianeta ha accesso a un cellulare

- - 4040 - -

Mobile WebMobile Web


Nel Web ovunque e in qualsiasi momento

• L’enfasi non è sulla mobilità• L’enfasi è sul fatto che portiamo sempre i dispositivi

mobili con noi

Dispositivi portabili, indossabili, personali, geo-localizzati, multi-funzione…

- - 4141 - -

L'inizio di un totale cambio di paradigmaL'inizio di un totale cambio di paradigma


- - 4242 - -

SmartphoneSmartphone


- - 4343 - -

TabletTablet


- - 4444 - -

DesktopDesktop


- - 4545 - -

Smart TVSmart TV


- - 4646 - -

Un utente, molti deviceUn utente, molti device


CLOUD

- - 4747 - -

Responsive web applicationsResponsive web applications


Il layout della pagine si modifica in funzione delle dimensioni del video

- - 4848 - -

Media query (HTML5)Media query (HTML5)


Da HTML si possono identificare alcune caratteristiche del dispositivo che riceve la pagina, e comporre layout diversi a seconda dei casi:

responsive design

una sola pagina web per tutti i device

- - 4949 - -

Responsive design – esempio 1Responsive design – esempio 1


- - 5050 - -

Responsive design – esempio 2Responsive design – esempio 2


- - 5151 - -

Responsive design – esempio menuResponsive design – esempio menu


- - 5252 - -

Responsive design – esempio formResponsive design – esempio form


- - 5353 - -

Pro & cons per l'utilizzatorePro & cons per l'utilizzatore


Responsive Web Application• Si accede con un normale

browser, su ogni device• Aggiornamenti effettuati dal

fornitore del servizio, senza coinvolgere l'utente

• Si adatta alla dimensione dello schermo, ma non è ottimizzata per il device di accesso

• Non è "garantita" da una terza

• parte • Ecosistema aperto

Native App• Deve essere scaricata da

uno store, per ogni device• Aggiornamenti devono

essere effettuati dall'utente• È ottimizzata per il device di

accesso• È "garantita" dal gestore

dello store• In caso di esclusiva,

l'ecosistema è controllato dal gestore del servizio

- - 5454 - -

Pro & cons per lo sviluppatorePro & cons per lo sviluppatore


Responsive Web Application• Una sola versione per tutti i

device• Non è ottimizzata per il

device di accesso• Non serve un distributore

Native App• Una versione differente per

ogni device (!)• È ottimizzata per il device di

accesso• Serve un distributore (ricarico sul prezzo ed eventuale

filtro)

EVOLUZIONE-WEB - 1 - Evoluzione del Web (fonte prof. Polillo)

Documents

Transcript of EVOLUZIONE-WEB - 1 - Evoluzione del Web (fonte prof. Polillo)