SlideShare une entreprise Scribd logo
1  sur  72
Télécharger pour lire hors ligne
Hi
趙 柏強
BobChao
西子灣大學
隔壁高中
about:me




降低著作權授權風險的工具
電腦課 ?
電腦課
講古 !
網頁瀏覽器
網頁瀏覽器
‫¼$ش‬ςφ
                                       ЦЙБЖ
                                       љы♣☼
                                       ▒∆¥û


                                                           把程式碼 ...

http://www.flickr.com/photos/dullspork/4523273644/ CC:BY
‫¼$ش‬ςφ
                                  ЦЙБЖ
                                 有沒有看到
                                 我的眼鏡啊 ?
                                  љы♣☼
                                  近視眼真麻煩 ...
                                  ▒∆¥û


                                                     翻譯成看得懂的網頁

http://www.flickr.com/photos/dullspork/4523273644/ CC:BY
一直以來的網路世界
你用「網路」做些什麼?
你用「網路」做些什麼?
網拍、查資料、收發信件、與朋友交流 ...
你用「網路」做些什麼?
很大一部分是「全球資訊網」
1990
http://www.flickr.com/photos/12693492@N04/1339026964/ , CC:BY-NC-ND
WorldWideWeb




http://en.wikipedia.org/wiki/File:WorldWideWeb_FSF_GNU.png (GPL 3)
1993: Mosaic




http://en.wikipedia.org/wiki/File:NCSAMosaic1.0Mac.png
1993: Mosaic




http://en.wikipedia.org/wiki/File:NCSAMosaic1.0Mac.png
1994: Netscape Navigator




http://en.wikipedia.org/wiki/File:Mosaic_Netscape_0.9_on_Windows_XP.png
1995: Internet Explorer




http://en.wikipedia.org/wiki/File:Internet_Explorer_1.0.png
1996: Opera (2.0)




http://en.wikipedia.org/wiki/File:MultiTorg_Opera.png
第一次瀏覽器大戰
第一次瀏覽器大戰
1998: Mozilla Project
2003: Mozilla Foundation
2004: Firefox




http://en.wikipedia.org/wiki/File:Mozilla_Firefox_1.0_front_page_screenshot.png CC:BY-SA
2007: Safari




http://images.appleinsider.com/leopard-preview-safari-16.jpg
2008:Google Chrome
近代瀏覽器功能
●
    分頁
●
    搜尋欄
●
    瀏覽歷史增強        DEMO

●
    支援性程式
●
    跨設備同步
●
    介面簡潔化
近代瀏覽器功能



       DEMO


注重標準
IE7 看你哥
                                                       啦 ! 你們怎麼
                                                       差這麼多啊 ?

                                  對啊!你都會                          拜託別
                                  把我們最酷的                          再說了
                                  玩具弄壞!



                            你回去
                            啦 IE6!


        ㄟ!你們!

             為什麼都不
             跟我玩?




http://www.flickr.com/photos/robotjohnny/3629069606/
幾年內的網路世界?
更豐富,更靈活
●
    CSS3 表達更多樣
    ●
        中文直排
    ●
        形體變化
●
    Video 、 Audio



        & 3D!!
                    顛覆網路 35 天
結合環境資料,與實體互動
●
    地理位置資訊
●
    加速感應器
●
    電子羅盤
●
    相機


             Flickr Map: http://flickr.com/maps
網際應用軟體
與你桌面互動的網際應用軟體




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




                                                     http://flickr.com/photos/jcorrius/449420603/ CC: BY
「網際」不再必要的網際應用軟體
到處都有瀏覽器




  Safari Web Browser on iPhone
(圖片來源找不到了,暫且取下這張圖)
你還不見得知道它在哪裡




             Palm webOS                                      xPUD


http://zh.wikipedia.org/zh-tw/File:Palm_webOS_Launcher.png
你還不見得知道它在哪裡




                Google TV

 http://blog.bobchao.net/2010/05/google-tv.html
你還不見得知道它在哪裡
            也不必知道




                Google TV

 http://blog.bobchao.net/2010/05/google-tv.html
生活與網路越綁越緊
生活與網路越綁越緊
當什麼都是「雲端」,就不會有人再提這個字了
生活與網路越綁越緊
當什麼都是「雲端」,就不會有人再提這個字了
      但,雲端只好不壞?
什麼都雲端
網際應用程式的基本需求
●
    可替代一般使用
網際應用程式的基本需求
●
    可替代一般使用
●
    可備份資料 (或甚至直接編輯本機的檔案)
網際應用程式的基本需求
●
    可替代一般使用
●
    可備份資料 (或甚至直接編輯本機的檔案)
●
    資料保密安全無虞
隱私資料
●
    個人資訊          ●
                      瀏覽紀錄
    ●
        姓名        ●   IP
    ●
        性別        ●   MAC Address
●
    聯絡資訊          ●   Cookies
    ●
        地址        ●
                      表單填寫紀錄
        Email
                      帳號密碼
    ●
                  ●

    ●
        電話
當我們習慣了,那還是隱私嗎?
●
    瀏覽器演化至今,現在是最劇烈的改變
●
    網路已經跟生活很緊密地結合,只會越來越緊密
●
    資料的維護將是一大課題
    ●
        上傳到雲端的資料
    ●
        刻意留下的個人資料
    ●
        不小心留下的個人資料
追加議題 ...
現實生活




圖書館          你家
現實生活




圖書館          你家
網路世界




遠端主機          你的電腦
網路世界




遠端主機          你的電腦
任何動作都可能是著作權法裡的

    重製
閱讀




受保護的著作權
          出借



筆記
               合理使用
閱讀




受保護的著作權
受保護的著作權
          出借



筆記
               合理使用
太好侵權 → DRM
閱讀




受保護的著作權
          出借



筆記
               合理使用
閱讀




受保護的著作權
          出借



筆記
               合理使用
CHANGE!
Q?

blog.bobchao.net   bobchao@gmail.com
感謝
             <(_ _)>


blog.bobchao.net   bobchao@gmail.com
來源標示與授權聲明
●
    各引用之圖片,該頁下方都有來源連結
●
    非自由授權之圖片僅為教學示意所用
●
    無來源連結者為柏強自行擷取、或拍攝、或繪製
    ●
        各公司、產品商標歸其公司所有
    ●
        各網站、軟體截圖僅為教學示意所用
●
    除上述引用之來源外,本投影片其他部份以
    創用CC姓名標示-相同方式分享條款授權公眾使
    用

Contenu connexe

Similaire à 瀏覽器講古

Html5环保小游戏
Html5环保小游戏Html5环保小游戏
Html5环保小游戏taobao.com
 
數位、連結、城市
數位、連結、城市數位、連結、城市
數位、連結、城市TH Schee
 
COSCUP promoting in HP7
COSCUP promoting in HP7COSCUP promoting in HP7
COSCUP promoting in HP7Bob Chao
 
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao悠識學院
 
淺談使用者體驗UX-從生活中來看魔鬼的細節
淺談使用者體驗UX-從生活中來看魔鬼的細節淺談使用者體驗UX-從生活中來看魔鬼的細節
淺談使用者體驗UX-從生活中來看魔鬼的細節Souyi Yang
 
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程Souyi Yang
 
OpenLab.Taipei #2 PORTA2030
OpenLab.Taipei #2 PORTA2030OpenLab.Taipei #2 PORTA2030
OpenLab.Taipei #2 PORTA2030Rex Tsai
 
03 部落格了沒
03 部落格了沒03 部落格了沒
03 部落格了沒欣彥 郭
 
20100209 Moz Tw
20100209 Moz Tw20100209 Moz Tw
20100209 Moz TwBob Chao
 
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程Souyi Yang
 
解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据ntalks
 
Mobile app date
Mobile app dateMobile app date
Mobile app datentalks
 
解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据ntalks
 
開放網路與 Mozilla (以及與你何干)
開放網路與 Mozilla (以及與你何干)開放網路與 Mozilla (以及與你何干)
開放網路與 Mozilla (以及與你何干)Bob Chao
 
從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼Souyi Yang
 
MozTW Off-Line Paper at 2009
MozTW Off-Line Paper at 2009MozTW Off-Line Paper at 2009
MozTW Off-Line Paper at 2009Toomore
 
成大心理系-Prototyping方法
成大心理系-Prototyping方法成大心理系-Prototyping方法
成大心理系-Prototyping方法Souyi Yang
 
瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages安齊 劉
 
COSCUP Call for Papers is now open
COSCUP Call for Papers is now openCOSCUP Call for Papers is now open
COSCUP Call for Papers is now openBob Chao
 
Gamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameGamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameBob Chao
 

Similaire à 瀏覽器講古 (20)

Html5环保小游戏
Html5环保小游戏Html5环保小游戏
Html5环保小游戏
 
數位、連結、城市
數位、連結、城市數位、連結、城市
數位、連結、城市
 
COSCUP promoting in HP7
COSCUP promoting in HP7COSCUP promoting in HP7
COSCUP promoting in HP7
 
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
人多嘴雜乎?眾志成城乎?開放源碼軟體的使用體驗 by Bob Chao
 
淺談使用者體驗UX-從生活中來看魔鬼的細節
淺談使用者體驗UX-從生活中來看魔鬼的細節淺談使用者體驗UX-從生活中來看魔鬼的細節
淺談使用者體驗UX-從生活中來看魔鬼的細節
 
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
 
OpenLab.Taipei #2 PORTA2030
OpenLab.Taipei #2 PORTA2030OpenLab.Taipei #2 PORTA2030
OpenLab.Taipei #2 PORTA2030
 
03 部落格了沒
03 部落格了沒03 部落格了沒
03 部落格了沒
 
20100209 Moz Tw
20100209 Moz Tw20100209 Moz Tw
20100209 Moz Tw
 
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
 
解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据
 
Mobile app date
Mobile app dateMobile app date
Mobile app date
 
解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据解密那些玄而又玄的移动互联网数据
解密那些玄而又玄的移动互联网数据
 
開放網路與 Mozilla (以及與你何干)
開放網路與 Mozilla (以及與你何干)開放網路與 Mozilla (以及與你何干)
開放網路與 Mozilla (以及與你何干)
 
從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼
 
MozTW Off-Line Paper at 2009
MozTW Off-Line Paper at 2009MozTW Off-Line Paper at 2009
MozTW Off-Line Paper at 2009
 
成大心理系-Prototyping方法
成大心理系-Prototyping方法成大心理系-Prototyping方法
成大心理系-Prototyping方法
 
瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages瀏覽器與網頁原理 Principles of Browsers and Webpages
瀏覽器與網頁原理 Principles of Browsers and Webpages
 
COSCUP Call for Papers is now open
COSCUP Call for Papers is now openCOSCUP Call for Papers is now open
COSCUP Call for Papers is now open
 
Gamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 GameGamification 遊戲化是在 Play 蝦米 Game
Gamification 遊戲化是在 Play 蝦米 Game
 

Plus de Bob Chao

簡報規劃與設計
簡報規劃與設計簡報規劃與設計
簡報規劃與設計Bob Chao
 
數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站Bob Chao
 
Mozilla Community
Mozilla CommunityMozilla Community
Mozilla CommunityBob Chao
 
開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗開源人生指南 - 如何不慎豐富人脈與經驗
開源人生指南 - 如何不慎豐富人脈與經驗Bob Chao
 
開放文化基金會可以幫你什麼?
開放文化基金會可以幫你什麼?開放文化基金會可以幫你什麼?
開放文化基金會可以幫你什麼?Bob Chao
 
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 minutesBob Chao
 
Build your own COSCUP
Build your own COSCUPBuild your own COSCUP
Build your own COSCUPBob Chao
 
COSCUP: What, Why, and How
COSCUP: What, Why, and HowCOSCUP: What, Why, and How
COSCUP: What, Why, and HowBob Chao
 
OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展OCF 募款餐會: 開放文化影展
OCF 募款餐會: 開放文化影展Bob Chao
 
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 FirefoxBob Chao
 
Webmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60minsWebmaker Workshop: Popcorn maker in 60mins
Webmaker Workshop: Popcorn maker in 60minsBob Chao
 
Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享Google Analytics 網站分析: 學習心得分享
Google Analytics 網站分析: 學習心得分享Bob Chao
 
Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.Mozilla Webmaker: Brief Intro.
Mozilla Webmaker: Brief Intro.Bob Chao
 
OpenSource 新手上路
OpenSource 新手上路OpenSource 新手上路
OpenSource 新手上路Bob Chao
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例Bob Chao
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會Bob Chao
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsBob Chao
 
Firefox 4 Party Opening
Firefox 4 Party OpeningFirefox 4 Party Opening
Firefox 4 Party OpeningBob Chao
 
著作權在你身邊,150 秒版
著作權在你身邊,150 秒版著作權在你身邊,150 秒版
著作權在你身邊,150 秒版Bob Chao
 
Creative Commons 介紹
Creative Commons 介紹Creative Commons 介紹
Creative Commons 介紹Bob Chao
 

Plus de Bob Chao (20)

簡報規劃與設計
簡報規劃與設計簡報規劃與設計
簡報規劃與設計
 
數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站數位教材公眾授權資源蒐集與創用 CC 資源網站
數位教材公眾授權資源蒐集與創用 CC 資源網站
 
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
 
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 為例
 
網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會網站分析 我小的時候以為自己會
網站分析 我小的時候以為自己會
 
FUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 EventsFUParty - Mozilla Taiwan 2012 Events
FUParty - Mozilla Taiwan 2012 Events
 
Firefox 4 Party Opening
Firefox 4 Party OpeningFirefox 4 Party Opening
Firefox 4 Party Opening
 
著作權在你身邊,150 秒版
著作權在你身邊,150 秒版著作權在你身邊,150 秒版
著作權在你身邊,150 秒版
 
Creative Commons 介紹
Creative Commons 介紹Creative Commons 介紹
Creative Commons 介紹
 

瀏覽器講古