全可視化大屏項目操作步驟詳解

可視化大屏項目操作步驟詳解可視化大屏項目實施流程1、需求調(diào)研：最耗費時間，最重要的一步。大屏需求調(diào)研是大屏項目的重中之重，搞清楚業(yè)務需求，做出來的大屏才有應用的價值，這個過程需要和業(yè)務方溝通確認，耗時很長，不少大屏項目前期需求沒溝通清楚就動手開發(fā)，后面改到哭爹喊娘。除了業(yè)務需求調(diào)研之外，如果要在硬件上展示的大屏，還需要對大屏硬件進行需求調(diào)研，比如大屏顯示設備采購、分辨率輸出等等2、原型設計：大屏展示什么指標，指標如何布局，一般需要列一個指標清單，和業(yè)務方明確。然后圖表的樣式，可視化交互功能，如鉆取、聯(lián)動、輪播等，根據(jù)排版好的內(nèi)容落地成盒原型圖demo。1BCL)IMVi超者洪指慟h對必目算余額不良更柔於篇需國王東口.收益其后樂|，BM&T近年度的詩M喉|由S斥L：EVK近4手造螃品部1勤.欣本h3目尿|「繇附成本聞的1北投鈦近屋隹￡4J3?用董衛(wèi)罩檢區(qū)畫尾稗顯.田黑夷博特工結(jié)點工如搪石金書母國I，C2席戳落標女后三；5五溺宏癡】壬*品:質(zhì)里克非郎的止的的酎壬拈弛JSSitHiiliSS班后枚的咫?不典瓶用：」匕不由石布吩s＞用a用！?時必不氫虱血封行排昌?席或知腑仃白耳典同吃的瓶里夠標門避赧款SMt聞近天趨弱階牌或圖叫E或門怨變&曲筠近決其勢3、藍圖方案：然后根據(jù)原型圖進行視覺美化，需要結(jié)合屏幕尺寸、分辨率、大屏的風格來設計。對于大屏而言，藍圖方案除了業(yè)務、數(shù)據(jù)、技術、實施方案外，更重要的是對大屏的指標、功能點、預期效果進行整理輸出。4、效果落地：根據(jù)藍圖在前端繪制demoH大量dunw二型分布■'iir?+a-軍質(zhì)鼻■，軍夙曲替詞殖■'Ji4叟分布■里品牌H在?山州本號心詞生員工甘新H大量dunw二型分布■'iir?+a-軍質(zhì)鼻■，軍夙曲替詞殖■'Ji4叟分布■里品牌H在?山州本號心詞生員工甘新nnJSTJTh&C團再M定支H■安確比日石■暑2D：3522hrip-nlo-507S-ii?c-2ERRC?[3F打d|J』rj&IOEkc麻?辦B駕?M「.■?dtmo■■docE#aii￡M>si用您甲M*國IH!才杵管理|||n*f<IJ?4D.-.?AHAllQDDEMCi.ffm白血赤.：系銷量TOPIO京IE裘受勛更良百■梃曲曲排名二軍系.所■廠商_當月銷?一去3i5E?til.出土口田口口16萄卬國：二/0SDtt1.nine]+13DtrnnlS.Irm第：demofl.lirm里(^■,OZdeiTTO.rrm*甘『口ei7L「「e銷售分析;?■4**?*■土/5、數(shù)據(jù)處理：數(shù)據(jù)處理大致分為三步，底層數(shù)據(jù)處理，前端數(shù)據(jù)展現(xiàn)，數(shù)據(jù)校對。根據(jù)數(shù)據(jù)量和實時性需求權衡是否需要做結(jié)果表。數(shù)據(jù)量小（計算簡單），準實時，不需要結(jié)果表數(shù)據(jù)量大（計算復雜），準實時，需要結(jié)果表。數(shù)據(jù)量?。ㄓ嬎愫唵危?，實時，不需要結(jié)果表。數(shù)據(jù)量大（計算復雜），實時，需要技術方案（如kafka+flink）6、大屏調(diào)試：理論上顯卡分辨率和PC端調(diào)試分辨率一致的情況下且字體自適應，不需要過多調(diào)試，在條件允許的情況下，建議在效果圖落地甚至原型圖設計階段就進行大屏預調(diào)試。這樣一套流程下來，一個大屏項目周期在10-20人天不等，如果需求復雜，很有可能一個項目耗費1-2個月，這之后還有相當大的維護工作要做，所以單純從技術角度去做一張大屏很容易，但是要完成一個實用的大屏項目并不簡單，望大家慎重考慮后動手?？梢暬笃良夹g上如何實現(xiàn)？通常做大屏前端方案設計有三類選擇，①是自行開發(fā)，利用開源的自定義可視化圖表；②是利用BI/報表廠商的工具來制作；③是找集成商定制，可以軟硬件一體化承包。自行開發(fā)。比如基于vue、Echart框架構(gòu)建大屏展示模板，網(wǎng)上有很多開源源碼。其自帶一些動效，比如數(shù)據(jù)動態(tài)刷新渲染、屏幕適應、內(nèi)部圖表自由替換、Mixins注入等功能，這個是前端。后端需要另寫一套框架請求數(shù)據(jù)，一般java。后端開發(fā)比較麻煩，如果數(shù)據(jù)需求復雜的話，比如需要多源數(shù)據(jù)連接，不斷的數(shù)據(jù)抽取和更新，定制開發(fā)難度會上升，代碼復雜了多了還有BUG，制作周期比較長，維護成本比較高。我遇到的很多項目前期都是做了源碼開發(fā)的嘗試，最后因為不穩(wěn)定，沒人維護等原因走了商業(yè)開發(fā)。大屏定制廠商：這種定制不是那種簡單的圖表展示。通常都是特殊需求，如3D建模，所以往往需要專業(yè)做可視化的廠商來按需定制。技術上基于三維的引擎如ventuz或者unity來定制大屏效果。商業(yè)定制效果通常來說都是最優(yōu)的，但實施成本和后期維護成本也是極其高昂的，實施幾百萬不等。BI/報表做大屏幕?，F(xiàn)在很多大屏項目都是用BI/報表工具來開發(fā)，比如帆軟的FineReport

雖然其本身是報表工具，但其實市面上能很好解決前端展示和后端數(shù)據(jù)讀取連接的平臺。再者本身提供構(gòu)建可視化的“畫布”（在FineReport里叫設計器），拖拽操作，對大屏的和移動設備也提供了一套高效可用的設計模式，構(gòu)建可視化的成本比較低，上手也比較容易，光這一點就能節(jié)約一周的人天。

文件?ffi ?量H WBt?UE日尊Ift2D：2122hTip-n^-?O?￡-lKdC-JERRCA[3Ml時d|J』R皿IDE班聞H男廿也亮京國應?用臺皆耳?中鼻懺曾期II苗蛀■建船門…±JR?tiiG文件?ffi ?量H WBt?UE日尊Ift2D：2122hTip-n^-?O?￡-lKdC-JERRCA[3Ml時d|J』R皿IDE班聞H男廿也亮京國應?用臺皆耳?中鼻懺曾期II苗蛀■建船門…±JR?tiiG：L..國定嵬賽擊|￡l..福曰??即0一0耳供口[3cKea■dtmo?5d?■￥hfiRjepnrt，?大BVK門??再同HQC*ber9&ufQDEMG.hm□OflircMJ.■4港晶心七R"DtmclS.ltm3T0"5。nineire曲品牌分布車系所廈廠商當月精?去1R民工分行產(chǎn)■巴；7口四口匚］的菌（□國丈群ra/事*，申r,?率十，?朝酎田?亞廣育十曾5denxM.lirmx(^OZdeirro.rrm*Hrofrn?LJrmJi國屋囊里**L衣￥闿SNJHiab?dis空白裝理分布車累看■中罩演軍盟的花晶牌世布只拿廿七E蔣■分皆排名求，涉及到特殊3D模型，也可和專業(yè)廠商做集成，提供建模實施方案?！觥纖nn354364ctili■±wnn354364ctilioca儂MSn痢.E悔強感理M4月*IMNT-HJ5fMHi44Ehnr?痢.E悔強感理M4月*IMNT-HJ5fMHi44Ehnr?具備前端展示和后端數(shù)據(jù)讀取的技術條件，平臺化的產(chǎn)品，后續(xù)維護成本很低。大家對可視化大屏有哪些認知誤區(qū)？誤區(qū)一：效果圖是效果圖，實際不一定能做出來我們經(jīng)常能在網(wǎng)上看到很多視覺效果非常驚艷的效果圖，拿來做參考，但是大部分的效果圖都不能百分百復現(xiàn)，因為我們實際實施時需要適配屏幕分辨率，比如字體能否自適應大小。一些動態(tài)展示如3D旋轉(zhuǎn)以及圖表空間和數(shù)據(jù)刷新的速率也無法看見，基本上實際圖做出來會和效果圖差那么一兩成。誤區(qū)二：大屏不僅僅是前端技術很多人把大屏理解為單純的前端展現(xiàn)技術，想的太簡單了，數(shù)據(jù)從哪里來，是讀業(yè)務數(shù)據(jù)庫還是建立中間庫，數(shù)據(jù)更新的頻率要求是什么，數(shù)據(jù)質(zhì)量有無問題還要先做底層數(shù)據(jù)處理？硬件方面，需要明確大屏的尺寸、種類、驅(qū)動大屏的主機？業(yè)務方面，大屏展示什