21. Evoluzione dei paradigmi di interazione (III)

  • 514 views
Uploaded 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

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

More in: Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
514
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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)
  • 7. Narrowband connection R.Polillo, May 2014 9
  • 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
  • 18. R.Polillo, May 201420
  • 19. Le macro-fasi 1960 1970 1980 1990 2000 Teletype Personal computer Web Terminali video Mobiles
  • 20. "Guarda, parla, cammina"22 R.Polillo - Marzo 2014
  • 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. Finchè….Apple iPhone (2007) R.Polillo, May 2014 24
  • 23. Multi-touch https://developer.apple.com/library/ios/documentation/user experience/conceptual/mobilehig/InteractivityInput.html
  • 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. Apple iPAD (2010) R.Polillo, May 2014 27
  • 26. Mobile OS market share R.Polillo, May 2014 28 Source:
  • 27. Mobile installed base (World) R.Polillo, May 2014 29
  • 28. "Leap-frogging" R.Polillo, May 2014 30
  • 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
  • 32. Camera eyes: QRCODE R.Polillo, May 2014 34
  • 33. Augmented reality R.Polillo, May 2014 35
  • 34. Augmented reality R.Polillo, May 2014 36
  • 35. Augmented reality R.Polillo, May 2014 37
  • 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
  • 40. Smart watches R.Polillo, May 2014 42
  • 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)