藉助HTML5做大螢幕適配的“生意”
現如今,一個家庭同時配有PC、智慧電視、安卓或者蘋果手機、各種平板電腦的情形並不少見。
你會發現,用不同的裝置登入同一個網站時,顯示的效果是不一樣的。
有時,一個網頁在PC端開啟時是整齊的,到了手機上就亂了套,這就是螢幕不適配的問題。
如果這只是一個供人娛樂的網站還好,但要換做一家電商網站,或者酒、食品、服裝等零售行業的銷售站點,則意味著客戶和訂單的流失,這種損失是無可估量的。
但不必擔心,市場上已經出現了類似雲適配這樣的公司,它們建立的初衷,就是為了解決螢幕適配問題。
“雲適配通過結合當前火熱的HTML5技術,在企業網站中植入一段程式碼,就能讓企業網站在網址不變的情況下實現不同裝置的同等瀏覽體驗。”雲適配創始人兼CEO陳本峰對中國商報記者說。
先解決網站適配問題
從PC網際網路時代到當下的移動網際網路時代,再到未來“萬物互聯”的時代,接入網際網路的裝置將會越來越多,不同裝置的螢幕規格也會呈現差異化。
市場調查機構IDC釋出的最新報告預計,到2020年全球物聯網終端(如汽車、冰箱等存在於物聯網內的一切互聯裝置)數量將從2014年的1030萬個增至2950萬個以上。如何在海量裝置上實現螢幕適配,是一項大工程,需要藉助技術手段來解決。
HTML5是一種網路開發語言。因為HTML5能夠很好地實現跨平臺體驗,實現不同裝置、不同螢幕之間的相容,所以深受很多開發人員的歡迎。
為此,雲適配此前推出了完整的HTML5產品線:網站跨屏雲“Xcloud”。
“比如,一家酒類品牌商原來只是按照PC網際網路的服務形式製作了一個官方網站,但這個網站在手機上開啟時,頁面上的欄目佈局都是混亂的。如果要圍繞手機終端重新再設計和製作一個網站勢必要增加成本,但藉助“Xcloud”跨屏雲,就能直接把原有的PC版網頁適配成HTML5移動應用,這時無論消費者是用什麼裝置登入網站,都能體驗到最佳的互動方式,以此提升使用者滿意度乃至下單率。”陳本峰解釋說。
應用系統適配市場更大
在此前的服務過程中,陳本峰接觸了很多的零售企業,他發現很多零售企業除了在網頁瀏覽方面有移動化的需求外,也希望能將已經搭建好的各種應用系統也實現移動化,但在實現過程中這些企業遇到了一些問題。
“以辦公系統移動化為例。早年時,很多零售行業公司在辦公系統上投資很大,一些系統會耗資幾百萬甚至上千萬元。如果為了移動化再重新構建系統,一是會耗費開發時長,二需要再次投資。雲適配則希望能通過技術的手段大幅縮短零售企業應用系統移動化的週期,降低移動化的資金成本。”陳本峰說。
不過,應用系統的移動化要比網站移動化更難。
據陳本峰介紹,市面上有一些競品工具,它們只能對那些由圖片和文字構成的靜態網站進行移動化轉換。然而,企業應用系統一般是全動態的,到處是表單。比如一款ERP應用,需要使用者開啟視窗,填表,點選完成按鈕後再彈出另一個選擇視窗,使用者選擇某個選項後再點選進入。這種複雜的操作介面,沒法用常規的轉化技術來解決。
但云適配找到了實現辦法,那就是“智慧感知引擎CARE技術”。“ ‘智慧感知引擎CARE技術’是雲適配的核心技術。PC端源網頁上執行著大量企業開發的指令碼程式碼,在轉化時絕不能改動這些指令碼程式碼,但可以在原來網頁基礎上重新渲染成可適配移動終端的頁面。轉化後,使用者在移動終端上的所有操作也可以與PC端上的網頁同步,這正是“智慧感知引擎CARE技術”要實現的目的。” 陳本峰告訴中國商報。
瀏覽器即服務
在幫助企業解決網站和應用系統的移動化問題時,陳本峰越來越感覺到企業在移動化的過程中對場景構建的重視程度在不斷加深。
陳本峰向記者舉了兩個有關場景構建的例子。
一家位處華東的高階紡織品品牌線上下開設了很多專賣店。從前,一位客戶在某個門店購買某款產品時如果發現沒有貨,立馬就會去別的品牌店消費。但自從上線移動化系統後,線下門店一旦發現本地無貨,就會通過移動端的系統查詢周圍同品牌門店或代理渠道是否擁有這款產品的存貨,如果有就能及時調貨。
還有一家日用品品牌企業,在一些農村的小賣部中有鋪貨。在過去,這家企業會很隨意地安排鋪貨數量,但有時一些產品因為賣的不好就積壓在了小賣部。後來這家日用品品牌企業上線了一套移動化系統,由此根據每個星期或每個月的銷售資料調整鋪貨數量,庫存積壓的問題也就解決了。
“這些企業在利用移動化去解決庫存問題、去解決流通問題,並正積極地出於利益最大化的目的來構建場景。雲適配恰需要一種新的服務模式來幫助企業實現這一目的。”陳本峰說。
在不久前,雲適配推出了一款企業瀏覽器Enterplorer,並基於這款瀏覽器,提出了“瀏覽器即服務”(Browser asa Service,簡稱BraaS)的新模式,即把Enterplorer瀏覽器作為未來服務企業的主要移動應用和管理平臺。
“這一新模式能夠從企業的實際需求出發構建服務場景,真正切入到企業業務的深水區,又能幫助企業解決開發費用高昂、資料孤島、難向核心應用延伸等系列問題。” 陳本峰對記者如是說。
從螢幕適配的基礎需求滿足,再到對基於HTML5技術幫助企業構建移動化運營場景,雲適配的服務模式探索歷程也受到了資本市場的認可。
11月17日,雲適配宣佈B+輪融資圓滿完成,獲得達晨創投領投的1億元融資。雲適配表示,本次融資後將繼續加大對產品研發的投入、提升產品差異化和技術壁壘,將企業移動化建設推向新高潮。
相關文章
- 螢幕適配
- AutoLayout螢幕適配
- android 螢幕適配Android
- Flutter螢幕適配Flutter
- flutter 螢幕尺寸適配 字型大小適配Flutter
- Android 主流螢幕以及適配Android
- Android螢幕適配(理論適配100%機型)Android
- @media 移動端螢幕適配
- Android 螢幕適配終結者Android
- 【postcss-px-to-viewport】螢幕適配CSSView
- Flutter螢幕適配 - 等比縮放Flutter
- android螢幕適配三:通過畫素密度適配Android
- android 今日頭條的螢幕適配理解Android
- 極其簡單的Flutter 螢幕適配Flutter
- 移動 web 端螢幕適配 – remWebREM
- Android螢幕適配總結和思考Android
- Android技能樹 — 螢幕適配小結Android
- H5 分層螢幕適配H5
- 淺談-web螢幕適配的解決方案Web
- android 螢幕適配一:通過自定義View的方式實現適配AndroidView
- Flutter螢幕適配,簡單粗暴的全域性適配方式Flutter
- 詳解移動端HTML5頁面根據螢幕適配的四種方案HTML
- Android螢幕適配前先了解這些Android
- Andoid螢幕適配終極手段(小編用過最得勁的dp適配)
- Android最全螢幕適配的幾個重要概念(三)Android
- android 螢幕適配二:手寫百分比佈局適配Android
- Android 螢幕適配:最全面的解決方案Android
- cocos creator螢幕適配的一些知識點
- [譯] Flutter —— 根據不同螢幕尺寸高效的適配 UIFlutterUI
- 學習筆記:自適應佈局,多螢幕適配筆記
- 鴻蒙Banner圖一多適配不同螢幕鴻蒙
- 實踐 | 為 Trackr app 適配大螢幕裝置APP
- flutter螢幕適配 ,一種一勞永逸的全域性適配方式Flutter
- 移動APP測試-Android螢幕適配問題(一)APPAndroid
- 移動APP測試:Android螢幕適配問題二APPAndroid
- Xcode11 Luanchscreen.storyboard 複雜元素螢幕適配XCode
- Android dp方式的螢幕適配工具使用(Android Studio外掛方式)Android
- Android螢幕適配很難嘛?其實也就那麼回事Android
- vue專案PC端如何適配不同解析度螢幕Vue