SlideShare uma empresa Scribd logo
1 de 44
Baixar para ler offline
瀏覽器的異想世界
  趙柏強 | BobChao
   MozTW 社群連繫
你認識的網路
是什麼樣子?




         bobchao@mail.moztw.org
那麼,
網路原來是什麼樣子?




         bobchao@mail.moztw.org
athansios.kasampalis, CC:BY-NC-ND

         bobchao@mail.moztw.org
poluz, CC:BY-NC-SA

bobchao@mail.moztw.org
sbisson, CC:BY-NC-ND

   bobchao@mail.moztw.org
bobchao@mail.moztw.org
最初的網路
    傳遞文件
●


    超文字、超連結
●




              bobchao@mail.moztw.org
1993: Mosaic




               bobchao@mail.moztw.org
1994: Netscape
Mosaic 64% : 18% Netscape




                            bobchao@mail.moztw.org
1995: Internet Explorer
                : 54%   Netscape
    Mosaic 9%




                                   bobchao@mail.moztw.org
1996
Netscape 80% : 12% IE




                        bobchao@mail.moztw.org
複雜的網頁編輯軟體
    人人都能寫網頁!



    JavaScript 特效





                    bobchao@mail.moztw.org
1997
    Netscape 4
        vs.
Internet Explorer 4



                      bobchao@mail.moztw.org
1997
Netscape 60% : 15% IE




                        bobchao@mail.moztw.org
1998
Netscape 64% : 32% IE




                        bobchao@mail.moztw.org
DHTML
    會「動」的效果



    JavaScript / Jscript



    各家不同的標準 ( 程式設計得寫兩套 )





                           bobchao@mail.moztw.org
1999.2
               : 65% IE
Netscape 33%




                          bobchao@mail.moztw.org
1999.8
               : 75% IE
Netscape 25%




                          bobchao@mail.moztw.org
率先支援 CSS 標準: IE




              bobchao@mail.moztw.org
2002: Mozilla (Suite)

                    96% IE
                :
   Mozilla 3%




                             bobchao@mail.moztw.org
仍是應許之地嗎?
    不再理會標準、專屬技術衝刺
●


    阻礙進步
●




                    bobchao@mail.moztw.org
要自由
    不受限、選擇自己喜歡的
●


    維持良性競爭、促進產業進步
●




                    bobchao@mail.moztw.org
IE7 – IE6 = 5 years




                      bobchao@mail.moztw.org
標準抬頭之時
    Mozilla 、 Firefox 等標榜支持開放標準者出現
●



    IE 落後太多、網頁設計師無法享受新科技的好處
●




                             bobchao@mail.moztw.org
2.0
    網際標準再抬頭
●


    舊有技術進入應用成熟期
●



    Flash RIA, GMail
●




                       bobchao@mail.moztw.org
加速良性競爭的開放之路
    IE 、 Firefox 、 Safari 、 Opera
●



    ACID (1, 2, 3)
●




                                    bobchao@mail.moztw.org
ACID1 - CSS




              bobchao@mail.moztw.org
ACID2 - CSS




              bobchao@mail.moztw.org
ACID3 - 很多很多…




                bobchao@mail.moztw.org
2.0
    網際標準再抬頭
●


    舊有技術進入應用成熟期
●



    Flash RIA, Gmail
●




                       bobchao@mail.moztw.org
現在的瀏覽器都有些什麼?
      分頁 搜尋 整合 平台
  ●




                    bobchao@mail.moztw.org
是這樣
    簡潔
●


    資料的起點與終點
●



    整合 ( 以你看不出來的方式 )
●


    平台
●




                       bobchao@mail.moztw.org
已經發生的未來




          bobchao@mail.moztw.org
到處都有瀏覽器




          bobchao@mail.moztw.org
網際應用軟體




         bobchao@mail.moztw.org
與你桌面互動的網際應用軟體




http://flickr.com/photos/edwardyanquen/1493027342/
CC: BY




                                                 http://flickr.com/photos/jcorrius/449420603/ CC: BY



                                                                               bobchao@mail.moztw.org
地位「扶正」的網際應用軟體




                bobchao@mail.moztw.org
「網際」不再必要的網際應用軟體




             bobchao@mail.moztw.org
連結能力 + 速度 + 可靠性




             bobchao@mail.moztw.org
確保美好的事情會發生
支持開放標準
    讓網際應用可以更專注
●


        加速網際應用進步
    –

    讓有意願的競爭者能夠進場
●


        促進良性競爭與創新
    –




                    bobchao@mail.moztw.org
Q?
Info… (I love Wikipedia!)

      World Wide Web
  ●
      http://en.wikipedia.org/wiki/Www


      Web Browser
  ●
      http://en.wikipedia.org/wiki/Web_browser


      Timeline of Web Browsers (SVG)
  ●
      http://en.wikipedia.org/wiki/Image:Timeline_of_web_browsers.svg


      Browsers:
  ●


           Firefox | Safari | Opera | IE
       –




                        簡報樣板參考自 Jon Phillips, http://rejon.org/
除另有聲明外,本簡報文字部份以創用 CC 姓名標示 – 相同方式分享 2.5 臺灣版條款授權大眾使用
文字外其他物件授權方式
    本簡報首頁之「 Foxmosa 」圖案為 CC:by-nc-sa 2.5 tw,使用時請加上
●

    moztw.org 的網址 / 連結及註明此授權方式。
    各軟體擷圖及圖示僅為說明用,非自由授權,請僅於合理狀況下使用。
●



    如有其他使用需求,請連絡柏強 bobchao@mail.moztw.org
●

Mais conteúdo relacionado

Mais procurados

Wda t 48_2010
Wda t 48_2010Wda t 48_2010
Wda t 48_2010
aaruicwai
 
Wda t 5_2011
Wda t 5_2011Wda t 5_2011
Wda t 5_2011
aaruicwai
 

Mais procurados (20)

Children’s Voices for Human Rights Newsletter – Issue no.68
Children’s Voices for Human Rights Newsletter – Issue no.68Children’s Voices for Human Rights Newsletter – Issue no.68
Children’s Voices for Human Rights Newsletter – Issue no.68
 
22.12.11
22.12.1122.12.11
22.12.11
 
HTML
HTMLHTML
HTML
 
Voices of Panchayat Presidents - Newsletter - Issue No.32
Voices of Panchayat Presidents - Newsletter - Issue No.32Voices of Panchayat Presidents - Newsletter - Issue No.32
Voices of Panchayat Presidents - Newsletter - Issue No.32
 
[12_B_6] PHP/MySQL を用いた大規模向けパッケージソフトウェア開発
[12_B_6] PHP/MySQL を用いた大規模向けパッケージソフトウェア開発[12_B_6] PHP/MySQL を用いた大規模向けパッケージソフトウェア開発
[12_B_6] PHP/MySQL を用いた大規模向けパッケージソフトウェア開発
 
Children’s Voices for Human Rights Newsletter – Issue no.52
Children’s Voices for Human Rights Newsletter – Issue no.52Children’s Voices for Human Rights Newsletter – Issue no.52
Children’s Voices for Human Rights Newsletter – Issue no.52
 
Voices of Panchayat Presidents - Newsletter - Issue No.34
Voices of Panchayat Presidents - Newsletter - Issue No.34Voices of Panchayat Presidents - Newsletter - Issue No.34
Voices of Panchayat Presidents - Newsletter - Issue No.34
 
Wda t 48_2010
Wda t 48_2010Wda t 48_2010
Wda t 48_2010
 
Voices for Custodial Justice Newsletter - December 2013 issue
Voices for Custodial Justice Newsletter  - December 2013 issueVoices for Custodial Justice Newsletter  - December 2013 issue
Voices for Custodial Justice Newsletter - December 2013 issue
 
Voices for Custodial Justice Newsletter - January 2012 issue
Voices for Custodial Justice Newsletter - January 2012  issueVoices for Custodial Justice Newsletter - January 2012  issue
Voices for Custodial Justice Newsletter - January 2012 issue
 
01.12.11
01.12.1101.12.11
01.12.11
 
Voices of Panchayat Presidents - Newsletter - Issue No.25
Voices of Panchayat Presidents - Newsletter - Issue No.25Voices of Panchayat Presidents - Newsletter - Issue No.25
Voices of Panchayat Presidents - Newsletter - Issue No.25
 
Wda t 5_2011
Wda t 5_2011Wda t 5_2011
Wda t 5_2011
 
Voices for Custodial Justice Newsletter - December 2014 Issue
Voices for Custodial Justice Newsletter - December 2014 IssueVoices for Custodial Justice Newsletter - December 2014 Issue
Voices for Custodial Justice Newsletter - December 2014 Issue
 
25.08.11
25.08.1125.08.11
25.08.11
 
Voices of Panchayat Presidents - Newsletter - Issue No.27
Voices of Panchayat Presidents - Newsletter - Issue No.27Voices of Panchayat Presidents - Newsletter - Issue No.27
Voices of Panchayat Presidents - Newsletter - Issue No.27
 
1089
10891089
1089
 
Voices of Panchayat Presidents - Newsletter - Issue No.37
Voices of Panchayat Presidents - Newsletter - Issue No.37Voices of Panchayat Presidents - Newsletter - Issue No.37
Voices of Panchayat Presidents - Newsletter - Issue No.37
 
07.07.11
07.07.1107.07.11
07.07.11
 
19.02.09pdf
19.02.09pdf19.02.09pdf
19.02.09pdf
 

Destaque

CORREIO DE NOVIDADES 006 - ATOALHADO
CORREIO DE NOVIDADES 006 - ATOALHADOCORREIO DE NOVIDADES 006 - ATOALHADO
CORREIO DE NOVIDADES 006 - ATOALHADO
kreateva
 
Teorías del prendizaje_utilizadas_en_educación_multimedia
Teorías del prendizaje_utilizadas_en_educación_multimediaTeorías del prendizaje_utilizadas_en_educación_multimedia
Teorías del prendizaje_utilizadas_en_educación_multimedia
beteta
 
Capitulo 5 de texto internet en la docencia universitaria
Capitulo 5 de texto internet en la docencia universitariaCapitulo 5 de texto internet en la docencia universitaria
Capitulo 5 de texto internet en la docencia universitaria
David Sanchez
 
Cassirer, ernst. linguagem e mito
Cassirer, ernst. linguagem e mitoCassirer, ernst. linguagem e mito
Cassirer, ernst. linguagem e mito
Juipurema Sandes
 
Pl 026 2015 programa municipal de parcerias público-privadas
Pl 026 2015   programa municipal de parcerias público-privadasPl 026 2015   programa municipal de parcerias público-privadas
Pl 026 2015 programa municipal de parcerias público-privadas
Claudio Figueiredo
 

Destaque (20)

Chamilo
ChamiloChamilo
Chamilo
 
CORREIO DE NOVIDADES 006 - ATOALHADO
CORREIO DE NOVIDADES 006 - ATOALHADOCORREIO DE NOVIDADES 006 - ATOALHADO
CORREIO DE NOVIDADES 006 - ATOALHADO
 
Tipos de usuario
Tipos de usuarioTipos de usuario
Tipos de usuario
 
Tcc2
Tcc2  Tcc2
Tcc2
 
Evolution of Primavera P6
Evolution of Primavera P6Evolution of Primavera P6
Evolution of Primavera P6
 
Globalização - Competitividade. modelos de gestão
Globalização - Competitividade. modelos de gestãoGlobalização - Competitividade. modelos de gestão
Globalização - Competitividade. modelos de gestão
 
Crear un cuento
Crear un cuentoCrear un cuento
Crear un cuento
 
02 ec no_lineales_v4.128
02 ec no_lineales_v4.12802 ec no_lineales_v4.128
02 ec no_lineales_v4.128
 
ingenieria-y-sociedad-la-universidad-y-la-sociedad-lic-soccorso-volpe
 ingenieria-y-sociedad-la-universidad-y-la-sociedad-lic-soccorso-volpe ingenieria-y-sociedad-la-universidad-y-la-sociedad-lic-soccorso-volpe
ingenieria-y-sociedad-la-universidad-y-la-sociedad-lic-soccorso-volpe
 
Teorías del prendizaje_utilizadas_en_educación_multimedia
Teorías del prendizaje_utilizadas_en_educación_multimediaTeorías del prendizaje_utilizadas_en_educación_multimedia
Teorías del prendizaje_utilizadas_en_educación_multimedia
 
Capitulo 5 de texto internet en la docencia universitaria
Capitulo 5 de texto internet en la docencia universitariaCapitulo 5 de texto internet en la docencia universitaria
Capitulo 5 de texto internet en la docencia universitaria
 
виньков октябрь оп2012
виньков октябрь оп2012виньков октябрь оп2012
виньков октябрь оп2012
 
Prot. 1688 15 senhas sonoras e em braille - joel rangel
Prot. 1688 15   senhas sonoras e em braille - joel rangelProt. 1688 15   senhas sonoras e em braille - joel rangel
Prot. 1688 15 senhas sonoras e em braille - joel rangel
 
Тенденции интернета 2012 (ДВИК-2012)
Тенденции интернета 2012 (ДВИК-2012)Тенденции интернета 2012 (ДВИК-2012)
Тенденции интернета 2012 (ДВИК-2012)
 
Comentários SSA2 2015 1º dia
Comentários SSA2 2015   1º diaComentários SSA2 2015   1º dia
Comentários SSA2 2015 1º dia
 
Aula2
Aula2Aula2
Aula2
 
Animes
AnimesAnimes
Animes
 
В поисках волшебного эликсира Может ли сайт жить вечно? (ДВИК-2012)
В поисках волшебного эликсира Может ли сайт жить вечно? (ДВИК-2012)В поисках волшебного эликсира Может ли сайт жить вечно? (ДВИК-2012)
В поисках волшебного эликсира Может ли сайт жить вечно? (ДВИК-2012)
 
Cassirer, ernst. linguagem e mito
Cassirer, ernst. linguagem e mitoCassirer, ernst. linguagem e mito
Cassirer, ernst. linguagem e mito
 
Pl 026 2015 programa municipal de parcerias público-privadas
Pl 026 2015   programa municipal de parcerias público-privadasPl 026 2015   programa municipal de parcerias público-privadas
Pl 026 2015 programa municipal de parcerias público-privadas
 

Mais de Bob Chao

OpenSource 新手上路
OpenSource 新手上路OpenSource 新手上路
OpenSource 新手上路
Bob Chao
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會
Bob Chao
 

Mais de Bob Chao (20)

簡報規劃與設計
簡報規劃與設計簡報規劃與設計
簡報規劃與設計
 
開放社群,啊是多開放?
開放社群,啊是多開放?開放社群,啊是多開放?
開放社群,啊是多開放?
 
數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站
 
Vidyo: How to Record and Broadcast your meeting
Vidyo: How to Record and Broadcast your meetingVidyo: How to Record and Broadcast your meeting
Vidyo: How to Record and Broadcast your meeting
 
Mozilla Community
Mozilla CommunityMozilla Community
Mozilla Community
 
開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗
 
開放文化基金會可以幫你什麼?
開放文化基金會可以幫你什麼?開放文化基金會可以幫你什麼?
開放文化基金會可以幫你什麼?
 
Firefox OS Add-on in 10 minutes
Firefox OS Add-on in 10 minutesFirefox OS Add-on in 10 minutes
Firefox OS Add-on in 10 minutes
 
Build your own COSCUP
Build your own COSCUPBuild your own COSCUP
Build your own COSCUP
 
COSCUP: What, Why, and How
COSCUP: What, Why, and HowCOSCUP: What, Why, and How
COSCUP: What, Why, and How
 
OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展
 
8 個重回 Firefox 的理由 8 reasons back to Firefox
8 個重回 Firefox 的理由  8 reasons back to Firefox8 個重回 Firefox 的理由  8 reasons back to Firefox
8 個重回 Firefox 的理由 8 reasons back to Firefox
 
Webmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60minsWebmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60mins
 
Webmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60minsWebmaker Workshop: Appmaker in 60mins
Webmaker Workshop: Appmaker in 60mins
 
Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享
 
Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.
 
OpenSource 新手上路
OpenSource 新手上路OpenSource 新手上路
OpenSource 新手上路
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會
 
Gamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameGamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 Game
 

瀏覽器的想像