SlideShare a Scribd company logo
1 of 43
Corso di Interazione Uomo Macchina
AA 2013-2014
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocca
Dipartimento 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 Explorer
Amazon
eBay
IPO Netscape
1990 1 2 3 4 5 6 7 8 9 2000 2001
2002
First web site
at
CERN
W3C
Netscape Navigator
Yahoo
Mosaic
Google
Mozilla
Napster
Paypal
Max
NASDAQ
9/11
Min
NASDAQ
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)
Narrowband connection
R.Polillo, May 2014
9
The "dot.com bubble”
MS Explorer
Amazon
eBay
IPO Netscape
1990 1 2 3 4 5 6 7 8 9 2000 2001
2002
First web
site at
CERN
W3C
Netscape Navigator
Yahoo
Mosaic
Google
Mozilla
Napster
Paypal
Max
NASDAQ
9/11
Min
NASDAQ
Nasdaq Composite
Index
March 10 2000:
index at 5132
March 10 2000:
index at 5132
Oct 9 2002:
index at 1114
Oct 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,
Scribd
Google
DocsYouTube
,
Joomla,
NingFlickr,
Facebook
Skype
WordPress
Blogger
LinkedIn iPhone
Groupon
Android,
Dropbox
Foursquar
e
WhatsApp
iPad,
Pinterest
Instagram
Google+
Wikipedi
a
(In red start of mobile
Web)
Inter
net
traffi
c
vid
eo
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 Web
16
FirstW
eb
site
atCERN
M
osaic
(NCSA)
W
3C;Netscape
Navigator
Netscape
IPO
,,M
S
Explorer,Am
azon,eBay
Boom
and
fallofNASD
AQ
G
oogle
IPO
;Facebook
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
G
oogle
founded
9/11;W
ikipedia
Financialcrisi
iPhone,Android
Tw
itter
iPad
FB
IPO
Nasdaq
Composite
Index
YouTube
Inter
net
traffi
c
vid
eo
R.Polillo, May 201417
SMS
2 G
Nokia
5110
GSM (candybar)
SMS, watch, sveglia,
rubrica, calcolatrice,
rubrica, giochi,
suonerie
MMS
WAP
2.5 G
Motorola
V3 RAZR
"Feature phone"
GPRS (candybar,
clamshell) +
MMS,,photocamera,
email, (Internet)
Touch
phone
iPhone
+ multitouch,
sensors,
GPS, app, …
3 G
Blackberr
y
"Smartphone"
+ alphanumeric
kb, PDA, video,
GPS, radio, MP3,
OS, …TELEFONIA MOBILE
TIM,
Omn
itel
FirstW
eb
site
atCERN
M
osaic
(NCSA)
W
3C;Netscape
Navigator
Netscape
IPO
,,M
S
Explorer,Am
azon,
Boom
and
fallofNASD
AQ
G
oogle
IPO
;Facebook
91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10 11 12G
oogle
founded
9/11;W
ikipedia
Financialcrisi
iPhone,Android
Tw
itter
iPad
FB
IPO
YouTube
c
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"
R.Polillo, May 201419
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
R.Polillo, May 201420
Le macro-fasi
1960 1970 1980 1990 2000
Teletype
Personal computer
Web
Terminali video
Mobiles
"Guarda, parla, cammina"22
R.Polillo - Marzo 2014
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/user
experience/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:
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
Mobile
and
cloud
com
puting
are
strongly
related
CLOUD
Tks Lara Ciccarelli per i disegni
La globalizzazione della rete
39
Da dove provengono i servizi?
Smartphone voice assistant
 Apple Siri: in iPhone 4S ott 2011, in iPad in set 2012
Demo: 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
R.Polillo - Marzo 2014
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
4
Esame
Navigazione a posto
Documento
dei requisiti
Prototipo
di carta
Revisione
Video
scenario
Primo
prototipo
(toolkit)
2
1
Secondo
prototipo
(toolkit)
Test
usabilità
(con video)
3
Revis.
Revisione
Il calendario
Revisioni:
Martedì 20 maggio
Martedì 27 maggio (qui fine lezioni)
Martedì 3 giugno
Esami:
Scritto: 17 giugno [ed eventuale Revisione]
Orale: 24 giugno
Scritto: 10 luglio [ed eventuale Revisione]
Orale: 17 luglio
R.Polillo - Marzo 201444
Another bubble?
R.Polillo, May 2014
45
Netscape IPO
Google IPO
Aug 19 2004
LinkedIn IPO
(NYSE)
Facebook IPO
Twitter IPO
(NYSE)
199
4
199
5
199
7
199
6
March 10 2000:
5049
(Indice Nasdaq 1994-2013)

More Related Content

Viewers also liked

Diventare ricchi con Python
Diventare ricchi con PythonDiventare ricchi con Python
Diventare ricchi con Pythonantonio.cangiano
 
11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visioneRoberto Polillo
 
Come diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo PellegriniCome diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo PellegriniDonatella Cambosu
 
Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...
Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...
Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...Web Marketing Garden
 
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilitàFacile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilitàRoberto Polillo
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'Roberto Polillo
 
Mobile strategy-2010
Mobile strategy-2010Mobile strategy-2010
Mobile strategy-2010DML Srl
 
7.Ingegneria e creativita'
7.Ingegneria e creativita'7.Ingegneria e creativita'
7.Ingegneria e creativita'Roberto Polillo
 
17. Principi e linee guida (ii)
17. Principi e linee guida (ii)17. Principi e linee guida (ii)
17. Principi e linee guida (ii)Roberto Polillo
 
iPhone Apps Marketing
iPhone Apps MarketingiPhone Apps Marketing
iPhone Apps MarketingDML Srl
 
13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorioRoberto Polillo
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)Roberto Polillo
 
12.Visione e progettazione grafica
12.Visione e progettazione grafica12.Visione e progettazione grafica
12.Visione e progettazione graficaRoberto Polillo
 

Viewers also liked (20)

9. Mobile design
9. Mobile design9. Mobile design
9. Mobile design
 
Diventare ricchi con Python
Diventare ricchi con PythonDiventare ricchi con Python
Diventare ricchi con Python
 
4. Usabilita
4. Usabilita4. Usabilita
4. Usabilita
 
11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione
 
Come diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo PellegriniCome diventare data scientist - Paolo Pellegrini
Come diventare data scientist - Paolo Pellegrini
 
6. Il browser
6. Il browser6. Il browser
6. Il browser
 
Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...
Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...
Corso completo di web marketing (1108 slides), di Roberto Ghislandi con contr...
 
Come si costruisce un piano di marketing
Come si costruisce un piano di marketingCome si costruisce un piano di marketing
Come si costruisce un piano di marketing
 
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilitàFacile da usare - Una moderna introduzione all'ingegneria dell'usabilità
Facile da usare - Una moderna introduzione all'ingegneria dell'usabilità
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'
 
Mobile strategy-2010
Mobile strategy-2010Mobile strategy-2010
Mobile strategy-2010
 
7.Ingegneria e creativita'
7.Ingegneria e creativita'7.Ingegneria e creativita'
7.Ingegneria e creativita'
 
17. Principi e linee guida (ii)
17. Principi e linee guida (ii)17. Principi e linee guida (ii)
17. Principi e linee guida (ii)
 
Article Marketig
Article MarketigArticle Marketig
Article Marketig
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
iPhone Apps Marketing
iPhone Apps MarketingiPhone Apps Marketing
iPhone Apps Marketing
 
13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)
 
Manuale python
Manuale pythonManuale python
Manuale python
 
12.Visione e progettazione grafica
12.Visione e progettazione grafica12.Visione e progettazione grafica
12.Visione e progettazione grafica
 

Similar to 21. Evoluzione dei paradigmi di interazione (III)

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
 
IRJET- Mobility of Communication through Various Mobile Operating Systems wit...
IRJET- Mobility of Communication through Various Mobile Operating Systems wit...IRJET- Mobility of Communication through Various Mobile Operating Systems wit...
IRJET- Mobility of Communication through Various Mobile Operating Systems wit...IRJET Journal
 
A PROJECT REPORT ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONE
A PROJECT REPORT  ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONEA PROJECT REPORT  ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONE
A PROJECT REPORT ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONEVibhor Agarwal
 
Made in Ukraine | Powercode
Made in Ukraine | PowercodeMade in Ukraine | Powercode
Made in Ukraine | PowercodePowercode
 
What is Android Mobile Phone?
What is Android Mobile Phone?What is Android Mobile Phone?
What is Android Mobile Phone?payalseosmo
 
Geopaparazzi, history of a digital mapping kid
Geopaparazzi, history of a digital mapping kidGeopaparazzi, history of a digital mapping kid
Geopaparazzi, history of a digital mapping kidAndrea Antonello
 
webinos project overview
webinos project overviewwebinos project overview
webinos project overviewwebinos project
 
webinos Open Day Introduction
webinos Open Day Introductionwebinos Open Day Introduction
webinos Open Day Introductionwebinos project
 
Reply to each of the following 5 discussions – Label each response.docx
Reply to each of the following 5 discussions – Label each response.docxReply to each of the following 5 discussions – Label each response.docx
Reply to each of the following 5 discussions – Label each response.docxchris293
 
JISC - Project Erewhon Final Report
JISC - Project Erewhon Final ReportJISC - Project Erewhon Final Report
JISC - Project Erewhon Final ReportTim Fernando
 
Mobile computing moodle moot w audio
Mobile computing moodle moot w audioMobile computing moodle moot w audio
Mobile computing moodle moot w audioBFricker
 
Mobile computing moodle moot
Mobile computing moodle mootMobile computing moodle moot
Mobile computing moodle mootBFricker
 
Gemma Vallet y Óscar Dorda en el IV Congreso DEC
Gemma Vallet y Óscar Dorda en el IV Congreso DECGemma Vallet y Óscar Dorda en el IV Congreso DEC
Gemma Vallet y Óscar Dorda en el IV Congreso DECAsociación DEC
 
#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations
#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations
#CIPRsm (CIPR Social Media Panel) - Mobile and Public RelationsCIPRsm
 

Similar to 21. Evoluzione dei paradigmi di interazione (III) (20)

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)
 
IRJET- Mobility of Communication through Various Mobile Operating Systems wit...
IRJET- Mobility of Communication through Various Mobile Operating Systems wit...IRJET- Mobility of Communication through Various Mobile Operating Systems wit...
IRJET- Mobility of Communication through Various Mobile Operating Systems wit...
 
The Future Is Agumented
The Future Is AgumentedThe Future Is Agumented
The Future Is Agumented
 
IT Trends – A Personal Perspective
IT Trends – A Personal PerspectiveIT Trends – A Personal Perspective
IT Trends – A Personal Perspective
 
[OINP2014] Roberto Polillo, Univ. Milano Bicocca "A view on ICT4D"
[OINP2014] Roberto Polillo, Univ. Milano Bicocca "A view on ICT4D"[OINP2014] Roberto Polillo, Univ. Milano Bicocca "A view on ICT4D"
[OINP2014] Roberto Polillo, Univ. Milano Bicocca "A view on ICT4D"
 
Consumer buying behaviour
Consumer buying behaviourConsumer buying behaviour
Consumer buying behaviour
 
A PROJECT REPORT ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONE
A PROJECT REPORT  ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONEA PROJECT REPORT  ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONE
A PROJECT REPORT ON A STUDY ON CONSUMER BUYING BEHAVIOR TOWARDS SMARTPHONE
 
Made in Ukraine | Powercode
Made in Ukraine | PowercodeMade in Ukraine | Powercode
Made in Ukraine | Powercode
 
What is Android Mobile Phone?
What is Android Mobile Phone?What is Android Mobile Phone?
What is Android Mobile Phone?
 
Geopaparazzi, history of a digital mapping kid
Geopaparazzi, history of a digital mapping kidGeopaparazzi, history of a digital mapping kid
Geopaparazzi, history of a digital mapping kid
 
webinos project overview
webinos project overviewwebinos project overview
webinos project overview
 
webinos Open Day Introduction
webinos Open Day Introductionwebinos Open Day Introduction
webinos Open Day Introduction
 
Discover the Opportunity with Android
Discover the Opportunity with AndroidDiscover the Opportunity with Android
Discover the Opportunity with Android
 
Reply to each of the following 5 discussions – Label each response.docx
Reply to each of the following 5 discussions – Label each response.docxReply to each of the following 5 discussions – Label each response.docx
Reply to each of the following 5 discussions – Label each response.docx
 
JISC - Project Erewhon Final Report
JISC - Project Erewhon Final ReportJISC - Project Erewhon Final Report
JISC - Project Erewhon Final Report
 
timeline exposure
timeline exposuretimeline exposure
timeline exposure
 
Mobile computing moodle moot w audio
Mobile computing moodle moot w audioMobile computing moodle moot w audio
Mobile computing moodle moot w audio
 
Mobile computing moodle moot
Mobile computing moodle mootMobile computing moodle moot
Mobile computing moodle moot
 
Gemma Vallet y Óscar Dorda en el IV Congreso DEC
Gemma Vallet y Óscar Dorda en el IV Congreso DECGemma Vallet y Óscar Dorda en el IV Congreso DEC
Gemma Vallet y Óscar Dorda en el IV Congreso DEC
 
#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations
#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations
#CIPRsm (CIPR Social Media Panel) - Mobile and Public Relations
 

More from 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
 
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
 
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 seggRoberto Polillo
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sitesRoberto Polillo
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatoriRoberto Polillo
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 

More from 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)
 
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)
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
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
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 
14. Progettare il testo
14. Progettare il testo14. Progettare il testo
14. Progettare il testo
 

Recently uploaded

Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Recently uploaded (20)

Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

21. Evoluzione dei paradigmi di interazione (III)

  • 1. Corso di Interazione Uomo Macchina AA 2013-2014 Roberto Polillo Corso di laurea in Informatica Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Evoluzione dei paradigmi di interazione (III)1 R.Polillo - Marzo 2014 Edizione 2013-14
  • 2. Le macro-fasi 1960 1970 1980 1990 2000 Teletype Personal computer Web Terminali video Mobiles
  • 3. Web 1.0 MS Explorer Amazon eBay IPO Netscape 1990 1 2 3 4 5 6 7 8 9 2000 2001 2002 First web site at CERN W3C Netscape Navigator Yahoo Mosaic Google Mozilla Napster Paypal Max NASDAQ 9/11 Min NASDAQ Nasdaq Composite Index R.Polillo, May 2014 4
  • 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”)
  • 5. Italy: the beginning R.Polillo, May 2014 6 VideoOnLine (Grauso, 1994 → Tin.it, 1996) (1996)
  • 6. 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)
  • 8. The "dot.com bubble” MS Explorer Amazon eBay IPO Netscape 1990 1 2 3 4 5 6 7 8 9 2000 2001 2002 First web site at CERN W3C Netscape Navigator Yahoo Mosaic Google Mozilla Napster Paypal Max NASDAQ 9/11 Min NASDAQ Nasdaq Composite Index March 10 2000: index at 5132 March 10 2000: index at 5132 Oct 9 2002: index at 1114 Oct 9 2002: index at 1114 R.Polillo, May 2014 10
  • 9. 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…
  • 10. 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
  • 11. Web 2.0 2000 1 2 3 4 5 6 7 8 9 10 11 12 Twitter, Slideshare, Scribd Google DocsYouTube , Joomla, NingFlickr, Facebook Skype WordPress Blogger LinkedIn iPhone Groupon Android, Dropbox Foursquar e WhatsApp iPad, Pinterest Instagram Google+ Wikipedi a (In red start of mobile Web) Inter net traffi c vid eo R.Polillo, May 2014 13
  • 12. Xmas 2006 Media acknowledge the paradigm change R.Polillo, May 2014 14
  • 13. In the meanwhile, telephony changes…15 R.Polillo, May 2014
  • 14. Fasi della storia del Web 16 FirstW eb site atCERN M osaic (NCSA) W 3C;Netscape Navigator Netscape IPO ,,M S Explorer,Am azon,eBay Boom and fallofNASD AQ G oogle IPO ;Facebook 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 G oogle founded 9/11;W ikipedia Financialcrisi iPhone,Android Tw itter iPad FB IPO Nasdaq Composite Index YouTube Inter net traffi c vid eo
  • 15. R.Polillo, May 201417 SMS 2 G Nokia 5110 GSM (candybar) SMS, watch, sveglia, rubrica, calcolatrice, rubrica, giochi, suonerie MMS WAP 2.5 G Motorola V3 RAZR "Feature phone" GPRS (candybar, clamshell) + MMS,,photocamera, email, (Internet) Touch phone iPhone + multitouch, sensors, GPS, app, … 3 G Blackberr y "Smartphone" + alphanumeric kb, PDA, video, GPS, radio, MP3, OS, …TELEFONIA MOBILE TIM, Omn itel FirstW eb site atCERN M osaic (NCSA) W 3C;Netscape Navigator Netscape IPO ,,M S Explorer,Am azon, Boom and fallofNASD AQ G oogle IPO ;Facebook 91 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 0990 10 11 12G oogle founded 9/11;W ikipedia Financialcrisi iPhone,Android Tw itter iPad FB IPO YouTube c
  • 16. 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$)
  • 17. The "mobile miracle" R.Polillo, May 201419 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
  • 19. Le macro-fasi 1960 1970 1980 1990 2000 Teletype Personal computer Web Terminali video Mobiles
  • 21. 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
  • 24. 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
  • 26. Mobile OS market share R.Polillo, May 2014 28 Source:
  • 27. Mobile installed base (World) R.Polillo, May 2014 29
  • 29. Guarda, parla, cammina  Portabilità, piccole dimensioni  Utilizzabile in movimento  Context-aware  Occhio sul mondo  Sensori sul mondo  Comunicazione vocale
  • 30. 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
  • 31. Monthly pro-capite use of cellphones: voice vs SMS by age in USA R.Polillo, May 2014 33 Q2 2008, Nielsen
  • 36. But we cannot do everything with a small, portable device… R.Polillo, May 2014 38 Mobile and cloud com puting are strongly related CLOUD Tks Lara Ciccarelli per i disegni
  • 37. La globalizzazione della rete 39 Da dove provengono i servizi?
  • 38. Smartphone voice assistant  Apple Siri: in iPhone 4S ott 2011, in iPad in set 2012 Demo: 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 R.Polillo - Marzo 2014 40
  • 39. 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
  • 41. 2 Il vostro progetto R.Polillo -Marzo 2013 4 Esame Navigazione a posto Documento dei requisiti Prototipo di carta Revisione Video scenario Primo prototipo (toolkit) 2 1 Secondo prototipo (toolkit) Test usabilità (con video) 3 Revis. Revisione
  • 42. Il calendario Revisioni: Martedì 20 maggio Martedì 27 maggio (qui fine lezioni) Martedì 3 giugno Esami: Scritto: 17 giugno [ed eventuale Revisione] Orale: 24 giugno Scritto: 10 luglio [ed eventuale Revisione] Orale: 17 luglio R.Polillo - Marzo 201444
  • 43. Another bubble? R.Polillo, May 2014 45 Netscape IPO Google IPO Aug 19 2004 LinkedIn IPO (NYSE) Facebook IPO Twitter IPO (NYSE) 199 4 199 5 199 7 199 6 March 10 2000: 5049 (Indice Nasdaq 1994-2013)