Corso di Interazione Uomo Macchina
AA 2013-2014
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocc...
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 Nav...
Web 1.0: main characteristics
R.Polillo, May 2014
5
 Site content produced by site publisher
 Hierarchical organization ...
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/
 ...
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...
Web 2.0: birth of a name
R.Polillo, May 2014
11
 First O’Reilly Media Web 2.0 Conference (Oct 2004)
 The Internet commun...
Web 2.0 key aspects
R.Polillo, May 2014
12
Social media:
 The user is the leading actor
 User interaction throu the Web:...
Web 2.0
2000 1 2 3 4 5 6 7 8 9 10 11 12
Twitter,
Slideshare,
Scribd
Google
DocsYouTube
,
Joomla,
NingFlickr,
Facebook
Skyp...
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
a...
R.Polillo, May 201417
SMS
2 G
Nokia
5110
GSM (candybar)
SMS, watch, sveglia,
rubrica, calcolatrice,
rubrica, giochi,
suone...
IP telephony
R.Polillo, May 2014
18
 Skype
 Internet based video-telephony, free
 Starting 2003, acquired by eBay in 20...
The "mobile miracle"
R.Polillo, May 201419
ITU, Measuring the Information Society
2012
Mobile cellular subscriptions
6 yea...
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.yo...
Finchè….Apple iPhone (2007)
R.Polillo, May 2014
24
Multi-touch
https://developer.apple.com/library/ios/documentation/user
experience/conceptual/mobilehig/InteractivityInput....
Android
R.Polillo, May 2014
26
 Linux based mobile OS
 Initially developed by Android Inc., acquired by Google in
2005
...
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
 ...
A complete paradigm change
R.Polillo, May 2014
32
Access from
fixed location
Ubiquitous,
contextualizedl access
Device is ...
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...
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=...
And now…
https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012
http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013
R.Polill...
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
Revision...
Il calendario
Revisioni:
Martedì 20 maggio
Martedì 27 maggio (qui fine lezioni)
Martedì 3 giugno
Esami:
Scritto: 17 giu...
Another bubble?
R.Polillo, May 2014
45
Netscape IPO
Google IPO
Aug 19 2004
LinkedIn IPO
(NYSE)
Facebook IPO
Twitter IPO
(N...
Upcoming SlideShare
Loading in...5
×

21. Evoluzione dei paradigmi di interazione (III)

785

Published on

Slides delle lezioni del corso di Interazione Uomo Macchina per gli studenti del corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - lezione del 22 maggio 2014

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
785
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

21. Evoluzione dei paradigmi di interazione (III)

  1. 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. 2. Le macro-fasi 1960 1970 1980 1990 2000 Teletype Personal computer Web Terminali video Mobiles
  3. 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. 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. 5. Italy: the beginning R.Polillo, May 2014 6 VideoOnLine (Grauso, 1994 → Tin.it, 1996) (1996)
  6. 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)
  7. 7. Narrowband connection R.Polillo, May 2014 9
  8. 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. 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. 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. 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. 12. Xmas 2006 Media acknowledge the paradigm change R.Polillo, May 2014 14
  13. 13. In the meanwhile, telephony changes…15 R.Polillo, May 2014
  14. 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. 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. 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. 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
  18. 18. R.Polillo, May 201420
  19. 19. Le macro-fasi 1960 1970 1980 1990 2000 Teletype Personal computer Web Terminali video Mobiles
  20. 20. "Guarda, parla, cammina"22 R.Polillo - Marzo 2014
  21. 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
  22. 22. Finchè….Apple iPhone (2007) R.Polillo, May 2014 24
  23. 23. Multi-touch https://developer.apple.com/library/ios/documentation/user experience/conceptual/mobilehig/InteractivityInput.html
  24. 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
  25. 25. Apple iPAD (2010) R.Polillo, May 2014 27
  26. 26. Mobile OS market share R.Polillo, May 2014 28 Source:
  27. 27. Mobile installed base (World) R.Polillo, May 2014 29
  28. 28. "Leap-frogging" R.Polillo, May 2014 30
  29. 29. Guarda, parla, cammina  Portabilità, piccole dimensioni  Utilizzabile in movimento  Context-aware  Occhio sul mondo  Sensori sul mondo  Comunicazione vocale
  30. 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. 31. Monthly pro-capite use of cellphones: voice vs SMS by age in USA R.Polillo, May 2014 33 Q2 2008, Nielsen
  32. 32. Camera eyes: QRCODE R.Polillo, May 2014 34
  33. 33. Augmented reality R.Polillo, May 2014 35
  34. 34. Augmented reality R.Polillo, May 2014 36
  35. 35. Augmented reality R.Polillo, May 2014 37
  36. 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. 37. La globalizzazione della rete 39 Da dove provengono i servizi?
  38. 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. 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
  40. 40. Smart watches R.Polillo, May 2014 42
  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. 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. 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)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×