EVOLUZIONE-WEB EVOLUZIONE-WEB - - 1 - - Evoluzione del Web 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
fonte: http://gandalf.it/dati
- - 44 - -
Le lingue usate nei siti webLe lingue usate nei siti web
EVOLUZIONE-WEBEVOLUZIONE-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)
EVOLUZIONE-WEBEVOLUZIONE-WEB
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
EVOLUZIONE-WEBEVOLUZIONE-WEB
fonte: ITU, Measuring the Information Society 2013
- - 77 - -
La crescita dei domini .itLa crescita dei domini .it
EVOLUZIONE-WEBEVOLUZIONE-WEB
fonte: http://gandalf.it/dati
mig
liaia
- - 88 - -
La crescita del traffico internetLa crescita del traffico internet
EVOLUZIONE-WEBEVOLUZIONE-WEB
fonte: http://gizmodo.com/5614841/
web
video
p2p
- - 99 - -
La ripartizione del traffico internetLa ripartizione del traffico internet
EVOLUZIONE-WEBEVOLUZIONE-WEB
fonte: Wired
web
video
p2p
- - 1010 - -
Le fasi della evoluzione del WebLe fasi della evoluzione del Web
EVOLUZIONE-WEBEVOLUZIONE-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 - -
Le fasi della evoluzione del WebLe fasi della evoluzione del Web
EVOLUZIONE-WEBEVOLUZIONE-WEB
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 - -
Le fasi della evoluzione del WebLe fasi della evoluzione del Web
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 1313 - -
In altre parole...In altre parole...
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 1616 - -
Web 1.0: caratteristiche dei sitiWeb 1.0: caratteristiche dei siti
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
• Corporate Web sites
• Portali e motori di ricerca
• eCommerce
• [Enterprise portals]
- - 1818 - -
Tipi di siti (per origine/destinazione)Tipi di siti (per origine/destinazione)
EVOLUZIONE-WEBEVOLUZIONE-WEB
C2C
G = GovernmentB = BusinessC = Consumer
C
G
E
B2E
G2B G2C
B2CB2B
E = Employee
B
Intranet
Extranet
- - 1919 - -
Corporate Web sitesCorporate Web sites
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
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
EVOLUZIONE-WEBEVOLUZIONE-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
EVOLUZIONE-WEBEVOLUZIONE-WEB
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
EVOLUZIONE-WEBEVOLUZIONE-WEB
• 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
EVOLUZIONE-WEBEVOLUZIONE-WEB
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
EVOLUZIONE-WEBEVOLUZIONE-WEB
Internet users Mobile cellular subscriptions
fonte: ITU, Measuring the Information Society 2012 e 2013
6 anni diritardo
- - 3737 - -
Global bandwidth growthGlobal bandwidth growth
EVOLUZIONE-WEBEVOLUZIONE-WEB
7x in 5 anni
- - 3838 - -
Smartphone market share (2013)Smartphone market share (2013)
EVOLUZIONE-WEBEVOLUZIONE-WEB
Prezzo medio: 260 USDFonte: FT, dic 2013
- - 3939 - -
Web 3.0 – Mobile WebWeb 3.0 – Mobile Web
EVOLUZIONE-WEBEVOLUZIONE-WEB
"Mobile miracle"
il 90% della popolazione del pianeta ha accesso a un cellulare
- - 4040 - -
Mobile WebMobile Web
EVOLUZIONE-WEBEVOLUZIONE-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
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 4242 - -
SmartphoneSmartphone
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 4343 - -
TabletTablet
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 4444 - -
DesktopDesktop
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 4545 - -
Smart TVSmart TV
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 4646 - -
Un utente, molti deviceUn utente, molti device
EVOLUZIONE-WEBEVOLUZIONE-WEB
CLOUD
- - 4747 - -
Responsive web applicationsResponsive web applications
EVOLUZIONE-WEBEVOLUZIONE-WEB
Il layout della pagine si modifica in funzione delle dimensioni del video
- - 4848 - -
Media query (HTML5)Media query (HTML5)
EVOLUZIONE-WEBEVOLUZIONE-WEB
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
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 5050 - -
Responsive design – esempio 2Responsive design – esempio 2
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 5151 - -
Responsive design – esempio menuResponsive design – esempio menu
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 5252 - -
Responsive design – esempio formResponsive design – esempio form
EVOLUZIONE-WEBEVOLUZIONE-WEB
- - 5353 - -
Pro & cons per l'utilizzatorePro & cons per l'utilizzatore
EVOLUZIONE-WEBEVOLUZIONE-WEB
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
EVOLUZIONE-WEBEVOLUZIONE-WEB
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)