8. Mobile web

Post on 05-Jul-2015

784 views 0 download

description

Slides dalle lezioni del corso di "Strumenti e applicazioni del Web" - Università di Milano Bicocca - Prof.R.Polillo - Lezione del 4 aprile 2013 La registrazione video della lezione si trova su Youtube: Parte I: http://youtu.be/LAkBpUBsfdI Parte II: http://youtu.be/E29OOvhk_Ew Per l'intero corso vedi anche www.corsow.wordpress.com

Transcript of 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

R.Polillo - Marzo 20134

Lo sviluppo della telefonia mobile

e la convergenza

Fasi della storia del Web5

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 20136

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

R.Polillo - Marzo 2013

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, …

R.Polillo - Marzo 2013

8

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

Crescita degli smartphone (world)

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 201310

Fonte: ITU, Measuring the Information Society 2012

Mobile cellular subscriptions% di utilizzatori di Internet

6 anni diritardo

> 10 anni di ritardo?

R.Polillo - Marzo 201311

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

Fixed lines vs mobile phones ratio

R.Polillo - Marzo 2013

12

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

Cellulari ultra low-cost: esempi

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

Quali smartphone oggi?

R.Polillo - Marzo 2013

15

Da http://bit.ly/16120rQ

Apple iPhone

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

17

Mobile OS market share

R.Polillo - Marzo 2013

18

Samsung Galaxy S series (Android)

R.Polillo - Marzo 2013

19

2010 2013

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

Schermo:5", 441 ppi

Air Touch

Tablet

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

21

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

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

R.Polillo - Marzo 201324

A che cosa ci servono i "mobile"?

Accesso al Web: desktop o mobile?

R.Polillo - Marzo 2013

25

Accesso a internet: desktop vs mobile

R.Polillo - Marzo 2013

26

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

28

R.Polillo - Marzo 2013

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

29

(Q2 2008, Nielsen)

R.Polillo - Marzo 2013

Esempio: QRCODE

R.Polillo - Marzo 2013

30

Samsung Camera Phone

R.Polillo - Marzo 2013

31

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

Esempio: Realtà aumentata

Esempio: Realtà aumentata

Esempio: Realtà aumentata

R.Polillo - Marzo 201337

Mobile & cloud computing: il nuovo paradigma

In sintesi: il Web oggi

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

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 !

R.Polillo - Marzo 2013

40

R.Polillo - Marzo 201341

App, App Stores & Mobile Web Applications

Smartphone vs Internet: 2 approcci

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

Responsive Web Applications

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

Dove informarsi sull'evoluzione della rete

R.Polillo - Marzo 2013

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

R.Polillo - Marzo 2013

50