613
技術社區[雲棲]
DataV可視化大屏提升數據匯總效率，緊抓商機
要解決這個問題，必須搭建一塊實時數據看板
3年前，計算機博士鄧毓博辭去高校教職，創業做起“互聯網+牛肉麵”的生意——生產標準化的速食牛肉麵，放上淘寶售賣。他的品牌“牛大坊”，剛開張第一年就賣出了20多萬份麵，但他並不滿足於此。
鄧毓博的終極理想，是用“雲供應鏈”整合牛肉麵產業的各個環節，革新線下店鋪的經營模式，讓蘭州牛肉麵與麥當勞、肯德基一樣，標準化。2016年下半年，鄧毓博帶著這個想法找到好友老財，老財經營的包菜網絡是家技術解決方案公司，過去兩年協助大量餐飲連鎖店完成信息化改造，兩人一拍即合。於是，鄧毓博的網紅牛肉麵團隊，正式轉型做起供應鏈服務。
改造的第一步，就是讓街邊的牛肉麵實體店鋪變得智能，裝上了三大係統提升效率：點單支付和收銀係統、CRM 用戶管理係統、ERP 庫存控製係統。**留存在上述係統裏的銷售數據，過去都是各個門店自己做盤點，再由店長上報到總部的運營部門做匯總，鏈路過長且容易出錯。**對分秒必爭的供應商來說，減少數據匯總的時間損耗，正是商機所在。鄧毓博和老財認定，要解決這個問題，必須搭建一塊實時數據看板。
奮鬥半個月終於整出了原型，卻發現這是個大坑
老財聯想到天貓雙十一交易數據大屏，何不把牛肉麵的實時銷售搬上大屏幕，這樣也方便業務人員即時監控與調整。於是，前端同學照著雙十一大屏悶頭開發起來，奮鬥半個月終於整出了原型，卻發現這是個大坑，數據大屏對技術要求非常高，要做到商業化應用， 開發成本相當高，粗略算下來至少要150人日。
這還沒算後續的運維和更新，以及一些更現實的問題：
·麵對高速增長的業務需求，這樣的時間人力成本是很大的負擔；
·數據可視化的設計和實現都比較困難，要做到性能和效果都OK的程度，對於複雜數據的設計展現還是有很高專業要求的；
·設計出來的很多圖表與特效對於本來就任務繁重的開發同學更是耗時耗力，大屏幕上分辨率適配的種種問題也很麻煩。
為了理想方案反複選型，不僅限於效果炫酷
於是老財開始反複比較和選擇相關數據展現的產品和工具，數據可視化不能僅限於效果好看，作為企業應用選型，我們需要考慮長期與實際業務場景的結合匹配度，數據展示是否回答業務問題，影響決策，才是真的產生價值。
對於我們來說，理想的數據看板需要實現三個功能：
1、數據實時 2、可視化 3、一屏展現多個指標。
這3點看起來容易，實際需要考慮的事情還是很繁瑣的，比如：
1.數據實時：
為了實現實時數據展現，必須要實時提供公司的業務數據，這就需要足夠安全、穩定的雲服務做基礎，這是我們必須考慮的根本問題。
2.可視化：
既然要做數據看板，為的是脫離枯燥的數據表，動態地看到數據變化和趨勢，對於數據展現的效果肯定是有一定要求的，美觀和實用的平衡度也是極重要的。
3.一屏展現多個指標：
對於各個指標的數據展示，我們有各種細分的需求，這需要相當豐富的組件庫，最好還能讓不同的組件能聯動起來展示，這樣就能完成初步的數據鑽取了！
正當犯難之際，老財發現阿裏雲 DataV 正是雙十一數據大屏的搭建工具，在 DataV 裏靠拖拽組件和簡單數據配置，就能做出同樣的效果。考慮到雲服務的安全和穩定性，加上DataV為業務需求誕生的基因，我們對這個產品的實用度還是比較有信心的。很快，技術方案敲定，DataV 作為牛肉麵數據大屏的前端展示，對接智能門店係統後台數據。
（圖1：蘭州牛肉麵數據大屏截圖。數據大屏鏈接：https://datav.aliyun.com/share/470b65372324f45b7ecd0b63f5abab11 ）
基礎版 ？企業版？ 
（圖2： DataV 的各版本區別）
來到dataV的購買頁，發現還要做版本選擇，各種細化的對比一不小心就看花眼了，為了先測試一下是否好用，還是先選擇了基礎版，讓前端同學上手試著搭建了一個大屏試了試。
第一個大屏1小時內就搭建好了，後來發現大屏的分享安全性是個很嚴肅的問題，通過比較發現企業版能夠加密分享，考慮到企業長期使用的穩定性，為了企業的業務數據安全分享，減少麻煩，最後還是決定升級為企業版更安心一些。
另一方麵，**老板特別要求了：“一屏要能展現多個指標”，**對於各個指標的數據展示，各種細分的使用場景是不同的，而且隨著業務的發展，未來會有更高的要求，這需要相當豐富、並且不斷更新的組件庫，最好還能讓不同的組件能聯動起來展示，這樣就能完成初步的數據鑽取了！
前端同學發現，企業版在數據源的選項、大屏項目數量、組件的豐富度都遠遠高於基礎版的配置，考慮到業務快速發展的需求，多樣化的數據源和強大的組件庫這塊也是我們升級企業版的重要原因。
從0到1的DataV數據可視化大屏搭建經驗
數據準備：搞定數據來源和數據加工
技術團隊采用了阿裏雲數加的全套方案，首先通過實時采集腳本，定時執行采集任務，通過阿裏雲的多數據源數據同步能力，把相關業務數據抽取出來，確保時效性，又不影響正在發生的當前業務。接著在數據應用層通過腳本實時運算，匯總成用於最終顯示的數據模型。再通過接口把要顯示的可視化前端組件數據通過 API 的方式和 DataV 對接即可。
使用API的方式，可以穩定的對外提供接口，保證數據輸出的統一性。比如，飛線處理，需要把交易的實時發生地動態轉化成坐標，這裏技術團隊用到了高德地圖的服務。假設需要換成其他服務商，隻需改動API內部的邏輯代碼，對數據展示層來說無需變化，這極大地保證了穩定性 。**另外，選擇由服務器發起http代理請求，也解決了跨域等問題，DataV 的設計考慮到了不同場景的需要。**
（圖3：蘭州牛肉麵數據大屏技術架構圖）
根據業務需求，拖拽組件：
牛大坊數據大屏主要使用了翻牌器、支付地圖，物料庫存柱狀圖，實時排名列表，扇形百分比等組件。
（圖4：使用 DataV 製作蘭州牛肉麵大屏的界麵）
通過交易地圖以及套餐實時交易排行榜，能夠實時掌握各區域銷售情況和各品類銷售情況，方便實時跟蹤目標進度，調整策略等。**通過物料庫存柱狀百分比組件，相關人員隨時看看大屏就能知道各個區域的物料消耗情況，提前進行部署和庫存調度，大幅減少損耗，高效提前備貨。**
（小編備注：更多上手文檔，迅速開始
https://help.aliyun.com/document_detail/53845.html?spm=5176.doc53844.6.543.RP8JNp）
解放開發同學，運營人員也不再苦等各門店的數據匯總
蘭州牛肉麵數據大屏誕生後，極大提升了牛大坊的運營效率，現在鄧毓博的運營人員不再苦等各門店的數據匯總。每天上班，看看大屏，就能知道各個區域的物料消耗情況，提前進行部署和庫存調度，大幅減少損耗，甚至很多時候，比門店還提前知道備貨量。
嚐到甜頭後，鄧毓博堅定了深耕數據化標準化運營的決心。同時，蘭州牛肉麵協會也向當地商務局推薦了這個數據大屏，希望能應用到更多的領域。
----------這一天已經不遠了，未來你在路邊吃的每碗蘭州牛肉麵背後，都會藏著大數據的力量。此刻我隻想問，黃燜雞、麻辣燙和沙縣小吃，你們還在等什麼。
小編結語
以上洋洋灑灑介紹了牛大坊/包菜網絡科技的應用案例，相信老財對數據可視化解決方案的選型思路對各位也有所啟發，特別是選型過程中發現的DataV對於企業運營數據分析的強大威力，感興趣的話趕緊去 DataV 數據可視化裏試試吧。
https://data.aliyun.com/visual/datav?spm=5176.8142029.388261.74.tPZdRK
另注DataV的最新動向：**DataV接入ECharts圖表庫 可視化利器強強聯手**
速速前往現場了解：https://yq.aliyun.com/articles/106656?spm=5176.100244.teamhomeleft.2.hGi0Sv
最後更新：2017-06-29 21:34:09