university of camerino computer science (lm 18) browser ...€¦ · mozilla firefox 4.0 255 / 400...

33
University of Camerino Computer Science (LM 18) Browser Evolution Project of Web 2.0 Autor: Luciani Alex Prof: Vaccari Carlo

Upload: others

Post on 13-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

What is a Browser?

A browser is a software application, it retrieves and shows elements of the web.

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

Story

Mosaic screenshot

Page 6: 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

Story First Browser War (1996 - 2004)

Page 7: 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

Story Second Browser War (2004 - ...)

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

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

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

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 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

Tech Evolution

Ajax Example

Page 13: 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

Tech Evolution

Google Body Browser uses WebGL

Page 14: 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

Tech Evolution GUI Evolution

Google 10

Firefox 3.6

Firefox 4

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

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

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

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

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 19: 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

Tech Evolution

Mobile Browsers

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

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

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

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

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

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 25: 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

Numbers, Graph and Statistics Internet Usage

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

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

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

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

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

Numbers, Graph and Statistics Mobile Stats

Mobile Browsers Usage from December 2008 to April 2011 (statcounter.com)

Page 31: 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

Curiosities

Browsers Choice (2008) browserchoice.eu

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

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

Future Chrome OS?

http://www.google.com/chromebook

http://getchrome.eu/