Web發(fā)展相關(guān)和瀏覽器開發(fā)簡介課件

Web發(fā)展相關(guān)和瀏覽器開發(fā)簡介李曉冬2013-04-26長虹技術(shù)中心數(shù)字電視技術(shù)研究所Web發(fā)展相關(guān)和瀏覽器開發(fā)簡介李曉冬2013-04-26長1HTML5—歷程HTML5歷史：草案（1993/6)HTML2.0(1995/11)HTML3.2(1996/1/14)HTML4.0(1997/12/18)HTML4.01(1999/12/24)XHTML1.0(2000)、XHTML1.1(2001)XHTML2.0：未完成、胎死腹中（2006）WHATWG:2004年提出HTML5的草案前身WebApplications1.0W3C：2007年接納WebApplications1.0并成立新的HTML工作組HTML5的第一份草案2008年1月22日公布2012年12月18日新一代的網(wǎng)頁標(biāo)準(zhǔn)HTML5終于開發(fā)完成，這也意味著網(wǎng)頁設(shè)計者和智能手機應(yīng)用的開發(fā)者們有了一個明確的開發(fā)目標(biāo)。

長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—歷程HTML5歷史：長虹技術(shù)中心數(shù)字電視技術(shù)研究2HTML5—特性HTML5新特性語義性對于SEO(SearchEngineOptimization)很友好Canvas以及3D顯示效果（WebGL)、SVG多媒體(Video/audio)CSS3樣式離線及本地存儲（APPCache,Localstorge,IndexedDB)通信相關(guān)（WebSockets/WebWorkers等)文件Drag&Drop長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—特性HTML5新特性長虹技術(shù)中心數(shù)字電視技術(shù)研究3HTML5—主流移動設(shè)備瀏覽器支持情況長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—主流移動設(shè)備瀏覽器支持情況長虹技術(shù)中心數(shù)字電視技4HTML5—Canvas應(yīng)用示例長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—Canvas應(yīng)用示例長虹技術(shù)中心數(shù)字電視技術(shù)研究5HTML5—音視頻應(yīng)用長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—音視頻應(yīng)用長虹技術(shù)中心數(shù)字電視技術(shù)研究所6HTML5的發(fā)展—目前的在移動互聯(lián)網(wǎng)中的趨勢長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—目前的在移動互聯(lián)網(wǎng)中的趨勢長虹技術(shù)中心數(shù)字7HTML5的發(fā)展—2013年游戲引擎興起ABCD基于HTML5的手游引擎4月初Facebook收購了基于云計算和HTML5的移動游戲引擎Spaceport。UC的X-Canvas即將發(fā)布，使用OpenGL硬件加速。Opera歐朋在MWC2013正式發(fā)布游戲引擎Sphinx，全球首款實現(xiàn)全硬件加速的HTML5游戲引擎。觸控科技即將發(fā)布支持HTML5的游戲引擎Cocos2D-X。長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—2013年游戲引擎興起ABCD基于HTML8HTML5的發(fā)展—WebApp&NativeApp長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—WebApp&NativeApp9HTML5的發(fā)展—HybridApp框架平臺長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—HybridApp框架平臺長虹技術(shù)中心10WebOs的興起—定義啟動速度非常快完全基于HTML5WEBAPI正在走向標(biāo)準(zhǔn)化大部分應(yīng)用部署在云端應(yīng)用只需要添加，不需要下載應(yīng)用不需要升級，永遠都是最新的WEBOS也叫網(wǎng)絡(luò)操作系統(tǒng)，是一種基于瀏覽器內(nèi)核的操作系統(tǒng)。長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—定義啟動速度非?？焱耆贖TML5WEB11WebOs的興起—生命力WebOsAndroid/IOSHTML5版本發(fā)布頻繁應(yīng)用跨平臺應(yīng)用免安裝免升級應(yīng)用兼容性差針對手機的Os開發(fā)成本高WebOs強大生命力，已經(jīng)具備成長為電視操作系統(tǒng)的潛力云端應(yīng)用應(yīng)用兼容性差商店的尷尬長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—生命力WebOsAndroid/IOSHT12WebOs的興起—演進路線1萌芽期成長期產(chǎn)品期2010年12月8日ChromeOS發(fā)布2011年7月25日BtoG發(fā)布2012年4月30日Tizen1.0發(fā)布

基于四大WebOs的Pc、手機產(chǎn)品陸續(xù)推出，并有加速的趨勢。

2009年6月6日發(fā)布PalmwebOS

加速期成熟期技術(shù)發(fā)布產(chǎn)品發(fā)布長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—演進路線1萌芽期成長期產(chǎn)品期2010年113WebOs的興起—ChromeOsTheChromium-basedbrowserandthewindowmanagerSystem-levelsoftwareanduser-landservices:thekernel,drivers,connectionmanager,andsoonFirmware

長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—ChromeOsTheChromium14WebOs的興起—ChromeOs功能瀏覽器ChromeBrowser

云打印機GoogleCloudPrinter

在線文檔GoogleDocs

遠程連接Chromoting有些類似微軟的Windows遠程桌面連接Receiver連接PC云存儲-GoogleDrive一個網(wǎng)絡(luò)的硬盤，提供5GB的免費空間文件管理GoogleFileManager媒體播放器，照片查看器日歷GoogleCalener，GooglePlus，GoogleReader等豐富的WebApp

集成眾多網(wǎng)絡(luò)服務(wù)WiFi，WiMax，NetworkCable，3G,4G

長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—ChromeOs功能長虹技術(shù)中心數(shù)字電視15WebOs的興起—市場拓展最新動態(tài)

01.FirefoxOs首批采用FirefoxOs的手機在4月23日開售，制造商為西Geeksphone，一期發(fā)售的上千部手機幾小時賣完

03.Chromebook三星、宏基、聯(lián)想和谷歌已經(jīng)或計劃發(fā)布Chromebook，多應(yīng)用于教育市場，全球超過2000所學(xué)校使用02.Tizen2.0三星在MWC2013上展示了全新的Tizen2.0移動操作系統(tǒng)，Tizen2.0加入了很多功能，并可以流暢地購物和玩流行的休閑游戲，表現(xiàn)不俗長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—市場拓展最新動態(tài)01.Firefox16項目規(guī)劃多屏社交語音瀏覽器開發(fā)長虹技術(shù)中心數(shù)字電視技術(shù)研究所項目規(guī)劃多屏社交語音瀏覽器開發(fā)長虹技術(shù)中心數(shù)字電視技術(shù)研究所17項目規(guī)劃—方案拓?fù)鋱D長虹技術(shù)中心數(shù)字電視技術(shù)研究所項目規(guī)劃—方案拓?fù)鋱D長虹技術(shù)中心數(shù)字電視技術(shù)研究所18基于瀏覽器的多屏互動傳統(tǒng)、語音、動作引入跨界多屏瀏覽器概念，讓大小屏各司其職，實現(xiàn)完美互動，且不影響電視原生的操控模式。長虹技術(shù)中心數(shù)字電視技術(shù)研究所基于瀏覽器的多屏互動傳統(tǒng)、語音、動作引入跨界多屏瀏覽器概念，19基于瀏覽器的多屏互動Inside電視Inside手持終端CworldPHONETVPAD定義標(biāo)準(zhǔn)化數(shù)據(jù)通信接口，在可見的Cworld間實現(xiàn)：數(shù)據(jù)傳輸、數(shù)據(jù)同步、遙控視頻、控制大屏游戲。。。長虹技術(shù)中心數(shù)字電視技術(shù)研究所基于瀏覽器的多屏互動Inside電視Inside手持終端20通過手持設(shè)備或電視對當(dāng)前觀看的視頻進行即時評論查看和吐槽。把手持設(shè)備中的圖片、音樂或者網(wǎng)頁中的視頻鏈接、圖片鏈接以輕松分享給好友，好友在彈出消息上輕松一鍵觀看。基于瀏覽器的社交長虹技術(shù)中心數(shù)字電視技術(shù)研究所通過手持設(shè)備或電視對當(dāng)前觀看的視頻進行即時評論查看和吐槽。把21用戶系統(tǒng)僅需激活Cworld時注冊，登錄一次個性化空間建設(shè)視頻云書簽個人相冊個人音樂基于用戶系統(tǒng)的個性化專屬空間是便于用戶把和智能電視相關(guān)的個性化信息和應(yīng)用放在空間中，讓用戶在智能設(shè)備上找到

如家的感覺！長虹技術(shù)中心數(shù)字電視技術(shù)研究所用戶系統(tǒng)僅需激活Cworld時個性化空間建設(shè)視頻云書簽個人相22云服務(wù)平臺的個性化應(yīng)用基于用戶系統(tǒng)的個性化應(yīng)用個性化電視臺視頻搜索門戶可視通話系統(tǒng)個性信息推送系統(tǒng)用戶系統(tǒng)的建立是根本和基礎(chǔ)長虹技術(shù)中心數(shù)字電視技術(shù)研究所云服務(wù)平臺的個性化應(yīng)用基于用戶系統(tǒng)的個性化應(yīng)用個性化電視臺視23全語音瀏覽器01

語音控制上下滾屏02

語音控制管理收藏夾03

語音控制打開鏈接和前進后退04語音控制頁面縮放業(yè)界第一款全語音控制瀏覽器產(chǎn)品，讓你光用嘴說就可以實現(xiàn)在電視上的互聯(lián)網(wǎng)沖浪體驗。長虹技術(shù)中心數(shù)字電視技術(shù)研究所全語音瀏覽器01語音控制上下滾屏02語音控制管理收藏夾024全語音瀏覽器—行業(yè)水平對比語音功能Cworld全語音瀏覽器UC瀏覽器8.7QQ瀏覽器海豚瀏覽器9.1.0打開文字鏈接有無無無打開圖片鏈接有無無無觸發(fā)頁面控件有無無無打開常規(guī)網(wǎng)站有有有有實現(xiàn)組合搜索有無無部分打開收藏夾/歷史有有有無操作收藏夾/歷史中項有無無無打開/關(guān)閉HTML5視頻有無無無控制HTML5視頻，實現(xiàn)快進/快退/暫停/播放等功能有無無無語音命令數(shù)據(jù)庫在線升級有無無無頁面完全控制有無無無對標(biāo)簽的操作有無無只有新建標(biāo)簽保存頁面有無無無新聞閱讀有無無無長虹技術(shù)中心數(shù)字電視技術(shù)研究所全語音瀏覽器—行業(yè)水平對比語音功能Cworld全語音瀏覽器U25全語音瀏覽器—行業(yè)水平對比網(wǎng)易新聞：操作電視動口不動手

長虹發(fā)布B系新智能/digi/12/1206/10/8I1LKK0T0016656A.html摘錄：此次發(fā)布的新品B系列，還率先搭載全新“語音瀏覽器”，使行業(yè)在語音智控應(yīng)用方面提升到一個嶄新的水準(zhǔn)。此功能可語音完成一系列網(wǎng)頁控制，包括語音搜索、語音縮放、語音讀報、語音點播等，與其他品牌的語音控制功能拉開了巨大差距。萬維家電網(wǎng)：動口不動手長虹B6000語音瀏覽器實測(2)/html/201212/news_2669358_1_2.html摘錄：瀏覽器是互聯(lián)網(wǎng)的重要入口之一。電視機上的瀏覽器由于長期以來操作復(fù)雜被作為雞肋，但當(dāng)語音來襲之時，通過體驗我們可以看到瀏覽器可以方便的搜索用戶眾多想要的內(nèi)容，復(fù)雜的頁面操作通過簡單的語音輸入變得簡單，一款真正智能的電視機全語音瀏覽器出現(xiàn)了，大大增加了智能電視的人機交互體驗，筆者整個的試用過程簡單又好玩。長虹技術(shù)中心數(shù)字電視技術(shù)研究所全語音瀏覽器—行業(yè)水平對比網(wǎng)易新聞：操作電視動口不動手

長虹26端云一體化解決方案一個與眾不同的世界，因個性張揚而存在！持續(xù)提供差異化的創(chuàng)新應(yīng)用服務(wù)，為客戶創(chuàng)造價值的同時獲得回報！長虹技術(shù)中心數(shù)字電視技術(shù)研究所端云一體化解決方案一個與眾不同的世界，持續(xù)提供差異化的創(chuàng)新應(yīng)27長虹技術(shù)中心數(shù)字電視技術(shù)研究所長虹技術(shù)中心數(shù)字電視技術(shù)研究所28演講完畢，謝謝觀看！演講完畢，謝謝觀看！29Web發(fā)展相關(guān)和瀏覽器開發(fā)簡介李曉冬2013-04-26長虹技術(shù)中心數(shù)字電視技術(shù)研究所Web發(fā)展相關(guān)和瀏覽器開發(fā)簡介李曉冬2013-04-26長30HTML5—歷程HTML5歷史：草案（1993/6)HTML2.0(1995/11)HTML3.2(1996/1/14)HTML4.0(1997/12/18)HTML4.01(1999/12/24)XHTML1.0(2000)、XHTML1.1(2001)XHTML2.0：未完成、胎死腹中（2006）WHATWG:2004年提出HTML5的草案前身WebApplications1.0W3C：2007年接納WebApplications1.0并成立新的HTML工作組HTML5的第一份草案2008年1月22日公布2012年12月18日新一代的網(wǎng)頁標(biāo)準(zhǔn)HTML5終于開發(fā)完成，這也意味著網(wǎng)頁設(shè)計者和智能手機應(yīng)用的開發(fā)者們有了一個明確的開發(fā)目標(biāo)。

長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—歷程HTML5歷史：長虹技術(shù)中心數(shù)字電視技術(shù)研究31HTML5—特性HTML5新特性語義性對于SEO(SearchEngineOptimization)很友好Canvas以及3D顯示效果（WebGL)、SVG多媒體(Video/audio)CSS3樣式離線及本地存儲（APPCache,Localstorge,IndexedDB)通信相關(guān)（WebSockets/WebWorkers等)文件Drag&Drop長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—特性HTML5新特性長虹技術(shù)中心數(shù)字電視技術(shù)研究32HTML5—主流移動設(shè)備瀏覽器支持情況長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—主流移動設(shè)備瀏覽器支持情況長虹技術(shù)中心數(shù)字電視技33HTML5—Canvas應(yīng)用示例長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—Canvas應(yīng)用示例長虹技術(shù)中心數(shù)字電視技術(shù)研究34HTML5—音視頻應(yīng)用長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5—音視頻應(yīng)用長虹技術(shù)中心數(shù)字電視技術(shù)研究所35HTML5的發(fā)展—目前的在移動互聯(lián)網(wǎng)中的趨勢長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—目前的在移動互聯(lián)網(wǎng)中的趨勢長虹技術(shù)中心數(shù)字36HTML5的發(fā)展—2013年游戲引擎興起ABCD基于HTML5的手游引擎4月初Facebook收購了基于云計算和HTML5的移動游戲引擎Spaceport。UC的X-Canvas即將發(fā)布，使用OpenGL硬件加速。Opera歐朋在MWC2013正式發(fā)布游戲引擎Sphinx，全球首款實現(xiàn)全硬件加速的HTML5游戲引擎。觸控科技即將發(fā)布支持HTML5的游戲引擎Cocos2D-X。長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—2013年游戲引擎興起ABCD基于HTML37HTML5的發(fā)展—WebApp&NativeApp長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—WebApp&NativeApp38HTML5的發(fā)展—HybridApp框架平臺長虹技術(shù)中心數(shù)字電視技術(shù)研究所HTML5的發(fā)展—HybridApp框架平臺長虹技術(shù)中心39WebOs的興起—定義啟動速度非?？焱耆贖TML5WEBAPI正在走向標(biāo)準(zhǔn)化大部分應(yīng)用部署在云端應(yīng)用只需要添加，不需要下載應(yīng)用不需要升級，永遠都是最新的WEBOS也叫網(wǎng)絡(luò)操作系統(tǒng)，是一種基于瀏覽器內(nèi)核的操作系統(tǒng)。長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—定義啟動速度非?？焱耆贖TML5WEB40WebOs的興起—生命力WebOsAndroid/IOSHTML5版本發(fā)布頻繁應(yīng)用跨平臺應(yīng)用免安裝免升級應(yīng)用兼容性差針對手機的Os開發(fā)成本高WebOs強大生命力，已經(jīng)具備成長為電視操作系統(tǒng)的潛力云端應(yīng)用應(yīng)用兼容性差商店的尷尬長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—生命力WebOsAndroid/IOSHT41WebOs的興起—演進路線1萌芽期成長期產(chǎn)品期2010年12月8日ChromeOS發(fā)布2011年7月25日BtoG發(fā)布2012年4月30日Tizen1.0發(fā)布

基于四大WebOs的Pc、手機產(chǎn)品陸續(xù)推出，并有加速的趨勢。

2009年6月6日發(fā)布PalmwebOS

加速期成熟期技術(shù)發(fā)布產(chǎn)品發(fā)布長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—演進路線1萌芽期成長期產(chǎn)品期2010年142WebOs的興起—ChromeOsTheChromium-basedbrowserandthewindowmanagerSystem-levelsoftwareanduser-landservices:thekernel,drivers,connectionmanager,andsoonFirmware

長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—ChromeOsTheChromium43WebOs的興起—ChromeOs功能瀏覽器ChromeBrowser

云打印機GoogleCloudPrinter

在線文檔GoogleDocs

遠程連接Chromoting有些類似微軟的Windows遠程桌面連接Receiver連接PC云存儲-GoogleDrive一個網(wǎng)絡(luò)的硬盤，提供5GB的免費空間文件管理GoogleFileManager媒體播放器，照片查看器日歷GoogleCalener，GooglePlus，GoogleReader等豐富的WebApp

集成眾多網(wǎng)絡(luò)服務(wù)WiFi，WiMax，NetworkCable，3G,4G

長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—ChromeOs功能長虹技術(shù)中心數(shù)字電視44WebOs的興起—市場拓展最新動態(tài)

01.FirefoxOs首批采用FirefoxOs的手機在4月23日開售，制造商為西Geeksphone，一期發(fā)售的上千部手機幾小時賣完

03.Chromebook三星、宏基、聯(lián)想和谷歌已經(jīng)或計劃發(fā)布Chromebook，多應(yīng)用于教育市場，全球超過2000所學(xué)校使用02.Tizen2.0三星在MWC2013上展示了全新的Tizen2.0移動操作系統(tǒng)，Tizen2.0加入了很多功能，并可以流暢地購物和玩流行的休閑游戲，表現(xiàn)不俗長虹技術(shù)中心數(shù)字電視技術(shù)研究所WebOs的興起—市場拓展最新動態(tài)01.Firefox45項目規(guī)劃多屏社交語音瀏覽器開發(fā)長虹技術(shù)中心數(shù)字電視技術(shù)研究所項目規(guī)劃多屏社交語音瀏覽器開發(fā)長虹技術(shù)中心數(shù)字電視技術(shù)研究所46項目規(guī)劃—方案拓?fù)鋱D長虹技術(shù)中心數(shù)字電視技術(shù)研究所項目規(guī)劃—方案拓?fù)鋱D長虹技術(shù)中心數(shù)字電視技術(shù)研究所47基于瀏覽器的多屏互動傳統(tǒng)、語音、動作引入跨界多屏瀏覽器概念，讓大小屏各司其職，實現(xiàn)完美互動，且不影響電視原生的操控模式。長虹技術(shù)中心數(shù)字電視技術(shù)研究所基于瀏覽器的多屏互動傳統(tǒng)、語音、動作引入跨界多屏瀏覽器概念，48基于瀏覽器的多屏互動Inside電視Inside手持終端CworldPHONETVPAD定義標(biāo)準(zhǔn)化數(shù)據(jù)通信接口，在可見的Cworld間實現(xiàn)：數(shù)據(jù)傳輸、數(shù)據(jù)同步、遙控視頻、控制大屏游戲。。。長虹技術(shù)中心數(shù)字電視技術(shù)研究所基于瀏覽器的多屏互動Inside電視Inside手持終端49通過手持設(shè)備或電視對當(dāng)前觀看的視頻進行即時評論查看和吐槽。把手持設(shè)備中的圖片、音樂或者網(wǎng)頁中的視頻鏈接、圖片鏈接以輕松分享給好友，好友在彈出消息上輕松一鍵觀看?；跒g覽器的社交長虹技術(shù)中心數(shù)字電視技術(shù)研究所通過手持設(shè)備或電視對當(dāng)前觀看的視頻進行即時評論查看和吐槽。把50用戶系統(tǒng)僅需激活Cworld時注冊，登錄一次個性化空間建設(shè)視頻云書簽個人相冊個人音樂基于用戶系統(tǒng)的個性化專屬空間是便于用戶把和智能電視相關(guān)的個性化信息和應(yīng)用放在空間中，讓用戶在智能設(shè)備上找到

如家的感覺！長虹技術(shù)中心數(shù)字電視技術(shù)研究所用戶系統(tǒng)僅需激活Cworld時個性化空間建設(shè)視頻云書簽個人相51云服務(wù)平臺的個性化應(yīng)用基于用戶系統(tǒng)的個性化應(yīng)用個性化電視臺視頻搜索門戶可視通話系統(tǒng)個性信息推送系統(tǒng)用戶系統(tǒng)的建立是根本和基礎(chǔ)長虹技術(shù)中心數(shù)字電視技術(shù)研究所云服務(wù)平臺的個性化應(yīng)用基于用戶系統(tǒng)的個性化應(yīng)用個性化電視臺視52全語音瀏覽器01

語音控制上下滾屏02

語音控制管理收藏夾03

語音控制打開鏈接和前進后退04語音控制頁面縮放業(yè)界第一款全語音控制瀏覽器產(chǎn)品，讓你光用嘴說就可以實現(xiàn)在電視上的互聯(lián)網(wǎng)沖浪體驗。長虹技術(shù)中心數(shù)字電視技術(shù)研究所全語音瀏覽器01語音控制上下滾屏02語音控制管理收藏夾053全語音瀏