整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          VR上網(wǎng)是一種怎樣的體驗(yàn)

          星作為移動(dòng)虛擬現(xiàn)實(shí)領(lǐng)域領(lǐng)軍人物一直致力于為用戶打造沉浸式的上網(wǎng)體驗(yàn)。隨著目前AR/VR技術(shù)的持續(xù)火熱,人們對(duì)于上網(wǎng)觀看360度全景視頻的期待也日漸高漲。昨日三星發(fā)布了一款適配虛擬現(xiàn)實(shí)眼鏡Gear VR的瀏覽器。

          這款瀏覽器將這天馬行空的想象化為現(xiàn)實(shí),把瀏覽器搬到了虛擬現(xiàn)實(shí)里。業(yè)內(nèi)人士表示,三星此舉進(jìn)一步地?cái)U(kuò)充虛擬現(xiàn)實(shí)的生態(tài)系統(tǒng),也為VR視覺(jué)體驗(yàn)技術(shù)立下了行業(yè)標(biāo)桿。

          三星方面稱(chēng),該產(chǎn)品支持語(yǔ)音識(shí)別并配備虛擬鍵盤(pán),用戶可以在Gear VR里瀏覽網(wǎng)頁(yè),觀看3D視頻和HTML5視頻等。Grear VR采用最新Gaze Mode模式,用戶只需要盯著虛擬鍵盤(pán)就能操控按鍵,徹底解放雙手。

          但這種技術(shù)的交互體驗(yàn)仍需要得到進(jìn)一步的優(yōu)化,畢竟從打字到視控的轉(zhuǎn)變顛覆了用戶的上網(wǎng)習(xí)慣。這項(xiàng)技術(shù)的過(guò)度靈敏也會(huì)對(duì)用戶造成一些困擾。只是因?yàn)樵谌巳褐卸嗫戳四阋谎郏痛蜷_(kāi)并不想要的界面,這對(duì)于優(yōu)化上網(wǎng)體驗(yàn)來(lái)說(shuō)并不是一件好事。因此如何最大化地減少用戶在實(shí)際操作中的不適感還需要不斷的實(shí)踐。

          另外有測(cè)評(píng)顯示,Grear VR的瀏覽窗口略小。雖然配有放大的功能,但是從用戶體驗(yàn)的角度來(lái)說(shuō),將默認(rèn)設(shè)置的窗口大小按照人們正常的視線范圍設(shè)計(jì)會(huì)顯得更加合理。

          目前該瀏覽器β版本已可以從Oculus Store下載。作為一個(gè)被眾多開(kāi)發(fā)工程師青睞的試驗(yàn)平臺(tái),Oculus Store能夠?qū)浖拈_(kāi)發(fā)和試驗(yàn)有較權(quán)威的指導(dǎo),三星也表示希望借助該平臺(tái)獲得更多技術(shù)人士的專(zhuān)業(yè)建議,來(lái)幫助他們不斷優(yōu)化這款產(chǎn)品。

          Via Techcrunch

          創(chuàng)業(yè)小伙伴求擴(kuò)散、求報(bào)道、求關(guān)注,請(qǐng)戳>>> 登記預(yù)約鴕鳥(niǎo)電臺(tái)采訪

          棲TechDay活動(dòng)第十四期中,來(lái)自阿里的墨川和江成共同為大家?guī)?lái)了題為《HTML5互動(dòng)技術(shù)》的分享,主要分享了HTML5互動(dòng)技術(shù)在天貓營(yíng)銷(xiāo)活動(dòng)的應(yīng)用和Web 3D相關(guān)的知識(shí)。

          下面是現(xiàn)場(chǎng)分享觀點(diǎn)整理。

          大家好,我叫墨川,來(lái)自天貓技術(shù)部。今天主要來(lái)分享一下HTML5互動(dòng)技術(shù)在天貓營(yíng)銷(xiāo)活動(dòng)的應(yīng)用。

          圖一 Hilo-電商互動(dòng)游戲引擎

          首先介紹一下Hilo,Hilo是我們?nèi)齻€(gè)月前開(kāi)源的互動(dòng)游戲引擎(開(kāi)源地址:https://github.com/hiloteam/Hilo),目前在Github已經(jīng)獲得2700個(gè)Star、400多個(gè)Focus,歡迎大家關(guān)注。

          圖二 Hilo的開(kāi)發(fā)案例

          上圖展示的是我們采用Hilo開(kāi)發(fā)的一些Case。圖上最大的兩個(gè)模塊代表的是雙十一狂歡城,它是我們天貓互動(dòng)最大的營(yíng)銷(xiāo)活動(dòng)。它由很多品牌和動(dòng)畫(huà)組成,非常考驗(yàn)引擎的性能;左上角是雙十一的喵喵5MZ,它是一個(gè)音樂(lè)類(lèi)互動(dòng);其他的圖片代表著的是我們平常的營(yíng)銷(xiāo)活動(dòng)。

          Hilo的特點(diǎn)

          極精簡(jiǎn)

          圖三 Hilo的特點(diǎn):極精簡(jiǎn)

          Hilo的特點(diǎn)就是非常精簡(jiǎn),gzip后只有24KB;它主要聚焦在渲染,其他事情交給工具和編輯器,我們是對(duì)市面上有名的編輯器做適配,而非自行開(kāi)發(fā);它是低耦合的,很多JS的模塊可以直接調(diào)用。

          多模塊范式支持

          圖四 Hilo的特點(diǎn):多模塊范式支持

          由于前端開(kāi)發(fā)具有很多模塊加載器,因此我們支持多模塊范式,比如我們會(huì)支持獨(dú)立版本的Hilo,還支持AMD、CMD、以及我們阿里內(nèi)部的Kissy。所有的模塊都具有注釋?zhuān)K名等信息),我們通過(guò)腳本來(lái)提取這些依賴(lài)信息,構(gòu)建成不同模塊范式的腳本。

          擴(kuò)展靈活

          圖五 Hilo的特點(diǎn):擴(kuò)展靈活

          Hilo擴(kuò)展靈活,比如Load,目前我們支持圖片Load和腳本Load、Audio Load,可以擴(kuò)展出很多不同資源的Load。

          多種渲染方案

          圖六 Hilo的特點(diǎn):支持多種渲染方案

          Hilo的另一大特點(diǎn)就是支持多種渲染方案,便于在不同場(chǎng)景下的使用最合適的渲染方案。下面來(lái)具體介紹每一種渲染方式的特點(diǎn):

          • DOM渲染,由于安卓機(jī)上Canvas性能比較差,這種情況下就可以切換成DOM渲染,同樣地,也可以利用CSS和HTML構(gòu)建豐富的UI。DOM模式可以融合在其他模式下,例如在Canvas模式中,仍然可以使用部分DOM組件;

          • Canvas渲染:它是我們用的最多的渲染模式,我們對(duì)其進(jìn)行大量的優(yōu)化,比如通過(guò)預(yù)渲染、分片渲染等對(duì)性能進(jìn)行優(yōu)化;

          • Flash渲染:由于我們的電商屬性決定會(huì)有一些IE用戶,我們通過(guò)JSBridge的方式構(gòu)建獨(dú)立的Flash渲染系統(tǒng)(兼容IE6+),做到全平臺(tái)兼容;

          • WebGL渲染,現(xiàn)在隨著系統(tǒng)升級(jí),現(xiàn)在iOS8以及安卓5.0都支持該渲染模式。WebGL的性能遠(yuǎn)高于Canvas,它直接對(duì)GPU編程,支撐更多的渲染效果,例如附加顏色等等效果。Hilo支持自動(dòng)Batch,批量渲染,降低Draw Call,性能有了明顯的提高。

          工具集

          圖七 Hilo所支持的工具集

          Hilo支持多擴(kuò)展,比如物理系統(tǒng)是集成了Chipmunk,Chipmunk比Box 2D更精簡(jiǎn),在移動(dòng)端更適用;骨骼系統(tǒng)對(duì)DragonBones進(jìn)行了兼容,DragonBones是市面上比較流行的骨骼動(dòng)畫(huà)編輯器,它可以導(dǎo)出骨骼動(dòng)畫(huà)。我們自己也做了很多工具。由于目前2D動(dòng)畫(huà)的主流編輯器還是Flash,我們開(kāi)發(fā)了針對(duì)Flash的插件,直接可以導(dǎo)出Hilo動(dòng)畫(huà);我們還支持導(dǎo)出CSS3以及阿里最新出的渲染方案Weex等等。

          此外我們提供了例子編輯器(ParticleEditor)、Hilo-generator(它是一個(gè)前端的腳手架)、TexturePacker(比較流行的打包工具)等工具的導(dǎo)出支持。

          穩(wěn)定性

          圖八 Hilo的穩(wěn)定性非常高

          穩(wěn)定性方面,Hilo是十分穩(wěn)定的,從2013年開(kāi)始使用至今,在天貓、手淘的各類(lèi)活動(dòng)中測(cè)試了超過(guò)80款設(shè)備。

          下面就是一些Web 3D的知識(shí),這個(gè)由江城來(lái)講。

          Web 3D

          圖九 3D渲染

          根據(jù)渲染內(nèi)容,3D渲染主要分為全景圖、模型和視頻三塊。通過(guò)渲染以后有很多表達(dá)的方式,例如全景圖渲染之后可以采用AR的形式表現(xiàn)出來(lái);另外一種VR形式,直接通過(guò)3D的形式展現(xiàn)。視頻渲染之后的表現(xiàn)形式可能就是一些全景視頻,既可以直接拖動(dòng),還可以通過(guò)3D眼鏡觀看。

          CSS 3D

          首先講解下全景圖,因?yàn)槲沂乔岸碎_(kāi)發(fā)工程師,所以我今天講解的案例是集中在移動(dòng)端Web實(shí)現(xiàn)的。我首先介紹一下我是潛能開(kāi)發(fā)工程師。我們首先想到一種方法是CSS 3D,因?yàn)镃S3D基礎(chǔ)支持功能還是比較完善的。它有一個(gè)perspective屬性,這是一個(gè)非常重要的3D透視屬性。它定義了元素距離視圖的距離元素距離;元素定義perspective屬性時(shí),其子元素會(huì)獲得透視效果。

          圖十 CSS 3D

          上圖是我直接從網(wǎng)上拿來(lái)的一個(gè)圖。通過(guò)上面的代碼可以看到,該Dump的透視距離為1500ps,下面有6張圖,每張圖的大小是1500ps。根據(jù)坐標(biāo)軸,Translate Z坐標(biāo)是-750,也就是說(shuō)它把所有圖移到更靠前的位置。所以我們手機(jī)屏幕看到的只是某一張圖的一部分。然后每一張圖6個(gè)面,過(guò)上下旋轉(zhuǎn)形成一個(gè)立方體。所以通過(guò)手機(jī)屏幕,我們所看的就是一個(gè)近似立方體的內(nèi)部。

          這6個(gè)圖在一起的時(shí)候,我可能需要調(diào)動(dòng)它,只需要改變父節(jié)點(diǎn)的位置,其余的子節(jié)點(diǎn)的位置也會(huì)隨之改變。因此只需改變父元素和轉(zhuǎn)動(dòng),就可以近似模擬出立體的全景圖。

          Web VR

          圖十一 Web VR

          對(duì)于表現(xiàn)形式,緊跟時(shí)代潮流,我們推出Web VR的預(yù)演。Web VR的標(biāo)準(zhǔn)是今年四月份才出的,目前只有火狐和chrome開(kāi)發(fā)者版本支持。我們現(xiàn)在做的更多是模擬Web VR效果,由于瀏覽器本身不支持,我們更多地是通過(guò)其他手段模擬下Web VR效果。

          人類(lèi)觀察任何一個(gè)事物,都是有先后順序的,而且左眼和右眼看到的景象是不一樣的,兩者合起來(lái)以后就是一個(gè)三維圖像。這種技術(shù)很早之前就已經(jīng)出現(xiàn)了,將兩張圖片的合成一張圖,再輔助以3D眼鏡,就可以營(yíng)造出一種身臨其境的3D效果。

          圖十二 Web VR的案例

          上面是我們?cè)谔熵埧蛻舳松犀斏僬故镜囊粋€(gè)案例。這個(gè)圖其實(shí)是一個(gè)視角,可以理解成是一個(gè)左眼或者右眼的視角。在轉(zhuǎn)動(dòng)的過(guò)程中,只要再有一個(gè)偏差的View,就可以合成三維畫(huà)面。這兩個(gè)View之間是有固定的參數(shù)的。由于正常人兩眼的視差值約為65毫米,根據(jù)這個(gè)值我們適當(dāng)調(diào)整View之間的差值,形成VR的效果。

          多面體和圖像拼接

          圖十三 多面體和圖像拼接技術(shù)

          上文我們提到的都是六面體,但是六面體面與面之間的交界處會(huì)有一些變形。如果說(shuō)我們把六面體擴(kuò)大成更多面,那么交界面就會(huì)看起來(lái)非常柔滑,但出于成本考慮,前端是不會(huì)這么做的。對(duì)于拼接技術(shù),從剛才的全景圖中大家可以看到面與面之間是很連續(xù)的, 這是因?yàn)檫@些圖像在事先進(jìn)行了處理,否則,圖像與圖像之間是存在縫隙的。在前端,我們可以通過(guò)修改固定的參數(shù)實(shí)現(xiàn)這種拼接技術(shù)。

          模型

          圖十四 模型

          在內(nèi)容獲取上,我們可以得到一些模型。這對(duì)于傳統(tǒng)游戲行業(yè)是非常容易。但對(duì)于前端而言,目前正處于起步階段,到今天為止,主流的機(jī)器支持的是webGL 1.0版本。

          上圖顯示的是我們拿到的夢(mèng)工廠的功夫熊貓的部分模型。Native或客戶端具有一套成熟的解析工具和渲染系統(tǒng),因此他們拿到模型之后,很容易進(jìn)行渲染。但對(duì)于我們而言,我們會(huì)經(jīng)常丟失部分面或者點(diǎn),甚至于一些法向量,進(jìn)而導(dǎo)致渲染上出現(xiàn)問(wèn)題。目前針對(duì)這些問(wèn)題采用的解決方案是通過(guò)音卡3D導(dǎo)出所需的WebGL模型。

          Runtime

          圖十五 Runtime

          盡管目前大部分機(jī)器都支持WebGL 1.0,但是在去年雙十進(jìn)行AR開(kāi)發(fā)時(shí),只有iOS 8.0和安卓5.0以上版本部分支持。對(duì)于部分支持的機(jī)器,我們需要一些輔助的Runtime(包括一套webGL1.0實(shí)現(xiàn)的API)。

          WebGL 2.0和WebGL 3.0 新加了許多讓人特別興奮的功能。WebGL 3.0并行計(jì)算能力號(hào)稱(chēng)是1.0版本的4倍;WebGL2.0 提出GLTF的通用模型,對(duì)于前端而言就像JPG文件一樣,它定義了一個(gè)三維通用模型。

          精彩問(wèn)答:

          提問(wèn):什么情況下使用DOM渲染?

          莫川:在安卓機(jī),我們是根據(jù)游戲場(chǎng)景進(jìn)行區(qū)分。如果游戲場(chǎng)景數(shù)量少的時(shí)候,采用DOM渲染會(huì)比會(huì)比Canvas性能更高一點(diǎn);游戲場(chǎng)景多時(shí),Canvas的渲染效果就相對(duì)而言比較好了。例如在618活動(dòng)時(shí),我們是有很多促銷(xiāo)活動(dòng)游戲的。去年我們采用的是Canvas渲染,但效果很不好,我們就降級(jí)到安卓機(jī)上采用DOM渲染了,整個(gè)更改過(guò)程只需要改動(dòng)一行代碼即可。

          關(guān)于分享者:

          江成 現(xiàn)任天貓互動(dòng)資深前端開(kāi)發(fā)工程師,多年Web前端互動(dòng)開(kāi)發(fā)經(jīng)驗(yàn),熱衷于Web圖形圖像技術(shù),目前負(fù)責(zé)天貓互動(dòng)Web 3D、AR、VR等方面營(yíng)銷(xiāo)和產(chǎn)品場(chǎng)景落地和Hilo(阿里巴巴HTML5開(kāi)源互動(dòng)游戲引擎)的日常維護(hù)工作。

          更多深度技術(shù)內(nèi)容,請(qǐng)關(guān)注云棲社區(qū)微信公眾號(hào):yunqiinsight。

          前最具人氣的前端開(kāi)發(fā)技術(shù)框架是什么?移動(dòng)至上時(shí)代的來(lái)臨促使越來(lái)越多的開(kāi)發(fā)者利用HTML 5開(kāi)發(fā)移動(dòng)友好型網(wǎng)站。HTML 5的主要優(yōu)勢(shì)一直在不斷演進(jìn),旨在提供足以與原生技術(shù)相匹配的功能。從雷軍這樣的互聯(lián)網(wǎng)精英人士到菜場(chǎng)股市大媽都深信一點(diǎn):只要站在風(fēng)口,豬也能夠飛起來(lái),那么對(duì)于IT技能領(lǐng)域來(lái)講,2016年這只“豬”當(dāng)之無(wú)愧屬于HTML5開(kāi)發(fā)技術(shù),HTML5從根本上改變了開(kāi)發(fā)商開(kāi)發(fā)web應(yīng)用的方式,從桌面瀏覽器到移動(dòng)應(yīng)用,這種語(yǔ)言和標(biāo)準(zhǔn)都影響并將繼續(xù)影響各種操作平臺(tái)。憑借著面向開(kāi)發(fā)者與最終用戶的強(qiáng)大及新鮮功能,HTML 5已經(jīng)被世界各地網(wǎng)站所廣泛采用。HTML 5適用于所有現(xiàn)代桌面與移動(dòng)瀏覽器,亦可用于移動(dòng)Web應(yīng)用的開(kāi)發(fā)工作。

          今天學(xué)院君帶你一圖流看懂HTML 5六大核心優(yōu)勢(shì)。

          1.跨平臺(tái):

          在多屏年代,開(kāi)發(fā)者的痛苦指數(shù)非常高,人人都期盼HTML5能扮演救星。多套代碼、不同技術(shù)工種、業(yè)務(wù)邏輯同步,這是折磨人的過(guò)程。有點(diǎn)類(lèi)似個(gè)人電 腦早期世界,那個(gè)時(shí)候的每家電腦都有自己的操作系統(tǒng)和編程語(yǔ)言,開(kāi)發(fā)者疲于做不同版本,其實(shí)DOS的盛行也很大程度是因?yàn)殚_(kāi)發(fā)者實(shí)在沒(méi)精力給其他電腦寫(xiě)程 序。跨平臺(tái)技術(shù)在早期大多因?yàn)樾阅軉?wèn)題夭折,但中后期硬件能力增強(qiáng)后又會(huì)占據(jù)主流,因?yàn)榭缙脚_(tái)確實(shí)是剛需。你的現(xiàn)代流行瀏覽器都支持HTML5(Chrome,F(xiàn)irefox,Safari,IE9和Opera),并且創(chuàng)建了HTML5 doctype這樣所有的瀏覽器,即使非常老非常令人厭惡瀏覽器像IE6都可以使用。但是因?yàn)槔系臑g覽器能夠識(shí)別doctype并不意味它可以處理HTML5標(biāo)簽和功能。幸運(yùn)的是,HTML5已經(jīng)使得開(kāi)發(fā)更加簡(jiǎn)單了,更多支持更多瀏覽器,這樣老的IE瀏覽器可以通過(guò)添加javascript代碼來(lái)使用新的元素。

          2.視頻和音頻支持

          忘了flash和其它第三方應(yīng)用吧,讓你的視頻和音頻通過(guò)HTML5標(biāo)簽和來(lái)訪問(wèn)資源。正確播放媒體一直都是一個(gè)非常可怕的事情,原生開(kāi)發(fā)方式對(duì)于文字和音視頻混排的多媒體內(nèi)容處理相對(duì)麻煩,需要拆分開(kāi)文字、圖片、音頻、視頻,解析對(duì)應(yīng)的URL并分別用不同的方式處理。HTML5在這個(gè)方面完全不受限制,可以完全放在一起進(jìn)行處理。設(shè)計(jì)師要知道,如果新聞?lì)悺⑽⒉╊?lèi)、社交類(lèi)應(yīng)用的信息呈現(xiàn)中實(shí)現(xiàn)文字與多媒體混排,而不用專(zhuān)門(mén)嵌入webview,將是一件多美好的事情,至少現(xiàn)在原生方式實(shí)現(xiàn)起來(lái)還有困難。在國(guó)外大型社區(qū)網(wǎng)站FACEBOOK、視頻分享網(wǎng)站YOUTUBE、谷歌和微軟等網(wǎng)站,都已經(jīng)使用html5作為默認(rèn)技術(shù),它的優(yōu)點(diǎn)就是省電,流暢和清晰,因?yàn)椴捎昧私y(tǒng)一的國(guó)際標(biāo)準(zhǔn)H.264,國(guó)內(nèi)已經(jīng)出現(xiàn)手機(jī)html5視頻網(wǎng)站。網(wǎng)內(nèi)大火的bilibili也開(kāi)始試水HTML 5播放器。

          3. 游戲開(kāi)發(fā)

          沒(méi)錯(cuò), 你可以使用HTML5的開(kāi)發(fā)游戲。HTML5提供了一個(gè)非常偉大的,移動(dòng)友好的方式去開(kāi)發(fā)有趣互動(dòng)的游戲。如果你開(kāi)發(fā)Flash游戲,你就會(huì)喜歡上HTML5的游戲開(kāi)發(fā)。手機(jī)頁(yè)游的3D化是大勢(shì)所趨,隨著硬件能力的提升、WebGL標(biāo)準(zhǔn)化的普以及手機(jī)頁(yè)游的逐漸成熟,大量開(kāi)發(fā)者需要?jiǎng)?chuàng)作更加精彩的3D內(nèi)容。白鷺研發(fā)的3D引擎,將助力手機(jī)頁(yè)游(HTML5游戲)產(chǎn)品形態(tài)從2D跨域到3D。可以預(yù)見(jiàn),今年手機(jī)頁(yè)游將出現(xiàn)高品質(zhì)的3D內(nèi)容。 隨著超級(jí)APP、瀏覽器等渠道流量的開(kāi)放,以及HTML5游戲品質(zhì)的提升,出現(xiàn)多款千萬(wàn)月流水的爆款已經(jīng)不是懸念。運(yùn)氣不錯(cuò)的話,有望出現(xiàn)1000萬(wàn)利潤(rùn)的產(chǎn)品。對(duì),利潤(rùn),不是流水。

          4.網(wǎng)頁(yè)應(yīng)用開(kāi)發(fā)

          HTML5是web應(yīng)用的未來(lái),不要掉隊(duì)了!HTML5 Web Storage API可以看做是加強(qiáng)版的cookie,不受數(shù)據(jù)大小限制,有更好的彈性以及架構(gòu),可以將數(shù)據(jù)寫(xiě)入到本機(jī)的ROM中,還可以在關(guān)閉瀏覽器后再次打開(kāi)時(shí)恢復(fù)數(shù)據(jù),以減少網(wǎng)絡(luò)流量。同時(shí),這個(gè)功能算得上是另一個(gè)方向的后臺(tái)“操作記錄”,而不占用任何后臺(tái)資源,減輕設(shè)備硬件壓力,增加運(yùn)行流暢性。在線app支持邊使用邊下載離線緩存,或者不下載離線緩存;而離線app必須是下載完離線緩存才能使用。形象點(diǎn)說(shuō),cookie就是存了電話和菜單,想吃什么要叫外賣(mài),等多長(zhǎng)時(shí)間才能吃到就得看交通情況了;離線緩存就是直接在冰箱里存了食物,想吃就能馬上吃到(當(dāng)然,想吃最新的食物同樣可以打電話預(yù)定)。設(shè)計(jì)師要知道,什么時(shí)候讓用戶下載離線緩存(注意在線和離線app的區(qū)別)。

          除此之外值得一提的還有WebVR,WebVR就是通過(guò)HTML5將虛擬現(xiàn)實(shí)場(chǎng)景嵌入到網(wǎng)頁(yè),目前已受到谷歌、Facebook等巨頭的擁護(hù)。Web擴(kuò)展了VR的使用范圍,很多生活化的內(nèi)容納入了VR的創(chuàng)作之中,如實(shí)景旅游,新聞報(bào)道、虛擬購(gòu)物等,其內(nèi)容展示、交互都可以由HTML5引擎輕松創(chuàng)建出來(lái)。去年12月白鷺與暴風(fēng)魔鏡,合作成立國(guó)內(nèi)首個(gè)WebVR實(shí)驗(yàn)室,也是希望用HTML5來(lái)打造低成本、快捷、低門(mén)檻的VR游戲、影音體驗(yàn)。

          5. 更好的互動(dòng)

          我們都喜歡更好的互動(dòng),我們都喜歡對(duì)于用戶有反饋的網(wǎng)站,用戶可以享受互動(dòng)的過(guò)程。輸入,HTML5的畫(huà)圖標(biāo)簽允許你做更多的互動(dòng)和動(dòng)畫(huà),就像我們使用Flash達(dá)到的效果。

          6.又見(jiàn)SEO

          HTML5有著開(kāi)放的數(shù)據(jù)交換:HTML是以page為單元開(kāi)放代碼的,它無(wú)需專(zhuān)門(mén)開(kāi)發(fā)SDK,只要不混淆,就能與其他應(yīng)用交互數(shù)據(jù)。開(kāi)發(fā)者可以讓手機(jī)搜索引擎很容易檢索到自己的數(shù)據(jù), 也更容易通過(guò)跨應(yīng)用協(xié)作來(lái)滿足最終用戶需求。這意味著更容易推廣、更容易爆發(fā):導(dǎo)流入口多:HTML5應(yīng)用導(dǎo)流非常容易,超級(jí)App(如微信朋友圈)、搜索引擎、應(yīng)用市場(chǎng)、瀏覽器,到處都是HTML5的流量入口。而原生App的流量入口只有應(yīng)用市場(chǎng)。聰明的HTML5開(kāi)發(fā)者當(dāng)然會(huì)玩轉(zhuǎn)各種流量入口從而取得更強(qiáng)的優(yōu)勢(shì)。流量大也是一個(gè)重要的點(diǎn),前段時(shí)間微信朋友圈風(fēng)靡一時(shí)《神經(jīng)貓》,這個(gè)游戲如果放到Appstore,絕對(duì)沒(méi)有那么多流量,超級(jí)App帶來(lái)的流量,遠(yuǎn)大于原生應(yīng)用市場(chǎng)。假如微信允許游戲在桌面創(chuàng)建快捷方式、假如游戲后續(xù)升級(jí)解決持續(xù)娛樂(lè)問(wèn)題,未來(lái)不可想象。還值得一提的是導(dǎo)流效率高,除了入口多、流量大,導(dǎo)流效率高也不可忽視,誰(shuí)都知道:頁(yè)游和端游打同樣的廣告,廣告變用戶的轉(zhuǎn)化率,頁(yè)游遠(yuǎn)遠(yuǎn)高于端游。

          吹了這么久的HTML 5,一個(gè)重要的問(wèn)題浮現(xiàn)了:你說(shuō)的我都懂,可是開(kāi)發(fā)HTML 5也不容易啊!說(shuō)到這里學(xué)院君必須給大家獻(xiàn)上今天的終極福利,那就是性能最優(yōu)的HTML5,CSS和JavaScript移動(dòng)、Web開(kāi)發(fā)框架,Visual Studio開(kāi)發(fā)人員開(kāi)發(fā)跨平臺(tái)產(chǎn)品的首選工具——DevExtreme。

          選擇DevExtreme的四大理由:

          1.簡(jiǎn)化移動(dòng)應(yīng)用開(kāi)發(fā)

          運(yùn)用DevExtreme Complete Subscription創(chuàng)建高度響應(yīng)式的移動(dòng)應(yīng)用。運(yùn)用強(qiáng)大的HTML、CSS3和JavaScript交付實(shí)現(xiàn)一系列如本地應(yīng)用程序的商業(yè)解決方案,不用學(xué)習(xí)各種語(yǔ)言或框架,你只需要懂得HTML和JavaScript,就可以開(kāi)始進(jìn)行你的跨平臺(tái)開(kāi)發(fā)。

          無(wú)論是iPad、iPhone、Android、Windows Phone還是Surface tablet,DevExtreme Complete Subscription可以交付實(shí)現(xiàn)。

          支持Apache Cordova (PhoneGap)。這意味著用DevExtreme創(chuàng)建的每個(gè)移動(dòng)app都可以在目標(biāo)設(shè)備上運(yùn)行,并且可以隨時(shí)提交到Apple App Store 或 Google Play Store。

          2.完美的數(shù)據(jù)可視化

          DevExtreme Complete Subscription為智能手機(jī)和平板電腦封裝了易于使用的HTML JavaScript應(yīng)用程序,包含超過(guò)30種觸摸優(yōu)化的本地UI小工具,可用于任何應(yīng)用程序的單個(gè)頁(yè)面。主要包括以下數(shù)據(jù)可視化工具:

          圖表和儀表:DevExtreme Complete Subscription包含高性能的線形圖、面積圖、柱狀圖和財(cái)務(wù)HTML5圖表工具。同時(shí)還有非常漂亮的圓形和線形HTML5儀表工具。

          量程選擇器:HTML 5范圍和值的選擇器,帶有Google仿真圖表。

          多功能小部件:一個(gè)完整的HTML5多功能小部件,你可以創(chuàng)建與目標(biāo)平臺(tái)最匹配的工具。

          自適應(yīng)樣式:DevExtreme Complete Subscription應(yīng)用特定設(shè)備的樣式到所有組件,讓其看起來(lái)有一個(gè)本地外觀,且開(kāi)箱即用。

          3.完美集成Visual Studio

          DevExtreme Complete Subscription 已經(jīng)為Visual Studio做了一系列的優(yōu)化,熟悉VS的開(kāi)發(fā)人員可以立即著手開(kāi)始創(chuàng)建運(yùn)行于iOS, Android和交互式Web下的apps。

          運(yùn)用Visual Studio的項(xiàng)目模板和向?qū)椭泷R上開(kāi)始。完整集成的View Designer和代碼窗口可以構(gòu)建理想的視圖,所有這一切都在Visual Studio中完成。

          在Visual Studio內(nèi)使用內(nèi)置的設(shè)備模擬器,或者DXProxy和瀏覽器調(diào)試器調(diào)試你的移動(dòng)應(yīng)用。用DevExpress Courier App在PhoneGap環(huán)境下立即執(zhí)行應(yīng)用,交互一個(gè)本地的、可以立即上市的IOS和Android應(yīng)用包,而不受平臺(tái)SDK或額外服務(wù)器的限制。

          4.一種語(yǔ)言、一個(gè)代碼庫(kù)搞定任何app

          一個(gè)SDK:DevExtreme Complete Subscription只需通過(guò)一個(gè)SDK就可以交付到所有常用的平臺(tái)上,真正的代碼重用和省心的項(xiàng)目管理。

          MVVM:支持Knockout.js,意味著Model View(基于UI開(kāi)發(fā)的ViewModel)將變得前所未有的簡(jiǎn)單。

          jQuery:開(kāi)發(fā)者當(dāng)前所掌握的東西全部都可以利用起來(lái),不用擔(dān)心知識(shí)上的限制。

          為了更美好的職業(yè)前景,為了升職加薪走上人生巔峰,還不投入慧都學(xué)院君的懷抱!

          更多行業(yè)資訊,更新鮮的技術(shù)動(dòng)態(tài),盡在慧都學(xué)院。


          主站蜘蛛池模板: 久99精品视频在线观看婷亚洲片国产一区一级在线 | 天天看高清无码一区二区三区 | 加勒比无码一区二区三区| 老湿机一区午夜精品免费福利| 风间由美性色一区二区三区| 日本一道一区二区免费看| 久久精品视频一区| 色一情一乱一伦一区二区三区日本 | 精品一区二区三区在线视频| 日韩三级一区二区| 久久精品无码一区二区无码| 国产福利一区二区在线视频 | 亚洲一区二区观看播放| 精品一区二区三区在线视频| 一区二区三区AV高清免费波多 | 麻豆AV一区二区三区久久| 国产福利电影一区二区三区久久老子无码午夜伦不 | 人妻无码一区二区三区| 亚洲中文字幕乱码一区| 无码人妻AⅤ一区二区三区| 红杏亚洲影院一区二区三区| 国产精品一区二区三区久久| 中字幕一区二区三区乱码| 国产精品视频第一区二区三区| 国产福利电影一区二区三区久久老子无码午夜伦不 | 亚洲人成网站18禁止一区| 午夜一区二区在线观看| 美女视频一区三区网站在线观看| 久久国产免费一区二区三区| 国产在线视频一区| 一区国严二区亚洲三区| 国产一区二区三区亚洲综合| eeuss鲁片一区二区三区| 日韩中文字幕精品免费一区| 亚洲一区二区三区在线网站| 日本内射精品一区二区视频 | 丰满爆乳无码一区二区三区| 中文字幕人妻AV一区二区| 亚洲国产成人久久综合一区| 精品无码人妻一区二区三区品| 亚洲AV色香蕉一区二区|