8. Mobile web

Edizione 2012-13

Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Corso di Strumenti e applicazioni del Web

8. Il mobile Web Roberto Polillo

Temi di oggi

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

Fasi della storia del Web5


Prim

o sito

Web

al C

ERN

Mos

aic

(NCS

A)

Nasce

il W

3C; N

etsc

ape

Navig

ator

IPO d

i Net

scap

e, M

S Ex

plor

er, A

maz

on, e

Bay

Boom

e c

rollo

del

NAS

DAQIP

O d

i Goo

gle;

Fac

eboo

k

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

nasc

e Goo

gle

11 set

tem

bre;

Wik

iped

ia

Crisi

finan

ziar

ia

iPho

ne, A

ndro

id

Twitt

er

iPad

IPO

FB

Andamento indice del Nasdaq

YouT

ube

Traffico sulla rete

vid

eo


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

Crisi

finan

ziar

ia

Prim

o sito

Web

al C

ERN

Mos

aic

Boom

e c

rollo

del

NAS

DAQ

WEB 1.0 WEB 2.0

11 set

tem

bre

Napst

er

Prim

o sv

ilupp

o di

Tim

Ber

ners

Lee Yo

uTub

eiP

hone

Twitt

er

iPad

IPO

FB

IPO d

i Goo

gle;

Fire

fox,

Face

book

W3C

; Net

scap

e Nav

igat

or

IPO d

i Net

scap

e, M

S Ex

plor

er, A

maz

on, e

Bay

Moz

illa,

nas

ce G

oogl

e

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

Skyp

e (t

elef

onia

IP)

TIM, Omnitel

Telefonia IP

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

7


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- + 3d party apps, …


8

La distinzione non è netta, e i confini sono in continua evoluzione

Crescita degli smartphone (world)


9

Da http://bit.ly/16120rQ

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

Internet & mobile phones penetration


Fonte: ITU, Measuring the Information Society 2012

Mobile cellular subscriptions% di utilizzatori di Internet

6 anni diritardo

> 10 anni di ritardo?

http://bit.ly/16120rQ

http://www.thinkwithgoogle.com/mobileplanet/en/


"Mobile miracle":Il 90% della popolazione del pianeta ha accesso a un cellulare

Fixed lines vs mobile phones ratio


12

Which countries have the most mobile phones?http://slate.me/y1uDnu (2012, interattivo)

Cellulari ultra low-cost: esempi


13

Nokia 1100 (2003)GSM, SMS, sveglia, calcolatrice, rubrica, suonerie, giochi, torcia elettrica, antipolvere e antiscivolo)200 milioni venduti

Samsung Chief Hero(2013)

< 40 USD

Nokia 103(2013)

circa 20 USD

Global bandwidth growth14

7x in 5 anni


Quali smartphone oggi?


15

Da http://bit.ly/16120rQ

Apple iPhone


16

2007 2012

Mobile operating system: iOS (proprietario)

Schermo: 4", 326 ppi

Siri

Android

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


17

Mobile OS market share


18

Samsung Galaxy S series (Android)


19

2010 2013

Galaxy S4: http://www.youtube.com/watch?v=9vz__sd7dCQ&feature=player_embedded

Schermo:5", 441 ppi

Air Touch

Tablet


20

Apple iPad, da 2010

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

•Phablet = ibrido fra phone e tablet

Dai PC ai device mobili

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


21

http://bit.ly/VIIoX1 R.Polillo - Marzo 201322



A che cosa ci servono i "mobile"?

Accesso al Web: desktop o mobile?


25

Accesso a internet: desktop vs mobile


26

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

28


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

29

(Q2 2008, Nielsen)


Esempio: QRCODE


30

Samsung Camera Phone


31


Esempio: Realtà aumentata




Mobile & cloud computing: il nuovo paradigma

In sintesi: il Web oggi


38

Thks B.Frost http://slidesha.re/JjuyES

Thks M.Carver http://www.slideshare.net/matthewcarver/new-rules-of-the-responsive-web

Un solo utente, più devices


39

M.Carver http://www.slideshare.net/matthewcarver/new-rules-of-the-responsive-web

Un solo utente, più devices

Cloud

SincronizzazioneStorageServiziBackup

Questo è un cambiamento rivoluzionario !


40


App, App Stores & Mobile Web Applications

Smartphone vs Internet: 2 approcci


42

Nativeapp

Download & install App store

Mobile website

HTTP

App store

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


43

Pro & cons per l'utilizzatore

Mobile Web ApplicationSi accede con un normale browser, su ogni deviceAggiornamenti effettuati dal fornitore del servizio, senza coinvolgere l'utenteNon è ottimizzata per il device di accessoNon è "garantita" da una terza parte Ecosistema aperto

Native AppDeve essere scaricata da uno store, per ogni deviceAggiornamenti devono essere effettuati dall'utenteÈ ottimizzata per il device di accessoÈ "garantita" dal gestore dello storeIn caso di esclusiva, l'ecosistema è controllato dal gestore del servizio

46


Responsive Web Applications


47

Pro & cons per lo sviluppatore

Mobile Web ApplicationUna sola versione per tutti i deviceNon è ottimizzata per il device di accessoNon serve un distributore

Native AppUna versione differente per ogni deviceÈ ottimizzata per il device di accessoServe un distributore (ricarico sul prezzo ed eventuale filtro)

48


Dove informarsi sull'evoluzione della rete


49

www.mashable.com

www.techcrunch.com

www.thenextweb.com

www.theverge.com

Lavoro individuale

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).


50

Education

8. Mobile web