資策會HTML5應用論壇 助產業擘畫轉型藍圖 智慧應用 影音
DIGIKEY
litepoint

資策會HTML5應用論壇 助產業擘畫轉型藍圖

資策會智通所何文楨副所長於「HTML5趨勢發展與技術應用論壇」中致詞。
資策會智通所何文楨副所長於「HTML5趨勢發展與技術應用論壇」中致詞。

2014年10月,全球資訊網協會(W3C)正式宣布將HTML5定稿,自此更加凸顯HTML5 Web App的主流地位,意謂困擾開發者已久的OS與裝置藩籬,將不再是限縮創意發揮的絆腳石;由此觀之,HTML5將是促進台灣產業從硬到軟、邁向高值化轉型之利器。

伴隨雲端運算崛起、行動裝置普及,不僅改變多數人生活與工作型態,亦使企業與客戶之間的互動模式產生巨變。資策會為協助台灣產業妥善因應變局,適時打造創新服務以帶動營運績效躍升,遂在經濟部技術處支持下,由旗下智慧網通系統所(以下簡稱『智通所』)研發執行「智慧手持裝置核心技術攻堅計畫」,並於日前舉辦「HTML5趨勢發展與技術應用論壇」,邀集產研界菁英共聚一堂,闡明HTML5發展趨勢、願景及投入策略。

資策會梁文耀顧問發表「智慧連網與 Web 及雲端運算整合趨勢」專題。

資策會梁文耀顧問發表「智慧連網與 Web 及雲端運算整合趨勢」專題。

資策會鄭育鎔副主任發表「WebGL & glTF 介紹與案例分享」專題。

資策會鄭育鎔副主任發表「WebGL & glTF 介紹與案例分享」專題。

資策會陳昱智經理發表「Websocket Online Game Server」專題。

資策會陳昱智經理發表「Websocket Online Game Server」專題。

資策會智通所副所長何文楨表示,HTML5針對跨平台議題提供良善技術架構,近年來已獲Apple、Google等大廠相繼力挺,整體技術內涵更臻成熟,發展速度更快,值得台灣App開發商善加採用,期以及早卡位跨螢App新興商機。

跨越裝置螢幕藩籬 催 化無限應用價值

Mozilla資深行銷總監洪志鵬指出,其於2013年中旬催生第一款Firefox OS手機,迄今達1.5年,推廣觸角已遍及全球27國、21家電信營運商、7家硬體設備製造商,成果超乎預期,顯見其奠基HTML5、JavaScript、CSS等開放技術打造Firefox OS Web平台,致力推動多螢創新應用的初衷,已逐漸獲得舉世認同。

鴻海科技集團創新數位系統(iDSBG)經理黃宇新表示,HTML5的出現,不管在標籤、儲存、動作,或在遊戲上的運作模式,皆為Web應用帶來不同做法,使得開發者僅需一次開發,便可將成果同時發布於任何支援瀏覽器的裝置;惟目前依然有亟待補強的罩門,包括了效能仍待改進、如何支援更多硬體原生功能,及降低瀏覽器相依性。

儘管HTML5有所缺憾,但現今已有晶片廠商出手相助,以硬體加速方式衝高性能,或者瀏覽器供應商紛紛釋出更多API,便使得種種罩門漸獲補強,為可喜之事。

台灣微軟技術平台推廣處資深協理蔡孟儒指出,論及跨瀏覽器、跨平台挑戰,首先就在網站相容性,為此微軟與BrowserStack合作,幫助網站免費執行HTML5、JavaScript、CSS等相容性掃描;至於其次挑戰,則在於業者需抉擇究竟該朝向Web或原生App延伸。

為此微軟將Chakra JavaScript引擎置入Windows 8/8.1開發平台,並於Visual Studio整合Apache Cordova,且採用Web App Template(WAT),以利開發者輕易將HTML5或JavaScript開發成果,轉成iOS、Android或Windows原生App。

英特爾XDK中國研發團隊研發經理張海立認為,HTML5標準定稿與否,其實不重要,只因產業界不僅視HTML5為通用語言,更視之為一種可輕易調用本地能力、孕育酷炫應用的全新開發方式,探討範圍遠遠超乎標準本身。

為使HTML5應用發展更加快速、豐富、簡單,英特爾先將SIMD(Single Instruction;Multiple Data)融入其Crosswalk引擎,使JavaScript處理趨向並行化,大幅提升性能;此外再透過可視化計算、WebRTC及Wireless Display等技術,使Web應用交互模式更形豐富;再者XDK團隊提供跨平台開發套件,並基於Apache Cordova提供應用封裝工具,以簡化HTML5應用開發負擔。

HTML5+WebGL 開啟3D體驗新境界

資策會顧問梁文耀指出,智慧應用內含感測裝置與物聯網與、終端裝置、雲端等關鍵元素,並藉由大數據收集與雲端分析,顛覆傳統統計方式,提供更精準的預測與判斷;在此價值鏈中,Web將在智慧應用、雲端整合之中扮演要角,而HTML5是串接各式智慧終端裝置最方便的原生跨平台App設計工具,重要性不言可喻。

同樣來自資策會的智通所副主任鄭育鎔表示,WebGL使Web App可直接使用硬體GPU之繪圖能力,並於GPU內置Shader(含Vertex Shader、Fragment Shader)輕量級程式,彷若一條可程式化的3D Pipeline,使開發者降低3D影像處理的門檻,易於創造更佳特效,並可於WebGL、OpenGL ES與OpenGL執行環境搭配運用gITF格式,以增進資料轉換效率。

貓取廣告則妙用WebGL,先後締造TOYOTA沙雕車品牌活動、K-SWISS顛覆白活動等經典案例。貓取創意總監莊偉程說,其運用WebGL製作模型、加上完整技術文件,讓客戶相信即使在平面上繪製2D,也可輕易延伸厚度成為3D圖像,並吸引大批年輕粉絲踴躍參與活動。

至於Unity Technologies大中華區Product Evangelist羅志達指出,其引以自豪的3件事,即是把靜態變互動、協助發布移動平台,及降低開發門檻,不管是博物館導覽系統、自行車力學分析、汽車內裝模式等應用場景,創意一旦出現,產品就能付諸實現。其標榜可讓C#或JavaScript產生的腳本,透過內含WebGL、IL2CPP技術的發布機制,循著一次開發、全平台介接的路徑,同時散發至異質平台環境,且都能展現C++水平之優異效能。

妙用WebSocket、WebRTC 突破傳統應用開發障礙

資策會智通所經理陳昱智,則以WebSocket打造MMO線上遊戲伺服器為題,進行精采演繹。他指出,WebSocket API已被W3C定義為標準,主要透過HTTP建立TCP連線,而非Raw TCP Socket,有效化解HTTP協定甚或Polling模式之往返Haeder過於複雜、頻寬耗用負擔吃重、溝通方式不切實際等缺憾,讓HTML5應用走入即時互動格局,另結合node.js技術框架,開發者即可憑藉JavaScript單一語言,同時撰寫Client、Server端程式,建構高效率MMO執行環境。

英特爾XDK中國研發團隊研發經理張海立指出,為優化HTML5之於行動環境的運行效率,其藉由Chrome核心、Cordova API、原生UX的整合,加上必要優化與創新技術,據此打造Crosswalk平台,使開發者可利用Intel XDK輕鬆產出基於Crosswalk引擎的Android App。

此外,英特爾亞太研發公司Web技術與優化中心資深技術經理張琦,則介紹其面向WebRTC所發展的協同通訊解決方案(含多媒體通訊服務與管理SDK),具備VP8、H.264即時轉碼能力,從而讓Web世界不同瀏覽器之間的視訊溝通無礙,甚至可借助Intel 系統級封裝(System in Package;SiP)閘道器,確使Web瀏覽器與傳統系統級封裝(System in Package;SiP)終端互通,以支持諸如社交通訊、遠端面試(含現場答題)等各式新穎應用場景,並確保參與溝通的最終用戶,皆有最佳使用者體驗。【經濟部技術處 廣告】