標題:
e潮有你﹕百魚同游HTML5 顯流暢威力
[打印本頁]
作者:
createch
時間:
2011-4-20 22:09
標題:
e潮有你﹕百魚同游HTML5 顯流暢威力
e潮有你﹕百魚同游HTML5 顯流暢威力
【明報專訊】要不是蘋果教主Steve Jobs不讓iOS支援Flash功能，普羅大眾可能還不知道HTML5這回事。Steve Jobs的理據，是執行Flash時會消耗大量電力，用在手機、平板電腦之上並不合適。而有跨平台、易編輯等優勢的HTML5，不少外國網站已轉用來製作互動網頁，甚至YouTube也是其中一員，只是香港的例子卻比較少有。今次e潮有你找來製作全港首個HTML5商用網站的FevaWorks的代表，談談HTML5的可能性。
海洋公園的「魚樂無窮IE9新體驗」網站，是香港首個HTML5商用網站，在瀏覽器中有大量的魚游來游去，用家可以自行設定魚的數量去測試速度。說來好像沒什麼大不了，但當用家把魚的數量設定到500條、1000條時，就會發現每條獨立的魚仍可以流暢地游來游去，這就是HTML5其中一個優勝之處了。主力程式開發的盧安達（Anthony）就這樣解釋﹕「如果這個網頁用Flash來開發的話，最多只能支援十多條魚，但要數百條魚一同流暢地游，就要靠HTML5了。因為HTML5不像Flash涉及大量的處理器資源，也不必以外掛元件再作編譯，操作上可以更快更省資源。」
縮短開發時間 更易掌握
老實說，對用家而言，HTML5可能只是令網站存取快了一點，動畫效果可以再花巧一點，但對於網頁設計師而言，HTML5卻能令開發過程大大縮短。以海洋公園的HTML5網頁為例，用Flash開發大約三星期，但用HTML5處理只需三天。FevaWorks首席創意總監蔡祖軒（Joe）如是說。「從前製作一個大型網站會有很多樽頸位，畫版面的做設計的，可能每做一個部分就要跟程式員協調，HTML5就可以將工序拆得更散，設計還設計，寫程式還寫程式，搞大型網站，合作上反而方便得多。Anthony也補充﹕「我會這樣比較，HTML5是很『程式』的工具，程式員只要寫好程式，美術可以交由別人代勞；但Flash就需要開發者有一點創意才會用得好，HTML5對程式員來說會更易掌握。」
跨平台 迎合不同需求
不過最功德無量的是，HTML5的跨平台特性，解決了業內多年來的一個Mission Impossible。Joe說﹕「客人最喜歡一個價錢做十幾個版本的網站，針對手機一個，針對平板電腦又一個，可以IE版和FireFox版又要各一個，從前無可避免地要重複地做十幾次，但用了HTML5，只要少許改動就可以迎合不同的裝置。」如果HTML5可用在手機上，又會否取代apps的地位？「是有可能的。我覺得apps不會消失，不過功能上會強大得多，不然就會比HTML5的網頁配合雲端功能所代替。」
讚得HTML5太多，難道真沒缺點？Anthony說﹕「也有的，始終它是近幾年的事，又未有標準可隨，不過問題主要來自不同瀏覽器中語法上的分別，兼容度、版面走位等問題反而不常見。」都不過是小問題。用家因HTML5可以省電省資源省時間，還不必安裝Plug-in去瀏覽多媒體內容；開發者大大減少開發時間，又可直接支援手機、平板電腦，HTML5流行起來，相信只是時間上的問題。
■e潮達人金句
「以海洋公園的HTML5網頁為例，從前開發約需三星期，今日用HTML5處理只需三天。」
Profile
蔡祖軒（Joe）（圖1左），FevaWorks首席創意總監，負責網頁版面上的設計。盧安達（Anthony）（圖1右），FevaWorks首席應用程式架構師，主力處理網頁上功能程式的細節。
歡迎光臨 HFL (http://happyfunnyland.com/)
Powered by Discuz! 7.2
