SlideShare uma empresa Scribd logo
1 de 45
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

Mais conteúdo relacionado

Destaque

Destaque (20)

5. Introduzione al web (ii)
5. Introduzione al web (ii)5. Introduzione al web (ii)
5. Introduzione al web (ii)
 
8. Il vostro blog
8. Il vostro blog8. Il vostro blog
8. Il vostro blog
 
3. Introduzione a internet (ii)
3. Introduzione a internet (ii)3. Introduzione a internet (ii)
3. Introduzione a internet (ii)
 
11. Evoluzione del Web (I)
11. Evoluzione del Web (I)11. Evoluzione del Web (I)
11. Evoluzione del Web (I)
 
4. Introduzione al web (I)
4. Introduzione al web (I)4. Introduzione al web (I)
4. Introduzione al web (I)
 
6. Il browser
6. Il browser6. Il browser
6. Il browser
 
13. Internet business models
13. Internet business models13. Internet business models
13. Internet business models
 
16. Social media
16. Social media16. Social media
16. Social media
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
 
14. I blog
14. I blog14. I blog
14. I blog
 
9. Come trovare l'informazione (I)
9. Come trovare l'informazione (I)9. Come trovare l'informazione (I)
9. Come trovare l'informazione (I)
 
2. Introduzione a internet (I)
2. Introduzione a internet (I)2. Introduzione a internet (I)
2. Introduzione a internet (I)
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
Politiche di moderazione nei social network
Politiche di moderazione nei social networkPolitiche di moderazione nei social network
Politiche di moderazione nei social network
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
Crowdfunding
CrowdfundingCrowdfunding
Crowdfunding
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
Realtà Aumentata
Realtà AumentataRealtà Aumentata
Realtà Aumentata
 
Web fakes
Web fakesWeb fakes
Web fakes
 

Semelhante a 8. Mobile web

7. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.07. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.0Roberto Polillo
 
Breve storia dei siti web e dell'innovazione delle PA
Breve storia dei siti web e dell'innovazione delle PABreve storia dei siti web e dell'innovazione delle PA
Breve storia dei siti web e dell'innovazione delle PAFondazione CUOA
 
Progetto Abruzzo @ Venezia Progress 12 10 2009
Progetto Abruzzo @ Venezia Progress 12 10 2009Progetto Abruzzo @ Venezia Progress 12 10 2009
Progetto Abruzzo @ Venezia Progress 12 10 2009Progetto Abruzzo Venezia
 
3.2 Life Cycle Assessment
3.2 Life Cycle Assessment3.2 Life Cycle Assessment
3.2 Life Cycle Assessmentcarlo.proserpio
 
Your Interface
Your InterfaceYour Interface
Your Interfacesperonim
 
analisi comparata del potenziale innovativo dei principali paesi industriali...
analisi comparata del potenziale innovativo  dei principali paesi industriali...analisi comparata del potenziale innovativo  dei principali paesi industriali...
analisi comparata del potenziale innovativo dei principali paesi industriali...giovanni facco
 
QUARTIERE ROMA / proposte di riqualificazione 2010
QUARTIERE ROMA / proposte di riqualificazione 2010QUARTIERE ROMA / proposte di riqualificazione 2010
QUARTIERE ROMA / proposte di riqualificazione 2010Franz Bergonzi
 
Costi di produzione e di trasformazione del latte in Emilia-Romagna
Costi di produzione e di trasformazione del latte in Emilia-RomagnaCosti di produzione e di trasformazione del latte in Emilia-Romagna
Costi di produzione e di trasformazione del latte in Emilia-RomagnaCibusonline
 
Programma Convegno Osservatorio Wine
Programma Convegno Osservatorio WineProgramma Convegno Osservatorio Wine
Programma Convegno Osservatorio WineAngela Barison
 
Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009
Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009
Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009Progetto Abruzzo Venezia
 
Laboratorio visuo spaziale r. tusa
Laboratorio visuo spaziale r. tusaLaboratorio visuo spaziale r. tusa
Laboratorio visuo spaziale r. tusatodeschinimarta
 
Analisi del mercato voli low cost e di linea - Aprile 2006
Analisi del mercato voli low cost e di linea - Aprile 2006Analisi del mercato voli low cost e di linea - Aprile 2006
Analisi del mercato voli low cost e di linea - Aprile 2006Volagratis
 
Genova el
Genova elGenova el
Genova elpptsmps
 
Città ed energia - Energy Web Feltre
Città ed energia - Energy Web FeltreCittà ed energia - Energy Web Feltre
Città ed energia - Energy Web Feltrecondotta
 

Semelhante a 8. Mobile web (20)

7. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.07. Dal web 1.0 al web 2.0
7. Dal web 1.0 al web 2.0
 
Breve storia dei siti web e dell'innovazione delle PA
Breve storia dei siti web e dell'innovazione delle PABreve storia dei siti web e dell'innovazione delle PA
Breve storia dei siti web e dell'innovazione delle PA
 
Ultra industrial design_ZOE3
Ultra industrial design_ZOE3Ultra industrial design_ZOE3
Ultra industrial design_ZOE3
 
Progetto Abruzzo @ Venezia Progress 12 10 2009
Progetto Abruzzo @ Venezia Progress 12 10 2009Progetto Abruzzo @ Venezia Progress 12 10 2009
Progetto Abruzzo @ Venezia Progress 12 10 2009
 
3.2 Life Cycle Assessment
3.2 Life Cycle Assessment3.2 Life Cycle Assessment
3.2 Life Cycle Assessment
 
Your Interface
Your InterfaceYour Interface
Your Interface
 
Indicatori
IndicatoriIndicatori
Indicatori
 
analisi comparata del potenziale innovativo dei principali paesi industriali...
analisi comparata del potenziale innovativo  dei principali paesi industriali...analisi comparata del potenziale innovativo  dei principali paesi industriali...
analisi comparata del potenziale innovativo dei principali paesi industriali...
 
QUARTIERE ROMA / proposte di riqualificazione 2010
QUARTIERE ROMA / proposte di riqualificazione 2010QUARTIERE ROMA / proposte di riqualificazione 2010
QUARTIERE ROMA / proposte di riqualificazione 2010
 
Costi di produzione e di trasformazione del latte in Emilia-Romagna
Costi di produzione e di trasformazione del latte in Emilia-RomagnaCosti di produzione e di trasformazione del latte in Emilia-Romagna
Costi di produzione e di trasformazione del latte in Emilia-Romagna
 
Programma Convegno Osservatorio Wine
Programma Convegno Osservatorio WineProgramma Convegno Osservatorio Wine
Programma Convegno Osservatorio Wine
 
Davide castagna(1)
Davide castagna(1)Davide castagna(1)
Davide castagna(1)
 
Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009
Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009
Progetto Abruzzo @ Venezia Work In Progress Al 29 Settembre 2009
 
La Forma Del Pensiero Liquido
La Forma Del Pensiero LiquidoLa Forma Del Pensiero Liquido
La Forma Del Pensiero Liquido
 
Laboratorio visuo spaziale r. tusa
Laboratorio visuo spaziale r. tusaLaboratorio visuo spaziale r. tusa
Laboratorio visuo spaziale r. tusa
 
Analisi del mercato voli low cost e di linea - Aprile 2006
Analisi del mercato voli low cost e di linea - Aprile 2006Analisi del mercato voli low cost e di linea - Aprile 2006
Analisi del mercato voli low cost e di linea - Aprile 2006
 
Genova el
Genova elGenova el
Genova el
 
Città ed energia - Energy Web Feltre
Città ed energia - Energy Web FeltreCittà ed energia - Energy Web Feltre
Città ed energia - Energy Web Feltre
 
Presentazione progettazione
Presentazione progettazionePresentazione progettazione
Presentazione progettazione
 
Presentazione progettazione
Presentazione progettazionePresentazione progettazione
Presentazione progettazione
 

Mais de Roberto Polillo

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroRoberto Polillo
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsRoberto Polillo
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto Polillo
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniRoberto Polillo
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleRoberto Polillo
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'erroreRoberto Polillo
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)Roberto Polillo
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)Roberto Polillo
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)Roberto Polillo
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microbloggingRoberto Polillo
 
13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorioRoberto Polillo
 
Internet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionInternet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionRoberto Polillo
 

Mais de Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
14. Progettare il testo
14. Progettare il testo14. Progettare il testo
14. Progettare il testo
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microblogging
 
13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio
 
12. Mobile web
12. Mobile web12. Mobile web
12. Mobile web
 
Internet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionInternet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introduction
 

Último

Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaSalvatore Cianciabella
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxlorenzodemidio01
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileNicola Rabbi
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxlorenzodemidio01
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.camillaorlando17
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxtecongo2007
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....giorgiadeascaniis59
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoyanmeng831
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxtecongo2007
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxlorenzodemidio01
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxlorenzodemidio01
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................giorgiadeascaniis59
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxlorenzodemidio01
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptcarlottagalassi
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxlorenzodemidio01
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxtecongo2007
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxtecongo2007
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................giorgiadeascaniis59
 

Último (19)

Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 
Confronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.pptConfronto tra Sparta e Atene classiche.ppt
Confronto tra Sparta e Atene classiche.ppt
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 

8. Mobile web

  • 1. 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
  • 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 della telefonia 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 & 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
  • 10. "Mobile miracle": Il 90% della popolazione del pianeta ha accesso a un 11 cellulare R.Polillo - Marzo 2013
  • 11. Fixed lines vs mobile 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 market share 18 R.Polillo - Marzo 2013
  • 18. 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
  • 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 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
  • 21. http://bit.ly/VIIoX1 22 R.Polillo - Marzo 2013
  • 22. http://bit.ly/VIIoX1 23 R.Polillo - Marzo 2013
  • 23. A che cosa ci 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 del cellulare pro-capite: voce vs SMS negli USA R.Polillo - Marzo 2013
  • 27. 29 Utilizzo mensile del cellulare 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
  • 34. Mobile & cloud computing: il nuovo paradigma 37 R.Polillo - Marzo 2013
  • 35. In sintesi: il Web 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 & 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
  • 42. Responsive Web Applications 47 R.Polillo - Marzo 2013
  • 43. 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
  • 44. Dove informarsi sull'evoluzione della 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