整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
兩年來，HTML5的發(fā)展勢頭確實很猛，甚至都出現(xiàn)了很多言論說：HTML5終將取代原生app，app終將消亡的言論。其實對此來說：小編不能夠太認同。HTML5確實有著很多的優(yōu)點，但是原生APP的開發(fā)也有著自己的優(yōu)勢。現(xiàn)在我們來對比一下HTML5和原生APP開發(fā)的優(yōu)缺點。
1、在跨平臺上，HTML5勝出。
HTML5采用網(wǎng)絡(luò)通用語言，不用考慮終端設(shè)備或者操作系統(tǒng)的不同。目前，W3C(萬維網(wǎng)聯(lián)盟World Wide Web Consortium，簡稱W3C)正在與汽車業(yè)、出版業(yè)、電視業(yè)進行討論，將web引入新的設(shè)備平臺中。隨著平臺逐漸豐富，這方面的成本問題將會日益凸顯。
2、在用戶體驗和表現(xiàn)上原生APP開發(fā)勝出。
在用戶體驗和表現(xiàn)這個方面，HTML5仍然面臨著不同移動終端設(shè)備本地瀏覽器的功能接入問題，同時在提供用戶展示圖形界面和數(shù)據(jù)展現(xiàn)的豐富性方面還有不足，繼續(xù)得到提高。
3、在開發(fā)速度和成本方面，HTML5勝出。
HTML5的開發(fā)確實比原生開發(fā)更節(jié)省時間和人力，開發(fā)周期相對較短，人力投入也比較少，畢竟HTML5有著跨平臺帶來的無可比擬的好處。不需要投入兩個團隊或者更多的人去開發(fā)。
4、在版本控制和BUG修復(fù)方面，HTML5勝出。
HTML5是web網(wǎng)頁端的內(nèi)容，如果出現(xiàn)BUG可以不用迭代版本，只需在后臺修改即可修復(fù)bug，這是原生APP開發(fā)所不能做到的。
5、在變現(xiàn)能力方面，原生APP開發(fā)勝出。
原生應(yīng)用的分發(fā)平臺，如App Store和Google Play，目前是獲得收入的較為成熟的商業(yè)模式;而HTML5應(yīng)用，除了付費下載以外，還沒有形成其他成熟的商業(yè)模式。
6、對于碎片化挑戰(zhàn)而言，HTML5勝出。
盡管二者同樣面臨著嚴重的碎片化問題，不過HTML5先天具備的跨平臺特性，可以在這方面占據(jù)先機。
雖然通過對比，原生APP開發(fā)略站弱勢，但是原生APP的優(yōu)勢確實有的是不能被HTML5所代替的。或許將來的某一天HTML5的發(fā)展會很好，能力，技術(shù)已達到一個好的地步，能夠替代原生APP的的先天優(yōu)勢，那你為什么不會去想象原生APP的開發(fā)也是一直在進步的呢？當(dāng)然這僅是小編個人觀點，時代在變化，尤其是在這移動互聯(lián)網(wǎng)時代更是這樣。
但是就目前狀況來說，最好的開發(fā)模式是兩種技術(shù)混合使用。比如同時在一個app中，使用原生的框架加載html5的內(nèi)容之類的。要用變化的眼光看世界，世界上沒有什么時候是絕對的。其實原生APP和HTML5決勝的關(guān)鍵就是：誰能打破分配、貨幣化、平臺制約、網(wǎng)絡(luò)影響力、功能性的瓶頸，誰就贏了。
更多內(nèi)容和資訊或者問題，更多干貨分享，盡在我的個人微信公眾號，微信名：非著名程序員，微信號：smart_android（←長按復(fù)制）。個人微信號：loonggg微博：澀郎
IT時報 孫妍
1999年，他用HTML5寫了一個棋牌類游戲平臺，令他3個月內(nèi)賺了300萬。之后，他又開發(fā)了國內(nèi)三大休閑游戲平臺之一的可樂吧，他就是Layabox的CEO謝成鴻。Layabox是一家為Flash程序員開發(fā)HTML5提供技術(shù)解決方案的公司，簡單地說，借助Layabox的解決方案，程序員可以直接在Flash環(huán)境下開發(fā)大型的重度HTML5游戲。
2010年，趙霏開始第二次創(chuàng)業(yè)——磊友科技，從手游行業(yè)轉(zhuǎn)向HTML5，就是因為喬布斯的一句話：“移動時代是低功耗設(shè)備、觸摸屏界和開放網(wǎng)絡(luò)標準的時代，F(xiàn)lash已經(jīng)落伍。”在蘋果、Facebook等科技巨頭們紛紛加入HTML5行業(yè)之時，趙霏和他的團隊開始著力開發(fā)HTML5的解析引擎和手機瀏覽器，同時也被李開復(fù)相中，成為創(chuàng)新工場孵化的第一個HTML5項目。
然而，到了2012年，HTML5從技術(shù)支持到產(chǎn)品都不見成效，自身的標準制定也分成了兩派，F(xiàn)acebook創(chuàng)始人馬克·扎克伯格更公開宣布放棄HTML5。這一年，趙霏和他的團隊把重心都放在了開發(fā)大型手機HTML5網(wǎng)頁游戲上。
2013年，磊友科技陸續(xù)推出的5款HTML5游戲都沒有獲得成功，團隊不斷有人出走，一直籠罩在“散伙”的陰影下。有的轉(zhuǎn)去做代計費的，有的轉(zhuǎn)去做iOS和Android開發(fā)，有的甚至離開了這個行業(yè)。幾近凋蔽，團隊只剩下了兩三個“元老”，但是趙霏仍舊沒有放棄HTML5。
HTML5就這樣一直在冰火兩重天里游走，誰也沒有想到，就在2014年8月，一個HTML5的小游戲《圍住神經(jīng)貓》在微信朋友圈一夜爆紅，而南京泥巴怪公司其實只是為了拉點用戶，花了一天功夫就將它做了出來。自此以后，HTML5的“卡片”廣告、邀請函、互動游戲在朋友圈里盛傳，不管是營銷公司、游戲公司還是風(fēng)投，都跟風(fēng)研究起HTML5。
風(fēng)口大型游戲借HTML5顛覆App？
近期，幾家游戲引擎公司、數(shù)據(jù)公司和分發(fā)平臺都紛紛發(fā)聲，預(yù)測HTML5游戲?qū)⒃诮衲瓯l(fā)。然而就輕量的HTML5游戲來說，繼《圍住神經(jīng)貓》之后，就沒有再出現(xiàn)有一定影響力的游戲。而且，《圍住神經(jīng)貓》一直為人詬病的就是，生命周期短，沒法將流量變現(xiàn)，而這兩點恰恰是游戲的命脈。
在謝成鴻看來，HTML5游戲的前景在于大型游戲。
但問題就來了，大型的HTML5游戲需要有高性能的瀏覽器適配，如若不然，卡頓、發(fā)熱就會成為硬傷，目前看來還沒有瀏覽器可以順暢地跑大型游戲。于是，就衍生出了做HTML5加速器的公司，Cocos、白鷺引擎和謝成鴻的Layabox儼然成三足鼎立之勢。
“Cocos和我們主要針對較大的游戲開發(fā)者，白鷺引擎主要面向小開發(fā)者，在HTML5游戲潛在客戶里，我們已經(jīng)占有一半左右。”謝成鴻說道。據(jù)悉，國內(nèi)20家主流頁游廠商中，已經(jīng)有三分之一與Layabox合作。
“大型HTML5游戲在普通瀏覽器上跑不動，這是最大的問題。”他說。于是，Layabox就做出了一套針對HTML5生態(tài)鏈的整體解決方案。
目前，Layabox有三個主要業(yè)務(wù)方向，在開發(fā)者端，基于Flash的開發(fā)環(huán)境較為成熟，所以Layabox為開發(fā)者提供在Flash環(huán)境下開發(fā)大型HTML5游戲的解決方案，夸張一點的理解就是一鍵轉(zhuǎn)換；在瀏覽器適配問題上，Layabox開發(fā)了自家的加速器，可以讓微信這樣的流量平臺也可以跑得動大型頁游。
幾年前，趙霏和他的團隊也都認為，PC上既然經(jīng)歷了從端游到頁游的趨勢，說明用戶有使用場景上的需求，那么在移動設(shè)備上，應(yīng)該也會有從App向HTML5轉(zhuǎn)移的傾向。在解決卡頓和發(fā)熱的前提下，畢竟HTML5游戲不用下載安裝，比起App更加方便，而且營銷成本將近比App要低10倍。
難道HTML5真的能顛覆App？經(jīng)過幾年的試水，趙霏開始不看好大型HTML5游戲在移動端的前景。因為他發(fā)現(xiàn)，用戶在手機上玩大型游戲時，還是會傾向于App。“用戶體驗的時間和場景都是不對的，舉個簡單的例子，當(dāng)你想再玩一次HTML5網(wǎng)頁游戲時，會發(fā)現(xiàn)很難找到入口，但App至少在桌面上有個圖標。”他對《IT時報》記者說道。
模式流向變現(xiàn)還得傍上O2O
在海底撈，最壯觀的場景就是排隊等食，雖然已經(jīng)使出了免費美甲、免費擦鞋等招數(shù)，但仍舊沒有緩解食客因為排隊而流失的情況。
這倒是激發(fā)了趙霏的靈感，于是磊友科技就為海底撈設(shè)計了一個HTML5的游戲營銷方案。食客在排隊時，可以通過掃描二維碼玩一個小游戲，如果能榮登排行榜，就可以領(lǐng)取海底撈的代金券。
今年1月份，這個HTML5游戲上線，在北京10家海底撈分店進行試玩，結(jié)果顯示，20%～30%的食客愿意參與進來，達到了30萬人次的訪問。
從海底撈的成功案例開始，寶潔、可口可樂、旺旺等公司都踏進了趙霏的門檻，目前已有將近100家企業(yè)讓他們定制游戲。一般這些小游戲都會被植入商家的微信公眾號內(nèi)，玩游戲并分享至朋友圈來贏取代金券，又是用積分抽獎等方式幫電信運營商消耗積分。
那么，怎么解決用戶留存的問題呢？“HTML5的游戲營銷最重要的是考慮使用場景，比起橫幅、彈窗等互動性不強的移動營銷模式，效果更好。”趙霏說。
一般來說，在外面消費時，HTML5就顯示出了不用下載安裝的優(yōu)勢。到酒店先連Wi-Fi是一個常見的使用場景，客人可以直接掃二維碼自動關(guān)注酒店微信號，同時取得連接Wi-Fi的權(quán)限，然后就能點開公眾號里的菜單，玩游戲贏取附近餐廳的代金券。
趙霏認為，HTML5小游戲如何能使流量變現(xiàn)，開發(fā)團隊?wèi)?yīng)該換個思路，“之前我們做大型HTML5游戲時，考慮的是怎么從用戶那賺錢，通關(guān)、買裝備等。現(xiàn)在從2C到2B，考慮的是怎么讓企業(yè)買單。社交性比較強，能使線上線下聯(lián)動的游戲更有市場。”
結(jié)合了HTML5和O2O兩個熱點之后，對趙霏來說，上門找融資已經(jīng)不是一件難事了。他透露，今年六七月份，磊友科技就有B輪融資的計劃。
缺口工具和人才
趙霏曾談道：“研發(fā)完全自主內(nèi)核的瀏覽器引擎的難度不亞于一個操作系統(tǒng)。”最后，由于很難追趕蘋果Safari瀏覽器迭代速度等壁壘，他和團隊就放棄了HTML5瀏覽器引擎的商用，現(xiàn)在只用于團隊內(nèi)部開發(fā)。
謝成鴻略帶自信地談道，“HTML5開發(fā)最大的問題就是工具的缺乏，因為它沒有像Flash一樣，有可控的開發(fā)語言，有成熟的開發(fā)環(huán)境。我們做Flash轉(zhuǎn)HTML5的解決方案就是想解決這些問題。”
HTML5缺乏成熟開發(fā)環(huán)境的表現(xiàn)之一，就是開發(fā)人才的缺失。上個月，招聘網(wǎng)站拉勾網(wǎng)發(fā)布報告顯示，HTML5開發(fā)成為了“職位多，人才少”的熱門崗位。就目前招聘的開發(fā)者市場水平來看，擁有1年左右工作經(jīng)驗的HTML5程序員，月薪基本在2～3萬，然而，擁有4到5年工作經(jīng)驗的AS程序員（基于Flash開發(fā)），月薪卻只有1.5萬。
“前盛大游戲CEO凌海的團隊，從去年到現(xiàn)在，竟然招不到一個專精于HTML5的程序員。這些天，他團隊的程序員就在我們這兒學(xué)習(xí)HTML5開發(fā)技術(shù)。”謝成鴻說道。
我還在南方小島上玩兒的時候，一個朋友給我發(fā)了條語音信息（早上發(fā)的，我晚上才聽，我讓你發(fā)語音）大概是說，能不能幫忙聯(lián)系一個會 HTML5 的團隊，領(lǐng)導(dǎo)要求做一個 HTML5 的活動頁面。
看來 HTML5 的浪潮又要讓我們的廣告客戶渾身濕透了。他們想要華麗的頁面，想要讓用戶覺得他們很酷。事實上，即使他們只做了一張很廉價的“活動邀請函”頁面，用戶也覺得好棒好厲害。真相是，大部分用戶并不知道其中的奧秘。
HTML5是針對超文本語言HTML的第五次修訂。具體HTML是什么？我們先籠統(tǒng)地認為它是一種用來創(chuàng)建網(wǎng)頁的手段就好。不過你不是科技從業(yè)者，也不是什么都要懂一點的極客。你會想：什么html、Input type=date、js線程、socket、標準擴展embed、css3……這些都是什么鬼我根本不想知道快扔走！
這一切并不在你學(xué)習(xí)的范圍內(nèi)。你只關(guān)心這樣一個問題：它會為你的生活帶來怎樣的變化？
? 你手機里的原生APP會變少。
原生APP，就是你到應(yīng)用商店里選一個應(yīng)用、等待下載、確認權(quán)限、等待安裝，然后點擊打開的那種移動應(yīng)用，它專門針對某一類移動操作系統(tǒng)生成，必須被完整安裝到手機里。而有一種“假”APP，它們打開后基本利用手機中的瀏覽器來運行，而且不需要下載后安裝，就能立即在手機界面中生成一個APP圖標——HTML5就是生產(chǎn)這種“假”APP的利器。比如你玩《神經(jīng)貓》就不需要下載一個APP，而這個游戲正是用HTML5網(wǎng)頁實現(xiàn)的。
? 你那個當(dāng)程序員的男朋友（如果你有）就可以早點下班回家了。
HTML5是唯一一個通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平臺的跨平臺語言。因為這種跨平臺的便利，程序員們只需要為之開發(fā)一種類別的產(chǎn)品——說白了就是一個萬能的網(wǎng)頁。他再也不需要做一款只能在蘋果手機上運行的APP后，再做一款也可以在三星、小米上使用的APP。
? 你的手機里沒有Flash了。
如果需要一個能夠集中展示視頻、音頻等各種媒體形式的插件，那就是Flash。這個部署在億萬瀏覽器里的商業(yè)插件儼然成為事實上的網(wǎng)頁標準。但是，HTML5把這個標準打破了，這些媒體形式不再需要Flash這一插件就能分布在網(wǎng)頁當(dāng)中。HTML5可以讓我們不借助第三方插件實現(xiàn)多媒體。
? 正因為你的系統(tǒng)需要運行的第三方插件變少，瀏覽器占用的系統(tǒng)資源相對也會變少，有可能你會發(fā)現(xiàn)自己的手機電量變得更持久了。
? 當(dāng)你使用定位服務(wù)的時候，不用點“搜索”了，直接點“附近”。
這是因為HTML5更好地實現(xiàn)了基于地理位置的功能，在從前那些使用舊語言編輯的網(wǎng)頁上，LBS（基于位置的服務(wù)）沒有獲得很好的支持，所以你需要在網(wǎng)頁上依次選擇全國、北京、朝陽區(qū)、大望路……
? 網(wǎng)頁更美觀。
對網(wǎng)頁設(shè)計師來說，HTML5重新定義了很多設(shè)計標準，這使得他們在工作的時候遵循著更加科學(xué)的方法，再加上HTML5可以讓我們不借助第三方插件實現(xiàn)多媒體，網(wǎng)頁設(shè)計師得以發(fā)揮他們的創(chuàng)造力，你會看到更加酷炫的網(wǎng)頁界面。
視覺，這是最重要的。對用戶來說，沒有什么比直接的體驗更能說明某種技術(shù)為世界帶來的改變。現(xiàn)在我用幾個騰訊新聞的手機頁面來舉例，和你在微信朋友圈看到的那些蹩腳的邀請函、抽獎頁面相比，這些頁面嘗試用一種更有意思、更流暢的方式來講述事件。
APEC期間推出的《服裝秀》，截取的三個界面。在這個應(yīng)用中，新聞相關(guān)的人物將會變成試衣模特。例如你可以選擇奧巴馬當(dāng)你的模特，然后給他換上各種服裝。
上圖《再見2元的風(fēng)景》是針對北京地鐵票價調(diào)整制作的新聞專題頁。這個流傳甚廣的煽情專題，也是一個HTML5頁面，它提供了一種流暢的圖片瀏覽方式。
HTML5 同樣為網(wǎng)頁提供了更多交互的可能，比如你可以在同一個頁面中完成一個網(wǎng)頁調(diào)查，然后直接分享給你的朋友圈好友。
總之，HTML5 可以更有效地組織互聯(lián)網(wǎng)中的信息，并讓視頻、音頻等服務(wù)得到更好的支持；并在減輕開發(fā)者的負擔(dān)的同時，讓用戶在不同的平臺上有更一致的體驗。
沒有炫耀的意思，這些內(nèi)容出于個人對HTML5的好奇，導(dǎo)致我多看了一些材料，并且咨詢了行業(yè)的專家。大致上，我能保證這些內(nèi)容都是可信的，對普通人而言，這些已經(jīng)足夠：甲方或者乙方們再也不會輕易騙走你的巨額預(yù)算。
“你知道那你說啊。”
烏云裝扮者包含了世界、黑色趣味和明亮內(nèi)心
微信號及新浪微博@DACLODS
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
