10 - Evoluzione del Web: dal Web 1.0, al Web 2.0, al mobile web - 16/17
Download as PPTX, PDF0 likes3,697 views
Il documento analizza l'evoluzione del web dal 1.0 al 2.0 e al mobile web, sottolineando l'importanza dei cambiamenti nella tecnologia, nel mercato e nei comportamenti degli utenti. Viene discusso l'impatto dei social media, dell'e-commerce e delle tecnologie mobili, evidenziando come i dispositivi portatili abbiano trasformato l'accesso e l'interazione con la rete. Si menzionano anche i driver economici e le sfide future legate alla continua innovazione nei servizi web.
![Web 1.0 Typical applications
• Corporate Web sites
• Portals and search engines
• eCommerce
• [Corporate portals]](https://image.slidesharecdn.com/20161107-evoluzioneweb-161104092846/85/10-Evoluzione-del-Web-dal-Web-1-0-al-Web-2-0-al-mobile-web-16-17-13-320.jpg)
![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 (ma in calo)
- + 3d party apps, …
41
La distinzione non
è netta, e i confini
sono in continua
evoluzione](https://image.slidesharecdn.com/20161107-evoluzioneweb-161104092846/85/10-Evoluzione-del-Web-dal-Web-1-0-al-Web-2-0-al-mobile-web-16-17-41-320.jpg)
10 - Evoluzione del Web: dal Web 1.0, al Web 2.0, al mobile web - 16/17
- 1. Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 10. Evoluzione del Web: dal Web 1.0 al Web 2.0, al mobile web Giuseppe Vizzari Edizione 2016-17
- 2. Queste slide Queste slide fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in strumentiapplicazioniweb.wordpress.com. Data la rapida evoluzione della rete, il corso viene aggiornato ogni anno. Il presente materiale è pubblicato con licenza Creative Commons “Attribuzione - Non commerciale - Condividi allo stesso modo – 3.0” (http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it ): La licenza non si estende alle immagini provenienti da altre fonti e alle screen shot, i cui diritti restano in capo ai rispettivi proprietari, che, ove possibile, sono stati indicati. L'autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.
- 3. L'evoluzione del Web • Dal primo sito Web (1991) il Web è in continua crescita, e in continua evoluzione • In parallelo, è cambiata la telefonia, che da fissa è diventata mobile • I driver dell'evoluzione: la tecnologia, il mercato, i comportamenti delle persone • Le fasi della storia del Web: Web 1.0, Web 2.0, il web mobile 3
- 4. Changing Internet paradigms 1995+ Corporate sites Web portals Search engines E-commerce Web as an interface …. HYPERTEXT, eCOMMERCE 2005+ Blogs Social networks UGC Cooperative creation Sharing Reusable contents Cloud computing … SOCIAL MEDIA / CLOUD 1985+ E-mail File transfer Newsgroups …. COMMUNICATION NETWORK
- 5. 2015+ MOBILE WEB Mobile devices Cloud computing Geolocalization Camera phone Augmented reality Electronic wallet Changing Internet paradigms Worldwide installed base
- 6. 2015+ MOBILE WEB Mobile devices Cloud computing Geolocalization Camera phone Augmented reality Electronic wallet 2020+ INTERNET OF THINGS Changing Internet paradigms
- 7. 2015+ MOBILE WEB Mobile devices Cloud computing Geolocalization Camera phone Augmented reality Electronic wallet 2020+ (or before?) INTERNET OF THINGS Changing Internet paradigms
- 9. Internet traffic growth and forecast http://www.cisco.com/c/en/us/solutions/collateral/service-provider/visual-networking-index-vni/vni-hyperconnectivity-wp.pdf web video p2p
- 10. Paradigm #1: Web 1.0
- 11. 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
- 13. Web 1.0 Typical applications • Corporate Web sites • Portals and search engines • eCommerce • [Corporate portals]
- 14. Web 1.0: caratteristiche dei siti • Siti con contenuti prodotti dal publisher • Organizzazione gerarchica dell’informazione e navigazione attraverso menu • Interazione sito singolo utente • Interazione con data base • Servizi “chiusi” (“attrarre l’utente sul sito, e tenercelo”) • Banda stretta 14
- 15. Portali • Siti che costituiscono "porte di accesso" a insiemi di risorse internet di vario tipo • Spesso organizzate per canali tematici • Portali generalisti o verticali • Spesso personalizzabili sulla base delle singole esigenze (“myPortal”) • Grandissimo sviluppo alla fine degli anni ’90 http://en.wikipedia.org/wiki/Web_portal 15
- 16. E-commerce: main success stories • http://www.amazon.com from 1995 Current size: http://www.wolframalpha.com/input/?i=amazon.com • http://www.ebay.com from 1995 Current size: http://www.wolframalpha.com/input/?i=ebay.com
- 17. www.yahoo.com • dal 1994, sempre fra i primi 5 siti più visitati al mondo • Dimensione attuale: http://www.wolframalpha.com/input/?i=yahoo.com http://www.alexa.com/siteinfo/yahoo.com • http://en.wikipedia.org/wiki/Yahoo 17
- 18. Breve storia di Yahoo! • 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 18 http://www.archive.org/ (from 1996)
- 19. Italia: l’inizio VideoOnLine (Grauso, 1994 → Tin.it, 1996) 19 (1996)
- 20. Italia: i portali principali •http://www.libero.it dal 1994 come Italia OnLine, acquisito da Infostrada, acquisita da Wind, ora ItaliaOnLine •http://www.virgilio.it dal 1996, Gruppo Telecom Italia; nel 2012 ceduto a Libero, ora ItaliaOnLine 20
- 21. Enterprise portals Siti riservati al personale dell'azienda: • Gestione documentale • Comunicazione interna (avvisi, email, …) • Procedure interne, modulistica, … • Front-end ai sistemi informativi aziendali Le reti interne alle aziende si trasformano, e adottano le tecnologie Web ("intranet") 21
- 22. La frenesia del collocamento in borsa • 9 agosto 1995: IPO (Initial Public Offering) di Netscape • Fondata 18 mesi prima • Ricavi per 16 M$, nessun utile • Valore al collocamento: 1 B$ (!) • Segue una frenetica nascita di startup nate per Internet (“dot.com”), finanziate da abbondante venture capital con l’obiettivo del collocamento in borsa • Moltissime avevano un business model del tutto irrealistico… • Terribile crollo dell’indice NASDAQ e fallimenti a catena: si ferma tutto per diversi anni http://en.wikipedia.org/wiki/Dot-com_bubble 22
- 23. 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 Oct 9 2002: index at 1114
- 24. 24 Ma la vita continua….
- 25. Inoltre…. • L’economia attuale non procede passando di bolla in bolla? • Ad es. Bolle immobiliari (e finanza “tossica”), petrolifere, delle commodities… • Comunque, non si impara (quasi) mai… 25 Tutto gratis*! (*) ma ti inondo di pubblicità e faccio ciò che voglio coi tuoi dati… Tutto a pagamento…
- 26. Inoltre…. • L’economia attuale non procede passando di bolla in bolla? • Ad es. Bolle immobiliari (e finanza “tossica”), petrolifere, delle commodities… • Comunque, non si impara (quasi) mai… 26 Tutto gratis*! (*) ma ti inondo di pubblicità e faccio ciò che voglio coi tuoi dati… Tutto a pagamento… O forse andiamo verso una stabilizzazione?
- 27. Paradigm #2: Web 2.0
- 28. Web 2.0: storia di un nome • Il termine “Web 2.0” è stato “lanciato” dalla prima O’Reilly Media Web 2.0 Conference (Ottobre 2004) • Si tratta di uno slogan, che identifica un grande cambio di paradigma nel web, più che di una definizione formale • Tim O’Reilly, What is Web 2.0 (2005) http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/wha t-is-web-20.html • Vedi anche Wikipedia: http://it.wikipedia.org/wiki/Web_2.0 http://en.wikipedia.org/wiki/Web_2.0 28
- 29. Web 2.0 Social media: • L'utente diventa protagonista • Forte interazione tra utenti: comunicazione uno-a-molti (blog) e molti-a-molti (social media) • Servizi che permettono agli utenti di caricare contenuti (UGC, User generated content) e di condividerli con altri utenti • Creazione collettiva • User rating nell'e-commerce
- 30. Web 2.0 Il Web come piattaforma di elaborazione: • Servizi erogati dalla rete, virtualizzazione • Perpetual beta • Mashup di componenti e di servizi per realizzare nuove applicazioni • Cloud computing • Rich Internet Applications (RIA) • Web come universal client
- 31. Il Web 2.0 31 2000 1 2 3 4 5 6 7 8 9 10 11 12 Twitter, Slideshare, Scribd Google Docs YouTube, Joomla, Ning Flickr, Facebook Skype WordPress Blogger LinkedIn iPhone Groupon Android, Dropbox Foursquare WhatsApp iPad, Pinterest Instagram Google+ Wikipedia (in rosso l’inizio del mobile Web) Traffico sulla rete video
- 32. Natale 2006 Come i media recepiscono il cambio di paradigma Natale 2010 Time "Man of the year"
- 33. Per statistiche sui siti Web • www.alexa.com Informazioni statistiche sul traffico internet (Alexa toolbar) (di Amazon dal 1999) • www.quantcast.com dal 2006: “…to measure and organize the world's internet audiences in real-time so advertisers can buy, sell and connect with those that matter most. Right now, Quantcast engages all 220 million U.S. Internet users, providing detailed audience profiles for the advertising marketplace to learn more about what consumers are doing online.” (non toolbar, ma attrezzaggio del sito monitorato) 33
- 34. Lo sviluppo della telefonia mobile e la convergenza 34
- 35. Il vecchio telefono fisso
- 36. 30 anni di cellulari 36 Circa 1985
- 37. Non più un telefono… R.Polillo - Marzo 2015 37
- 38. Fasi della storia del Web 38 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 Andamento indice del Nasdaq Traffico sulla rete video
- 39. 39 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.0 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 TIM, Omnitel
- 40. Telefonia IP • Skype • Video-telefonia IP, gratuita • Dal 2003, poi acquisita da eBay nel 2005, quindi da Microsoft nel 2011 per 8,5 B$ (ora è una divisione di MS) • 2012: 700 milioni di accounts; un terzo di tutte le telefonate internazionali passano per Skype; gen 2013: 50 ml utenti concorrenti • WhatsApp • SMS gratuiti via IP, accesso alla rubrica del telefonino • Fondata nel 2009, nel 2014 acquisita da FB per 19 B$ • Gennaio 2015: 700 ml utenti attivi 40
- 41. 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 (ma in calo) - + 3d party apps, … 41 La distinzione non è netta, e i confini sono in continua evoluzione
- 42. 42
- 43. … arrivano i cinesi …con i cellulari “low-cost” • Xiaomi, nata nel 2010, è il quarto produttore mondiale di smartphone • Huawei, produttore storico di componenti di reti per computer, è ora il terzo produttore mondiale (il Nexus 6P è prodotto da Huawei!) • http://en.wikipedia.org/wiki/Xiaomi • http://en.wikipedia.org/wiki/Huawei • http://en.wikipedia.org/wiki/Comparison_of_smartphones • http://www.key4biz.it/samsung-trimestre-fila-in-calo-pesano- lassalto-xiaomi-frenata-android/ 43
- 44. Cellulari ultra low-cost: esempi 44 Nokia 1100 (2003) GSM, SMS, sveglia, calcolatrice, rubrica, suonerie, giochi, torcia elettrica, antipolvere e antiscivolo) 200 milioni venduti Oggi: molti smartphone Android a meno di 100 USD (anche 30 USD in qualche Paese)
- 45. The “mobile miracle” 45 CIS: Commonwealth of Independent States (ex Soviet Union) Source: ITU Measuring teh Information Society Report, 2014
- 47. "Mobile miracle": Il 90% della popolazione del pianeta ha accesso a un cellulare (poco più del 90% ha accesso a fonti d’acqua potabile)
- 48. Non solo “magnifiche sorti e progressive”: lo slancio umanitario (?) delle aziende della Silicon Valley ha dei risvolti da valutare con attenzione http://www.nytimes.com/2014/08/03/opinion/sunday/evgeny- morozov-facebooks-gateway-drug.html?_r=0
- 49. Mobile broadband growth 49 Source: Ericcson Mobility Report, June 2014
- 50. Il mobile Web 50
- 52. Android • Mobile OS basato su Linux • Inizialmente sviluppato da Android Inc., comprata da Google nel 2005 • Open-source • ma i “Google Services” non lo sono… • controversie su supposti costi di licenza per accedere a questi servizi… • Primo cellulare Android: fine 2008 • Oggi la piattaforma più diffusa per mobile 52
- 54. Tablet 54 Apple iPad, da 2010 Altre convergenze: • I lettori di e-book evolvono in tablet computer Es. Amazon Kindle Fire • Phablet = ibrido fra phone e tablet
- 56. "Mobile" may be misleading… • Emphasis is not on the "moveability" • Emphasis is on the fact that we always bring them with us Small, portable, personal, context-aware, multi-function devices… … which can also be used to make a phone call
- 57. A che cosa ci servono i mobile? • Il "mobile" è un device personale multifunzionale, sempre connesso, che (ogni tanto) serve anche a telefonare • Un video virale del 2013: https://www.youtube.com/watch?v=RsO9MIaIazM 57
- 58. Utilizzo mensile del cellulare pro-capite: voce vs SMS negli USA 58
- 59. Camera phone • Fotocamera sui cellulari circa dal 2002, in connessione con servizi MMS • Ora possibilità di editing (foto e video) e pubblicazione / sharing immediati in rete • Molte applicazioni: • Fotocamera Apple • Instagram • Pinterest • Flickr • Photoshop Express • … Google Photos! 59
- 60. Esempio: QRCODE
- 64. La crescita del mobile 64 Il numero dei device mobili (smartphone + tablets) ha superato quello dei desktop/laptop/net computers (base installata)
- 65. Accesso a internet: desktop vs mobile 65
- 66. Un utente con molti device…
- 67. E ora…? 67 https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012 http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013
- 68. E se invece fosse…? 68 https://www.youtube.com/watch?v=ErpNpR3XYUw apr 2012 http://www.youtube.com/watch?v=fNATuCkRWFE feb 2013 http://nypost.com/2014/07/14/is-google-glass-cool-or-just-plain-creepy/ http://recode.net/2015/07/30/google-glass-isnt-dead-but-its-all-about-the- enterprise-for-now/
- 69. 69
- 70. 70 Wearable also for smart healthcare and elderlies… but there are serious concerns… http://www.theguardian.com/commentisfree/201 5/oct/24/growing-old-silicon-valley-prescription- for-misery
- 71. Dove informarsi sull'evoluzione della rete 71 www.mashable.com www.techcrunch.com www.thenextweb.com www.theverge.com