史靚

（黃河水利委員會信息中心，河南鄭州450004）

塔里木河流域水量調(diào)度遠程監(jiān)控系統(tǒng)用戶界面設計

史靚

（黃河水利委員會信息中心，河南鄭州450004）

計算機用戶界面是人們操作和控制整個計算機軟件系統(tǒng)的關鍵環(huán)節(jié)，是協(xié)調(diào)和連接計算機與人們之間信息交換的橋梁。分析了用戶界面的布局原則，根據(jù)塔里木河流域水量調(diào)度遠程監(jiān)控系統(tǒng)的功能，探討了該監(jiān)控系統(tǒng)各級界面的設計和實施辦法。

塔里木河流域；水量調(diào)度；遠程監(jiān)控；用戶界面設計

0 引言

塔里木河流域具有自然資源豐富和生態(tài)環(huán)境脆弱的雙重特征，實施流域水資源統(tǒng)一調(diào)度是維護自然資源、保護生態(tài)環(huán)境的重要手段。對塔里木河流域內(nèi)的重要引水工程進行遠程監(jiān)控系統(tǒng)建設，是實現(xiàn)塔里木河流域近期綜合治理目標的基本要求和必要手段。它可以克服流域地域廣袤、交通不便帶來的時空困擾，使水量調(diào)配者在遠方的調(diào)度中心就能夠?qū)崟r觀看各個引水工程的現(xiàn)場運行情況和引放水數(shù)據(jù)，及時下達調(diào)度指令，從而實現(xiàn)水資源的科學管理。

塔里木河流域管理局遠程監(jiān)控系統(tǒng)覆蓋“四源一干”共6個管理系統(tǒng)及其所屬的12座現(xiàn)地站遠程監(jiān)控系統(tǒng)。已建成的東河灘樞紐、恰拉樞紐、阿其克河口分水樞紐、大西海子、中游渠首5個現(xiàn)地監(jiān)控站點接入到本監(jiān)控系統(tǒng)中。已有的監(jiān)控站點因建設年代、所處地理位置等情況不同，其功能與本次設計的要求不完全相同，所具備的遠程監(jiān)控建設條件也各有不同。為了統(tǒng)一接入到本次建設的遠程監(jiān)控系統(tǒng)中，需要對原有接入站點的功能進行統(tǒng)一規(guī)劃，對系統(tǒng)監(jiān)控界面進行重新設計。

1 系統(tǒng)功能

塔里木河遠程監(jiān)控系統(tǒng)可實現(xiàn)塔里木河流域管理局總調(diào)中心、各源（干）流局分調(diào)中心及其所屬現(xiàn)地站監(jiān)控系統(tǒng)的多級監(jiān)控。監(jiān)控界面不僅要實現(xiàn)水量調(diào)配者對所管轄范圍內(nèi)的閘門引水情況、閘門運行情況的遠程監(jiān)測，對閘站、閘門進行遠程控制，還需要展示流域范圍內(nèi)重要站點的洪水預警信息和網(wǎng)絡狀態(tài)信息，并展示系統(tǒng)的存儲監(jiān)測數(shù)據(jù)和控制數(shù)據(jù)等信息。為了更好地展示系統(tǒng)功能，先要對系統(tǒng)進行總體結(jié)構設計。

該系統(tǒng)的總體功能分為以下9項：水閘信息采集與告警，引水量計算，云臺和攝像機控制，水閘閘門控制，對用戶進行身份驗證并賦予相應權限，對監(jiān)測數(shù)據(jù)和控制數(shù)據(jù)進行存儲，對實時監(jiān)測和歷史信息進行查詢檢索，對系統(tǒng)參數(shù)設置、運行維護進行管理，手動錄入［1］。系統(tǒng)功能結(jié)構如圖1所示。

2 界面布局原則［2～3］

界面設計除了滿足系統(tǒng)的功能性要求之外，還要滿足人的審美、認知、使用習慣等需求。界面的整體布局應遵循以下原則。

2．1 版面布局簡明清晰

界面的整體布局需要將大量的信息合理安排在界面中，密密麻麻的顯示會給人留下?lián)頂D不堪的感覺，不利于用戶把注意力集中到有用的信息上，從而增加查找有用信息所花費的時間。所以，在元素之間和元素組周圍留出適當?shù)目瞻?，會使屏幕結(jié)構合理，方便用戶閱讀、查找。如果信息量大，可以采用屏幕上下翻滾或者界面跳轉(zhuǎn)的方法顯示。這樣，既可以保證界面的美觀性，又可以保證信息量的完整性。從人機工程學角度來看，簡單明了的版面布局能有效提高人機交互效率。

2．2 合理利用最佳視域和有效視域

界面布局要注意等量分割、黃金分割等法則。大量人機工程學方面的研究表明，人在頭部靜止、眼睛正?；顒拥臓顟B(tài)下，水平方向左25°為最佳區(qū)視域，垂直方向0°到下30°為最佳視域。因此，界面中重要的、交互頻率高的信息應盡量落在人的最佳視域內(nèi)。另外，應注意信息板塊之間的邏輯關系，避免用戶漫無頭緒地瀏覽。

圖1 塔河遠程監(jiān)控系統(tǒng)功能結(jié)構圖Fig．1 Function structure of Tarim River remote monitoring system

2．3 版面布局順序合理

一般人用眼習慣是從左到右、從上到下地搜尋，并按順時針方向掃讀。由于人眼的視覺機能不完全對稱，當眼睛在偏離中央位置同樣距離的視域范圍內(nèi)時，眼睛對屏幕各象限的觀察效率會按照左上、右上、左下、右下的順序遞減。所以，在界面設計中，功能模塊的重要程度也應該盡可能的按照此順序來排列。

2．4 屏幕不能擁擠

人機工程學實驗表明：屏幕總體覆蓋率不能超過40%，分組覆蓋度不應該超過62%［3］，否則容易造成用戶的不安和心理負擔。但是，屏幕覆蓋率太低，會導致用戶注意力分散。因此，布局設計中屏幕不能太擁擠，也不能太松散。

2．5 協(xié)調(diào)界面視覺平衡感

版面布局的視覺平衡相當重要，對使用者的心理影響也很明顯。版面布局的視覺平衡與界面元素大小、形狀、色彩等因素都有十分密切的關系。不對稱的視覺界面會讓人覺得整個畫面是傾斜的，而對稱的視覺平衡看起來即整潔又有整體感，信息的識別率也高。

3 界面框架設計

界面設計首先要滿足系統(tǒng)的功能要求。方便用戶使用是衡量軟件可用性的重要指標。在信息內(nèi)容繁多的情況下，把目標和任務機構化是幫助用戶記憶、學習的必要手段。在具體設計中，可先把任務分解為若干個子任務，再把子任務分解為更加細致的次級子任務，直到用戶能直觀理解并完成任務，即可停止分解。在進行軟件界面整體設計時，應合理利用有限的界面空間資源。

登錄塔里木河遠程監(jiān)控系統(tǒng)主界面后，設計系統(tǒng)分主頁界面、洪水預警界面和網(wǎng)絡狀態(tài)控制界面3個一級界面。監(jiān)控主頁界面選用塔河流域地圖作為顯示區(qū)域的主體，選用界面跳轉(zhuǎn)的方法進行流域二級界面和監(jiān)控站點三級界面的信息展示。

3．1 一級和二級界面

3．1．1 一級和二級界面設計方案

根據(jù)界面布局原則，選擇塔里木河流域地圖作為系統(tǒng)界面的主體，還有菜單欄和信息導航區(qū)等副體。把地圖顯示區(qū)放置在界面視覺中心處，既符合用戶的視覺認知規(guī)律，又符合界面的黃金分割原理，也最容易引起讀者的視覺注意。

常用的軟件整體布局有“T”字形界面布局、“口”字形界面布局、左右對稱布局等方式。本次設計選用“T”字形界面布局，即界面的上方顯示的是菜單欄，左下方為導航區(qū)，右下方是地圖顯示區(qū)域。這一界面結(jié)構清晰、主次分明。塔河遠程監(jiān)控系統(tǒng)主界面示意圖如圖2所示，主界面各分區(qū)的功能如表1所示。

圖2 塔河遠程監(jiān)控系統(tǒng)主界面示意圖Fig．2 Main interface sketch of Tarim River remote monitoring system

表1 塔河遠程監(jiān)控系統(tǒng)主界面各分區(qū)功能表Tab．1 Each partition function of main interface of Tarim River remote monitoring system

3．1．2 一級和二級界面實施

軟件界面標題欄采用一些柔和、中性化的顏色。整體界面以簡約、清爽的藍白搭配為主。根據(jù)設計方案設計出地圖界面和概化圖。

（1）塔里木河流域地圖和源干流地圖。塔里木河流域地圖內(nèi)不同地區(qū)采用不同的顏色加以區(qū)分，各地區(qū)的顏色均以淺淡為主，色彩柔和，具有親和力。前景色與背景色反差不宜過大。故流域地圖的背景色選用白色，易與多種色彩搭配。不同界面之間的風格一致。圖3為塔里木河流域地圖，圖4為塔里木河源干流地圖。

圖3 塔里木河流域地圖Fig．3 Tarim River valley map

圖4 塔里木河源干流地圖Fig．4 Main stream of Tarim River?source

（2）概化圖。概化圖的主體由阿克蘇河流域、葉爾羌河流域、和田河流域、開都－孔雀河流域和塔里木河干流流域組成。采用概化圖的形式全面顯示流域水系內(nèi)各個主要監(jiān)測站點的PLC狀態(tài)、水位、流量信息。概化圖基本樣式如圖5和圖6所示。

圖5 PLC通訊狀態(tài)圖Fig．5 PLC communication state diagram

圖6 洪水預警狀態(tài)圖Fig．6 Flood warning state diagram

在概化圖中，當鼠標移動到某個閘群或閘站上時，在其右下角以表格形式實時顯示出監(jiān)測站點的PLC通訊狀態(tài)、警戒水位、流量信息等參數(shù)。

3．2 監(jiān)控站點界面

監(jiān)控站點界面是塔里木河遠程監(jiān)控系統(tǒng)的三級界面，也是各個水閘的信息展示界面。由于絕大部分操作者都習慣用右手操作，所以把監(jiān)測和監(jiān)控功能模塊放在界面的右上角、把視頻模塊放在界面下方。圖7為監(jiān)控站點界面。

塔里木河遠程監(jiān)控系統(tǒng)分水閘門界面各分區(qū)的主要功能見表2。

圖7 監(jiān)控站點界面Fig．7 Monitoring site interface

3．2．1 監(jiān)控站點界面設計方案

在界面右上角功能區(qū)域內(nèi)，按照現(xiàn)場閘站俯視圖的來水方向進行構圖，顯示整個水閘的全貌。鑒于塔里木河流域分水閘門眾多，若所有的功能模塊都放在同一操作界面內(nèi)，從視覺上看，會使界面擁擠。與操作無關的界面元素也會分散用戶的注意力，增加用戶的記憶負擔。從現(xiàn)有的系統(tǒng)功能來看，將系統(tǒng)的功能在軟件界面中合理地體現(xiàn)出來，提高用戶操作效率、降低用戶的認知和記憶負擔，是設計的重點。本設計把閘群按照引水功能分解為幾個更小的水閘單元，查看某分水閘時，只顯示此分水閘門的全部信息，其余分水閘門的信息暫不顯示。這一界面結(jié)構設計精簡了許多信息負荷，使分水閘門的功能更加緊湊協(xié)調(diào)，用戶操作起來方便快捷。設計監(jiān)控站點包括狀態(tài)模塊、視頻模塊和啟閉模塊。

（1）狀態(tài)模塊。工作現(xiàn)場監(jiān)測設備采集上來的數(shù)據(jù)通過PLC傳給監(jiān)控系統(tǒng)，數(shù)據(jù)經(jīng)過控制系統(tǒng)處理后，再通過狀態(tài)界面顯示出來。狀態(tài)模塊的流程圖如圖8所示。

表2 塔河遠程監(jiān)控系統(tǒng)分水閘門界面分區(qū)主要功能表Tab．2 Main function of diversion gate interface of Tarim River remote monitoring system

圖8 狀態(tài)模塊流程圖Fig．8 State module flow chart

（2）視頻模塊。視頻信息通過視頻編碼器采集后，通過監(jiān)控系統(tǒng)的視頻控件，顯示在視頻界面中。視頻界面的右側(cè)是云臺控制按鈕，左側(cè)是各個攝像機控制按鈕，中間是視頻窗口。圖9為視頻界面流程圖。

圖9 視頻模塊流程圖Fig．9 Video module flow chart

（3）啟閉模塊。啟閉界面按照現(xiàn)場水閘閘房的實際場景進行模擬畫圖。界面顯示分水閘門的閘孔數(shù)和閘門的實時開啟度。若點擊某號閘門，則彈出該閘門的啟閉控制窗口界面。彈出界面的左邊顯示閘門的工作狀態(tài)，右邊顯示閘門的運行指示信息、開啟度控制信息、閘門控制按鈕和閘門狀態(tài)等信息。操作者可根據(jù)自己的權限級別對閘門進行控制。圖10為啟閉模塊流程圖。

另外，界面上還有數(shù)據(jù)查詢、告警等功能，告警、趨勢和信息界面的信息通過后臺數(shù)據(jù)庫直接顯示出來，供用戶讀取。

3．2．2 監(jiān)控站點界面實施［4］

按照設計方案，界面顏色采用了富有科技感的藍色，與主界面的顏色基本保持一致，并且選用秋季胡楊林作為底圖，使界面更具有塔里木河流域的生態(tài)特色。設計出的實際效果圖如圖11～圖14所示。

各分水閘門監(jiān)測監(jiān)控模塊設計選擇多窗口多層覆蓋模式，能實現(xiàn)界面之間的切換，操作界面始終保持在最頂層，其余界面自動隱藏。這種多窗口多層覆蓋模式功能區(qū)的劃分很清楚，便于盡可能多地顯示信息，并且充分利用了版面資源。點擊返回總圖按鈕，則可返回到監(jiān)測監(jiān)控界面，選擇查看其他分水閘門的情況。

圖10 啟閉模塊流程圖Fig．10 Opening and closing module flow chart

圖11 監(jiān)控監(jiān)測界面總圖Fig．11 Monitoring interface general layout

圖12 啟閉界面Fig．12 Opening and closing interface

圖14 啟閉—彈出界面Fig．14 Opening and closing pop-up interface

4 結(jié)語

用戶界面是應用軟件的一個重要組成部分。一個好的軟件不僅要功能強大，還要有一定的藝術品位?；谝陨弦娊?，軟件開發(fā)工作應加強用戶界面的設計。本文設計的塔里木河監(jiān)控系統(tǒng)界面通過一段時間的運行，具有界面友好、操作方便的優(yōu)點，操控人員可實時根據(jù)水閘現(xiàn)場運行情況，及時處理突發(fā)事件，真正實現(xiàn)以人為本、科學管理水資源的目標。

［1］廉娟．以水利信息化帶動水利現(xiàn)代化—塔里木河流域水量調(diào)度遠程監(jiān)控系統(tǒng)概述［J］．中國西部科技．2011，10（15）：70－71．

［2］吳永春，黃毓瑜．軟件界面設計技術討論與實踐［J］．工程圖學學報，2007（6）：52－55．

［3］林影麗．以人為本的用戶界面設計［J］．機械工程師，2013（3）：65－66．

［4］高遠．基于WEB的人員管理信息系統(tǒng)的界面設計與實現(xiàn)［J］．福建電腦，2009（9）：13－14．

[責任編輯 楊明慶]

黃河水院在2017年全國職業(yè)院校技能大賽測繪賽項中再摘桂冠

2017年全國職業(yè)院校技能大賽高職組“科力達”杯測繪競賽于6月2日至6月6日在昆明冶金高等?？茖W校隆重舉行，來自全國31個?。ㄊ校⒆灾螀^(qū)的82所高職院校參加了本次比賽。黃河水院選派指導教師朱曙光、李永川和選手李小濤、孫夢洋、鮑騰飛、張京華組成參賽隊參賽，參賽隊師生憑借扎實的專業(yè)基礎、嫻熟的專業(yè)技能和團結(jié)協(xié)作、頑強拼博的職業(yè)精神再創(chuàng)佳績，以團體總分第2名的優(yōu)異成績獲得團體一等獎。在競賽中，黃河水院代表隊的成績位列二等水準測量分項中第1名、1∶500數(shù)字測圖分項第2名。這也是該校連續(xù)第六年在全國職業(yè)院校技能大賽測繪賽項中獲得一等獎。

據(jù)悉，自2012年全國職業(yè)院校技能大賽首次設置測繪賽項以來，參賽隊數(shù)逐年增加，2017年競賽共設“二等水準測量”和“1∶500數(shù)字測圖”兩個分項，共有82支代表隊、164名指導教師、328名選手、492名師生參賽，參賽規(guī)模達到了歷史新高。大賽先后由河南工業(yè)職業(yè)技術學院、黃河水利職業(yè)技術學院、昆明冶金高等?？茖W校三所院校承辦。黃河水院代表隊在歷年賽場上均發(fā)揮穩(wěn)定，共獲得團體一等獎16項，是全國大賽該賽項中獲團體一等獎次數(shù)最多的高校。

（修池）

Design on Tarim River Basin Water Dispatch Remote Monitor System User Interface

Shi Jing
（Information Center of Yellow River Conservancy Commission，Zhengzhou 450004，Henan，China）

Computer user interface is the key link of people to operate and control the whole computer software system and the information exchange bridge to coordinate and link computer and people．It analyzes the user interface layout principle，according to the Tarim River basin water dispatch remote monitoring system function，it discusses each interface design and implementation methods of this monitoring system．

Tarim River basin；water dispatch；remote monitoring；user interface design

P332.3

A

10．13681／j．cnki．cn41－1282／tv．2017．03．008

2017-03-15

新疆塔里木河流域水量調(diào)度遠程監(jiān)控系統(tǒng)軟件開發(fā)及集成（JSY-20120910-01（2））。

史靚（1980-），女，河南開封人，工程師，碩士，主要從事水利信息化、軟件開發(fā)等方面的研究工作。