SlideShare uma empresa Scribd logo
1 de 48
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
Queste slides ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Riassunto della lezione precedente ,[object Object],R.Polillo - Ottobre 2011
Il browser ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Il browser Internet PC R.Polillo - Ottobre 2011 Host web server File (HTML) browser
Un rendering complesso… R.Polillo - Ottobre 2011 link CLIENT
Mosaic ,[object Object],R.Polillo - Ottobre 2011
Browser timeline  R.Polillo - Ottobre 2011 2008 Chrome Da: Grosskurth, Godfrey, Architecture and evolution  of the modern web browser  (in rete)
Le "browser wars" ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
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
Usage share ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011 84.6%
Evoluzione recente della user share R.Polillo - Ottobre 2011 http://gs.statcounter.com/#browser-ww-yearly-2008-2011  (widget embeddable)
…  e in Europa R.Polillo - Ottobre 2011 http://gs.statcounter.com/#browser-eu-yearly-2008-2011  (embeddable widget)
Conformità agli standard ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
HTML e CSS: evoluzione R.Polillo - Ottobre 2011 http://www.jasonspeaking.com/index.php/2010/04/the-evolution-of-html-css /
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
Acid tests ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011 Acid1 Acid2 Acid3
Esempio: IE 6 R.Polillo - Ottobre 2011
Architettura di un browser R.Polillo - Ottobre 2011 Da: Grosskurth, Godfrey, Architecture and evolution  of the modern web browser  (in rete)  Browser
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, …
Complessità dei browser R.Polillo - Ottobre 2011 Da: Grosskurth, Godfrey, Architecture and evolution  of the modern web browser  (in rete)
Interfaccia utente: basics R.Polillo - Ottobre 2011 URL Pagina web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mosaic R.Polillo - Ottobre 2011
Interfaccia utente ,[object Object],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…
R.Polillo - Ottobre 2011
Il bookcase per i WebBook R.Polillo - Ottobre 2011
WebBook link esterni al WebBook (chiude il libro e  ne apre un altro)   link interni al WebBook (sfoglia il libro)   R.Polillo - Ottobre 2011
Sfogliare le pagine di un WebBook R.Polillo - Ottobre 2011
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
Evoluzione del browser R.Polillo - Ottobre 2011 Mosaic Explorer Firefox Safari Tabbed  browsing
Evoluzione del browser R.Polillo - Ottobre 2011 Mosaic Explorer Firefox Safari Tabbed  browsing Richiamo a motore di ricerca
Tabbed browsing: esempi R.Polillo - Ottobre 2011 Firefox 3.6 Explorer 8.0
Evoluzione del browser R.Polillo - Ottobre 2011 Mosaic Explorer Firefox Safari Tabbed  browsing Chrome detach
Multi-tasking R.Polillo - Ottobre 2011 Il browser diviente una sorta di sistema operativo Processi separati, ma con cronologia comune
Chrome R.Polillo - Ottobre 2011 http://www.youtube.com/watch?v=WoynSZNQxJs&feature=related
Google Chrome OS ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Google Chrome Omnibox R.Polillo - Ottobre 2011   Internet Client Online browser support
Evoluzione di Firefox (mockup FF 10) R.Polillo - Ottobre 2011
Online browser support: privacy? R.Polillo - Ottobre 2011 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],  Internet Client Online browser support
Chrome: sync feature R.Polillo - Ottobre 2011
Bookmarks ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Social bookmarking R.Polillo - Ottobre 2011 Social bookmarking service Bookmarks  Esempio :  www.delicious.com
www.delicious.com   ,[object Object],[object Object],R.Polillo - Ottobre 2011
Social browsers ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Estensioni (add-on, plugin, …) ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011
Esempio ,[object Object],[object Object],R.Polillo - Ottobre 2011
Privacy ? R.Polillo - Ottobre 2011   Servizi attivati dalle estensioni del browser Sito  visitato Internet
Lavoro individuale ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2011

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

18 - Content sharing sites
18 - Content sharing sites18 - Content sharing sites
18 - Content sharing sites
 
9. Ricercare nel web (Parte I)
9. Ricercare nel web (Parte I)9. Ricercare nel web (Parte I)
9. Ricercare nel web (Parte I)
 
11 - L'evoluzione del web
11 - L'evoluzione del web11 - L'evoluzione del web
11 - L'evoluzione del web
 
4. I blog e la blogosfera
4. I blog e la blogosfera4. I blog e la blogosfera
4. I blog e la blogosfera
 
Il FAL di TYPO3 6.x
Il FAL di TYPO3 6.xIl FAL di TYPO3 6.x
Il FAL di TYPO3 6.x
 
1 - Introduzione al corso 18/19
1 - Introduzione al corso 18/191 - Introduzione al corso 18/19
1 - Introduzione al corso 18/19
 
TYPO3 sfida il mondo Enterprise
TYPO3 sfida il mondo EnterpriseTYPO3 sfida il mondo Enterprise
TYPO3 sfida il mondo Enterprise
 
9. Come trovare l'informazione (I)
9. Come trovare l'informazione (I)9. Come trovare l'informazione (I)
9. Come trovare l'informazione (I)
 
Evoluzione del web
Evoluzione del webEvoluzione del web
Evoluzione del web
 
Il browser
Il browserIl browser
Il browser
 
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
01 - Introduzione al Corso Strumenti e Applicazioni del Web - CdLM in TTC - 2...
 
8 - Il browser
8 - Il browser8 - Il browser
8 - Il browser
 
WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19WordPress e il vostro blog - 18/19
WordPress e il vostro blog - 18/19
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19Introduzione al web (1/2) - 18/19
Introduzione al web (1/2) - 18/19
 
1 - Introduzione al corso 17/18
1 - Introduzione al corso 17/181 - Introduzione al corso 17/18
1 - Introduzione al corso 17/18
 
6. Introduzione al web
6. Introduzione al web6. Introduzione al web
6. Introduzione al web
 
6 - Il browser - 17/18
6 - Il browser - 17/186 - Il browser - 17/18
6 - Il browser - 17/18
 
Corso Web 2.0: I blog
Corso Web 2.0: I blogCorso Web 2.0: I blog
Corso Web 2.0: I blog
 

Destaque (9)

2. introduzione al wikibook
2. introduzione al wikibook2. introduzione al wikibook
2. introduzione al wikibook
 
Mediawiki manuale di redazione
Mediawiki manuale di redazioneMediawiki manuale di redazione
Mediawiki manuale di redazione
 
L'uso del wikispace come forma di blended learning
L'uso del wikispace come forma di blended learningL'uso del wikispace come forma di blended learning
L'uso del wikispace come forma di blended learning
 
Enterprise 2.0 Framework
Enterprise 2.0 FrameworkEnterprise 2.0 Framework
Enterprise 2.0 Framework
 
Wiki for Governance Risk and Compliance
Wiki for Governance Risk and ComplianceWiki for Governance Risk and Compliance
Wiki for Governance Risk and Compliance
 
Wikispaces per tutti
Wikispaces per tuttiWikispaces per tutti
Wikispaces per tutti
 
Realizzare un wiki
Realizzare un wikiRealizzare un wiki
Realizzare un wiki
 
Energy, Work & Power
Energy, Work & PowerEnergy, Work & Power
Energy, Work & Power
 
Wikispaces Tutorial
Wikispaces TutorialWikispaces Tutorial
Wikispaces Tutorial
 

Semelhante a 7. Il browser

WEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNET
WEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNETWEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNET
WEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNET
CommVill
 
WEB 2.0 e P.A.2.0
WEB 2.0 e P.A.2.0WEB 2.0 e P.A.2.0
WEB 2.0 e P.A.2.0
CommVill
 
Pubblica amministrazione egovernance comunicazione e marketing nel web 20
Pubblica amministrazione egovernance comunicazione e marketing nel web 20Pubblica amministrazione egovernance comunicazione e marketing nel web 20
Pubblica amministrazione egovernance comunicazione e marketing nel web 20
Communication Village
 

Semelhante a 7. Il browser (20)

6. Il browser
6. Il browser6. Il browser
6. Il browser
 
8. Architetture web
8. Architetture web8. Architetture web
8. Architetture web
 
6. Il browser
6. Il browser6. Il browser
6. Il browser
 
6. Il Web come piattaforma
6. Il Web come piattaforma6. Il Web come piattaforma
6. Il Web come piattaforma
 
16. Creazione collettiva
16. Creazione collettiva16. Creazione collettiva
16. Creazione collettiva
 
Web 2.0, comunicazione e marketing
Web 2.0, comunicazione e marketingWeb 2.0, comunicazione e marketing
Web 2.0, comunicazione e marketing
 
WEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNET
WEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNETWEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNET
WEB 2.0, COMUNICAZIONE, MARKETING, ENTERPRISE 2.0 NEL NUOVO INTERNET
 
1. introduzione
1. introduzione1. introduzione
1. introduzione
 
4. I browser
4. I browser4. I browser
4. I browser
 
Lezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriLezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatori
 
13. Web feed e aggregatori
13. Web feed e aggregatori13. Web feed e aggregatori
13. Web feed e aggregatori
 
Corso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatoriCorso Web 2.0: Web feed e aggregatori
Corso Web 2.0: Web feed e aggregatori
 
7. Mashup
7. Mashup7. Mashup
7. Mashup
 
6 - Il browser - 16/17
6 - Il browser - 16/176 - Il browser - 16/17
6 - Il browser - 16/17
 
10. Evoluzione del web: dal Web 1.0 al Web 2.0
10. Evoluzione del web: dal Web 1.0 al Web 2.010. Evoluzione del web: dal Web 1.0 al Web 2.0
10. Evoluzione del web: dal Web 1.0 al Web 2.0
 
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.02. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
 
WEB 2.0 e P.A.2.0
WEB 2.0 e P.A.2.0WEB 2.0 e P.A.2.0
WEB 2.0 e P.A.2.0
 
Pubblica amministrazione egovernance comunicazione e marketing nel web 20
Pubblica amministrazione egovernance comunicazione e marketing nel web 20Pubblica amministrazione egovernance comunicazione e marketing nel web 20
Pubblica amministrazione egovernance comunicazione e marketing nel web 20
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
 
Lezione 6: Il Web come piattaforma
Lezione 6: Il Web come piattaformaLezione 6: Il Web come piattaforma
Lezione 6: Il Web come piattaforma
 

Mais de Roberto Polillo

Mais de 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)
 
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)
 
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
 

Último

Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 

Último (16)

Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Presentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione CivicaPresentazioni Efficaci e lezioni di Educazione Civica
Presentazioni Efficaci e lezioni di Educazione Civica
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Scrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibileScrittura seo e scrittura accessibile
Scrittura seo e scrittura accessibile
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Quadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceoQuadrilateri e isometrie studente di liceo
Quadrilateri e isometrie studente di liceo
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 

7. Il browser

  • 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.
  • 3.
  • 4.
  • 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.
  • 8. Browser timeline R.Polillo - Ottobre 2011 2008 Chrome Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)
  • 9.
  • 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.
  • 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.
  • 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.
  • 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.
  • 23. Mosaic R.Polillo - Ottobre 2011
  • 24.
  • 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.
  • 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.
  • 40. Chrome: sync feature R.Polillo - Ottobre 2011
  • 41.
  • 42. Social bookmarking R.Polillo - Ottobre 2011 Social bookmarking service Bookmarks Esempio : www.delicious.com
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. Privacy ? R.Polillo - Ottobre 2011 Servizi attivati dalle estensioni del browser Sito visitato Internet
  • 48.

Notas do Editor

  1. A World-Wide-Web scenario is introduced in this exampl. Reading a WWW page, the user would like to trace a hyperlink expression. He or she glances at the word of interest and the new web page will appear, showing a spatial link to the previous page. The current page starts to move a bit away from the user (until the user decides not to follow this link, what will cause the new page to disappear). In that way the user can create a 3-D tree with web pages, read and - at the same time - get an overview of the history. Older pages can be addressed by the eyes and the whole tree moves, so that the text on this page becomes readable. Obviously, this arrangement contains many occlusions and, in fact, its 2-D representation will look confusing. A much better result is obtained, when this scene is shown on a 3-D display with motion parallax. Then, the user can move his or her head in order to look at previously occluded pages. Robert Skerjanc and Siegmund Pastoor, New generation of 3-D desktop computer interfaces , Electronic Imaging 1997, IEEE&SPIE, San Jose. http://atwww.hhi.de/~blick/Papers/New_generation_of_3-D_desktop_/new_generation_of_3-d_desktop_.html
  2. WebBook (Xerox Parc)