XX系統監視平臺

詳細設計文檔

文檔信息

編寫者編寫日期

審核者審核日期

批準人批準日期

目錄

1.文檔說明................................................................................4

1.1編寫目的.............................................................................4

1.2讀者對象.............................................................................4

2.術語與參考..............................................................................4

2.1術語解釋.............................................................................4

2.2參考資料.............................................................................4

3.總體設計................................................................................5

4.系統功能設計............................................................................6

4.1監控平臺系統功能.....................................................................6

4.1.1組態...........................................................錯誤!未定義書簽。

4.1.2管理...........................................................錯誤!未定義書簽。

1.文檔說明

1.1編寫目的

設計一種基于面向對象的、圖形界面組態方式的過程監控平臺，重點分析和描述圖形界

面的設計、數據處理等技術。

1.2讀者對象

2.術語與參考

2.1術語解釋

縮寫/術語解釋

ERPEnterpriseResourcePlanning的縮寫，即：企業資源計劃

MESManufacturingExecutionSystem的縮寫，即：生產執行系統

MRPMaterialRequirementPlanning的縮寫，即：物料需求計劃

DSSDecisionSupportSystem的縮寫，即：決策支持系統

BillofMaterial的縮寫，即：物料清單，在本系統中，物料

BOM清單除了定義某種產品需要和原材料之外，還包含了原材料的

替代信息、標準消耗信息等

PCSProcessControlSystem的縮寫，即：過程控制系統

OLEforProcessControl,Microsoft公司的一個工業標準接

OPC

口規范

SPCStatisticalProcessControl,即：統計過程控制

OEEOverallEquipmentEffectiveness的縮寫，即：全面裝備效率

PDMProductionDataManagement的縮寫，即：生產數據管理

WIPWorkInProcess的縮寫，即：在制品或半成品

WindowsCommunicationFoundation的縮寫，由微軟發展的一

WCF

組數據通信應用程序開發接口

2.2參考資料

3.總體設計

過程監控平臺采B/S結構體系，模塊化的設計思想，通過組態對I/O處理、報警、趨

勢、報表等進行分配來平和和協調系統的負荷，全面支持RS232/485、0PCServer、0PCClient、

ODBC、OLEDB.DDE、API等主流通信接口和數據交互技術，具有良好的繼承性和擴充性能。

過程監控平臺提供豐富的圖形庫和強大的圖形編輯能力，采用標準的、人性化操作界

面，符合通用的操作和顯示習慣，畫面具有良好的可觀性和易操作性。

系統特點：

?圖形化的交互方式

?穩定的通信處理和數據交互

?分布式的體系結構

?面向對象的工程組態

?靈活的系統擴展和高效的集成功能

?良好的跨平臺性能

數據流轉圖例:

4.系統功能設計

系統以圖元和圖符對象作為基本圖形元素，由系統使用者自由組態，來將窗口中的圖

形對象與實時（歷史）數據庫或設備等對象建立相關性連接，并設置相應的動畫屬性，由

數據對象的實時采集結果進行驅動，實現圖形動畫效果，完成動畫構件中所需的動畫功能。

定義對象和建立動畫連接的步驟：

i.建立工程項目，組織規劃項目層次和畫面布局；

2.定義檢測點參數，根據檢測點安裝的端口號和實際界限情況，定義開關量、計算

量等；

3.使用開發系統畫面作圖工具制作畫面；

4.在畫面對象屬性中設置動畫連接，其中動畫連接可以有狀態量、數值量、填充量、

表達式腳本；

5.編譯、調試項目文件，產生動畫效果；

6.發布，嵌入其他系統，實現生產過程狀態的實時監控。

4.1監控平臺系統功能

過程監控平臺是面向對象、分布式B/S體系結構的HMI/SCADA監控系統，提供過程可

視化、數據采集和生產環境監控等功能，系統涉及界面設計、菜單定義、圖形渲染編輯、

數據集成等基本功能。

監控平臺功能主要包括以下幾個方面：

?基礎配置

?圖形界面組態

?報警組態

?趨勢組態

?事件管理

?點控制面板

?控制引擎

?數據庫配置

?網頁發布

4.2監控平臺系統組成

本系統提供良好的設計和運行環境，系統使用者可以方便地完成從圖形和動畫處理的

過程，可以完成復雜的工業過程智能控制和大型綜合自動化系統的過程數據實時監控功能,

系統平臺主要由以下幾部分組成：

1.平臺框架（主界面）；

2.設計工具

3.數據鏈接設置

4.圖形組態

4.2.1平臺框架

平臺框架（以平臺主界面展現）是過程監視平臺的核心組件，是平臺的人機界面設計

工具，系統中所有實時界面、統計報表、趨勢分析及工藝流程圖設計的工作在這里完成，

采用可視化的設計方法，采用對象化的圖形設計，靈活的鼠標拖拽功能等編輯方案，讓系

統使用者達到操作輕松自如、高效作業的效果。

4.2.1.1平臺主界面

功能編號功能名稱平臺主界面

平臺主界面是系統力亥心的體現，系統所有的主體設計、事件定義、運行調試等功

功能描述

能全部在主界面區4案作實現

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

平臺主界面在瀏覽器中以WEB形式打開，程序主窗口的上面有一排主菜單①，菜

處理邏輯

單下面左邊是導航區③，菜單下面右邊是工具/部件區②，菜單正下方是設計區④；

①

文件編輯視圖插入布局轆源調試

導牌謝懵

▼項目

▼項目1工具盒②

▼界面1口|口|詡目|小

7U1

報警

蹲

Pump-1_L

項目2Flow

■MB此■匕可鐫

界面設計▼報警向1-----------------

元素③

Pump2...................................

瀏覽|MO

▼

Pump^J習電調封|贊

轆源FlowRato

7.00

噓源2ml/min1

▼其他

暄

配置2

4.2.1.2菜單區

功能編號功能名稱菜單區

包括監控平臺所有;糜作功能菜單項，并按照類型進行分組管理，通過選擇不同菜

功能描述

單項顯示相應的操，作功能界面，實現所需的操作

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

＞主菜單包括：文件、編輯、視圖、插入、布局、數據源、調試等七個條目；

＞文件包括新建、保存、導入、打印、當前文件列表、退出等；

＞編輯包括對選中的圖元進行各種編輯操作，如拷貝、粘貼、剪切、對象編輯、

組件屬性編輯等；

＞視圖包括工具欄、導航欄的顯示/隱藏操作等；

＞插入包括在設計區增加新的圖元操作等；

處理邏輯

＞布局包括對多個圖元進行各種對齊、定位操作，以及字體替換、顏色替換等

操作；

＞數據源包括設置圖元數據鏈接屬性的設置等；

＞調試包括對正在設計開發的項目文件的調試校驗，以及對整個項目或單個項

目文件的發布運行

＞根據需要可以增加各種輔助工具的打開/關閉等菜單項

界面一

過程監控平臺

界面三

界面四

▼項目

▼項目1

?以上為4個示例界面截圖，在實際研發中，按照實際需要調整菜單項，關聯

相應的事件，實現相應功能

4.2.1.3導航區

功能編號功能名稱導航區

以層次結構的方式管理項目工程及文件，以及項目中的事件條目、元件條目、報

功能描述

警條目等。

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

>導航區以樹形結構進行展示，清晰、條理管控項目相關屬性；

>導航區劃分為項目工程、數據鏈接、標簽分組等

>導航區展示當前正在編輯的新建的項目工程或導入的項目工程，項目工程中

處理邏輯

包括的文件、元素、報警、事件等信息以葉子結點的形式進行展示；

>數據連接包括當前項目工程中預先設置的數據鏈接；

>標簽分組包括當前項目工程中按照設備、區域、類型等方式建立的標簽合集。

.導

▼項目

▼項目1

▼界面1

元素

報警

項目2

界面設計,▼報警

元素

瀏覽

源1

源2

▼其他

配置1

配置2

4.2.1.4工具/部件區

功能編號功能名稱工具/部件區

功能描述包括設計監控畫面時所需的所有工具或部件，通過在設計器中增加、刪除、調整

等操作，設置部件屬性等一系列操作，實現監控畫面的組態動畫效果。

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

>以類似于程序開發工具（如：VS2010）中控件工具箱的方式，橫縱排列在工

具/部件容器中；

處理邏輯

>使用者以鼠標拖拽的方式，把所需部件放置到設計器中，然后對部件進行屬

性編輯，使部件符合項目定義的條件。

工具盒

□Da白

晝屋U甚電

我剌X◎■

■■/巴■

界面設計

廠■.0口

ABC

A1OO備國

國I畫叫

牛F電TT工

°..u

E：|

huiiil修

4,2.1.5設計區

功能編號功能名稱I設計區

通過在設計區增加不同功能的部件，并調整相應部件的屬性，使監控畫面符合監

功能描述

控規劃設計要求

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

>設計區作為監控畫面的容器，增加項目所需部件，并進行合理布局；

>在設計區選擇部件，并右鍵鼠標，彈出部件屬性窗口，調整相應屬性，完成

處理邏輯設計要求；

>每個監控畫面代表一個項目文件，通過選擇保存按鈕，把監控畫面以文件的

形式保存在工程文件夾中進行管理。

文件I郵I視圖I插入I布局I蒯蹣I調試

釉梏設計器

▼項目

▼項目1

▼界面1

浸

報警

百

項目2喘“f”

ml/rv?ln^1

界面設計▼報警fl

FlowRate

l??

ml/min電RM

▼懶隨

癱源1

轆源2

▼其他

4.2.2工具盒

4.2.2.1通用控件

1.標簽

功能編號SCADA_COM_LABEL功能名稱標簽

功能描述對標簽內容進行操作或者數據綁定，對標簽屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

處理邏輯>文本顯示

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

＞數據顯示

“確定”按鈕

是

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

界面設計

2.單選按鈕

功能編號SCADA_COM_RADIOBUTTON功能名稱單選按鈕

功能描述對單選按鈕內容、屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

處理邏輯＞按鈕配置

界面設計按鈕配置:

3.復選框

功能編號SCADA_COM_CHECKBOX功能名稱復選框

功能描述對復選框內容、屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項

>復選框配置

處理邏輯

是

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

界面設計按鈕配置:

4.按鈕

功能編號SCADA_COM_BUTTON功能名稱按鈕

功能描述對按鈕內容、屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項

輸出項

＞按鈕配置

處理邏輯

界面設計按鈕配置:

按鈕設置X

名稱ButtonO

按鈕標簽

也使用默認顏色按鈕顏色

選擇組件：

選擇（無）移除它

1無乜

5.文本框

功能編號SCADA_COM_TEXTBOX功能名稱文本框

功能描述對文本框內容、屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

處理邏輯＞文本框配置

開始

點擊工具箱中的文本框，或者選擇菜單欄中的文本框

將鼠標移動至界面中，鼠標箭頭顯示為待放置狀態

否

是

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

界面設計文本框配置：

文本框設置

文本數據

名稱TextBoxO

字體：風格：大?。?/p>

〔World文檔中所有字體必[World文檔中所有風格乂[World文檔中所有大小必

文本

確定取消都助

數據標簽:

文本框設置

文本數據

數據源:

數據源表達式

確定取消都助

6.下拉框

功能編號SCADA_COM_COMBOX功能名稱下拉框

功能描述對下拉框內容、屬性過E行操作

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項

處理邏輯＞手動下拉框配置

數據源下拉框配置

1.默認類型為簡單組合框

2.默認第一項被選中

3.默認數據不進行排序

4.默認顯示值為空

5.默認控件名為“ComBoxN”（N為當前界面中控件數量+1）

6.默認不可多選

7.默認其他格式

在默認顯手框中錄

入顯示內容

在下方的條目選擇區域

內配置條目

選擇系統已經連接的數

據源

保

點

擊:

取

存"

點擊“管理條件”按鈕，

鈕

消

"按

彈出篩選條件管理界面

杏

1.包含、不包含、等于、

不等于某個值

2.大于、大于等于、小

于、小于等于某個值

3.正向、反向排序

配置條目篩選條件

1.選擇下拉框類型（簡單組合框、可編輯下拉框、只讀下拉框）

2.選擇第一項是否被選中（是、否）

點擊右側的“保3.選擇數據是否進行排序（不排序、正向排序、反向排序）

存”按鈕，條目4.默認控件名為“ComBoxN”（N為當前界面中控件數量+1）

.選擇條目是否可多選（可多選、不可多選）

操作被保存5

6.默認其他格式

1.字體配置

2顏.色配置

3樣.式配置

4.動作配置

5.腳本編輯

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

一般標簽:

界面設計

超鏈接標簽:

字體標簽:

下拉框設置

一般超捱接字體

字體:風格:大小：

〔World文檔中斫有字體丫|〔World文檔巾斫有風格丫（〔World文檔中所有大小丫］

樣例

確定取消萍助

7.列表框

功能編號SCADA_COM_LIST功能名稱列表框

功能描述對列表框內容、屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

處理邏輯＞手動列表框配置

點擊工具箱中的列表框，或者選擇菜單欄中的列表框

否

是

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

數據源列表框配置

點擊工具箱中的列表框，或者選擇菜單欄中的列表框

將鼠標移動至界面中，鼠標箭頭顯示為待放置狀態

是否點擊鼠標左鍵

是

▼

在默認顯不框中錄

入顯示內容

點擊“管理條件”按鈕，

彈出篩選條件管理界面

否

否

1.包含、不包含、等于、

不等于某個值

2.大于、大于等于、小

于、小于等于某個值

3.正向、反向排序

配置條目篩選條件

1.選擇列表框類型（標簽樣式、單選樣式、復選樣式）

2.選擇第一項是否被選中（是、否）

.選擇數據是否進行排序（不排序、正向排序、反向排序）

點擊右側的“保3

4.選擇列表滾動條樣式（無滾動條、水平、垂直、全部）

存”按鈕，條目5.默認控件名為“ListN”（N為當前界面中控件數量+1）

操作被保存6.選擇標簽樣式時，選擇條目是否可多選（可多選、不可多選）

7.默認其他格式

字體配置

配置其他屬性和格顏色配置

式樣式配置

動作配置

腳本編輯

點擊“確定”按鈕確認是否添加

是

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

一般標簽:

數據綁定

界面設計

手動輸入

字體標簽:

8.數據表格

功能編號SCADA_COM_DATAGRID功能名稱數據表格

功能描述編輯表格的常規屬性、數』據源、歹！1、打印、超鏈接信息

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

處理邏輯＞常規配置

數據配置

＞列配置

否

勾選“填充”選項后,

可以配置頁數信息

界面設計一般標簽-選項

一般標簽一行和列頭

數據標簽

表格設置

一般數據列打印超鏈接

從以下源埴充數據表格數據源［刪除］表達式］高級述

確定取消幫助

列標簽-一般

表格設置

一般數據列打印超捱接

字體：優格：大小：

〔World文檔中所有字體必|World文檔中斫有風格必[World文檔中所有大小必

文本顏色背景顏色

確定I取消I幫助

列標簽-閾

一般數據列打印超鏈接

移除

閾表［

確定取消藉助

表格設置

一般數據列打印超捱接

0移除

閾表［

確定取消幫助

列標簽-格式

列標簽-枚舉-數據綁定

打印標簽

表格設置

一般數據列打印超鏈接

設置擴展選項：

◎無

。垂直

0垂直和水平

匚填充到|5頁窗

確定取消幫助

超鏈接標簽

一般數據列打印

超捱接：慳鏈接H

口雙擊執行超鏈接

隱藏鏈接

確定取消幫助

9.日期時間控件

功能編號SCADA_COM_DATETXXEPICKER功能名稱日期時間控件

功能描述對日期時間控件的內容、屬性進行操作

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

處理邏輯>日期時間控件配置

界面設計>日期時間控件配置

10.圖片

功能編號SCADA_COM_PICTURE功能名稱圖片

功能描述加載顯示的圖片

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項

>圖片配置

處理邏輯

按照配置和錄入的內

容，在界面中顯示，

關閉配置界面

圖片設宣

一般

名稱ImageO

圖片選擇圖片

界面設計

4.222圖形控件

1.直線

功能編號SCADA_COM_LINE功能名稱直線

功能描述繪制直線、設置屬性

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

>選擇控件圖標，按住鼠標左鍵拖放到頁面；然后雙擊控件，將彈出

對應控件的屬性設置窗口

處理邏輯

工具盒X

@口M

abl

界面設計

2.折線

功能編號功能名稱按鈕屬性

功能描述編輯按鈕的屬性

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

>輸入名稱、按鈕標簽

>點擊【按鈕顏色】按鈕，進行按鈕背景顏色的選擇。注：“使用默認顏色”

復選框被選中時，【按鈕顏色】按鈕不可用。

>選擇組件。注：默認顯示已選擇組件

1.點擊【刪除】按鈕，將組件下拉框顯示的值置為“無”

2.點擊【編輯】按鈕，根據選擇的組件彈出對應組件的編輯框。編輯

處理邏輯框？？？？

最后，

A

1.點擊【確定】按鈕，保存設置。

2.點擊【取消】按鈕，關閉窗口。

3.點擊【幫助】按鈕，打開按鈕設置使用說明。

界面設計

3.多邊形

功能編號功能名稱文本框屬性

功能描述編輯文本框屬性參數、綁定的數據源信息

用戶角色管理員

數據表

前置項

后置項

輸入項>

輸出項>

文本標簽：

>輸入名稱

>選擇字體、風格、大小。注：字體、風格、大小值為字體所有的值。