Evoluzione del Web (fonte prof. Polillo)
←
→
Trascrizione del contenuto della pagina
Se il tuo browser non visualizza correttamente la pagina, ti preghiamo di leggere il contenuto della pagina quaggiù
Evoluzione del Web
(fonte prof. Polillo)
EVOLUZIONE-WEB -1-
L'evoluzione del 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)
EVOLUZIONE-WEB -2-
Crescita dei siti web nel mondo
fonte: http://gandalf.it/dati
EVOLUZIONE-WEB -3-
Le lingue usate nei siti web
Aprile 2013
fonte: http://en.wikipedia.org/wiki/Global_Internet_usage
EVOLUZIONE-WEB -4-
La crescita degli host internet (web
server)
Crescita host internet 1981 - 2012
Internet Systems Consortium, da Wikipedia
fonte: http://en.wikipedia.org/wiki/Global_Internet_usage
EVOLUZIONE-WEB -5-
La crescita degli utenti di internet
fonte: ITU, Measuring the Information Society 2013
EVOLUZIONE-WEB -6-
La crescita dei domini .it
migliaia
fonte: http://gandalf.it/dati
EVOLUZIONE-WEB -7-
La crescita del traffico internet
video
p2p
web
fonte: http://gizmodo.com/5614841/
EVOLUZIONE-WEB -8-
La ripartizione del traffico internet
video
p2p
web
fonte: Wired
EVOLUZIONE-WEB -9-
Le 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
EVOLUZIONE-WEB - 10 -Le fasi della evoluzione del Web
1985 1995+ 2005+
Communication Hypertext Social
network network media
ü Email ü Portali ü Blog
ü File transfer ü Motori di ricerca ü Forum
ü Newsgroup ü Siti Web aziendali e ü Social network
ü … istituzionali ü …
ü eCommerce
EVOLUZIONE-WEB - 11 -Le fasi della evoluzione del Web
EVOLUZIONE-WEB - 12 -In altre parole...
• Web 1.0
Il loro Web
Una grande enciclopedia di informazioni
• Web 2.0
Il nostro Web
Una rete di relazioni social
• Web 3.0
Il mio Web
Personalizzabile per le mie esigenze
EVOLUZIONE-WEB - 13 -Web 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
EVOLUZIONE-WEB - 14 -Prima fase: il Web 1.0
Andamento indice del Nasdaq
Max
MS Explorer Google NASDAQ
Amazon Mozilla
eBay
IPO Netscape
W3C
Primo sito 11 sett
Netscape Navigator
Web al Yahoo Min
CERN Napster
Mosaic Paypal NASDAQ
1990 1 2 3 4 5 6 7 8 9 2000 2001 2002
EVOLUZIONE-WEB - 15 -Web 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
EVOLUZIONE-WEB - 16 -Web 1.0: tipi di siti
• Corporate Web sites
• Portali e motori di ricerca
• eCommerce
• [Enterprise portals]
EVOLUZIONE-WEB - 17 -Tipi di siti (per origine/destinazione)
G = Government
B = Business
G C = Consumer
E = Employee
Extranet G2B G2C
B2B B B2C
C C2C
B2E
Intranet
E
EVOLUZIONE-WEB - 18 -Corporate 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]
EVOLUZIONE-WEB - 19 -Portali
• 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
EVOLUZIONE-WEB - 20 -Web 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
EVOLUZIONE-WEB - 21 -Web 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)
EVOLUZIONE-WEB - 22 -Web 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
EVOLUZIONE-WEB - 23 -Web 2.0
Traffico sulla rete
video
(in rosso l’inizio Twitter,
del mobile Web) Slideshare,
Scribd
Google Docs
Google+
YouTube,
Joomla, iPad, Pinterest
Ning Instagram
Flickr, Foursquare
Facebook WhatsApp
Skype Groupon
WordPress Android,
Wikipedia Blogger Dropbox
LinkedIn iPhone
2000 1 2 3 4 5 6 7 8 9 10 11 12
EVOLUZIONE-WEB - 24 -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
25Traditional Web
Computer: rendering without
“understanding”
FR3
Factual Resources (FR): FR2
data, music, pictures, … FR1
26Traditional Web features
Bbb
Aaa
q Keyword-based Information Retrieval
q Hypertext Navigation
q Manual Classification
q Specialised search engines (crawlers)
Access quality is inversely
proportional to data
quantity
27Towards 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)
28Semantic Web vision
•Authentication
•Reasoning
•Logical expressions
•Concepts
•Resource description
framework
•Markup language
•Uniform resources
identifier
ee http://www.w3.org/2000/Talks/1206-xml2k-tbl/Overview.html
29Semantic Web
Knowledge Resources (KR): concepts,
semantic relationships (ontologies) …
KR1
KR2
Knowledge
Network
30Semantic Web Features
• Shared Conceptualisations
(shared ontologies)
• Semantic Search
• Augmented interoperability
Access quality directly
proportional to
knowledge quantity
31Two 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…
32Example of Domain Ontology
TOP
Activity
Categories
Entity
Business
ISA Process
Business
Actor
Object
instantiation
Procurement
ISA
person ... Intensional Level
( Concepts)
employee Dept
instantiation
Paolo Rossi ... PurchasingX
Extensional Level
PurchasingY (Individuals)
Giovanni Bianchi SIDB
33Web 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
EVOLUZIONE-WEB - 34 -Cellulari: terminologia
Dumb phones
– prezzo basso
– essenzialmente, voce + SMS
Feature phones
– prezzo medio
– + MMS, PDA, fotocamera, media
player, La distinzione non
è netta, e i confini
– wi-fi, mobile broadband access, [GPS] sono in continua
Smartphones evoluzione
– prezzo alto
– + 3d party apps, …
EVOLUZIONE-WEB - 35 -Internet & mobile phones penetration
Internet users Mobile cellular subscriptions
6
anni
di
ritardo
fonte: ITU, Measuring the Information Society 2012 e 2013
EVOLUZIONE-WEB - 36 -Global bandwidth growth
7x in 5 anni
EVOLUZIONE-WEB - 37 -Smartphone market share (2013)
Prezzo medio:
260 USD
Fonte: FT, dic 2013
EVOLUZIONE-WEB - 38 -Web 3.0 – Mobile Web
"Mobile miracle"
il 90% della popolazione del pianeta ha accesso a un cellulare
EVOLUZIONE-WEB - 39 -Mobile 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…
EVOLUZIONE-WEB - 40 -L'inizio di un totale cambio di paradigma
EVOLUZIONE-WEB - 41 -Smartphone
EVOLUZIONE-WEB - 42 -Tablet
EVOLUZIONE-WEB - 43 -Desktop
EVOLUZIONE-WEB - 44 -Smart TV
EVOLUZIONE-WEB - 45 -Un utente, molti device
EVOLUZIONE-WEB - 46 -Responsive web applications
Il layout della pagine si modifica in funzione delle
dimensioni del video
EVOLUZIONE-WEB - 47 -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
EVOLUZIONE-WEB - 48 -Responsive design – esempio 1
EVOLUZIONE-WEB - 49 -Responsive design – esempio 2
EVOLUZIONE-WEB - 50 -Responsive design – esempio menu
EVOLUZIONE-WEB - 51 -Responsive design – esempio form
EVOLUZIONE-WEB - 52 -Pro & cons per l'utilizzatore
Responsive Web Application Native App
• Si accede con un normale • Deve essere scaricata da
browser, su ogni device uno store, per ogni device
• Aggiornamenti effettuati dal • Aggiornamenti devono
fornitore del servizio, senza essere effettuati dall'utente
coinvolgere l'utente • È ottimizzata per il device di
• Si adatta alla dimensione accesso
dello schermo, ma non è • È "garantita" dal gestore
ottimizzata per il device di dello store
accesso • In caso di esclusiva,
• Non è "garantita" da una l'ecosistema è controllato dal
terza gestore del servizio
• parte
• Ecosistema aperto
EVOLUZIONE-WEB - 53 -Pro & cons per lo sviluppatore
Responsive Web Application Native App
• Una sola versione per tutti i • Una versione differente per
device ogni device (!)
• Non è ottimizzata per il • È ottimizzata per il device di
device di accesso accesso
• Non serve un distributore • Serve un distributore
(ricarico sul prezzo ed eventuale
filtro)
EVOLUZIONE-WEB - 54 -Puoi anche leggere
