7. Il browser

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


4

http://en.wikipedia.org/wiki/Browser_wars

Il browser

Internet

PC

Hostweb server

File (HTML)

browser


5

Un rendering complesso…


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


7

Browser timeline


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


9

Browser wars


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

http://en.wikipedia.org/wiki/Browser_wars

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 )


11

84.6%

http://en.wikipedia.org/wiki/Usage_share_of_web_browsers

Evoluzione recente della user share12


http://gs.statcounter.com/#browser-ww-yearly-2008-2011 (widget embeddable)

http://gs.statcounter.com/#browser-ww-yearly-2008-2011

… e in Europa


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…


14

HTML e CSS: evoluzione


15

http://www.jasonspeaking.com/index.php/2010/04/the-evolution-of-html-css/

Standards: a moving target


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


17

Acid1 Acid2 Acid3

Esempio: IE 6


18

Architettura di un browser


19

Da: Grosskurth, Godfrey, Architecture and evolution of the modern web browser (in rete)

Browser

Architettura di un browser


20


Store/retrievebookmarks, cookies, settings, …

HTTP handling

Visual representation of a given URI

Navigation support

Toolbars, menu, …

Complessità dei browser


21


Interfaccia utente: basics


22

URL

Pagina web

Navigazione•Indietro•Avanti•Home•Refresh•History

Mosaic


23

Interfaccia utente

Necessità di operare contemporaneamente su più pagine


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…

Il bookcase per i WebBook


WebBook

link esterni al WebBook(chiude il libro e ne apre un altro)

link interni al WebBook(sfoglia il libro)


Sfogliare le pagine di un WebBook


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


Evoluzione del browser


30

Mosaic

ExplorerFirefoxSafari

Tabbed browsing



31

Mosaic


Tabbed browsing

Richiamo a motore di ricerca

Tabbed browsing: esempi


32

Firefox 3.6

Explorer 8.0



33

Mosaic


Tabbed browsing

Chrome

detach

Multi-tasking


34

Il browser diviente una sorta di sistema operativo

Processi separati, ma con cronologia comune

Chrome


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


36

Google Chrome Omnibox


37

Internet

Client

Online browser support

Evoluzione di Firefox (mockup FF 10)


38

Online browser support: privacy?


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


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


41

Social bookmarking


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


43

Social browsers

Esempio: www.rockmelt.com "Not your mom's browser" http://www.youtube.com/watch?

v=bAPKPhoTqFY&feature=player_embedded#!


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/


45

Esempio

Hyperwords http://www.hyperwords.net/index.html


46

Privacy ?


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


48

7. Il browser

Education

Transcript of 7. Il browser