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