University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400...
Transcript of University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400...
![Page 1: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/1.jpg)
University of CamerinoComputer Science (LM 18)
Browser EvolutionProject of Web 2.0
Autor: Luciani Alex
Prof: Vaccari Carlo
![Page 2: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/2.jpg)
License
This material is distributed under the Creative Commons "Attribution - NonCommercial - Share Alike - 3.0", available at
http://creativecommons.org/licenses/by-nc-sa/3.0/ .
![Page 3: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/3.jpg)
What is a Browser?
A browser is a software application, it retrieves and shows elements of the web.
![Page 4: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/4.jpg)
Story
Prehistory 1963: Ted Nelson: Hypertext. 1987: John Bottoms: Silversmith, SGML. 1989: Tim Berners-Lee: WWW, HTML, HTTP, W3C. 1994: Mosaic → Netscape.
![Page 5: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/5.jpg)
Story
Mosaic screenshot
![Page 8: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/8.jpg)
Story January 2010, Firefox passed IE
![Page 9: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/9.jpg)
Story The Actual Situation (2011)
Data from statcounter.com
Browser Version Market Share % Apr 11
IE 8.0 30.24
Firefox 3.6 18.91
Chrome 10.0 16.03
IE 7.0 7.82
Firefox 4.0 7.59
IE 6.0 4.14
Safari 5.0 3.83
IE 9.0 2.32
Firefox 3.5 1.99
Browser Market Share % Apr 11
IE 44.52
Firefox 29.67
Chrome 18.29
Safari 5.04
Opera 1.91
![Page 10: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/10.jpg)
Tech Evolution Web Browser Engines
They paint the web pages interpreting the client-side scripts.
Layout Engine License Main Browser
Gecko Free and OpenSource Firefox
Presto Proprietary Opera
Trident Proprietary Internet Explorer
WebKit Free (GNU LGPL) Safari, Chrome
![Page 11: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/11.jpg)
Tech Evolution
Protocols Connection: HTTP. Security: SSL, HTTPS
Languages and Client Side HTML, HTML5 Javascript, Ajax CSS XML, SVG WebGL
![Page 12: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/12.jpg)
Tech Evolution
Ajax Example
![Page 15: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/15.jpg)
Tech Evolution GUI Evolution
Explorer 8
Explorer 9
![Page 16: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/16.jpg)
Tech Evolution Browser Testing
Acid Test: testing client side script languages.
![Page 17: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/17.jpg)
Tech Evolution Browser Testing
Acid3 Test Results
3.5 3.6 4
Firefox 93 / 100 94 / 100 97 / 100
3 3.1 4
Safari 39 / 100 75 / 100 100 / 100
9.5 9.6 10
Opera 83 / 100 85 / 100 100 / 100
7 8 9
Internet Explorer
14 / 100 20 / 100 95 / 100
![Page 18: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/18.jpg)
Tech Evolution Browser Testing
HTML5test.com: test of new html5 features.
Browser html5test.com Score
Microsoft Internet Explorer 9 130 / 400
Apple Safari 5.0.3 228 / 400
Mozilla Firefox 4.0 255 / 400
Opera 11.10 258 / 400
Google Chrome 10.0.648 288 / 400
![Page 20: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/20.jpg)
Numbers, Graphs and Statistics Browsers Usage
Browser Usage from May 2009 to April 2011 (netmarketshare.com)
May, 2009July, 2009
September, 2009November, 2009
January, 2010March, 2010
May, 2010July, 2010
September, 2010November, 2010
January, 2011March, 2011
0,00%
10,00%
20,00%
30,00%
40,00%
50,00%
60,00%
70,00%
80,00%
Internet ExplorerFirefoxChromeSafariOperaOther
![Page 21: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/21.jpg)
Numbers, Graph and Statistics Browsers Usage
Browser Usage from January 2002 to April 2011 (w3schools.com)
January, 2002September, 2002
May, 2003January, 2004
September, 2004May, 2005
January, 2006September, 2006
May, 2007January, 2008
May, 2008September, 2008
January, 2009May, 2009
September, 2009January, 2010
May, 2010September, 2010
January, 2011
0
10
20
30
40
50
60
70
80
90
100
Internet ExplorerFirefoxChromeSafariOperaMozillaNetscape
Timeline
%
![Page 22: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/22.jpg)
Numbers, Graph and Statistics Browsers Usage
Browser Usage from July 2008 to April 2011 (statcounter.com)
2008-072008-08
2008-092008-10
2008-112008-12
2009-012009-02
2009-032009-04
2009-052009-06
2009-072009-08
2009-092009-10
2009-112009-12
2010-012010-02
2010-032010-04
2010-052010-06
2010-072010-08
2010-092010-10
2010-112010-12
2011-012011-02
2011-032011-04
0
10
20
30
40
50
60
70
80
IEFirefoxChromeSafariOperaOther
Timeline
%
![Page 23: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/23.jpg)
Numbers, Graph and Statistics Browsers Usage
Browser Usage in Europe from July 2008 to April 2011 (statcounter.com)
2008-072008-08
2008-092008-10
2008-112008-12
2009-012009-02
2009-032009-04
2009-052009-06
2009-072009-08
2009-092009-10
2009-112009-12
2010-012010-02
2010-032010-04
2010-052010-06
2010-072010-08
2010-092010-10
2010-112010-12
2011-012011-02
2011-032011-04
0
10
20
30
40
50
60
70
IEFirefoxChromeOperaSafariOther
Timeline
%
![Page 24: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/24.jpg)
Numbers, Graph and Statistics Browsers Usage
Browser Usage in Italy from July 2008 to April 2011 (statcounter.com)
2008-072008-08
2008-092008-10
2008-112008-12
2009-012009-02
2009-032009-04
2009-052009-06
2009-072009-08
2009-092009-10
2009-112009-12
2010-012010-02
2010-032010-04
2010-052010-06
2010-072010-08
2010-092010-10
2010-112010-12
2011-012011-02
2011-032011-04
0
10
20
30
40
50
60
70
IEFirefoxChromeSafariOperaOther
Timeline
%
![Page 26: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/26.jpg)
Numbers, Graph and Statistics
Internet Usage Internet Usage in the World 1995-2010 (internetworldstats.com)
December, 1995December, 1998
July, 2000June, 2001
July, 2002September, 2003
February, 2004December, 2004
September, 2005March, 2006
Dec, 2006Sept, 2007
June, 2008Mar, 2009
Dec, 2009Dec, 2010
0
5
10
15
20
25
30
35
% WORLD POPULATION
Timeline
%
![Page 27: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/27.jpg)
Numbers, Graph and Statistics
Internet Usage% of Population of a Country using Internet (internetworldstats.com)
India
Indonesia
Mexico
Nigeria
Philippines
China
Brazil
Russia
Iran
Turkey
Italy
Spain
Argentina
France
United States
Canada
Japan
Germany
Korea South
United Kingdom
0 10 20 30 40 50 60 70 80 90
% Population Uses Internet
Co
un
trie
s
![Page 28: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/28.jpg)
Numbers, Graph and Statistics Internet Usage
% of Internet Users for each country (internetworldstats.com)
Canada
Argentina
Italy
Indonesia
Philippines
Spain
Mexico
Iran
Turkey
Korea South
Nigeria
France
United Kingdom
Russia
Germany
Brazil
India
Japan
United States
China
0 5 10 15 20 25
% World Internet Users
Co
un
trie
s
![Page 29: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/29.jpg)
Numbers, Graph and Statistics Mobile Stats
Desktop vs. Mobile usage from December 2008 to April 2011 (statcounter.com)
![Page 30: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/30.jpg)
Numbers, Graph and Statistics Mobile Stats
Mobile Browsers Usage from December 2008 to April 2011 (statcounter.com)
![Page 32: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/32.jpg)
Curiosities
German Government vs IE (2010) http://news.bbc.co.uk/2/hi/8463516.stm
User's Behavior
![Page 33: University of Camerino Computer Science (LM 18) Browser ...€¦ · Mozilla Firefox 4.0 255 / 400 Opera 11.10 258 / 400 Google Chrome 10.0.648 288 / 400. Tech Evolution ... Internet](https://reader033.fdocuments.in/reader033/viewer/2022042911/5f41a8041057b015bb33e816/html5/thumbnails/33.jpg)
Future Chrome OS?
http://www.google.com/chromebook
http://getchrome.eu/