Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
12. Evoluzione del Web:
Il Mobile Web
Giuseppe Vizzari
Edizione 2015-16
Queste slide
Queste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il
sito del corso, con il materiale completo, si trova in
strumentiapplicazioniweb.wordpress.com. Data la rapida evoluzione
della rete, il corso viene aggiornato ogni anno.
Il presente materiale è pubblicato con licenza Creative Commons
“Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0”
(http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ):
La licenza non si estende alle immagini provenienti da altre fonti e
alle screen shot, i cui diritti restano in capo ai rispettivi proprietari,
che, ove possibile, sono stati indicati. L'autore si scusa per eventuali
omissioni, e resta a disposizione per correggerle.
Lo sviluppo della telefonia mobile
e la convergenza
3
Il vecchio telefono fisso
30 anni di cellulari
5
Circa
1985
Non più un telefono…
R.Polillo - Marzo 2015 6
Fasi della storia del Web
7
Prim
o
sito
W
eb
alC
ERN
M
osaic
(N
C
SA)
N
asce
ilW
3C
;N
etscape
N
avigator
IPO
diN
etscape,M
S
Explorer,Am
azon,eB
ay
Boom
e
crollo
delN
ASD
AQ
IPO
diG
oogle;Facebook
91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10 11 12
WEB 1.0 WEB 2.0crisipreistoria
nasce
G
oogle
11settem
bre;W
ikipedia
C
risi
finanziaria
iPhone,Android
Tw
itter
iPad
IPO
FB
Andamento indice del
Nasdaq
YouTube
Traffico
sulla rete
video
8
91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10 11 12
C
risi
finanziaria
Prim
o
sito
W
eb
alC
ERN
M
osaic
Boom
e
crollo
delN
ASD
AQ
WEB 1.0 WEB 2.0
11settem
bre
N
apster
Prim
o
sviluppo
diTim
Berners
Lee
YouTube
iPhone
Tw
itter
iPad
IPO
FB
IPO
diG
oogle;Firefox,
Facebook
W
3C
;N
etscape
N
avigator
IPO
diN
etscape,M
S
Explorer,Am
azon,
M
ozilla,nasce
G
oogle
SMS
2 G
Nokia
5110
GSM (candybar)
SMS, orologio, sveglia,
rubrica, calcolatrice,
rubrica, giochi, suonerie
MMS
WAP
2.5 G
Motorola
V3 RAZR
"Feature phone"
GPRS (candybar,
clamshell)
+ MMS, fotocamera,
email, (Internet) Touch phone
iPhone
+ multitouch,
sensori,
GPS, app, …
3 G
Blackberry
"Smartphone"
+ kb alfanumerica,
PDA, video, GPS,
radio, MP3, OS, …
TELEFONIA MOBILE
Skype
(telefonia
IP)
TIM,
Omnitel
Telefonia IP
• Skype
• Video-telefonia IP, gratuita
• Dal 2003, poi acquisita da eBay nel 2005, quindi da
Microsoft nel 2011 per 8,5 B$ (ora è una divisione di
MS)
• 2012: 700 milioni di accounts; un terzo di tutte le
telefonate internazionali passano per Skype; gen
2013: 50 ml utenti concorrenti
• WhatsApp
• SMS gratuiti via IP, accesso alla rubrica del telefonino
• Fondata nel 2009, nel 2014 acquisita da FB per 19 B$
• Gennaio 2015: 700 ml utenti attivi
9
Cellulari: 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 (ma in calo)
- + 3d party apps, …
10
La distinzione
non è netta, e i
confini sono in
continua
evoluzione
11
… arrivano i cinesi
…con i cellulari “low-cost”
•Xiaomi, nata nel 2010, è il quarto produttore mondiale di
smartphone
•Huawei, produttore storico di componenti di reti per
computer, è ora il terzo produttore mondiale (il Nexus 6P
è prodotto da Huawei!)
•http://en.wikipedia.org/wiki/Xiaomi
•http://en.wikipedia.org/wiki/Huawei
•http://en.wikipedia.org/wiki/Comparison_of_smartphones
•http://www.key4biz.it/samsung-trimestre-fila-in-calo-pesano
12
Cellulari ultra low-cost: esempi
13
Nokia 1100 (2003)
GSM, SMS, sveglia, calcolatrice,
rubrica, suonerie, giochi, torcia
elettrica, antipolvere e
antiscivolo)
200 milioni venduti
Oggi:
molti smartphone
Android a meno
di 100 USD
(anche 30 USD
in qualche Paese)
The “mobile miracle”
14
CIS: Commonwealth of Independent States (ex Soviet Union)
Source: ITU Measuring teh Information Society Report, 2014
And the Internet…
15
"Mobile
miracle":
Il 90% della popolazione del
pianeta ha accesso a un
cellulare
17
http://www.theguardian.com/global-development-professiona
Mobile broadband growth
18
Source: Ericcson Mobility Report, June 2014
Il mobile Web
19
Apple iPhone (2007)
20
Android
• Mobile OS basato su Linux
• Inizialmente sviluppato da
Android Inc., comprata da
Google nel 2005
• Open-source
• ma i “Google Services” non
lo sono…
• controversie su supposti
costi di licenza per
accedere a questi servizi…
• Primo cellulare Android:
fine 2008
• Oggi la piattaforma più
diffusa per mobile
21
Tablet
23
Apple iPad, da
2010
Altre convergenze:
•I lettori di e-book
evolvono in tablet
computer
Es. Amazon Kindle
Fire
•Phablet = ibrido fra
phone e tablet
Evoluzione dell’iPhone (2007-oggi)
24
https://www.flickr.com/photos/cyberiman/15349762472/
"Mobile" may be misleading…
• Emphasis is not on the "moveability"
• Emphasis is on the fact that we always bring
them with us
Small, portable, personal, context-aware, multi-function
devices…
… which can also be used to make a phone call
A che cosa ci servono i mobile?
• Il "mobile" è un device personale multifunzionale, sempre
connesso, che (ogni tanto) serve anche a telefonare
• Un video virale del 2013:
https://www.youtube.com/watch?v=RsO9MIaIazM
26
Utilizzo mensile del cellulare pro-
capite: voce vs SMS negli USA
27
Camera phone
• Fotocamera sui cellulari circa dal 2002, in connessione
con servizi MMS
• Ora possibilità di editing (foto e video) e
pubblicazione / sharing immediati in rete
• Molte applicazioni:
• Fotocamera Apple
• Instagram
• Pinterest
• Flickr
• Photoshop Express
• … Google Photos!
28
Esempio: QRCODE
Esempio: Realtà aumentata
30
Esempio: Realtà aumentata
31
Esempio: Realtà aumentata
32
La crescita del mobile
33
Il numero dei device mobili (smartphone + tablets)
ha superato quello dei desktop/laptop/net computers
(base installata)
Accesso a internet: desktop
vs mobile
34
Un utente con molti device…
E ora…?
36
https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012
http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013
E se invece fosse…?
37
https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012
http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013
http://nypost.com/2014/07/14/is-google-glass-cool-or-just-
plain-creepy/
http://recode.net/2015/07/30/google-glass-isnt-dead-but-its-all-
about-the-enterprise-for-now/
38
39
Wearable also for smart healthcare and
elderlies… but there are serious
concerns…
http://www.theguardian.com/commentisf
ree/2015/oct/24/growing-old-silicon-
valley-prescription-for-misery
Dove informarsi sull'evoluzione
della rete
40
www.mashable.com
www.techcrunch.com
www.thenextweb.com
www.theverge.com

12 - Mobile web

  • 1.
    Università degli Studidi Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 12. Evoluzione del Web: Il Mobile Web Giuseppe Vizzari Edizione 2015-16
  • 2.
    Queste slide Queste slidefanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in strumentiapplicazioniweb.wordpress.com. Data la rapida evoluzione della rete, il corso viene aggiornato ogni anno. Il presente materiale è pubblicato con licenza Creative Commons “Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0” (http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ): La licenza non si estende alle immagini provenienti da altre fonti e alle screen shot, i cui diritti restano in capo ai rispettivi proprietari, che, ove possibile, sono stati indicati. L'autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.
  • 3.
    Lo sviluppo dellatelefonia mobile e la convergenza 3
  • 4.
  • 5.
    30 anni dicellulari 5 Circa 1985
  • 6.
    Non più untelefono… R.Polillo - Marzo 2015 6
  • 7.
    Fasi della storiadel Web 7 Prim o sito W eb alC ERN M osaic (N C SA) N asce ilW 3C ;N etscape N avigator IPO diN etscape,M S Explorer,Am azon,eB ay Boom e crollo delN ASD AQ IPO diG oogle;Facebook 91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10 11 12 WEB 1.0 WEB 2.0crisipreistoria nasce G oogle 11settem bre;W ikipedia C risi finanziaria iPhone,Android Tw itter iPad IPO FB Andamento indice del Nasdaq YouTube Traffico sulla rete video
  • 8.
    8 91 92 9394 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10 11 12 C risi finanziaria Prim o sito W eb alC ERN M osaic Boom e crollo delN ASD AQ WEB 1.0 WEB 2.0 11settem bre N apster Prim o sviluppo diTim Berners Lee YouTube iPhone Tw itter iPad IPO FB IPO diG oogle;Firefox, Facebook W 3C ;N etscape N avigator IPO diN etscape,M S Explorer,Am azon, M ozilla,nasce G oogle SMS 2 G Nokia 5110 GSM (candybar) SMS, orologio, sveglia, rubrica, calcolatrice, rubrica, giochi, suonerie MMS WAP 2.5 G Motorola V3 RAZR "Feature phone" GPRS (candybar, clamshell) + MMS, fotocamera, email, (Internet) Touch phone iPhone + multitouch, sensori, GPS, app, … 3 G Blackberry "Smartphone" + kb alfanumerica, PDA, video, GPS, radio, MP3, OS, … TELEFONIA MOBILE Skype (telefonia IP) TIM, Omnitel
  • 9.
    Telefonia IP • Skype •Video-telefonia IP, gratuita • Dal 2003, poi acquisita da eBay nel 2005, quindi da Microsoft nel 2011 per 8,5 B$ (ora è una divisione di MS) • 2012: 700 milioni di accounts; un terzo di tutte le telefonate internazionali passano per Skype; gen 2013: 50 ml utenti concorrenti • WhatsApp • SMS gratuiti via IP, accesso alla rubrica del telefonino • Fondata nel 2009, nel 2014 acquisita da FB per 19 B$ • Gennaio 2015: 700 ml utenti attivi 9
  • 10.
    Cellulari: terminologia • Dumbphones - prezzo basso - essenzialmente, voce + SMS • Feature phones - prezzo medio - + MMS, PDA, fotocamera, media player, wi-fi, mobile broadband access, [GPS] • Smartphones - prezzo alto (ma in calo) - + 3d party apps, … 10 La distinzione non è netta, e i confini sono in continua evoluzione
  • 11.
  • 12.
    … arrivano icinesi …con i cellulari “low-cost” •Xiaomi, nata nel 2010, è il quarto produttore mondiale di smartphone •Huawei, produttore storico di componenti di reti per computer, è ora il terzo produttore mondiale (il Nexus 6P è prodotto da Huawei!) •http://en.wikipedia.org/wiki/Xiaomi •http://en.wikipedia.org/wiki/Huawei •http://en.wikipedia.org/wiki/Comparison_of_smartphones •http://www.key4biz.it/samsung-trimestre-fila-in-calo-pesano 12
  • 13.
    Cellulari ultra low-cost:esempi 13 Nokia 1100 (2003) GSM, SMS, sveglia, calcolatrice, rubrica, suonerie, giochi, torcia elettrica, antipolvere e antiscivolo) 200 milioni venduti Oggi: molti smartphone Android a meno di 100 USD (anche 30 USD in qualche Paese)
  • 14.
    The “mobile miracle” 14 CIS:Commonwealth of Independent States (ex Soviet Union) Source: ITU Measuring teh Information Society Report, 2014
  • 15.
  • 16.
    "Mobile miracle": Il 90% dellapopolazione del pianeta ha accesso a un cellulare
  • 17.
  • 18.
    Mobile broadband growth 18 Source:Ericcson Mobility Report, June 2014
  • 19.
  • 20.
  • 21.
    Android • Mobile OSbasato su Linux • Inizialmente sviluppato da Android Inc., comprata da Google nel 2005 • Open-source • ma i “Google Services” non lo sono… • controversie su supposti costi di licenza per accedere a questi servizi… • Primo cellulare Android: fine 2008 • Oggi la piattaforma più diffusa per mobile 21
  • 23.
    Tablet 23 Apple iPad, da 2010 Altreconvergenze: •I lettori di e-book evolvono in tablet computer Es. Amazon Kindle Fire •Phablet = ibrido fra phone e tablet
  • 24.
  • 25.
    "Mobile" may bemisleading… • Emphasis is not on the "moveability" • Emphasis is on the fact that we always bring them with us Small, portable, personal, context-aware, multi-function devices… … which can also be used to make a phone call
  • 26.
    A che cosaci servono i mobile? • Il "mobile" è un device personale multifunzionale, sempre connesso, che (ogni tanto) serve anche a telefonare • Un video virale del 2013: https://www.youtube.com/watch?v=RsO9MIaIazM 26
  • 27.
    Utilizzo mensile delcellulare pro- capite: voce vs SMS negli USA 27
  • 28.
    Camera phone • Fotocamerasui cellulari circa dal 2002, in connessione con servizi MMS • Ora possibilità di editing (foto e video) e pubblicazione / sharing immediati in rete • Molte applicazioni: • Fotocamera Apple • Instagram • Pinterest • Flickr • Photoshop Express • … Google Photos! 28
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
    La crescita delmobile 33 Il numero dei device mobili (smartphone + tablets) ha superato quello dei desktop/laptop/net computers (base installata)
  • 34.
    Accesso a internet:desktop vs mobile 34
  • 35.
    Un utente conmolti device…
  • 36.
    E ora…? 36 https://www.youtube.com/watch?v=ErpNpR3XYUw apr2012 http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013
  • 37.
    E se invecefosse…? 37 https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012 http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013 http://nypost.com/2014/07/14/is-google-glass-cool-or-just- plain-creepy/ http://recode.net/2015/07/30/google-glass-isnt-dead-but-its-all- about-the-enterprise-for-now/
  • 38.
  • 39.
    39 Wearable also forsmart healthcare and elderlies… but there are serious concerns… http://www.theguardian.com/commentisf ree/2015/oct/24/growing-old-silicon- valley-prescription-for-misery
  • 40.
    Dove informarsi sull'evoluzione dellarete 40 www.mashable.com www.techcrunch.com www.thenextweb.com www.theverge.com