喬布斯早在2010年的公司會(huì)議上就說過“沒有人愿意使用Flash,全球已經(jīng)開始步入H5時(shí)代”。
H5是第5代HTML的簡稱,所謂HTML是“超文本標(biāo)記語言”的英文縮寫。我們上網(wǎng)所看到的網(wǎng)頁,多數(shù)都是由HTML寫成的。瀏覽器通過解碼HTML,就可以把網(wǎng)頁內(nèi)容顯示出來,它也構(gòu)成了互聯(lián)網(wǎng)興起的基礎(chǔ)。
谷歌瀏覽器于2015年9月1日起不再自動(dòng)播放Flash;亞馬遜宣布旗下網(wǎng)絡(luò),包括Amazon.eom門戶在內(nèi)的所有廣告將不再使用Flash;現(xiàn)在,很多APP的內(nèi)容都是以H5的形式呈現(xiàn),典型的例子包括微信、Facebook、Twitter等。
從引爆朋友圈的H5小游戲《圍住神經(jīng)貓》,到顛覆傳統(tǒng)廣告的大眾點(diǎn)評(píng)H5專題頁《我們之間只有一個(gè)字》,2014下半年起,國內(nèi)各種H5游戲和專題頁紛紛嶄露頭角。
有調(diào)查顯示,瀏覽量最高的1000個(gè)H5作品中,42%是心靈雞湯,27%是測(cè)試題,15%是社交互動(dòng)游戲,5%是大型品牌宣傳。
如喬布斯所言,隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展,H5已然成為移動(dòng)營銷領(lǐng)域中市場(chǎng)推廣利器,然而,如何讓H5在更多場(chǎng)景下得到廣泛的使用,一直是業(yè)界不斷探索的方向。
H5為什么會(huì)比前幾代語言更加街知巷聞?平臺(tái)型互聯(lián)網(wǎng)企業(yè)和垂直的互聯(lián)網(wǎng)公司如何介入H5?C端和B端,誰會(huì)是H5的下一個(gè)爆發(fā)點(diǎn)?以兼容性著稱的H5是否也面臨兼容難題?
比“前輩”更幸運(yùn)
H5“爆紅”,不僅取決于它天生的跨平臺(tái)屬性、原生應(yīng)用(NativeAPP)的適配瓶頸,還需要等待智能移動(dòng)終端性能和網(wǎng)絡(luò)速度大幅提升的環(huán)境因素來臨。
對(duì)于一種編程語言來說,H5無疑是它們中的寵兒,它得到的不僅是開發(fā)者的關(guān)注,還吸引了眾多“門外漢”的目光?,F(xiàn)在,哪家公司要是在朋友圈里不發(fā)個(gè)H5的邀請(qǐng)函、小調(diào)查、招聘啟事的,都不好意思說自己是移動(dòng)互聯(lián)網(wǎng)時(shí)代的好公司了。
H5能蓬勃發(fā)展,在于它不再只是一種標(biāo)記語言,它為下一代互聯(lián)網(wǎng)提供了全新的框架和平臺(tái)。
為了適配Android和iOS這兩大智能手機(jī)系統(tǒng)陣營,一個(gè)做APP的團(tuán)隊(duì),需要準(zhǔn)備兩套班子來適應(yīng)用戶兩種手機(jī)。而在Android體系中,版本的分裂和機(jī)型的五花八門,想要求得極致的體驗(yàn),還得反復(fù)測(cè)試各種版本和機(jī)型。H5最顯著的優(yōu)勢(shì)在于可以直接在網(wǎng)頁上調(diào)試和修改,這也就帶來了H5跨平臺(tái)的特性,它可以兼容PC端與移動(dòng)端、Windows與Linux、Android與iOS,這種強(qiáng)大的兼容性可以顯著降低開發(fā)與運(yùn)營成本。
不同于APP的C/S架構(gòu),H5采用的B/S架構(gòu)決定了它天然的跨平臺(tái)屬性。B/S結(jié)構(gòu)是Web興起后的一種網(wǎng)絡(luò)結(jié)構(gòu)模式,Web瀏覽器是客戶端最主要的應(yīng)用軟件。這種模式統(tǒng)一了客戶端,將系統(tǒng)功能實(shí)現(xiàn)的核心部分集中到服務(wù)器上,簡化了系統(tǒng)的開發(fā)、維護(hù)和使用。客戶機(jī)上只要安裝一個(gè)瀏覽器(Browser),瀏覽器就可以通過Web Server同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。這樣就大大簡化了客戶端電腦載荷,減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量,從而達(dá)到降低總體成本(TCO)的目的。
但是,B/S架構(gòu)有一個(gè)缺陷,對(duì)硬件速度和網(wǎng)絡(luò)速度要求很高,尤其是網(wǎng)絡(luò)速度,“當(dāng)網(wǎng)絡(luò)速度不夠快的時(shí)候,進(jìn)度條要等很久。所以,B/S的架構(gòu)在網(wǎng)絡(luò)不好的情況下,是很難發(fā)展起來的?!痹七m配CEO陳本峰說。陳本峰是H5中國產(chǎn)業(yè)聯(lián)盟專家委員,曾任職于微軟美國總部IE瀏覽器核心團(tuán)隊(duì),參與IE的H5引擎設(shè)計(jì)開發(fā)以及下一代互聯(lián)網(wǎng)標(biāo)準(zhǔn)H5國際標(biāo)準(zhǔn)制定。
也就是說,H5今天的“爆紅”,不僅取決于它天生的跨平臺(tái)屬性、原生應(yīng)用的適配瓶頸,還需要有智能移動(dòng)終端性能和網(wǎng)絡(luò)速度大幅提升的環(huán)境因素。
正如W3C(萬維網(wǎng)聯(lián)盟)創(chuàng)始人Tim Berners-Lee評(píng)論的:“今天,我們想做的事情已經(jīng)不再是通過瀏覽器觀看視頻或收聽音頻,或者在一部手機(jī)上運(yùn)行瀏覽器。我們希望通過不同的設(shè)備,在任何地方,都能夠共享照片,網(wǎng)上購物,閱讀新聞,以及查找信息。雖然大多數(shù)用戶對(duì)H5和開放Web平臺(tái)并不熟悉,但是它們正在不斷改進(jìn)用戶體驗(yàn)?!?/p>
受H5目前的主流應(yīng)用領(lǐng)域的影響,有56.65%的用戶比較看好H5在游戲開發(fā)領(lǐng)域的應(yīng)用,有77.95%的用戶看好企業(yè)的H5營銷推廣,37.64%的用戶看好通過H5訪問企業(yè)內(nèi)部辦公網(wǎng)頁、企業(yè)級(jí)網(wǎng)頁等企業(yè)級(jí)應(yīng)用領(lǐng)域(見圖1)。
H5并不完美。來自2015《HTML5開發(fā)者應(yīng)用情況調(diào)查報(bào)告》的數(shù)據(jù)顯示,32.32%的調(diào)查對(duì)象希望H5能在交互和加載能力等運(yùn)行表現(xiàn)上變得更強(qiáng)大;19.39%的人希望H5相比于APP能提高API接口的硬件接入能力(見圖2)。
而作為企業(yè)的技術(shù)方向的決策者,80%的CIO認(rèn)為H5在市場(chǎng)教育上還有所缺乏,處于知道、但并不完全了解的階段(見圖3)。
就像網(wǎng)站并沒有殺死軟件一樣,Web APP也很難殺死Native APP,即便得到H5支持的Web APP。更有可能的是,一個(gè)Native APP里在部分甚至大部分模塊里包含H5——事實(shí)上,微信就是這樣的應(yīng)用,F(xiàn)acebook所謂退回NativeAPP,本質(zhì)上也是網(wǎng)頁打包進(jìn)入它的那個(gè)原生應(yīng)用。很難有涇渭分明的Web APP或者Native APP。
互聯(lián)網(wǎng)巨頭:美味H5“入口”
以H5應(yīng)用為重心的領(lǐng)域正在吸引互聯(lián)網(wǎng)巨頭不斷靠攏,從他們的布局可以一窺互聯(lián)網(wǎng)風(fēng)往哪個(gè)方向吹。
H5早在2008年就發(fā)布了草案,但并未引起廣泛關(guān)注,而是進(jìn)入了長期的迭代優(yōu)化周期。直到2014年10月,W3C終于宣布,H5標(biāo)準(zhǔn)規(guī)范最終制定完成并向全世界開放。
在中國,無論是騰訊早期推其瀏覽器之時(shí),還是后來百度為了打破APP的不可搜索性而力推,都沒有將H5引爆。倒是最近隨著微信朋友圈“霸屏”,H5才算在互聯(lián)網(wǎng)世界中火了起來。
不僅是BAT全面布局H5,奇虎360也一邊通過360手機(jī)助手和360手機(jī)衛(wèi)士在推動(dòng)原生應(yīng)用的發(fā)展,一邊通過360搜索和360瀏覽器在加速H5的布局。搜狐更是舉全公司之力打造了基于H5技術(shù)的手機(jī)搜狐網(wǎng)3.0新聞客戶端,而其CEO張朝陽還曾在個(gè)人微博里大力推薦QQ瀏覽器和騰訊X5瀏覽器,力推H5生態(tài)圈的形成。
在O2O與互聯(lián)網(wǎng)+概念大火的情形下,外賣、家政、彩票、電影票等生活服務(wù)商都開始掛靠各大平臺(tái),舍棄APP,僅憑底層一個(gè)入口完成從場(chǎng)景到支付整個(gè)環(huán)節(jié)。
對(duì)于中國的互聯(lián)網(wǎng)巨頭來說,入口永遠(yuǎn)是爭奪的戰(zhàn)場(chǎng)。布局原生應(yīng)用、開放H5,哪個(gè)都不能少。
百度
百度通過收購91手機(jī)助手、Android市場(chǎng),以及自家推出的百度手機(jī)衛(wèi)士、百度搜索等,逐漸在移動(dòng)應(yīng)用分發(fā)市場(chǎng)占據(jù)了重要位置。
從百度的戰(zhàn)略發(fā)展來看,H5平臺(tái)的搭建同樣重要。其實(shí),百度在很早之前就已經(jīng)推出了“輕應(yīng)用”這個(gè)概念,其本質(zhì)就是H5,并向開發(fā)者和企業(yè)推出了各種技術(shù)開放接口。
與此同時(shí),百度通過百度瀏覽器、百度搜索為企業(yè)和用戶提供導(dǎo)流,促使用戶保持原有的搜索習(xí)慣,并推出了為企業(yè)服務(wù)的直達(dá)號(hào)。
去年12月,百度還發(fā)布了APP調(diào)起SDK詳細(xì)設(shè)計(jì)標(biāo)準(zhǔn),旨在打破APP和H5的邊界,通過發(fā)布的APPLink產(chǎn)品,依據(jù)用戶的訪問情況,幫助用戶加載網(wǎng)站的H5頁面,或是直接調(diào)起APP滿足用戶需求。目的是幫助開發(fā)者解決移動(dòng)應(yīng)用市場(chǎng)APP種類龐大,用戶對(duì)APP越來越挑剔,下載欲望越來越小的問題。
阿里巴巴
作為全球最大的在線支付平臺(tái),支付寶也正在通過服務(wù)窗為企業(yè)和用戶之間提供一個(gè)橋梁,而這個(gè)橋梁的應(yīng)用也正是基于支付寶內(nèi)部的H5。
作為阿里旗下的國內(nèi)占有率最多的移動(dòng)瀏覽器,UC瀏覽器同樣也把H5的開放放在了重心。目前,UC專為移動(dòng)WebAPP打造的UC+平臺(tái)的月活躍用戶已經(jīng)超過了6000萬,收錄了20大類超過數(shù)萬款的輕應(yīng)用。
不僅如此,UC的神馬搜索也正在開始努力打通和輕應(yīng)用的無縫連接,實(shí)現(xiàn)為輕應(yīng)用與用戶對(duì)接和開放更多的流量入口。
騰訊
作為掌控著國內(nèi)最大的移動(dòng)入口平臺(tái)公司,正在通過微信公眾平臺(tái)開始構(gòu)建一個(gè)強(qiáng)大的輕應(yīng)用平臺(tái)。
騰訊一直都在努力為那些欠缺開發(fā)能力的公眾賬號(hào),提供一個(gè)簡單、標(biāo)準(zhǔn)化的解決方案一人人都能開發(fā)“微信應(yīng)用”,這吸引了無數(shù)的企業(yè)和用戶。微信向所有微信公號(hào)開放SDK接口,更多的用戶可以接入并應(yīng)用H5。
開發(fā)者不僅能夠在網(wǎng)頁上使用微信本身的拍照、選圖、語音、位置等基本功能,還可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力。這也意味著,微信公眾平臺(tái)將更加開放,微信公眾號(hào)的可定制性更加靈活。
連微信之父張曉龍都在2016微信公開課上提到,2016年微信最重磅的當(dāng)屬要推出基于H5的“應(yīng)用號(hào)”。
對(duì)用戶來說,在微信中看到的H5將不再局限于簡單的頁面展示,而是一個(gè)功能更全的輕應(yīng)用,它包含更多的互動(dòng)功能;對(duì)于第三方開發(fā)者來說,舍棄原生應(yīng)用,專注做好基于微信的H5應(yīng)用,比以往時(shí)候都更容易;而對(duì)企業(yè)來說,微信營銷將變得更加輕松,企業(yè)與用戶之間的對(duì)接將更加容易。
騰訊對(duì)H5頻頻示好,在QQ空間中,已經(jīng)有游戲的入口玩吧。有數(shù)據(jù)透露,有H5游戲在QQ空間的流水已經(jīng)過百萬。而隨著手機(jī)QQ瀏覽器6.0版本的上線,H5游戲的一級(jí)入口“熱門頁游”正式開通。
QQ推出的X5引擎,專用于開發(fā)H5應(yīng)用,手Q也不想輸在H5上。
從移動(dòng)互聯(lián)網(wǎng)以及巨頭們的戰(zhàn)略發(fā)展變化來看,移動(dòng)應(yīng)用分發(fā)更多的都只是在為手機(jī)游戲、手機(jī)日常必備工具提供入口和導(dǎo)流。對(duì)于打造一個(gè)真正強(qiáng)大的移動(dòng)入口平臺(tái),H5已經(jīng)變得越來越重要。同樣,對(duì)于企業(yè)和很多開發(fā)者們來說,可以借助巨頭的平臺(tái),開發(fā)更適合該平臺(tái)的輕應(yīng)用,為自己帶來更多的流量和資源,實(shí)現(xiàn)對(duì)客戶更好的對(duì)接。
H5游殘:爆款遲未到,變現(xiàn)依舊難
H5游戲便捷性、碎片化的特點(diǎn)迎合了移動(dòng)端用戶的使用習(xí)慣,并且能夠通過微信朋友圉等社交平臺(tái)快速傳播。然而,游戲會(huì)成為H5風(fēng)口上飛起來的“豬”嗎?
一年多的時(shí)間,H5已經(jīng)從一款火熱的游戲,變成了一盤大生意。2014年7月,一款《圍住神經(jīng)貓》的游戲在朋友圈瘋狂轉(zhuǎn)發(fā),這讓游戲從業(yè)者們又看到新的契機(jī)。
H5游戲,可以看作是移動(dòng)端的Web游戲,是一種快捷、即時(shí)性的游戲形式,無需下載軟件就可以體驗(yàn),這是H5在傳播上的優(yōu)勢(shì)。H5游戲便捷性、碎片化的特點(diǎn)迎合了移動(dòng)端用戶的使用習(xí)慣,并且能夠通過微信朋友圈等社交平臺(tái)快速傳播。
時(shí)間回到喬布斯放話“沒有人愿意使用Flash,全球已經(jīng)開始步入H5時(shí)代”的2010年,當(dāng)年10月,Zynga收購了H5游戲引擎開發(fā)商Dextrose,隨后第一款H5游戲《Mafia Wars Atlantic City》誕生;Facebook宣布收購H5游戲團(tuán)隊(duì)Strobe;EA發(fā)布H5版的游戲《命令與征服》;與此同時(shí),MOTO和迪士尼也分別投資收購了H5游戲公司Moblyng和H5引擎公司RocketPack。
不過,僅僅隔了不到一年,隨著Moblyng第一個(gè)走下神壇,這些剛剛崛起的H5游戲公司就開始一個(gè)個(gè)地倒閉。隨后,大批量的H5游戲公司宣告失敗,H5神話開始破滅,這距離喬布斯“H5將取代Flash”的預(yù)言僅不到兩年。
其實(shí),正如前文所述,當(dāng)時(shí)不是一個(gè)好的時(shí)間點(diǎn)。2011年是2G、3G的時(shí)候,Wi-Fi環(huán)境也遠(yuǎn)不如現(xiàn)在普及,H5的開發(fā)者更是不足。此外,H5在PC上的競爭對(duì)手就是風(fēng)頭正勁的Flash。
再來看一組數(shù)據(jù):2013年,在微信朋友圈中躥紅的小游戲中,除了騰訊自己發(fā)布的幾款外,就只有《瘋狂猜圖》,最火爆的那一周,日增用戶最高峰值為30萬;2014年,僅7、8月間,《全民尋找房祖名》在2天內(nèi)被玩了6000萬次;《看你有多色》上線2日用戶數(shù)達(dá)3000萬;《圍住神經(jīng)貓》更是創(chuàng)造了3天500萬用戶和1億訪問的奇跡。
現(xiàn)在,我們說H5火,很大一部分原因是手游大熱。而去年起,手游競爭已呈現(xiàn)寡頭化趨勢(shì),并將愈加激烈,資本不斷涌入的同時(shí),手游市場(chǎng)的風(fēng)向標(biāo)向“大成本大投入”發(fā)展。第三方機(jī)構(gòu)Data Eye相關(guān)負(fù)責(zé)人也曾經(jīng)公開表示:“2015年手游市場(chǎng)一直處于洗牌狀態(tài),整個(gè)移動(dòng)游戲用戶規(guī)模趨于飽和,游戲玩家增速放緩?!?/p>
中小手游團(tuán)隊(duì)想在市場(chǎng)分一杯羹的概率越來越小,與其小幾率地熬成下一個(gè)《刀塔傳奇》,不如換—個(gè)地方玩。
于是,國內(nèi)開始涌現(xiàn)出大量的H5游戲開發(fā)商、社區(qū)、游戲引擎、專屬渠道、以及一些傳統(tǒng)游戲公司在H5領(lǐng)域的開拓。其中,從手游轉(zhuǎn)向H5游戲的從業(yè)者最多,其次為頁游,部分從未涉足游戲行業(yè)的團(tuán)隊(duì)也躍躍欲試。
來自Talking Data和Data Eye的數(shù)據(jù)顯示,截止2015年Q1,H5游戲用戶為1.21億,占移動(dòng)游戲用戶的11.5%。截止2015Q1,3000余家個(gè)人或企業(yè)開發(fā)者投入H5游戲開發(fā)市場(chǎng),總計(jì)超過80%的H5游戲公司人員規(guī)模在100人以內(nèi),相比手游、頁游,端游集中在一線城市的現(xiàn)象被弱化,二三線城市從業(yè)者更多。
此前,業(yè)內(nèi)曾預(yù)計(jì)在2015年8月前后,會(huì)有H5游戲的爆款出現(xiàn),但實(shí)際并沒有出現(xiàn)“爆款”,而且在變現(xiàn)方面,目前也沒有千萬流水的游戲出現(xiàn)。
此前,海底撈、滴滴出行、愛奇藝等也在試水H5游戲,試圖把聚集起來的流量引導(dǎo)到游戲中去,進(jìn)行變現(xiàn)。但在2015年11月30日,滴滴出行宣布旗下游戲中心將在2個(gè)月后停止運(yùn)營,其在5月5日上線的游戲平臺(tái)已經(jīng)搭載了34款游戲,其中25款均為H5游戲。
幾乎同期,藍(lán)港互動(dòng)裁撤了H5游戲部門,全體部門員工或轉(zhuǎn)崗或離職。藍(lán)港互動(dòng)對(duì)此解釋:“鑒于H5游戲目前依舊盈利能力不足,公司不會(huì)重金押寶H5游戲,但也不會(huì)放棄,將一直保持孵化的狀態(tài)?!?/p>
盡管有H5游戲業(yè)內(nèi)人士表示,可以通過廣告、游戲內(nèi)道具付費(fèi)、跨屏精準(zhǔn)營銷、企業(yè)定制服務(wù)等多種方式變現(xiàn)。相比較之下,手游還可以通過設(shè)置付費(fèi)點(diǎn),增值道具等一系列手段完成付費(fèi)形成閉環(huán),通過日常運(yùn)營來提高用戶粘性和留存率。
但H5游戲利用碎片化時(shí)間在網(wǎng)頁上進(jìn)行的即時(shí)游戲,熱度通常不超過7天,玩家一旦興趣點(diǎn)轉(zhuǎn)移,無需卸載便直接流失。淘汰快、粘性差是H5游戲的弊端,在無法留住用戶之前,持續(xù)的變現(xiàn)能力也就無從談起了。
移動(dòng)辦公:H5企業(yè)級(jí)應(yīng)用崛起
H5跨屏、跨平臺(tái)的各種優(yōu)勢(shì),為企業(yè)的移動(dòng)化轉(zhuǎn)型打開了全新思路。
投融資情況,往往可以最直觀地看到行業(yè)領(lǐng)域的發(fā)展?fàn)顩r。2013年到2015年的企業(yè)服務(wù)市場(chǎng)中,每年發(fā)生的投融資案例數(shù)量都是接近或超過當(dāng)年整個(gè)IT行業(yè)投融資案例的50%。而這其中,與移動(dòng)信息化相關(guān)的投融資案例數(shù)都是超過企業(yè)服務(wù)市場(chǎng)的50%,2013年這一數(shù)據(jù)更是接近95%。
再來看看企業(yè)這一端?!叭昵拔覀冋{(diào)研的時(shí)候發(fā)現(xiàn),超過80%的企業(yè)用戶還沒有把移動(dòng)信息化納入IT戰(zhàn)略。但是今天,企業(yè)用戶大部分已經(jīng)把發(fā)展移動(dòng)信息化當(dāng)作一個(gè)很重要的戰(zhàn)略部署工作?!币苿?dòng)信息化研究中心高級(jí)分析師江濤表示。(見圖4)
可以看出,企業(yè)用戶移動(dòng)應(yīng)用需求已經(jīng)從解決因出差、外勤等原因造成的業(yè)務(wù)流轉(zhuǎn)的停滯,轉(zhuǎn)向滿足優(yōu)化或構(gòu)建新業(yè)務(wù)模式的深度應(yīng)用需求。企業(yè)移動(dòng)信息化正當(dāng)時(shí)
對(duì)于每一個(gè)企業(yè)來說,他們都需要建立一個(gè)或多個(gè)專門的企業(yè)移動(dòng)應(yīng)用來應(yīng)對(duì)各式各樣不同的移動(dòng)端設(shè)備,這無形之中增加了企業(yè)的成本。尤其是對(duì)一些特別偏行業(yè)的大中型企業(yè),他們的主要精力都在自己的核心業(yè)務(wù)上,而如何用先進(jìn)的技術(shù)讓他們擁抱移動(dòng)互聯(lián)時(shí)代,這也需要專業(yè)的技術(shù)提供方。
其實(shí),最讓企業(yè)們感到痛心的還不是資金成本這類問題,而是在數(shù)據(jù)庫遷移中所面臨的安全風(fēng)險(xiǎn)問題,數(shù)據(jù)庫往往都涉及到企業(yè)的核心商業(yè)機(jī)密,一旦這些數(shù)據(jù)被盜,那對(duì)企業(yè)而言將是致命的打擊。
而對(duì)于目前大部分都還在使用桌面虛擬化技術(shù)的企業(yè)來說,用移動(dòng)設(shè)備遠(yuǎn)程管理桌面,遠(yuǎn)程操作和界面體驗(yàn)都非常差。
據(jù)移動(dòng)信息研究中心《2014-2015企業(yè)移動(dòng)信息化市場(chǎng)研究報(bào)告》顯示,79%的用戶選擇“在原有的信息化系統(tǒng)”上進(jìn)行“移動(dòng)化”升級(jí),僅有21%的用戶選擇“重新獨(dú)立建設(shè)新的移動(dòng)信息化系統(tǒng)”;在實(shí)際部署中,61.6%的用戶選擇“基于現(xiàn)有系統(tǒng)能夠?qū)崿F(xiàn)移動(dòng)化升級(jí)的優(yōu)先部署,再考慮其它系統(tǒng)”。
但由于標(biāo)準(zhǔn)缺失、傳統(tǒng)應(yīng)用的開發(fā)方式無法有效實(shí)現(xiàn)數(shù)據(jù)互通、效率提升、業(yè)務(wù)協(xié)同、構(gòu)建一體化的目標(biāo),因此如何與原有系統(tǒng)平滑對(duì)接,實(shí)現(xiàn)從PC端向移動(dòng)端延展,實(shí)現(xiàn)包含傳統(tǒng)和移動(dòng)化的整體平臺(tái)化IT治理是企業(yè)移動(dòng)化規(guī)劃階段的主要痛點(diǎn),這給當(dāng)前的企業(yè)移動(dòng)信息化造成了實(shí)際障礙。
面對(duì)這些挑戰(zhàn)和趨勢(shì),H5憑借天然具備的有跨平臺(tái)運(yùn)行能力、開發(fā)靈活、成本低等優(yōu)勢(shì),逐漸在企中大型企業(yè)應(yīng)用開發(fā)中得到認(rèn)可。
2015《HTML5開發(fā)者應(yīng)用情況調(diào)查報(bào)告》顯示,對(duì)于如何看待H5技術(shù)進(jìn)行企業(yè)級(jí)應(yīng)用,被調(diào)查的所有CIO無一例外的選擇了H5,前端開發(fā)工程師、后端開發(fā)工程師、產(chǎn)品經(jīng)理三者對(duì)于移動(dòng)化方式的選擇幾乎一致,均達(dá)到70%以上。(見圖5)
此外,除了企業(yè)移動(dòng)門戶建設(shè),據(jù)《2014-2015企業(yè)移動(dòng)信息化市場(chǎng)研究報(bào)告》數(shù)據(jù)顯示,49.2%的企業(yè)傾向使用H5技術(shù)實(shí)現(xiàn)企業(yè)移動(dòng)OA的開發(fā),53.7%企業(yè)選擇HTML5技術(shù)實(shí)現(xiàn)移動(dòng)CRM開發(fā),并且上述數(shù)字還在迅速增長。
企業(yè)移動(dòng)門戶是企業(yè)移動(dòng)信息化建設(shè)的第一步,除了在企業(yè)門戶網(wǎng)站的移動(dòng)化方式上對(duì)H5的技術(shù)選擇呼聲頗高外,H5技術(shù)的開發(fā)方式也正在逐漸向更多移動(dòng)辦公領(lǐng)域滲透。
從用戶習(xí)慣上看,H5基于網(wǎng)頁,能夠打通PC、手機(jī)、Pad等多屏,讓用戶無需下載APP,只在需要時(shí)通過任何終端、任何瀏覽器的網(wǎng)頁都能獲得想要的信息。
從開發(fā)成本層面看,開發(fā)一個(gè)H5移動(dòng)站點(diǎn)要比開發(fā)一個(gè)原生APP的成本低很多,尤其是對(duì)于中小企業(yè)和創(chuàng)業(yè)團(tuán)隊(duì)來說。開發(fā)一款原生APP成本除了前期的開發(fā)之外,還有后期的維護(hù),都需要大量的人力、時(shí)間和精力。
H5開發(fā)相比與其它開發(fā)方式在工具性能的體現(xiàn)包括(bug修復(fù)、編輯、文檔)等能力上優(yōu)勢(shì)相比較為突出,主要因?yàn)槭褂肏5技術(shù)開發(fā)的產(chǎn)品具備Web天然具備跨屏、跨屏臺(tái)的能力,在修改、迭代方面能幫助開發(fā)者大幅提高效率。
而從平臺(tái)接入上看,H5具備天然的跨屏優(yōu)勢(shì)。不僅是手機(jī),即便是在平板等其他智能硬件上,H5都能很好地自動(dòng)適應(yīng)每一個(gè)不同的屏幕,輕松實(shí)現(xiàn)跨屏。這一點(diǎn),對(duì)于解決企業(yè)內(nèi)部積累的各種各樣的系統(tǒng)的移動(dòng)化問題,有著天然的優(yōu)勢(shì)。
探路者云適配
未來的辦公時(shí)代將會(huì)是移動(dòng)辦公與PC辦公并行的時(shí)代。企業(yè)內(nèi)部的線上溝通交流,通過手機(jī)可以以文字、語音、視頻等多種溝通方式;公文的流轉(zhuǎn)和審批、高層決策等環(huán)節(jié)完全可以依賴移動(dòng)辦公隨時(shí)隨地的完成,而不耽誤整個(gè)項(xiàng)目的進(jìn)度。
在國內(nèi)的移動(dòng)辦公市場(chǎng),正在掀起兩股勢(shì)力,一股是以微信企業(yè)號(hào)、阿里釘釘?shù)葹榇淼钠髽I(yè)移動(dòng)應(yīng)用,另一股勢(shì)力則是以云適配為代表的創(chuàng)業(yè)公司發(fā)動(dòng)的H5。
近日,云適配發(fā)布了具備移動(dòng)和PC雙渲染引擎的企業(yè)瀏覽器Enterplorer,這是云適配自主創(chuàng)新并且擁有獨(dú)立內(nèi)核的企業(yè)級(jí)瀏覽器,專門為企業(yè)移動(dòng)辦公使用場(chǎng)景而開發(fā)??煽焖俚膶?shí)現(xiàn)對(duì)企業(yè)原有B/S結(jié)構(gòu)的PC端業(yè)務(wù)系統(tǒng)的移動(dòng)化。
據(jù)了解,云適配移動(dòng)化方案是基于H5技術(shù)實(shí)現(xiàn)的。雙渲染引擎的基本原理是用PC引擎處理頁面、移動(dòng)引擎展示移動(dòng)頁面,從前端解決企業(yè)移動(dòng)化過程中跨平臺(tái)不兼容、系統(tǒng)對(duì)接難、開發(fā)工作量大、風(fēng)險(xiǎn)高的問題。
一方面它的跨平臺(tái)的自有內(nèi)核能夠屏蔽Android操作系統(tǒng)之間的差異性,讓H5應(yīng)用無論運(yùn)行在什么Android手機(jī)上都有一致的表現(xiàn),真正實(shí)現(xiàn)“一次開發(fā)、到處運(yùn)行”;另外一方面,Enterplorer內(nèi)核為企業(yè)做了包括內(nèi)置安全沙箱、緩存加密、Cookie加密、下載文件加密等在內(nèi)的安全加密,以及包括設(shè)備管理、權(quán)限管理、遠(yuǎn)程數(shù)據(jù)擦除等在內(nèi)的后臺(tái)管理,在保證企業(yè)數(shù)據(jù)安全的同時(shí),讓企業(yè)管理員可以做實(shí)時(shí)的統(tǒng)一管理。
“我們目前有一些APP,還有微信企業(yè)號(hào),員工在使用過程中需要登錄多個(gè)應(yīng)用?!苯鹕杰浖﨏IO萬勇說。
像金山這樣應(yīng)用眾多、跨平臺(tái)的大型企業(yè)并不少見,由于移動(dòng)應(yīng)用與傳統(tǒng)應(yīng)用的割裂,新老系統(tǒng)的信息處理、數(shù)據(jù)共享、價(jià)值挖掘的問題都是擺在金山面前的企業(yè)信息移動(dòng)化難題。采用了云適配的Enterplorer后,金山員工在使用內(nèi)部應(yīng)用系統(tǒng)過程中可以使用統(tǒng)一的入口;可以實(shí)現(xiàn)對(duì)員工訪問權(quán)限管理、設(shè)備管理、賬戶管理等后臺(tái)管理功能;并且還改善了之前微信企業(yè)號(hào)的響應(yīng)速度。
普天太力是國內(nèi)最早的全國手機(jī)分銷商之一,同樣也選擇了云適配企業(yè)級(jí)瀏覽器Enterplorer為核心的云適配整體移動(dòng)化解決方案。在解決普天太力的BPM(業(yè)務(wù)流程管理)系統(tǒng)移動(dòng)化方面,云適配采用基于H5標(biāo)準(zhǔn)的開發(fā)方式,提供了自主可控的“統(tǒng)一辦公入口+安全管理平臺(tái)+移動(dòng)適配開發(fā)工具”的整體辦公移動(dòng)化解決方案,在復(fù)用PC端系統(tǒng)數(shù)據(jù)和業(yè)務(wù)邏輯的基礎(chǔ)上,不需要依賴原廠商,以“零API、零改動(dòng)”原則,安全、可靠、快速地為普天太力完成了移動(dòng)化戰(zhàn)略。
對(duì)于已經(jīng)在PC端擁有多套辦公系統(tǒng)的大中型企業(yè)來說,顯然H5技術(shù)會(huì)更適合他們;而對(duì)于一些小企業(yè)以及新的公司來說,H5和企業(yè)移動(dòng)應(yīng)用則各有千秋,勢(shì)均力敵。
企業(yè)級(jí)移動(dòng)應(yīng)用服務(wù)市場(chǎng)是一個(gè)萬億產(chǎn)業(yè)值的大市場(chǎng),未來將會(huì)有越來越多公司涌入到這個(gè)領(lǐng)域,甚至不排除巨頭介入的可能。雖然云適配獨(dú)創(chuàng)了基于瀏覽器內(nèi)核的“雙渲染適配引擎”技術(shù),能夠讓移動(dòng)端可以同時(shí)打開移動(dòng)端和PC端網(wǎng)頁,并且實(shí)現(xiàn)內(nèi)容的完全同步,但是傳統(tǒng)企業(yè)辦公領(lǐng)域巨頭們數(shù)十年的技術(shù)積累和用戶積累卻是云適配不能忽視的。
企業(yè)級(jí)應(yīng)用還需產(chǎn)業(yè)鏈共同推動(dòng)
中國信息通信研究院技術(shù)與標(biāo)準(zhǔn)研究所所長王志勤表示,H5迅速發(fā)展的同時(shí)仍存在著一些挑戰(zhàn):“一是H5規(guī)模化應(yīng)用尚需時(shí)日,與原生應(yīng)用將長期共存、并行發(fā)展;二是相關(guān)信息安全問題有待重視;三是H5平臺(tái)技術(shù)標(biāo)準(zhǔn)落后于產(chǎn)業(yè)實(shí)踐,生態(tài)完善需要產(chǎn)業(yè)進(jìn)一步協(xié)同。目前,H5平臺(tái)廠商多根據(jù)自身需要對(duì)標(biāo)準(zhǔn)進(jìn)行自定義的擴(kuò)展,造成H5平臺(tái)對(duì)基本功能特性集缺少共識(shí)、關(guān)鍵能力接口不統(tǒng)一、安全機(jī)制良莠不齊等問題?!?/p>
不可否認(rèn),行業(yè)聯(lián)盟在促進(jìn)產(chǎn)業(yè)發(fā)展方面一直起著重要的推動(dòng)作用。就在云適配發(fā)布企業(yè)級(jí)瀏覽器Enterplorer的當(dāng)天,“中國企業(yè)級(jí)H5產(chǎn)業(yè)聯(lián)盟”同時(shí)宣布成立。據(jù)了解,該聯(lián)盟由中國信息通信研究院技術(shù)與標(biāo)準(zhǔn)研究所、云適配、微軟、英特爾、華為、科大訊飛、金山等多家企業(yè)及研究機(jī)構(gòu)籌備發(fā)起。
對(duì)于H5,聯(lián)盟單位早已布局。微軟在去年7月份推出了Win10,它有更強(qiáng)的管理能力、安全性,以及更強(qiáng)的兼容性,同時(shí)可以更好的跨平臺(tái)。“基于Win10,未來微軟中國將會(huì)做更多的本土化,通過為企業(yè)客戶量身定制操作系統(tǒng)的基礎(chǔ)之上,在企業(yè)移動(dòng)辦公方面和H5有更深的結(jié)合。”微軟(中國)有限公司W(wǎng)indows&Surface事業(yè)部總經(jīng)理徐維英表示。
華為早在2011年就加入了W3C標(biāo)準(zhǔn)組織,積極推動(dòng)H5技術(shù)和生態(tài)的發(fā)展。華為移動(dòng)安全平臺(tái)AnyOffice產(chǎn)品總監(jiān)陳愛平表示,“華為在企業(yè)移動(dòng)化的變革中,聚焦安全、終端、網(wǎng)絡(luò)等基礎(chǔ)設(shè)施,愿意與廣大的H5平臺(tái)及應(yīng)用廠商一道為企業(yè)移動(dòng)信息化的普及做出貢獻(xiàn)?!?014年,華為就已經(jīng)與上下游合作伙伴共同建立了中國最大的BYOD應(yīng)用聯(lián)盟。
如果說微軟和華為是從操作系統(tǒng)領(lǐng)域布局H5,那么,科大訊飛則是從應(yīng)用軟件以及人工智能層面對(duì)H5進(jìn)行探索??拼笥嶏w首席信息官CIO嚴(yán)峻表示:
“在企業(yè)移動(dòng)化應(yīng)用大環(huán)境下,智能語音交互模式在企業(yè)應(yīng)用里面有非常廣闊的應(yīng)用前景,我們希望通過對(duì)H5的探索,和產(chǎn)品鏈上下游企業(yè)有更廣泛的合作?!?/p>
當(dāng)H5遇到兼容性難題
陳本峰
不經(jīng)過大量的兼容性測(cè)試和修復(fù),H5也沒法實(shí)現(xiàn)真正跨平臺(tái)。
過去這些年,H5幾乎已經(jīng)徹底改變了PC互聯(lián)網(wǎng)甚至移動(dòng)互聯(lián)網(wǎng)的格局。
縱觀H5的發(fā)展史,一波三折,有用戶的需求推動(dòng),有技術(shù)開發(fā)者的需求推動(dòng),更有巨大的商業(yè)利益在推動(dòng)。如今,隨著4G的普及以及手機(jī)硬件性能的飛速發(fā)展,H5一直被詬病的性能問題逐漸被淡化,H5也逐漸被人們接受成為信息和應(yīng)用的載體。
過去的2015年,H5的確得到蓬勃的發(fā)展,尤其在微信朋友圈的營銷上。然而,H5要走出微信朋友圈,在各種場(chǎng)景下得到廣泛的使用,還有很長一段路要走。
看上去很美
業(yè)界一直都說H5的殺手級(jí)武器是跨平臺(tái),相比原生APP要針對(duì)不同手機(jī)操作系統(tǒng)做開發(fā),H5只需一次開發(fā),就可以在所有操作系統(tǒng)上運(yùn)行。
H5是唯一一個(gè)通吃PC、Mac、iPhone、iPad、Android、WindowsPhone等主流平臺(tái)的跨平臺(tái)語言。Java和Flash都曾夢(mèng)想這個(gè)位置,但都?jí)魯嘤趇OS。此時(shí),人們紛紛開始研究基于H5開發(fā)跨平臺(tái)手機(jī)應(yīng)用,很多人都認(rèn)為,原生應(yīng)用只是過渡,就像當(dāng)年從C/S結(jié)構(gòu)轉(zhuǎn)變?yōu)锽/S結(jié)構(gòu)一樣。而且學(xué)習(xí)Objective-C和Java很費(fèi)勁,既然會(huì)網(wǎng)頁開發(fā),為何不試試H5。
然而,H5畢竟只是一個(gè)技術(shù)標(biāo)準(zhǔn),所以跨平臺(tái)只是理論上的跨平臺(tái)。在實(shí)際應(yīng)用過程中,大家會(huì)發(fā)現(xiàn)各種瀏覽器之間存在各種各樣的差異性,導(dǎo)致H5頁面在不同瀏覽器上顯示的效果不一致,于是要經(jīng)過大量的兼容性測(cè)試和修復(fù)才能真正實(shí)現(xiàn)“一次開發(fā),所有平臺(tái)完美運(yùn)行”的理想,而這樣的工作量并不小。
對(duì)此,大家可能有疑問:H5不是國際標(biāo)準(zhǔn)么,瀏覽器都遵守H5國際標(biāo)準(zhǔn)來開發(fā)的話,不應(yīng)該出現(xiàn)不一致???
其實(shí),這里面有多方面的原因:
首先,H5的功能是個(gè)巨大的集合,瀏覽器產(chǎn)商不可能在一個(gè)版本開發(fā)周期中實(shí)現(xiàn)所有的H5能力,每個(gè)版本都只能開發(fā)一小部分子集。不同的瀏覽器產(chǎn)商會(huì)根據(jù)自己對(duì)市場(chǎng)的判斷以及公司的戰(zhàn)略,制定自己的開發(fā)路線圖,所以自然會(huì)出現(xiàn)不同瀏覽器支持的H5功能集合不一致;
其次,W3C一直把制定的標(biāo)準(zhǔn)文檔定義成“Recommendation(意思為“推薦”)”,也就是說,H5并不是一個(gè)強(qiáng)制的標(biāo)準(zhǔn)。如果開發(fā)者寫的HTML網(wǎng)頁不符合標(biāo)準(zhǔn),瀏覽器依然能夠顯示。
事實(shí)上,互聯(lián)網(wǎng)上有95%以上的網(wǎng)頁都是不符合W3C標(biāo)準(zhǔn)的。結(jié)果就是,網(wǎng)頁中有大量的異常情況,需要瀏覽器自己去修復(fù)。如何修復(fù)不標(biāo)準(zhǔn)的網(wǎng)頁并沒有一個(gè)固定做法,所以不同瀏覽器產(chǎn)商都有自己的一套解決方式。這也導(dǎo)致了各個(gè)瀏覽器雖然都是按照相同的W3C來開發(fā)的,但是最后的代碼算法是不同的,繼而導(dǎo)致了顯示結(jié)果不一致;
第三,互聯(lián)網(wǎng)是個(gè)高速發(fā)展的市場(chǎng),每個(gè)瀏覽器產(chǎn)商都要為適應(yīng)新的市場(chǎng)變化開發(fā)具有足夠創(chuàng)新升級(jí)版本。然而向前創(chuàng)新和向后兼容往往是矛盾的,所以瀏覽器產(chǎn)商在新版本中可能會(huì)做出一些巨大的代碼調(diào)整。
然而,瀏覽器是安裝在用戶手機(jī)上客戶端程序,用戶有權(quán)利選擇是否進(jìn)行升級(jí)。這就導(dǎo)致了即使是同一個(gè)產(chǎn)商的瀏覽器,你還得為它的不同版本做相應(yīng)的兼容性修復(fù)。這一點(diǎn)相信大家在PC時(shí)代的IE瀏覽器上都吃過很多苦頭,每個(gè)前端開發(fā)者都需要為IE6、IE7等不同版本做出大量的工作;
第四,今天的手機(jī)操作系統(tǒng)是個(gè)非常碎片化的市場(chǎng)。Android的開發(fā)性為它帶來了高速的市場(chǎng)覆蓋,但同時(shí)也帶來了極度碎片的版本分支。幾乎每個(gè)手機(jī)產(chǎn)商都會(huì)做一些定制,以實(shí)現(xiàn)自己在市場(chǎng)上的差異化。小米有MIUI、華為有EMUI、三星有TouchWiz等等。手機(jī)操作系統(tǒng)自帶的默認(rèn)瀏覽器也會(huì)做相應(yīng)的定制,因此導(dǎo)致H5網(wǎng)頁在不同手機(jī)操作系統(tǒng)的默認(rèn)瀏覽器上顯示不一致。
由于很多第三方APP內(nèi)嵌瀏覽器一般都直接調(diào)用了操作系統(tǒng)自帶的瀏覽器內(nèi)核,從而導(dǎo)致網(wǎng)頁在了不同手機(jī)上顯示效果不一樣,這點(diǎn)在混合APP(HybridAPP)中體現(xiàn)尤為明顯。
如何解決H5在實(shí)際應(yīng)用中的兼容性問題?
上面提到了諸多H5不能真正跨平臺(tái)的原因,可能很多朋友們就要問了,如何解決?其實(shí)解決H5在實(shí)際應(yīng)用中的兼容性難題,真正實(shí)現(xiàn)H5的跨平臺(tái),有兩個(gè)途徑:
途經(jīng)一:通過H5的底層框架來屏蔽不同瀏覽器的兼容問題,所有的H5應(yīng)用在框架之上來開發(fā)。
像國外的Bootstrap、jQuery UI等都是很好的UI框架,基于他們之上來開發(fā)可以減少大量的兼容性調(diào)試工作。當(dāng)然,這些國外的UI框架都是針對(duì)國外的審美觀、國外的主流瀏覽器和操作系統(tǒng),國產(chǎn)的Amaze UI也是類似的框架,但是針對(duì)國內(nèi)網(wǎng)民的樣式喜好以及主流移動(dòng)瀏覽器或帶有瀏覽器功能的APP(比如微信)做了大量的調(diào)整優(yōu)化;
途徑二:通過讓用戶使用自有內(nèi)核的固定瀏覽器,這樣就不存在兼容多個(gè)瀏覽器或者操作系統(tǒng)的問題了。
然而,對(duì)于普遍的大眾網(wǎng)民,沒有任何一個(gè)企業(yè)或者是組織強(qiáng)制大家使用哪一款瀏覽器。但是,在企業(yè)內(nèi)部辦公的場(chǎng)景中,這種方式是比較可取的。
一方面,公司的員工數(shù)目有限,多的也就幾千人上萬人,所以,IT開發(fā)人員花大量時(shí)間去做兼容性測(cè)試和修復(fù)是一件投入產(chǎn)生比很低的事情,對(duì)公司效益沒有任何幫助;
另外一方面,市面上各種瀏覽器的安全能力參差不齊,讓員工自由選擇瀏覽器是一件風(fēng)險(xiǎn)很大的事情,極有可能會(huì)導(dǎo)致企業(yè)數(shù)據(jù)泄露或者木馬入侵。
因此,讓員工使用公司經(jīng)過安全認(rèn)證的固定瀏覽器,一方面大幅度減輕IT開發(fā)的工作量,另外一方面有效保障企業(yè)數(shù)據(jù)安全,事半功倍。
H5作為一種開發(fā)語言,最終都是需要運(yùn)行在瀏覽器上的。因此,要使H5的優(yōu)勢(shì)充分發(fā)揮在應(yīng)用在移動(dòng)辦公方面,必須要有一個(gè)帶自有內(nèi)核并且專門針對(duì)企業(yè)的安全管理優(yōu)化的瀏覽器。
不管怎樣說,雖然H5跨平臺(tái)的能力受限于操作系統(tǒng)的碎片化,仍然顯得不完美,但是其天然的跨平臺(tái)能力已經(jīng)在很大程度上為開發(fā)者們帶來了巨大的價(jià)值。
原因不言而喻。對(duì)于開發(fā)者而言,除了iOS、Android,開發(fā)者為什么不愿意再開發(fā)WP版本,很多時(shí)候是因?yàn)楣ぷ髁刻螅税姹具m配,分辨率調(diào)整等,一旦有新版本推出,在原生應(yīng)用中開發(fā)者不得不等待多達(dá)兩周時(shí)間去接受審核,跨平臺(tái)在多屏?xí)r代給開發(fā)者非常痛苦的體驗(yàn),人們都期待當(dāng)年Java的一次編譯處處運(yùn)行的理想情況。
而H5目前正在扮演這樣一個(gè)開發(fā)者救星的角色,這里面只需要有一個(gè)統(tǒng)一的企業(yè)級(jí)瀏覽器就可以了。
作者為云適配CEO,HTML5中國產(chǎn)業(yè)聯(lián)盟專家委員。曾任職于微軟美國總部IE瀏覽器核心團(tuán)隊(duì),參與IE的HTML5引擎設(shè)計(jì)開發(fā)以及下一代互聯(lián)網(wǎng)標(biāo)準(zhǔn)HTML5國際標(biāo)準(zhǔn)制定。專注互聯(lián)網(wǎng)標(biāo)準(zhǔn)以及瀏覽器相關(guān)技術(shù)研究超過10年,著名的IE 404頁面就是出自陳本峰之手。