21. Evoluzione dei paradigmi di interazione (III)

Corso di Interazione Uomo MacchinaAA 2013-2014

Roberto Polillo

Corso di laurea in InformaticaUniversità di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Evoluzione dei paradigmi di interazione (III)1

R.Polillo - Marzo 2014

Edizione 2013-14

Le macro-fasi

1960 1970 1980 1990 2000

Teletype

Personal computer

Web

Terminali video

Mobiles

Web 1.0

MS ExplorerAmazoneBayIPO Netscape

1990 1 2 3 4 5 6 7 8 9 2000 2001 2002

First web siteat

CERN

W3CNetscape NavigatorYahoo

Mosaic

GoogleMozilla

NapsterPaypal

Max NASDAQ

9/11

MinNASDAQ

Nasdaq Composite Index

R.Polillo, May 2014

4

Web 1.0: main characteristics

R.Polillo, May 2014

5

Site content produced by site publisher Hierarchical organization and navigation thru menu Single user web site interaction Interaction with data bases "Closed" services (“get the user and keep her within

site”)

Italy: the beginning

R.Polillo, May 2014

6

VideoOnLine (Grauso, 1994 → Tin.it, 1996)

(1996)

Short history of Yahoo!

R.Polillo, May 2014

7

1996: http://web.archive.org/web/19961022175643/http://www10.yahoo.com/ 1999: http://web.archive.org/web/19990208021636/http://www12.yahoo.com/ 2001: http://web.archive.org/web/20011108000033/http://www.yahoo.com/ 2003 http://web.archive.org/web/20031211113526/http://www.yahoo.com/ 2005 http://web.archive.org/web/20051220154406/http://www.yahoo.com/? 2007: http://web.archive.org/web/20071229022936/http://www.yahoo.com/ 2010: http://web.archive.org/web/20101016230535/http://www.yahoo.com/ Today: www.yahoo.com

http://www.archive.org/ (from 1996)

http://web.archive.org/web/19961022175643/http://www10.yahoo.com/

http://web.archive.org/web/19990208021636/http://www12.yahoo.com/

http://web.archive.org/web/20011108000033/http://www.yahoo.com/

Narrowband connection

R.Polillo, May 2014

9

The "dot.com bubble”

MS ExplorerAmazoneBayIPO Netscape

1990 1 2 3 4 5 6 7 8 9 2000 2001 2002

First web site atCERN

W3CNetscape NavigatorYahoo

Mosaic

GoogleMozilla

NapsterPaypal

Max NASDAQ

9/11

MinNASDAQ


March 10 2000: index at 5132

March 10 2000: index at 5132

Oct 9 2002: index at 1114Oct 9 2002:

index at 1114

R.Polillo, May 2014

10

Web 2.0: birth of a name

R.Polillo, May 2014

11

First O’Reilly Media Web 2.0 Conference (Oct 2004) The Internet community realizes that the Web is changed…

Web 2.0 key aspects

R.Polillo, May 2014

12

Social media: The user is the leading actor User interaction throu the Web: one-to-many (blog), many-to-many (social media) Services to host User Generated Content (UGC), to be shared with other users Collective creation User rating in e-commerce "Market are conversations" (Cluetrain manifesto, 1999-2000)The Web as a computing platform: Online services, virtualization Perpetuale beta Component and service mashups Rich Internet Applications (RIA) technologies

Web 2.0

2000 1 2 3 4 5 6 7 8 9 10 11 12

Twitter, Slideshare, ScribdGoogle DocsYouTube

, Joomla, NingFlickr,

Facebook

Skype WordPressBlogger LinkedIn iPhone

GrouponAndroid, Dropbox

FoursquareWhatsApp

iPad, PinterestInstagram

Google+

Wikipedia

(In red start of mobile Web)

Internet traffic

video

R.Polillo, May 2014

13

Xmas 2006

Media acknowledge the paradigm change

R.Polillo, May 2014

14

In the meanwhile, telephony changes…15

R.Polillo, May 2014

Fasi della storia del Web16

Firs

t Web

site

at C

ERN

Mos

aic

(NCS

A)

W3C

; Net

scap

e Nav

igat

or

Netsc

ape

IPO,,

MS

Expl

orer

, Am

azon

, eBa

y

Boom

and

fall

of N

ASDAQ

G

oogl

e IP

O; F

aceb

ook

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.0crisisPre-history

Googl

e fo

unde

d9/

11; W

ikip

edia

Fina

ncia

l cris

i

iPho

ne, A

ndro

id

Twitt

er

iPad

FB IP

O


YouT

ube

Internet traffic

video

R.Polillo, May 201417

SMS

2 GNokia 5110

GSM (candybar)SMS, watch, sveglia, rubrica, calcolatrice, rubrica, giochi, suonerie

MMS

WAP

2.5 GMotorola V3 RAZR

"Feature phone"GPRS (candybar, clamshell) + MMS,,photocamera, email, (Internet)

Touch phone

iPhone+ multitouch, sensors, GPS, app, …

3 G

Blackberry

"Smartphone"+ alphanumeric kb, PDA, video, GPS, radio, MP3, OS, …TELEFONIA MOBILE

TIM,

Omnitel

Firs

t Web

site

at C

ERN

Mos

aic

(NCS

A)

W3C

; Net

scap

e Nav

igat

or

Netsc

ape

IPO,,

MS

Expl

orer

, Am

azon

, eBa

y

Boom

and

fall

of N

ASDAQ

G

oogl

e IP

O; F

aceb

ook

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

gle

foun

ded

9/11

; Wikip

edia

Fina

ncia

l cris

i

iPho

ne, A

ndro

id

Twitt

er

iPad

FB IP

O

YouT

ube

Internet traffic

video

IP telephony

R.Polillo, May 2014

18

Skype Internet based video-telephony, free Starting 2003, acquired by eBay in 2005, then by

Microsoft in 2011 (8,5 B$) 2012: 700 ml accounts; one third of all international calls

pass through Skype Jan 2013: 50 ml concurrent users

WhatsApp Free SMS via IP Started in 2009, acquired by Facebook in 2014 (19 B$)

The "mobile miracle"


ITU, Measuring the Information Society 2012

Mobile cellular subscriptions

6 years gap

ITU, Measuring the Information Society 2013

Internet users

90% of world population has access

to a cellphone

Le macro-fasi

1960 1970 1980 1990 2000

Teletype

Personal computer

Web

Terminali video

Mobiles

"Guarda, parla, cammina"22


Video

Guardate come Nokia ipotizzava il cellulare del futuro nel 2006, e confrontatelo con ciò che esiste ora

http://it.youtube.com/watch?v=92uaW9K6QEk

http://it.youtube.com/watch?v=LN0vVf-a9V0

Finchè….Apple iPhone (2007)

R.Polillo, May 2014

24

Multi-touch

https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/InteractivityInput.html

Android

R.Polillo, May 2014

26

Linux based mobile OS Initially developed by Android Inc., acquired by Google in

2005 Open-source First android phone: end 2008 Today the largest market share for mobile OS

Apple iPAD (2010)

R.Polillo, May 2014

27

Mobile OS market share

R.Polillo, May 2014

28

Source: StatCounter

Mobile installed base (World)

R.Polillo, May 2014

29

"Leap-frogging"

R.Polillo, May 2014

30

Guarda, parla, cammina

Portabilità, piccole dimensioni Utilizzabile in movimento Context-aware Occhio sul mondo Sensori sul mondo

Comunicazione vocale

A complete paradigm change

R.Polillo, May 2014

32

Access from fixed location

Ubiquitous, contextualizedl access

Device is geo-localized, has eyes, hears, voice, knows its user and is connected to a global computing platform

Monthly pro-capite use of cellphones: voice vs SMS by age in USA

R.Polillo, May 2014

33

Q2 2008, Nielsen

Camera eyes: QRCODE

R.Polillo, May 2014

34

Augmented reality

R.Polillo, May 2014

35

Augmented reality

R.Polillo, May 2014

36

Augmented reality

R.Polillo, May 2014

37

But we cannot do everything with a small, portable device…

R.Polillo, May 2014

38

Mob

ile a

nd c

loud

com

putin

g ar

e st

rong

ly rel

ated

CLOUD

Tks Lara Ciccarelli per i disegni

La globalizzazione della rete39

Da dove provengono i servizi?

Smartphone voice assistant

Apple Siri: in iPhone 4S ott 2011, in iPad in set 2012Demo: https://www.youtube.com/watch?v=MtwVQhEXCcc

Google Voice Search/Google now: ottobre 2012, orientato al search

Microsoft Cortana: 2014 http://bgr.com/2014/04/14/cortana-vs-siri-vs-google-now

Il futuro anche nei sistemi di guida di autoveicoli


40

And now…

https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012

http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013

R.Polillo, May 2014

41

Smart watches

R.Polillo, May 2014

42

2

Il vostro progetto

R.Polillo -Marzo 2013

4Esame

Navigazione a posto

Documento dei requisiti

Prototipo di carta

Revisione

Videoscenario

Primo prototipo (toolkit)

2

1

Secondoprototipo (toolkit)

Test usabilità

(con video)

3

Revis.

Revisione

Il calendario

Revisioni:Martedì 20 maggio Martedì 27 maggio (qui fine lezioni)Martedì 3 giugnoEsami:Scritto: 17 giugno [ed eventuale Revisione] Orale: 24 giugnoScritto: 10 luglio [ed eventuale Revisione] Orale: 17 luglio


Another bubble?

R.Polillo, May 2014

45

Netscape IPO

Google IPOAug 19 2004

LinkedIn IPO(NYSE)

Facebook IPO

Twitter IPO(NYSE)

1994

1995

1997

1996

March 10 2000:5049

(Indice Nasdaq 1994-2013)

21. Evoluzione dei paradigmi di interazione (III)

Education

Transcript of 21. Evoluzione dei paradigmi di interazione (III)