7. il browser
DESCRIPTION
Slides dal corso “Strumenti e applicazioni del Web”, di R.Polillo, Università di Milano Bicocca, ottobre 2011TRANSCRIPT
Edizione 2011-12
Università degli Studi di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione
Corso di Strumenti e applicazioni del Web
7. Il browserRoberto Polillo
Riassunto della lezione precedente
Web = Internet + Ipertesti + HTTP + HTML + URI
R.Polillo - Ottobre 2011
3
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 Internethttp://en.wikipedia.org/wiki/Browser_wars
R.Polillo - Ottobre 2011
4
Il browser
Internet
PC
Hostweb server
File (HTML)
browser
R.Polillo - Ottobre 2011
5
Un rendering complesso…
R.Polillo - Ottobre 2011
6
link
CLIENT
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
7
Browser timeline
R.Polillo - Ottobre 2011
8
20
08
Chrome
Da:
Gro
sskurt
h, G
odfr
ey, A
rchit
ect
ure
and e
volu
tion
of
the m
odern
web b
row
ser
(in
rete
)
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:
1.(1995-1998) Explorer vs Netscape 2.(2004- ) Firefox vs Explorer3.(2008 - ) Chrome vs Firefox/Explorer
R.Polillo - Ottobre 2011
9
Browser wars
R.Polillo - Ottobre 2011
10
Fonte: http://en.wikipedia.org/wiki/Browser_wars
Mozi
lla f
ou
nd
ati
on
Rilascio
di S
afa
ri
Ris
lascio
di Fir
efo
x
Ris
lascio
di
Ch
rom
e
Rilascio
di Exp
lore
r
US vs MS trial
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
11
84.6%
Evoluzione recente della user share12
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
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
14
HTML e CSS: evoluzione
R.Polillo - Ottobre 2011
15
http://www.jasonspeaking.com/index.php/2010/04/the-evolution-of-html-css/
Standards: a moving target
R.Polillo - Ottobre 2011
16
tDefinizionedella nuovatecnologia
Standard 0 Standard 1
draft
draft
deprecated
Standard 2
featu
res
stricttransitional
prodotti
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
17
Acid1 Acid2 Acid3
Esempio: IE 6
R.Polillo - Ottobre 2011
18
Architettura di un browser
R.Polillo - Ottobre 2011
19
Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)
Browser
Architettura di un browser
R.Polillo - Ottobre 2011
20
Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)
Store/retrievebookmarks, cookies, settings, …
HTTP handling
Visual representation of a given URI
Navigation support
Toolbars, menu, …
Complessità dei browser
R.Polillo - Ottobre 2011
21
Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)
Interfaccia utente: basics
R.Polillo - Ottobre 2011
22
URL
Pagina web
Navigazione•Indietro•Avanti•Home•Refresh•History
Mosaic
R.Polillo - Ottobre 2011
23
Interfaccia utente
Necessità di operare contemporaneamente su più pagine
R.Polillo - Ottobre 2011
24
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 201125
Il bookcase per i WebBook
R.Polillo - Ottobre 201126
WebBook
link esterni al WebBook(chiude il libro e ne apre un altro)
link interni al WebBook(sfoglia il libro)
R.Polillo - Ottobre 201127
Sfogliare le pagine di un WebBook
R.Polillo - Ottobre 201128
Web Forager
Livello 1: Focus Place per interazione direttacon il contenuto
Livello 2: Immediate Memory Place per il materiale in uso(spostamento in 3D)Livello 3:
Tertiary Storage per WebBooks usatidi recente
R.Polillo - Ottobre 201129
Evoluzione del browser
R.Polillo - Ottobre 2011
30
Mosaic
ExplorerFirefoxSafari
Tabbed browsing
Evoluzione del browser
R.Polillo - Ottobre 2011
31
Mosaic
ExplorerFirefoxSafari
Tabbed browsing
Richiamo a motore di ricerca
Tabbed browsing: esempi
R.Polillo - Ottobre 2011
32
Firefox 3.6
Explorer 8.0
Evoluzione del browser
R.Polillo - Ottobre 2011
33
Mosaic
ExplorerFirefoxSafari
Tabbed browsing
Chrome
detach
Multi-tasking
R.Polillo - Ottobre 2011
34
Il browser diviente una sorta di sistema operativo
Processi separati, ma con cronologia comune
Chrome
R.Polillo - Ottobre 2011
35
http://www.youtube.com/watch?v=WoynSZNQxJs&feature=related
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
36
Google Chrome Omnibox
R.Polillo - Ottobre 2011
37
Internet
Client
Online browser support
Evoluzione di Firefox (mockup FF 10)
R.Polillo - Ottobre 2011
38
Online browser support: privacy?
R.Polillo - Ottobre 2011
39
Internet
Client
Online browser support
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
Chrome: sync feature
R.Polillo - Ottobre 2011
40
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
41
Social bookmarking
R.Polillo - Ottobre 2011
42
Social bookmarking
service
Bookmarks
Esempio: www.delicious.com
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
43
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
44
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
45
Esempio
Hyperwords http://www.hyperwords.net/index.html
R.Polillo - Ottobre 2011
46
Privacy ?
R.Polillo - Ottobre 2011
47
Servizi attivati
dalle estensioni del browser
Sito visitato
Internet
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
48