【正文】 布等，查看的視角主要是宏觀和關(guān)聯(lián)。首先，在了解需求的基礎(chǔ)上分析我們要展示哪些數(shù)據(jù)，包含元數(shù)據(jù)、數(shù)據(jù)維度、查看的視角等；其次，我們利用可視化工具，根據(jù)一些已固化的圖表類型快速做出各種圖表；然后優(yōu)化細(xì)節(jié)；最后檢查測試。現(xiàn)對可視化展示系統(tǒng)設(shè)計的流程和展示場景進(jìn)行詳細(xì)的介紹。通訊協(xié)議：TCP/IP網(wǎng)絡(luò)接口方式：RGB信號可以在拼接墻的指定區(qū)域或全屏開窗顯示，并能夠與各專業(yè)的高分辨率圖形疊加，窗口可以任意漫游、縮放、跨屏顯示。RGB接口方式：可視化系統(tǒng)與大屏顯示信號源接口設(shè)計 本方案可視化系統(tǒng)與拼接墻系統(tǒng)與用采用了兩種接口方式：網(wǎng)絡(luò)和RGB，其中網(wǎng)絡(luò)應(yīng)用和RGB接口方式是相互備份的，在常規(guī)應(yīng)用狀態(tài)拼接墻系統(tǒng)使用網(wǎng)絡(luò)顯示用戶專業(yè)系統(tǒng)畫面，但出現(xiàn)報警狀態(tài)或拼接墻的多屏處理器出現(xiàn)故障時，則系統(tǒng)切換為RGB狀態(tài)顯示用戶客戶端計算機的畫面，保證在拼接墻上完整、高效、安全、方便的顯示用戶專業(yè)系統(tǒng)提供的畫面。大屏幕系統(tǒng)控制接口主要分為兩類接口類型：RS232/485串口、網(wǎng)絡(luò)接口。具體做法是：用面向?qū)ο蟮姆治龇椒ǜ鶕?jù)需求提出一些模型，將這些模型實現(xiàn)為基本的Java對象，然后編寫基本的DAO(Data Access Objects)接口，并給出Hibernate的DAO實現(xiàn)，采用Hibernate架構(gòu)實現(xiàn)的DAO類來實現(xiàn)Java類與數(shù)據(jù)庫之間的轉(zhuǎn)換和訪問，最后由Spring做管理，管理struts和hibernate。集成SSH框架的系統(tǒng)從職責(zé)上分為四層：表示層、業(yè)務(wù)邏輯層、數(shù)據(jù)持久層和域模塊層，以幫助開發(fā)人員在短期內(nèi)搭建結(jié)構(gòu)清晰、可復(fù)用性好、維護方便的Web應(yīng)用程序。從而使開發(fā)人員可以專注于應(yīng)用系統(tǒng)核心業(yè)務(wù)邏輯的分析、設(shè)計和開發(fā)，簡化了應(yīng)用系統(tǒng)的開發(fā)、更新和升級工作。在保證客戶端功能的前提下，為用戶提供一個簡潔的界面。三層體系的應(yīng)用程序?qū)I(yè)務(wù)規(guī)則、數(shù)據(jù)訪問、合法性校驗等工作放到了中間層進(jìn)行處理。在本系統(tǒng)工程項目設(shè)計中，本公司將竭誠為用戶提供先進(jìn)的高品質(zhì)產(chǎn)品，為用戶提供完善的系統(tǒng)配套及產(chǎn)品售后服務(wù)，確保將該項目建設(shè)成為一流的系統(tǒng)工程，使用戶方便、安心的使用。 系統(tǒng)展現(xiàn)范圍 一期項目展示范圍主要包括集團及各直管公司經(jīng)營類指標(biāo)及火電、水務(wù)和新天（含新能源、天然氣）三個主要板塊的生產(chǎn)數(shù)據(jù)。l 視頻展示：一期接入場景按板塊不少于12個。l 天然氣板塊：輸氣量，售氣量，管道里程，客戶數(shù)（居民數(shù)、工業(yè)數(shù)）、GIS管網(wǎng)圖等。l 水廠實施數(shù)據(jù)：進(jìn)水流量、進(jìn)水濁度、進(jìn)水PH值、中和池PH值、出水流量、出水PH值、出水余氯、出水濁度、累計出水總量等。l 發(fā)電廠環(huán)保指標(biāo)：硫氧化物、氮氧化物、粉塵、二氧化碳（年排放量、排放值、脫硫效率，脫銷效率，除塵效率），耗水量等；l 發(fā)電廠技經(jīng)指標(biāo)：年發(fā)電量、上網(wǎng)電量、廠用電率、供電煤耗、等效利用小時數(shù)，安全運行小時數(shù)等；l 發(fā)電廠實時數(shù)據(jù)：結(jié)合鍋爐、汽輪機、發(fā)電機、高壓網(wǎng)站、熱網(wǎng)等組態(tài)圖（或三維模仿真模型圖）展示主蒸汽溫度、主蒸汽壓力、主蒸汽流量、給水流量、高壓主蒸汽門開度、中壓主蒸汽門開度、低壓主蒸汽門開度、發(fā)電機定子電流、發(fā)電機轉(zhuǎn)子電流、發(fā)電機有功功率、發(fā)電機無功功率、熱網(wǎng)供水溫度、熱網(wǎng)供水壓力、熱網(wǎng)供水流量、熱網(wǎng)供水負(fù)荷、熱網(wǎng)回水溫度、熱網(wǎng)回水壓力、熱網(wǎng)回水流量等。l 各二級企業(yè)經(jīng)營類指標(biāo)：包括EVA、ROE、ROA、主營業(yè)務(wù)收入增長率等對標(biāo)指標(biāo)。 2 需求分析 我公司從系統(tǒng)規(guī)模和應(yīng)用要求出發(fā)，做了詳細(xì)需求調(diào)研，我們歸納總結(jié)項目需求如下： 系統(tǒng)展現(xiàn)內(nèi)容 展示內(nèi)容包括集團相關(guān)指標(biāo)、系統(tǒng)企業(yè)經(jīng)營類指標(biāo)（同比、環(huán)比、完成情況等）、部分企業(yè)生產(chǎn)數(shù)據(jù)（包括實時數(shù)據(jù)接入）、視頻通話、GIS系統(tǒng)展示和宣傳片等?？梢曊故鞠到y(tǒng)載體，基于用戶實際需求和環(huán)境要求，我們設(shè)計了一套完整的數(shù)據(jù)拼墻系統(tǒng)方案，將高清晰度數(shù)碼顯示技術(shù)、LCD拼接技術(shù)、多屏圖像處理技術(shù)、多路信號切換技術(shù)、網(wǎng)絡(luò)技術(shù)、集中控制技術(shù)等的應(yīng)用集合為一體，使整套系統(tǒng)成為一個擁有高亮度、高清晰度、高智能化控制的可視化顯示平臺。 451 系統(tǒng)設(shè)計概述隨著信息技術(shù)的快速發(fā)展，信息顯示的要求也越來越高，迫切希望將各種監(jiān)控系統(tǒng)的計算機圖文信息和視頻信號等通過大發(fā)工資進(jìn)行集中顯示，構(gòu)建一個高效便捷的視頻信息交流平臺，滿足自身的實時展示、調(diào)度、會商、決策及信息反饋等需求。大屏幕系統(tǒng)與視頻系統(tǒng)接口設(shè)計 33 點對點會議 34 系統(tǒng)演示方式設(shè)計（未完成） 345 項目預(yù)算 35 方案一 35 方案二 376 項目進(jìn)度及管理 39 項目進(jìn)度計劃 39 項目管理 40 項目管理制度 40 項目管理組織機構(gòu) 42 項目管理計劃及工作內(nèi)容 427 售后服務(wù)和技術(shù)培訓(xùn) 44 售后服務(wù) 11DID液晶（LCD）單元主要特點 11 大屏控制系統(tǒng) 144 可視化展示系統(tǒng)設(shè)計方案 16 拼接屏系統(tǒng)接口設(shè)計 16大屏幕系統(tǒng)與可視化系統(tǒng)顯示信號源接口XX集團數(shù)據(jù)展示系統(tǒng)設(shè)計方案XX信息技術(shù)有限公司2016年10月1 系統(tǒng)設(shè)計概述 3 設(shè)計概述 3 設(shè)計目標(biāo) 32 需求分析 4 大屏展示內(nèi)容 4 大屏展示范圍 53 拼接屏設(shè)計方案 6 系統(tǒng)構(gòu)架 6 LCD拼接墻系統(tǒng)基本功能描述 6 拼接墻系統(tǒng)組成 7 拼接系統(tǒng)顯示模式及功能 8 主要設(shè)備優(yōu)勢特別點 16 可示化數(shù)據(jù)展示系統(tǒng)設(shè)計 17 可視化展示系統(tǒng)設(shè)計流程 18 可視化展示技術(shù) 20 可視化展示系統(tǒng)場景設(shè)計 22 可視化展示系統(tǒng)管理功能 28 系統(tǒng)顯示性能與指標(biāo) 28 數(shù)據(jù)采集平臺設(shè)計 29 采集方式 30 數(shù)據(jù)庫選型 30 數(shù)據(jù)傳輸安全設(shè)計 31 VPN加密系統(tǒng) 31 入侵防御系統(tǒng) 32 防火墻系統(tǒng) 32 安全審計系統(tǒng) 32 漏洞掃描系統(tǒng) 32 網(wǎng)絡(luò)防病毒系統(tǒng) 32 系統(tǒng)災(zāi)備設(shè)計 33 視頻通話系統(tǒng) 33 44 技術(shù)培訓(xùn)可視化展示系統(tǒng)不僅能夠有效集成集團系統(tǒng)企業(yè)相關(guān)數(shù)據(jù)信息，還可以展示集團及系統(tǒng)企業(yè)概況、重要生產(chǎn)經(jīng)營管理數(shù)據(jù)、生產(chǎn)管理場景以及實現(xiàn)視頻通話系統(tǒng)等業(yè)務(wù)連接集成，形成一套功能完善、技術(shù)先進(jìn)的交互式信息顯示及管理平臺，從而充分體現(xiàn)集團信息化管理和精細(xì)化管理水平。 整套系統(tǒng)的硬件、軟件設(shè)計上已充分考慮到系統(tǒng)的安全性、可靠性、可維護性和可擴展性，存儲和處理能力滿足遠(yuǎn)期擴展的要求。計劃展示各類數(shù)據(jù)指標(biāo)包括：l 集團：ROE、EVA、ROA、主營業(yè)務(wù)收入增長率、總資產(chǎn)、凈資產(chǎn)、利潤總額、凈利潤、總資產(chǎn)排名、利潤排名、各產(chǎn)業(yè)資產(chǎn)分布圖等。l 建投能源：供電煤耗、發(fā)電廠用電率、利用小時數(shù)、綜合標(biāo)煤單價、度電變動成本。l 水務(wù)板塊：對標(biāo)指標(biāo)、原水售水量、自來水售水量、污水處理量、輸水管線漏損率、供水管線漏損率、場站GIS分布圖等。l 新能源板塊：發(fā)電量（及組成）、裝機容量、風(fēng)電場可用系數(shù)、等效利用小時數(shù)、GIS風(fēng)場分布圖等；l 新能源實施數(shù)據(jù)：風(fēng)機數(shù)量、運行臺數(shù)、故障臺數(shù)、實時有功、實時無功、當(dāng)月發(fā)電量、年累計發(fā)電量、實時風(fēng)速等。各樞紐、儲氣站實時數(shù)據(jù)包括輸氣壓力、流量、儲氣量等。建投能源所屬電廠、水務(wù)公司水廠、新能源風(fēng)場、天然氣各3個點，上述選擇接入企業(yè)調(diào)控中心1個點，可進(jìn)行視頻通話，全景及生產(chǎn)管理場景各2個，可調(diào)看視頻。其中，每個板塊先選取三家公司進(jìn)行數(shù)據(jù)及視頻接入。3 可視化展示系統(tǒng)解決方案 軟件體系架構(gòu)我方采用三層(多層)B/S結(jié)構(gòu)的方式進(jìn)行架構(gòu)設(shè)計，所謂三層體系結(jié)構(gòu)，是在客戶端與數(shù)據(jù)庫之間加入了一個“中間層”，也叫組件層。開發(fā)人員可以將應(yīng)用的商業(yè)邏輯放在中間層應(yīng)用服務(wù)器上，把應(yīng)用的業(yè)務(wù)邏輯與用戶界面分開。這意味著如果需要修改應(yīng)用程序代碼，只需要對中間層應(yīng)用服務(wù)器進(jìn)行修改，而不用修改成千上萬的客戶端應(yīng)用程序。開發(fā)框架：我方采用成熟的SSH框架進(jìn)行軟件部分功能的開發(fā)，struts+spring+hibernate的一個集成框架，是目前較流行的一種Web應(yīng)用程序開源框架。其中使用Struts作為系統(tǒng)的整體基礎(chǔ)架構(gòu)，負(fù)責(zé)MVC的分離，在Struts框架的模型部分，控制業(yè)務(wù)跳轉(zhuǎn)，利用Hibernate框架對持久層提供支持，Spring做管理，管理struts和hibernate。 拼接屏系統(tǒng)接口設(shè)計大屏幕顯示系統(tǒng)需要與用戶各個專業(yè)系統(tǒng)顯示信號源有相關(guān)的技術(shù)接口，主要分為三類接口類型：模擬視頻接口、獨立計算機RGB接口、網(wǎng)絡(luò)接口。在結(jié)合了拼接墻系統(tǒng)的應(yīng)用特點、接口標(biāo)準(zhǔn)以及本次項目的實際要求后，拼接墻與相關(guān)系統(tǒng)的接口方式詳見下文。大屏幕系統(tǒng)提供了10路RGB接口，用戶專業(yè)計算機系統(tǒng)的RGB信號通過接口由RGB線纜傳輸?shù)絉GB矩陣，通過矩陣的分配將RGB信號分別輸入到拼接墻多屏處理器和顯示單元。 硬件接口：HD15/DVI大屏幕系統(tǒng)提供了2路100M/1000M的網(wǎng)絡(luò)接口，用戶專業(yè)計算機系統(tǒng)通過網(wǎng)絡(luò)將需要顯示的畫面和數(shù)據(jù)傳輸給多屏處理器系統(tǒng)，經(jīng)過多屏處理器處理后，拼接墻系統(tǒng)將接收到的信息內(nèi)容直接在拼接墻上顯示。硬件接口：RJ45 可示化數(shù)據(jù)展示系統(tǒng)設(shè)計信息可視化、互聯(lián)網(wǎng)絡(luò)以及多媒體技術(shù)的發(fā)展推動了電力行業(yè)的信息化展示技術(shù)的發(fā)展，依托大屏幕的硬件展示條件，有效集成集團系統(tǒng)企業(yè)相關(guān)數(shù)據(jù)信息，構(gòu)建符合現(xiàn)代電力系統(tǒng)發(fā)展水平的大屏可視化展示系統(tǒng)，充分體現(xiàn)集團信息化管理和精細(xì)化管理水平。 可視化展示系統(tǒng)設(shè)計流程一個好的流程可以讓我們事半功倍，可視化的設(shè)計流程主要有分析數(shù)據(jù)、匹配圖形、優(yōu)化圖形、檢查測試。圖 可視化設(shè)計流程想要清楚地展現(xiàn)數(shù)據(jù)，就要先了解所要繪制的數(shù)據(jù)，如元數(shù)據(jù)、維度、元數(shù)據(jù)間關(guān)系、數(shù)據(jù)規(guī)模等。涉及到的視覺元素有形狀、色彩、尺寸、位置、方向，如圖所示。由于客戶是投放在大屏幕上查看，我們對大屏幕的特點進(jìn)行了分析，比如面積巨大、深色背景、不可操作等。圖 設(shè)計風(fēng)格最后根據(jù)設(shè)計風(fēng)格進(jìn)一步確定了深藍(lán)為標(biāo)準(zhǔn)色，代表科技與創(chuàng)新；橙紅藍(lán)分別代表指標(biāo)數(shù)量的高中低，為輔助色；整體的視覺風(fēng)格與目前主流的扁平化一致。 可視化展示技術(shù)擁有的優(yōu)勢：基于html5 Canvas，是一個純Javascript圖表庫，提供直觀，生動，可交互，可個性化定制的數(shù)據(jù)可視化圖表。更小體積的文件，滿足更輕便的使用需求，更靈活的打包方式，可自由選擇你需要的圖表和組件，動端強勢來襲，良好的自適應(yīng)效果專屬的移動端交互體驗，更豐富的可視化效果，新增更多圖表類型，更好的滿足不同數(shù)據(jù)的處理需求 更多的搭配方案讓你的數(shù)據(jù)呈現(xiàn)方式更個性和完美。HTML5本身是由W3C推薦出來的，它的開發(fā)是通過谷歌、蘋果，諾基亞、中國移動等幾百家公司一起醞釀的技術(shù)，這個技術(shù)最大的好處在于它是一個公開的技術(shù)。另一方面，W3C通過的HTML5標(biāo)準(zhǔn)也就意味著每一個瀏覽器或每一個平臺都會去實現(xiàn)。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數(shù)人對HTML5有興趣的主要原因。2010年，Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計“這個名詞，指可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。這樣做固然保證了效果，但是比較麻煩，同時要維護好幾個版本，而且如果一個網(wǎng)站有多個portal（入口），會大大增加架構(gòu)設(shè)計的復(fù)雜度。 可視化展示系統(tǒng)場景設(shè)計根據(jù)XX集團對于大屏展示場景的需求，共設(shè)計建投能源所屬電廠、水務(wù)公司水廠、新能源風(fēng)場、天然氣等各板塊展示場景、生產(chǎn)管理場景和主場景展示。通過對上述數(shù)據(jù)進(jìn)行分析，得出各指標(biāo)應(yīng)該匹配的圖表類型如下：GIS圖：顯示集團公司所屬二級企業(yè)資產(chǎn)分布情況；文字描述：集團經(jīng)營指標(biāo)分析，包括：總資產(chǎn)、凈資產(chǎn)、利潤總額、凈利潤等四項指標(biāo)；儀表盤圖表：ROE、EVA、ROA、主營業(yè)務(wù)收入增長率、凈利潤等指標(biāo)要體現(xiàn)同比、環(huán)比、完成情況等；柱形圖表：總資產(chǎn)排名（各個二級企業(yè)分別在不同投資項目下的資產(chǎn)情況以及不同行業(yè)的投資占比）、利潤排名（各個二級企業(yè)在在不同投資項目中的利潤情況）；餅形圖表：主營業(yè)務(wù)收入增長率；頁面設(shè)計效果圖如下所示：圖 主頁面二級企業(yè)展示場景頁面設(shè)計根據(jù)XX集團需求，二級企業(yè)展示場景需要展示各二級企業(yè)經(jīng)營類指標(biāo)：包括EVA、ROE、ROA、主營業(yè)務(wù)收入增長率等對標(biāo)指標(biāo)。發(fā)電廠環(huán)保指標(biāo)包括硫氧化物、氮氧化物、粉塵、二氧化碳（年排放量、排放值、脫硫效率，脫銷效率，除塵效率），耗水量等；發(fā)電廠技經(jīng)指標(biāo)包括年發(fā)電量、上網(wǎng)電量、廠用電率、供電煤耗、等效利用小時數(shù)，安全運行小時數(shù)等；發(fā)電廠實時數(shù)據(jù)：結(jié)合鍋爐、汽輪機、發(fā)電機、高壓網(wǎng)站、熱網(wǎng)等組態(tài)圖（或三維模仿真模型圖）展示主蒸汽溫度、主蒸汽壓力、主蒸汽流量、給水流量、高壓主蒸汽門開度、中壓主蒸汽門開度、低壓主蒸汽門開度、發(fā)電機定子電流、發(fā)電機轉(zhuǎn)子電流、發(fā)電機有功功率、發(fā)電機無功功率、熱網(wǎng)供水溫度、熱網(wǎng)供水壓力、熱網(wǎng)供水流量、熱網(wǎng)供水負(fù)荷、熱網(wǎng)回水溫度、熱網(wǎng)回水壓力、熱網(wǎng)回水流量等。通過對上述數(shù)據(jù)進(jìn)行分析，得出各指標(biāo)應(yīng)該匹配的圖表類型如下：GIS圖：集團公司所屬水廠分布情況；實時數(shù)據(jù)監(jiān)測：對示范“廠區(qū)”、“管網(wǎng)分布”、“公共系統(tǒng)”進(jìn)行實時數(shù)據(jù)監(jiān)測及展示；生產(chǎn)實時監(jiān)控：對于指定廠內(nèi)的生產(chǎn)情況可以在線監(jiān)控，并可與現(xiàn)場人員進(jìn)行視頻對話；折線圖表：各個水廠的原水售水量、自來水售水量及污水處理理的相關(guān)指標(biāo)分析；餅形圖表：各個水廠在輸水管線漏損及供水管線漏損的占經(jīng)情況分析；頁面設(shè)計效果圖如下所示：新能源指標(biāo)分析場景頁面設(shè)計根據(jù)XX集團需求，新能源指標(biāo)分析場景需要展示新能源板塊的生產(chǎn)數(shù)據(jù)，包括：發(fā)電量（及組成）、裝機容量、風(fēng)電場可用系數(shù)、等效利用小時數(shù)、GIS風(fēng)場分布圖等；新能源實施數(shù)據(jù)包括風(fēng)機數(shù)量、運行臺數(shù)、故障臺數(shù)、實時有功、實時無功、當(dāng)月發(fā)電量