HTML5作為行業的熱門語言,自其誕生后變受到行業的熱捧。中培偉業作為國內頂尖的IT培訓機構,一直以來都非常關注該語言的發展,并精心打造了《基于HTML5的前端開發應用最佳實踐》課程。該課程培訓專家趙老師指出,從平臺性質而言,HTML5平臺可分為輕營銷模板類、功能引擎類和基礎工具類三種,分別以易企秀、白鷺引擎和iH5為代表。
三類HTML5平臺的特點如下
(1)輕營銷模板類:提供類似PPT頁面切換的HTML5制作工具,通常面向C端(個人)用戶,部分為B端(企業)用戶。該類平臺的數量較大,只適用于輕度營銷,所能提供的頁面動態效果局限于翻頁。
(2)功能引擎類:提供HTML5網頁的開發引擎,通常面向B端用戶。該類平臺主要提供基于Canvas(畫布)的游戲引擎,適用于輕游戲的開發,依賴于開發者。
(3)基礎工具類:提供用于頁面交互的HTML5可視化編輯工具,主要面向B端用戶,部分為C端用戶。該類平臺只有iH5,采用自主研發的閉源引擎,應用領域廣泛,涵蓋輕度營銷、重度營銷、媒體電商內容應用、視頻、動畫、游戲等方面。
與瀏覽器多采用谷歌開源引擎的狀況相近,國內HTML5平臺基本使用國內外開源框架或引擎。但和瀏覽器面向網頁內容顯示,只需提供高性能的技術支持不同,HTML5平臺面向的是HTML5制作或開發,需要對網頁質量負責。因此,使用開源框架或引擎意味著這些HTML5平臺進一步拓展業務會比較被動,容易面臨同質化的困境。
三類HTML5平臺的對比
因為整體上移動端瀏覽器對HTML5的支持優于PC端,2015年HTML5平臺主要面向移動端網頁的制作和開發。
三種HTML5平臺以PC網站、APP和軟件三種形式提供制作或開發工具,成品為網頁或HTML5源碼。
(1)輕營銷模板類HTML5平臺只能做輕度營銷,能實現翻頁等簡單動效,分為場景展示、電子出版和動畫制作三種。如下圖為易企秀桌面編輯界面,該類平臺最大的共同點在于工具結構以頁面為基礎,與軟件PowerPoint架構相近,能通過增減頁面、使用功能組件和點擊快捷菜單來調整內容。
(2)功能引擎類HTML5平臺的用戶專指性很強,主要是有開發經驗的技術人員。Egret Wing軟件設計師視圖下的基本架構,使用HTML5引擎把基礎代碼流程化,再借助第三方集成開發環境Adobe Air構建可視化工具,就能通過讓用戶使用軟件組件來簡化開發過程。
(3)基礎工具類HTML5平臺提供底層交互型產品,開發目的、設計原理和實現思路都以交互為基礎,國內只有iH5。iH5于2015年9月上線,提供HTML5制作工具、工具培訓和作品交易等服務。它本質上封裝了DOM(文檔對象模型)引擎的一個集成開發環境,使用者以設計師為主,適合廣告公司、大型媒體公司和公司市場部等使用。
iH5提供的是舞臺、屏幕、頁面、多媒體素材、事件、數據庫等對象組件,而不是構建好的模塊組件。在提供可視化編輯的前提上,它最大程度還原了HTML5頁面的開發過程,具有較高的拓展性。由于提供底層交互功能,它的應用領域較廣泛,能用于微信推廣、網站建設、輕游戲設計、輕APP開發和視頻交互等多個方面。
同樣是HTML5規范,對HTML5技術與性能的取舍成為國內HTML5平臺工具定位和提供服務的差別所在。