Università degli Studi di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web

8. Il mobile Web
Roberto Polillo




                         Edizione 2012-13
Temi di oggi
3


       Lo sviluppo della telefonia mobile e la convergenza
       A che cosa servono i "mobile"?
       App stores & mobile web applications
       Mobile & cloud computing: il nuovo paradigma




                                                  R.Polillo - Marzo 2013
Lo sviluppo della telefonia
              mobile
        e la convergenza




4                             R.Polillo - Marzo 2013
5
                                                                                                             Pr
                                                                                                                im
                                                                                                                  o
                                                                                                                      si
                                                                                                                          to




                         preistoria
                                                                                                             M                W
                                                                                                               os                eb
                                                                                                                   ai                 al
                                                                                                             Na c (                       CE
                                                                                                                                                              Nasdaq
                                                                                                                 sc NC                        RN
                                                                                                             IP e il SA)
                                                                                                               O           W
                                                                                                                   di         3
                                                                                                                       N C;
                                                                                                                          et        N
                                                                                                                             sc et
                                                                                                                                ap sc
                                                                                                                                    e, ap
                                                                                                              na                        M eN
                                                                                                                                                              Andamento indice del




                                                                                                                 sc                       S
                                                                                                                     e




                         WEB 1.0
                                                                                                                                             E x av
                                                                                                                        G                       p l ig a
                                                                                                                           oo                      or     t
                                                                                                              Bo              gl                      er or
                                                                                                                  om             e                      ,A
                                                                                                                                                          m
                                                                                                              11 e                                          az
                                                                                                                           cr




                         crisi
                                                                                                                   se         ol                               on
                                                                                                                       tt                                         ,e
                                                                                                                          em lo d                                   Ba
                                                                                                                              br       el                              y
                                                                                                                                  e; NA
                                                                                                                                       W SD
                                                                                                             IP                          ik
                                                                                                                O                           ip A Q
                                                                                                                                                                                         Fasi della storia del Web




                                                                                                                   di                         ed
                                                                                                              Yo        G                        ia
                                                                                                                 uT       oo
                                                                                                              Tw u gle
                                                                                                                   it t b e        ;F
                                                                                                                iP er                  ac
                                                                                                                    ho                    eb
                         WEB 2.0


                                                                                                                        ne                    oo
                                                                                                                                                                                         Traffico




                                                                                                               Cr           ,A                   k
                                                                                                                  is
                                                                                                                                                                                         sulla rete




                                                                                                                     i          nd
                                                                                                                        fin         ro
                                                                                                                            an         id
                                                                                                               iP               zi
                                                                                                                  ad               ar
                                                                                                                                      ia                      video
R.Polillo - Marzo 2013




                                                                                                               IP
                                      90 91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 09 10 11 12




                                                                                                                  O
                                                                                                                       FB
,e
                                                        on
                           WEB 1.0                                     WEB 2.0




                                                     az
                                                    m
                                                 ,A
                                       RN ers




                                            AQ
                                              er
                                   C E rn




                                           or
                                            r




                                          D
                                        Be




                              M ato

                                        pl




                                      AS




                                       x,
                                    Ex
                          eb im




                                    ig




                                   fo
                                     e

                                    N
                                  gl
                      ap a v




                                re
                                 a
                                 T




                                S




                        br el
                               al




                              oo




                              ni
                             di




                              N




                             Fi
                   em lo d




                            ia
                          fo
                           G
                          e,
               et pe




                           e
                s i po




                         e;




                         ar
                  r e




                       le
                       ol
                      W




                      gl
                       a
                      p




                      zi
     Bo te sc

                    cr
                    sc




      O (te
       im il u




           oo oo
                   sc




                   an
                   to




         ps , n a




                 ne
           it t b e




               FB
                et




     11 e
                 v




                G


        iP er
                tt




             fin
     Tw uk
   e os




            ho
               c
           ;N




              e
         om

           se
             N




    ce i




         ad
     Na a
           ai
            o




         uT




          O
 Fa d
IP yp
        il l
Le im




       di




     Yob
      os

      3C




         i




      IP
      iP
      is
     oz




   Sk
   Pr




    IP




   Cr
   M



   O
   Pr




  W




   )
  M
 IP




90 91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 09 10 11 12
                                            "Feature phone"                       iPhone
  TIM,     GSM (candybar)                   GPRS (candybar,      Blackberry                + multitouch,
 Omnitel   SMS, orologio, sveglia,          clamshell)                                     sensori, GPS,
           rubrica, calcolatrice,           + MMS,                                         app, …
                                            fotocamera, email,                Touch phone
           rubrica, giochi, suonerie
                                            (Internet)
                                          WAP             3G
           SMS                         2.5 G
                                                                                    "Smartphone"
2G                                                     MMS            Motorola
                                                                                    + kb alfanumerica,
                                                                      V3 RAZR       PDA, video, GPS,
                                       Nokia
TELEFONIA                              5110                                         radio, MP3, OS, …
6                                                                                  R.Polillo - Marzo 2013
MOBILE
Telefonia IP
7


       Skype
         Video-telefonia IP, gratuita

         Dal 2003, poi acquisita da eBay nel 2005, quindi da
          Microsoft nel 2011
         700 milioni di accounts; un terzo di tutte le telefonate
          internazionali passano per Skype
       WhatsApp
         SMS gratuiti via IP

         Fondata nel 2009

         Accesso alla rubrica del telefonino

         > 10 Mdi msg al giorno
                                                          R.Polillo - Marzo 2013
Cellulari: terminologia
8


       Dumb phones
        - prezzo basso
        - essenzialmente, voce + SMS
       Feature phones
        - prezzo medio
        - + MMS, PDA, fotocamera, media player,   La distinzione
          wi-fi, mobile broadband access, [GPS]   non è netta, e i
                                                  confini sono in
       Smartphones                               continua
        - prezzo alto                             evoluzione
        - + 3d party apps, …



                                                          R.Polillo - Marzo 2013
Crescita degli smartphone (world)
9




                                  Statistiche interattive
                                  sull'uso degli smartphone
                                  nei vari paesi:
                                  http://www.thinkwithgoogle.com/mo




       Da http://bit.ly/16120rQ
                                                  R.Polillo - Marzo 2013
Internet & mobile phones penetration

 % di utilizzatori di Internet
                                            Mobile cellular subscriptions



                                                                6 anni di
                                                                ritardo
     > 10 anni di
     ritardo?




Fonte: ITU, Measuring the Information Society 2012

                                                10   R.Polillo - Marzo 2013
"Mobile
     miracle":
     Il 90% della popolazione del
     pianeta ha accesso a un
11   cellulare       R.Polillo - Marzo 2013
Fixed lines vs mobile phones ratio
12




     Which countries have the most mobile
     phones?                                R.Polillo - Marzo 2013
     http://slate.me/y1uDnu (2012,
Cellulari ultra low-cost: esempi
13




     Nokia 1100 (2003)                   Nokia 103      Samsung Chief
     GSM, SMS, sveglia, calcolatrice,        (2013)         Hero
     rubrica, suonerie, giochi, torcia   circa 20 USD
     elettrica, antipolvere e                               (2013)
     antiscivolo)                                          < 40 USD
     200 milioni venduti                                       R.Polillo - Marzo 2013
Global bandwidth growth
14




                     7x in 5 anni




                                    R.Polillo - Marzo 2013
Quali smartphone oggi?
15




              Da
                                      R.Polillo - Marzo 2013
              http://bit.ly/16120rQ
Apple iPhone
16




     2007                                 2012
                                          Schermo:
                                          4", 326
                                          ppi
     Mobile operating system: iOS
     (proprietario)                       Siri


                                    R.Polillo - Marzo 2013
Android
17



        Mobile OS basato su Linux
        Inizialmente sviluppato da Android Inc., comprata da Google
         nel 2005
        Open-source
        Primo cellulare Android: fine 2008
        Oggi la piattaforma più diffusa per mobile




                                                          R.Polillo - Marzo 2013
Mobile OS market share
18




                              R.Polillo - Marzo 2013
Samsung Galaxy S series (Android)
19




                                                        Schermo:
                                                        5", 441
                                                        ppi

                                                        Air Touch




                  2010                          2013

     Galaxy S4: http://www.youtube.com/watch?
     v=9vz__sd7dCQ&feature=player_embedded
                                                       R.Polillo - Marzo 2013
Tablet
20


                      Altre convergenze:
                      •I lettori di e-book
                      evolvono in tablet
                      computer
                      Es. Amazon Kindle
                      Fire

                      •Phablet = ibrido fra
                      phone e tablet




     Apple iPad, da
     2010                         R.Polillo - Marzo 2013
Dai PC ai device mobili
21


        Da fine 2010:
         vendite di smartphone + vendite di tablet
                               > vendite di PC (unità)
        Da fine 2013*:
         base installata di smartphone + tablet
                               > base installata di PC




                                                     R.Polillo - Marzo 2013
http://bit.ly/VIIoX1
22                          R.Polillo - Marzo 2013
http://bit.ly/VIIoX1
23                          R.Polillo - Marzo 2013
A che cosa ci servono i
     "mobile"?




24                             R.Polillo - Marzo 2013
Accesso al Web: desktop o mobile?
25




                                R.Polillo - Marzo 2013
Accesso a internet: desktop vs mobile
26




                                    R.Polillo - Marzo 2013
28

Utilizzo mensile del cellulare pro-capite: voce vs
SMS negli USA




                                          R.Polillo - Marzo 2013
29

Utilizzo mensile del cellulare pro-capite: voce vs
SMS per classi di età negli USA

   (Q2 2008, Nielsen)




                                          R.Polillo - Marzo 2013
Esempio: QRCODE
30




                       R.Polillo - Marzo 2013
Samsung Camera Phone
31




                            R.Polillo - Marzo 2013
http://bit.ly/VIIoX1
33                          R.Polillo - Marzo 2013
Esempio: Realtà aumentata
Esempio: Realtà aumentata
Esempio: Realtà aumentata
Mobile & cloud computing:
        il nuovo paradigma




37                               R.Polillo - Marzo 2013
In sintesi: il Web oggi
38




      Thks B.Frost http://slidesha.re/JjuyES
                                               R.Polillo - Marzo 2013
Un solo utente, più devices
39




     Thks M.Carver http://www.slideshare.net/matthewcarver/new-rules-of-the-
     responsive-web
                                                                  R.Polillo - Marzo 2013
Qu
                             est
      Un solo utente,un cam devices
                      più       oè

                                              b ia
40                                                   me
                                                        nto
                                                            ri   vol
                                                                       uz i
                                                                              ona
                                                                                  r io
                                                                                           !

                                                                 Cloud

                                                            Sincronizzazion
                                                            e
                                                            Storage
                                                            Servizi
                                                            Backup

     M.Carver http://www.slideshare.net/matthewcarver/new-rules-of-the-
     responsive-web
                                                                          R.Polillo - Marzo 2013
App, App Stores &
     Mobile Web Applications




41                             R.Polillo - Marzo 2013
Smartphone vs Internet: 2 approcci
42




     Mobile
     website
                   HTTP




                             Downloa
                             d&
                             install         App store
     Native
     app


                                       R.Polillo - Marzo 2013
App store
43


     Applicazione online per la distribuzione di applicazioni
     software (apps) attraverso la rete Internet
     Esempi:
     Apple iOS App Store
     Dal 2008, per iPhone e iPad, evoluzione di iTunes
     Apple non consente altri app store per iOS
     Google Play (http://play.google.com)
     Dal 2008 (col nome di Android Market)
     Google consente altri app store per android
     Amazon Appstore (www.amazon.com)
     Dal 2011, per Android e Kindle
     Facebook App Center
     Dal 2012, per applicazioni che si connettono a FB (Android, iPhone)
     E' in realtà un'interfaccia verso altri app store

                                                                           R.Polillo - Marzo 2013
Pro & cons per l'utilizzatore
46



     Mobile Web Application                    Native App
     Si accede con un normale browser, Deve essere scaricata da uno
     su ogni device                     store, per ogni device
     Aggiornamenti effettuati dal             Aggiornamenti devono essere
     fornitore del servizio, senza             effettuati dall'utente
     coinvolgere l'utente                      È ottimizzata per il device di
     Non è ottimizzata per il device di       accesso
     accesso                                   È "garantita" dal gestore dello
     Non è "garantita" da una terza           store
     parte                                      In caso di esclusiva,
     Ecosistema aperto                        l'ecosistema è controllato dal
                                               gestore del servizio
                                     R.Polillo - Marzo 2013
Responsive Web Applications
47




                               R.Polillo - Marzo 2013
Pro & cons per lo sviluppatore
48



     Mobile Web Application                   Native App
     Una sola versione per tutti i device    Una versione differente per
     Non è ottimizzata per il device di      ogni device
     accesso                                  È ottimizzata per il device di
     Non serve un distributore               accesso
                                               Serve un distributore
                                              (ricarico sul prezzo ed eventuale
                                              filtro)




                                    R.Polillo - Marzo 2013
Dove informarsi sull'evoluzione della rete
49




     www.mashable.com
     www.techcrunch.com
     www.thenextweb.com
     www.theverge.com




                                        R.Polillo - Marzo 2013
Lavoro individuale
50


        Provate ad usare un touchphone (iPhone e Galaxy) e un
         tablet (iPad) (eventualemente fateveli prestare da un
         amico)
        In particolare, esplorate i loro app store
        Scaricate le app di Facebook e Twitter e un'app
         fotografica evoluta, e sperimentateli
        Esplorate www.mashable.com, www.techcrunch.com e
         www.thenextweb.com e diventate follower dei rispettivi
         profili Twitter (NB: Saranno utilissimi per il vostro blog di
         gruppo).
     

                                                             R.Polillo - Marzo 2013

8. Mobile web

  • 1.
    Università degli Studidi Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 8. Il mobile Web Roberto Polillo Edizione 2012-13
  • 2.
    Temi di oggi 3  Lo sviluppo della telefonia mobile e la convergenza  A che cosa servono i "mobile"?  App stores & mobile web applications  Mobile & cloud computing: il nuovo paradigma R.Polillo - Marzo 2013
  • 3.
    Lo sviluppo dellatelefonia mobile e la convergenza 4 R.Polillo - Marzo 2013
  • 4.
    5 Pr im o si to preistoria M W os eb ai al Na c ( CE Nasdaq sc NC RN IP e il SA) O W di 3 N C; et N sc et ap sc e, ap na M eN Andamento indice del sc S e WEB 1.0 E x av G p l ig a oo or t Bo gl er or om e ,A m 11 e az cr crisi se ol on tt ,e em lo d Ba br el y e; NA W SD IP ik O ip A Q Fasi della storia del Web di ed Yo G ia uT oo Tw u gle it t b e ;F iP er ac ho eb WEB 2.0 ne oo Traffico Cr ,A k is sulla rete i nd fin ro an id iP zi ad ar ia video R.Polillo - Marzo 2013 IP 90 91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 09 10 11 12 O FB
  • 5.
    ,e on WEB 1.0 WEB 2.0 az m ,A RN ers AQ er C E rn or r D Be M ato pl AS x, Ex eb im ig fo e N gl ap a v re a T S br el al oo ni di N Fi em lo d ia fo G e, et pe e s i po e; ar r e le ol W gl a p zi Bo te sc cr sc O (te im il u oo oo sc an to ps , n a ne it t b e FB et 11 e v G iP er tt fin Tw uk e os ho c ;N e om se N ce i ad Na a ai o uT O Fa d IP yp il l Le im di Yob os 3C i IP iP is oz Sk Pr IP Cr M O Pr W ) M IP 90 91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 09 10 11 12 "Feature phone" iPhone TIM, GSM (candybar) GPRS (candybar, Blackberry + multitouch, Omnitel SMS, orologio, sveglia, clamshell) sensori, GPS, rubrica, calcolatrice, + MMS, app, … fotocamera, email, Touch phone rubrica, giochi, suonerie (Internet) WAP 3G SMS 2.5 G "Smartphone" 2G MMS Motorola + kb alfanumerica, V3 RAZR PDA, video, GPS, Nokia TELEFONIA 5110 radio, MP3, OS, … 6 R.Polillo - Marzo 2013 MOBILE
  • 6.
    Telefonia IP 7  Skype  Video-telefonia IP, gratuita  Dal 2003, poi acquisita da eBay nel 2005, quindi da Microsoft nel 2011  700 milioni di accounts; un terzo di tutte le telefonate internazionali passano per Skype  WhatsApp  SMS gratuiti via IP  Fondata nel 2009  Accesso alla rubrica del telefonino  > 10 Mdi msg al giorno R.Polillo - Marzo 2013
  • 7.
    Cellulari: terminologia 8  Dumb phones - prezzo basso - essenzialmente, voce + SMS  Feature phones - prezzo medio - + MMS, PDA, fotocamera, media player, La distinzione wi-fi, mobile broadband access, [GPS] non è netta, e i confini sono in  Smartphones continua - prezzo alto evoluzione - + 3d party apps, … R.Polillo - Marzo 2013
  • 8.
    Crescita degli smartphone(world) 9 Statistiche interattive sull'uso degli smartphone nei vari paesi: http://www.thinkwithgoogle.com/mo Da http://bit.ly/16120rQ R.Polillo - Marzo 2013
  • 9.
    Internet & mobilephones penetration % di utilizzatori di Internet Mobile cellular subscriptions 6 anni di ritardo > 10 anni di ritardo? Fonte: ITU, Measuring the Information Society 2012 10 R.Polillo - Marzo 2013
  • 10.
    "Mobile miracle": Il 90% della popolazione del pianeta ha accesso a un 11 cellulare R.Polillo - Marzo 2013
  • 11.
    Fixed lines vsmobile phones ratio 12 Which countries have the most mobile phones? R.Polillo - Marzo 2013 http://slate.me/y1uDnu (2012,
  • 12.
    Cellulari ultra low-cost:esempi 13 Nokia 1100 (2003) Nokia 103 Samsung Chief GSM, SMS, sveglia, calcolatrice, (2013) Hero rubrica, suonerie, giochi, torcia circa 20 USD elettrica, antipolvere e (2013) antiscivolo) < 40 USD 200 milioni venduti R.Polillo - Marzo 2013
  • 13.
    Global bandwidth growth 14 7x in 5 anni R.Polillo - Marzo 2013
  • 14.
    Quali smartphone oggi? 15 Da R.Polillo - Marzo 2013 http://bit.ly/16120rQ
  • 15.
    Apple iPhone 16 2007 2012 Schermo: 4", 326 ppi Mobile operating system: iOS (proprietario) Siri R.Polillo - Marzo 2013
  • 16.
    Android 17  Mobile OS basato su Linux  Inizialmente sviluppato da Android Inc., comprata da Google nel 2005  Open-source  Primo cellulare Android: fine 2008  Oggi la piattaforma più diffusa per mobile R.Polillo - Marzo 2013
  • 17.
    Mobile OS marketshare 18 R.Polillo - Marzo 2013
  • 18.
    Samsung Galaxy Sseries (Android) 19 Schermo: 5", 441 ppi Air Touch 2010 2013 Galaxy S4: http://www.youtube.com/watch? v=9vz__sd7dCQ&feature=player_embedded R.Polillo - Marzo 2013
  • 19.
    Tablet 20 Altre convergenze: •I lettori di e-book evolvono in tablet computer Es. Amazon Kindle Fire •Phablet = ibrido fra phone e tablet Apple iPad, da 2010 R.Polillo - Marzo 2013
  • 20.
    Dai PC aidevice mobili 21  Da fine 2010: vendite di smartphone + vendite di tablet > vendite di PC (unità)  Da fine 2013*: base installata di smartphone + tablet > base installata di PC R.Polillo - Marzo 2013
  • 21.
    http://bit.ly/VIIoX1 22 R.Polillo - Marzo 2013
  • 22.
    http://bit.ly/VIIoX1 23 R.Polillo - Marzo 2013
  • 23.
    A che cosaci servono i "mobile"? 24 R.Polillo - Marzo 2013
  • 24.
    Accesso al Web:desktop o mobile? 25 R.Polillo - Marzo 2013
  • 25.
    Accesso a internet:desktop vs mobile 26 R.Polillo - Marzo 2013
  • 26.
    28 Utilizzo mensile delcellulare pro-capite: voce vs SMS negli USA R.Polillo - Marzo 2013
  • 27.
    29 Utilizzo mensile delcellulare pro-capite: voce vs SMS per classi di età negli USA (Q2 2008, Nielsen) R.Polillo - Marzo 2013
  • 28.
    Esempio: QRCODE 30 R.Polillo - Marzo 2013
  • 29.
    Samsung Camera Phone 31 R.Polillo - Marzo 2013
  • 30.
    http://bit.ly/VIIoX1 33 R.Polillo - Marzo 2013
  • 31.
  • 32.
  • 33.
  • 34.
    Mobile & cloudcomputing: il nuovo paradigma 37 R.Polillo - Marzo 2013
  • 35.
    In sintesi: ilWeb oggi 38 Thks B.Frost http://slidesha.re/JjuyES R.Polillo - Marzo 2013
  • 36.
    Un solo utente,più devices 39 Thks M.Carver http://www.slideshare.net/matthewcarver/new-rules-of-the- responsive-web R.Polillo - Marzo 2013
  • 37.
    Qu est Un solo utente,un cam devices più oè b ia 40 me nto ri vol uz i ona r io ! Cloud Sincronizzazion e Storage Servizi Backup M.Carver http://www.slideshare.net/matthewcarver/new-rules-of-the- responsive-web R.Polillo - Marzo 2013
  • 38.
    App, App Stores& Mobile Web Applications 41 R.Polillo - Marzo 2013
  • 39.
    Smartphone vs Internet:2 approcci 42 Mobile website HTTP Downloa d& install App store Native app R.Polillo - Marzo 2013
  • 40.
    App store 43 Applicazione online per la distribuzione di applicazioni software (apps) attraverso la rete Internet Esempi: Apple iOS App Store Dal 2008, per iPhone e iPad, evoluzione di iTunes Apple non consente altri app store per iOS Google Play (http://play.google.com) Dal 2008 (col nome di Android Market) Google consente altri app store per android Amazon Appstore (www.amazon.com) Dal 2011, per Android e Kindle Facebook App Center Dal 2012, per applicazioni che si connettono a FB (Android, iPhone) E' in realtà un'interfaccia verso altri app store R.Polillo - Marzo 2013
  • 41.
    Pro & consper l'utilizzatore 46 Mobile Web Application Native App Si accede con un normale browser, Deve essere scaricata da uno su ogni device store, per ogni device Aggiornamenti effettuati dal Aggiornamenti devono essere fornitore del servizio, senza effettuati dall'utente coinvolgere l'utente È ottimizzata per il device di Non è ottimizzata per il device di accesso accesso È "garantita" dal gestore dello Non è "garantita" da una terza store parte  In caso di esclusiva, Ecosistema aperto l'ecosistema è controllato dal gestore del servizio R.Polillo - Marzo 2013
  • 42.
    Responsive Web Applications 47 R.Polillo - Marzo 2013
  • 43.
    Pro & consper lo sviluppatore 48 Mobile Web Application Native App Una sola versione per tutti i device Una versione differente per Non è ottimizzata per il device di ogni device accesso È ottimizzata per il device di Non serve un distributore accesso  Serve un distributore (ricarico sul prezzo ed eventuale filtro) R.Polillo - Marzo 2013
  • 44.
    Dove informarsi sull'evoluzionedella rete 49 www.mashable.com www.techcrunch.com www.thenextweb.com www.theverge.com R.Polillo - Marzo 2013
  • 45.
    Lavoro individuale 50  Provate ad usare un touchphone (iPhone e Galaxy) e un tablet (iPad) (eventualemente fateveli prestare da un amico)  In particolare, esplorate i loro app store  Scaricate le app di Facebook e Twitter e un'app fotografica evoluta, e sperimentateli  Esplorate www.mashable.com, www.techcrunch.com e www.thenextweb.com e diventate follower dei rispettivi profili Twitter (NB: Saranno utilissimi per il vostro blog di gruppo).  R.Polillo - Marzo 2013