Il documento analizza i browser web come strumenti fondamentali per accedere a Internet, descrivendo la loro evoluzione e la competizione tra diverse piattaforme come Internet Explorer, Firefox e Chrome. Viene evidenziata l'importanza di standard web e delle guerre dei browser per il posizionamento sul mercato. Infine, il documento discute l'architettura dei browser, le funzionalità e le estensioni che migliorano l'esperienza dell'utente.

1. Edizione 2011-12 Università degli Studi di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Corso di Strumenti e applicazioni del Web 7. Il browser Roberto Polillo

2. Queste slides Queste slides fanno parte del corso “Strumenti e applicazioni del Web”. Il sito del corso, con il materiale completo, si trova in www.corsow.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 - 2.5 Italia”: NOTA: Al materiale hanno contribuito in molti, studenti, amici e la rete. Ove possibile ne ho indicato la fonte; segnalatemi eventuali dimenticanze, sarò lieto di correggerle appena possibile. Il corso è la estensione di un mio corso precedente, denominato "Design dell'Interazione", tenuto a partire dal 2008, la cui prima edizione era basata su un corso tenuto da Carlo Vaccari all’Università di Camerino nel 2007. R.Polillo - Ottobre 2011

3. Riassunto della lezione precedente Web = Internet + Ipertesti + HTTP + HTML + URI R.Polillo - Ottobre 2011

4. Il browser E' lo strumento base per accedere al Web to browse : curiosare, sfogliare, dare una scorsa E' una macchina complessa, soggetta a continua evoluzione Ne esistono diversi, in continua competizione per incrementare le loro quote di mercato Il progenitore: World Wide Web (poi chiamato Nexus) di Tim Berners-Lee ( 1991) L'esito della "guerra dei browser" è fondamentale per il posizionamento sul mercato di Internet http://en.wikipedia.org/wiki/Browser_wars R.Polillo - Ottobre 2011

5. Il browser Internet PC R.Polillo - Ottobre 2011 Host web server File (HTML) browser

6. Un rendering complesso… R.Polillo - Ottobre 2011 link CLIENT

7. Mosaic Sviluppato a partire dalla fine 1992 al NCSA (National Center for Supercomputing Applications) dell'Università dell'Illinois a Urbana-Champaign, da Marc Andreessen e altri, influenzò profondamente i browser successivi R.Polillo - Ottobre 2011

8. Browser timeline R.Polillo - Ottobre 2011 2008 Chrome Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)

9. Le "browser wars" Il controllo del browser leader di mercato fornisce un vantaggio competitivo molto forte Per vincere: Gratuità New [proprietary] features -> indebolimento degli standard Le tre guerre: (1995-1998) Explorer vs Netscape (2004- ) Firefox vs Explorer (2008 - ) Chrome vs Firefox/Explorer R.Polillo - Ottobre 2011

10. Browser wars R.Polillo - Ottobre 2011 Fonte: http://en.wikipedia.org/wiki/Browser_wars Mozilla foundation Rilascio di Safari Rislascio di Firefox Rislascio di Chrome Rilascio di Explorer US vs MS trial

11. Usage share La % di utenti che usano un certo browser Le varie metodiche di misura determinano risultati molto diversi: conviene utilizzare varie fonti e calcolarne la mediana A agosto 2011: - Internet Explorer: 38.9% - Firefox: 25.5% - Google Chrome: 20.2% - Safari: 7.7% - Mobile browsers: 7.1% ( Fonte: http://en.wikipedia.org/wiki/Usage_share_of_web_browsers ) R.Polillo - Ottobre 2011 84.6%

12. Evoluzione recente della user share R.Polillo - Ottobre 2011 http://gs.statcounter.com/#browser-ww-yearly-2008-2011 (widget embeddable)

13. … e in Europa R.Polillo - Ottobre 2011 http://gs.statcounter.com/#browser-eu-yearly-2008-2011 (embeddable widget)

14. Conformità agli standard La rapida evoluzione delle tecnologie Web (es. HTML, XML, scripting languages), e la guerra dei browser hanno generato una notevole varietà di comportamenti nei browser Il W3C emette e aggiorna gli standard del Web ("Recommendations") che dovrebbero essere seguiti dagli sviluppatori dei siti e dei browser Ma… R.Polillo - Ottobre 2011

15. HTML e CSS: evoluzione R.Polillo - Ottobre 2011 http://www.jasonspeaking.com/index.php/2010/04/the-evolution-of-html-css /

16. Standards: a moving target R.Polillo - Ottobre 2011 t Definizione della nuova tecnologia Standard 0 Standard 1 draft draft deprecated Standard 2 features strict transitional prodotti

17. Acid tests Rapidi test di conformità dei browser agli standard W3C Sviluppati dal WaSP http://en.wikipedia.org/wiki/Web_Standards_Project Provali e vedi risultati in http://www.sciactive.com/main/acid-test-results R.Polillo - Ottobre 2011 Acid1 Acid2 Acid3

18. Esempio: IE 6 R.Polillo - Ottobre 2011

19. Architettura di un browser R.Polillo - Ottobre 2011 Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete) Browser

20. Architettura di un browser R.Polillo - Ottobre 2011 Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete) Store/retrieve bookmarks, cookies, settings, … HTTP handling Visual representation of a given URI Navigation support Toolbars, menu, …

21. Complessità dei browser R.Polillo - Ottobre 2011 Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)

22. Interfaccia utente: basics R.Polillo - Ottobre 2011 URL Pagina web Navigazione Indietro Avanti Home Refresh History

23. Mosaic R.Polillo - Ottobre 2011

24. Interfaccia utente Necessità di operare contemporaneamente su più pagine R.Polillo - Ottobre 2011 Modello desktop : più browser attivi in finestre differenti (ma ogni finestra ha una storia separata) Oppure sostituisco il modello del desktop con modelli differenti…

25. R.Polillo - Ottobre 2011

26. Il bookcase per i WebBook R.Polillo - Ottobre 2011

27. WebBook link esterni al WebBook (chiude il libro e ne apre un altro) link interni al WebBook (sfoglia il libro) R.Polillo - Ottobre 2011

28. Sfogliare le pagine di un WebBook R.Polillo - Ottobre 2011

29. Web Forager Livello 1: Focus Place per interazione diretta con il contenuto Livello 2: Immediate Memory Place per il materiale in uso (spostamento in 3D) Livello 3: Tertiary Storage per WebBooks usati di recente R.Polillo - Ottobre 2011

30. Evoluzione del browser R.Polillo - Ottobre 2011 Mosaic Explorer Firefox Safari Tabbed browsing

31. Evoluzione del browser R.Polillo - Ottobre 2011 Mosaic Explorer Firefox Safari Tabbed browsing Richiamo a motore di ricerca

32. Tabbed browsing: esempi R.Polillo - Ottobre 2011 Firefox 3.6 Explorer 8.0

33. Evoluzione del browser R.Polillo - Ottobre 2011 Mosaic Explorer Firefox Safari Tabbed browsing Chrome detach

34. Multi-tasking R.Polillo - Ottobre 2011 Il browser diviente una sorta di sistema operativo Processi separati, ma con cronologia comune

35. Chrome R.Polillo - Ottobre 2011 http://www.youtube.com/watch?v=WoynSZNQxJs&feature=related

36. Google Chrome OS Linux-based OS per cloud computers sviluppati da parteners di Google Annunciato nel 2009, open source Chromebook, shipping mid 2011 R.Polillo - Ottobre 2011

37. Google Chrome Omnibox R.Polillo - Ottobre 2011 Internet Client Online browser support

38. Evoluzione di Firefox (mockup FF 10) R.Polillo - Ottobre 2011

39. Online browser support: privacy? R.Polillo - Ottobre 2011 Info inviate (se non disattivate): Info typed in omnibox -> search engine Browser settings -> google personal account (preferences, bookmarks, stored passwords, …) Testi da tradurre -> google translate Usage statistics -> google databases http://www.google.com/chrome/intl/en/privacy.html Internet Client Online browser support

40. Chrome: sync feature R.Polillo - Ottobre 2011

41. Bookmarks Bookmarks (preferiti, favorites, hot lists,…): URL memorizzati nel browser per rapido accesso (a partire da Mosaic) Vengono memorizzati localmente (se non sincronizzati: Chrome), a meno che… Social bookmarking : servizi online, mettono in comune bookmarks di più utenti R.Polillo - Ottobre 2011

42. Social bookmarking R.Polillo - Ottobre 2011 Social bookmarking service Bookmarks Esempio : www.delicious.com

43. www.delicious.com Fondato nel 2003, acquisito da Yahoo! Nel 2005, venduto ai fondatori di YouTube (Avos Systems) nel 2011 (nuova versione in beta) Tags, stacks R.Polillo - Ottobre 2011

44. Social browsers Esempio: www.rockmelt.com "Not your mom's browser" http://www.youtube.com/watch?v=bAPKPhoTqFY&feature=player_embedded# ! R.Polillo - Ottobre 2011

45. Estensioni (add-on, plugin, …) Componenti aggiuntivi che possono essere installati sul browser per fornire specifiche funzionalità Esempi: Chrome: https://chrome.google.com/webstore?hl=it Firefox: https://addons.mozilla.org/it/firefox/ R.Polillo - Ottobre 2011

46. Esempio Hyperwords http://www.hyperwords.net/index.html R.Polillo - Ottobre 2011

47. Privacy ? R.Polillo - Ottobre 2011 Servizi attivati dalle estensioni del browser Sito visitato Internet

48. Lavoro individuale "Esplorate" il vostro browser (attenzione: usate l'ultima versione!), sperimentando le funzioni che non usate mai Cercate le estensioni per voi più interessanti, ed installatele Segnalatele nel WikiBook R.Polillo - Ottobre 2011