InduSoft Web Studio v7

31
InduSoft Web Studio v7.1 快速使用手冊

Transcript of InduSoft Web Studio v7

InduSoft Web Studio v7.1 快速使用手冊

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

2

Table of Contents 1. InduSoft 簡介 ............................................................................................................................. 3

1.1 軟體特色 ........................................................................................................................... 3

2. 開發環境 .................................................................................................................................... 6

3. 關於 Tag 及專案資料庫 ............................................................................................................. 8 3.1 Tag 資料點命名規則 ........................................................................................................ 8

3.2 Tag 資料型態 .................................................................................................................... 9

4. 建立簡單專案 ........................................................................................................................... 10

4.1 新增專案 ......................................................................................................................... 10

4.2 設定起始畫面 .................................................................................................................. 13 4.3 新增 Tags ........................................................................................................................ 14

4.4 建立主畫面 ...................................................................................................................... 16

4.5 建立展示畫面 .................................................................................................................. 21

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

3

1. InduSoft 簡介

InduSoft Web Studio TM (or IWS) 在 Microsoft® Windows 作 業 系 統 下 ( 包 含 Windows NT/2000/XP/7/8/Server 及 Windows CE),是一套功能完整強而有力的整合開發工具,使你能夠為你的企

業或工廠自動化建立一個全方位的 SCADA (Supervisory Control And Data Acquisition) 或 HMI (Human-Machine Interface) 應用程式,其具有以下特點:

InduSoft Web Studio可以為任何一種工業應用架構設計一個即時的監控系統。由於InduSoft Web Studio在設計構思上是採用開放式架構,讓你可以設計一個完全符合自己需求的監控系統。

InduSoft Web Studio不但可建構小型的監控系統,也可建構大型的監控系統。因為InduSoft Web Studio具有彈性,當你工廠的訊息需求增加或有所改變時,InduSoft Web Studio都能與你的需求保持

同步。

InduSoft Web Studio容易學習與使用。利用專案精靈、友善的畫面編輯器、提供超過百種的圖庫和動

態物件、線上/歷史的警報、趨勢圖與配方/報表等功能,可以讓你能快速發展合適的監控系統,同時

也有多家 PC Based 廠商所支援驅動程式,讓你與設備間的溝通無後顧之憂。

1.1 軟體特色

InduSoft Web Studio v7.1 產品所提供的特色如下:

整合了視窗發展環境如工具列,對話框及選單

發展環境中在任何區域都可直接按右鍵而出現選項,這些顯示出選項將根據內容來做變化

自組工具列

程序,物件以及控制項均以樹狀結構瀏覽顯示

多功能物件及動態的使用方式支援使用者設計畫面:

提示按鍵、矩形、橢圓、多邊形、直線及文字等繪圖工具

提供動態的物件屬性設定,例如:長條圖、顏色、尺寸調整、位置、旋轉、命令、超連結及文字資

料點

即時及歷史警報顯示

即時及歷史趨勢圖

物件外觀規劃

背景圖的產生及編輯

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

4

圖形的載入

支援 .NET 控制項及 ActiveX 元件

遠端線上管理和設定

依循 Microsoft DNA 架構,支援 OPC 和 XML

具有 Web 的功能,可以讓任何位於 Internet/Intranet 的節點,透過 TCP/IP 以瀏覽器線上監控現場

畫面並可看到目前即時資料

SMA (Secure Mobile Access) 支援智慧型裝置 (iPhome、Blackberry、Android Phones…etc.) 線上

監控現場即時資料

支援 VS2010 Team Foundation Server,可多人合作開發專案。

圖庫中提供100多種符號及動態物件圖,例如:按鍵 (PushButtons)、計量器 (Meters)、滑動器 (Sliders)、開關 (Switches)、文字 (TextIO)、燈號 (PilotLights)、導管 (Pipes)、幫浦 (Pumps)、圖

示 (Icons)、運輸工具 (Transportation)、閥 (Valves)、馬達 (Motors)…等。

除錯工具:

資料庫追蹤視窗可監控資料點及強迫其輸出入值,同時也允許呼叫功能函數

專案除錯視窗可記錄 OPC、DDE 及 TCP/IP 的傳輸狀況或訊息,並可追蹤某個點運作狀態

在專案的任何地方均可將 Tags (資料點)作交互的參考

線上系統及網路偵錯

具有強大彈性化的資料庫 (邏輯 (Boolean)、整數 (Integer)、實數 (Real)、和字串 (String) 資料點 (Tags))、資料點陣列 (Array Tags)、類別 (Classes)、和間接資料點指標 (Indirect tag-pointers)。

提供 API 函數可讓外部程式與 IWS 做資料交換

提供多國語言的轉換編輯器,可讓使用者在程式執行時做線上轉換

提供 TCP/IP 主從模組,可使用不同的電腦透過 TCP/IP 模組相互交換現場值,也可經由此功能建

立備源 (Redundancy) 系統

提供240多種不同設備(如 PLC)廠牌的驅動程式,例如:Allen-Bradley、Siemens、GEFanuc 以及 MODBUS RTU/ASCII/TCP、BACnet/IP、DeviceNet、Profibus、Interbus 等標準的通訊協定

支援 OPC 伺服器 (DA、HAD)、OPC 用戶端 (DA、UA Client、.NET 3.0 Client、XML) 及 OPC XML

執行期的安全性機制,提供畫面和物件密碼保護(256層)

InduSoft 可使用內建語言 (Built-in Language) 所提供超過200多種函數和標準 VBScript,用於邏輯

表示和程式撰寫中

配方及報表功能 (ASCII、UNICODE、PDF 和 RTF 格式) 已結合於產品當中

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

5

時程管理功能,可依固定時間及間隔時間或事件發生時,執行所指定之程序(最快執行頻率可到100ms)

可與規劃PC-based控制器所使用的套裝軟體整合 (可將其資料庫直接匯入 )如 ISaGRAF、

SteepleChase、Think&Do、ASAP等

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

6

2. 開發環境

InduSoft Web Studio 提供一個現代化及友善的功能區 (Ribbon) 開發介面,畫面上工具選項讓使用

者方便操作及應用。InduSoft Web Studio 也提供整合及獨特的發展環境,方便你選擇工具和存取資訊。

InduSoft Web Stusio v7.1 開發環境

狀態列:狀態列位於視窗的最底部,用來快速的顯示目前開啟畫面或專案之狀態訊息。

功能表按鈕:功能表按鈕可開啟選單,內容包含新增、開啟專案、儲存、列印、關閉…等。

快速存取工作列:是針對常用指令所融合的快捷設計,讓您滑鼠一點就能執行任何選定的指令。您可

以在任何功能區指令上點擊滑鼠右鍵,並從快顯功能表中選擇 "新增至快速存取工具列",或透過自訂

對話方塊瀏覽所有的指令,並選擇要加入"快速存取工具列"的指令。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

7

功能區 (Ribbon):嶄新的設計取代了原有的功能表與工具列,是由一個個的"索引標籤" 所組成的, InduSoft v7.1 已將多數功能表及工具列內容一類型整合至功能區中。

專案資源:提供樹狀結構的操作方式,讓使用者可以直接進入物件工作表單進行設定工作。

資料點監控:提供的除錯工具,讓使用者可以監視某個特定的資料點變數或強迫輸出值,甚至直接執

行函數。

專案除錯:顯示除錯時的訊息。

畫面及工作表單編輯區:提供此區來顯示所編輯的畫面或設計的工作表單。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

8

3. 關於 Tag 及專案資料庫

Tag (資料點變數) 名稱可說是 InduSoft Web Studio 的核心,經由此核心資料點變數名稱去串連相關

通訊的工作表單 (Driver、DDE、OPC、TCP/IP) 來與外界通訊或與畫面上的物件結合,來達成設計者所

想要的圖形動態畫面。這些資料點變數名稱被存放在 InduSoft Web Studio 的資料點總表裡,因此設計

者要新增、修改或刪除資料點變數名稱,皆需開啟此資料庫工作表單。

3.1 Tag 資料點命名規則

當你在命名資料點時,必須依下列規則:

資料點名稱第一個字元必須為英文字母。

資料點及類別名稱最大長度為255個字元。

不可使用下列字元: ` ~ ! @ # $ % ^ & * ( ) - = \ + \ [ ] { } < > ?

可以使用英文字母,數字和底線 ( _ )字元。

資料點名稱必須唯一:兩個不同的資料點不可給相同的名稱,除非你建立資料點陣列並指定唯

一索引(請參閱4.3節)。

資料點名稱不區分英文字母大小寫 (為了增加可讀性,我們可以使用大寫和小寫字母。例如,

使用 TankLevel 代替 tanklevel)。

資料點名稱不可和內定的資料點名稱或運算函數名稱相同。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

9

一些有效的資料點名稱如下:

Temperature

pressure1

count

x

一些無效的資料點名稱如下:

5tank

Pressure-1

Alarm

second

Sw[1]

3.2 Tag 資料型態

Boolean:邏輯或有效數值 (0 or 1)。

Integer:整數 (正、負或零),相等於 C語言長整數 (4 bytes),其範圍

為–2,147,483,648 到 2,147,483,647. 例如: 0, 5, -200。

Real:實數 (浮點數) 內部儲存類似 double word,相等於 C語言 double變數(8 bytes),其範圍為1.7E +/- 308 ,例如: 2.12, -10.5)。

String:字元字串可含 1024 字元,它可由英文字母,數字或特殊字

元所組成。例如:Recipe product X123, 01/01/90, *** On ***。

Class:類別組成來自於使用者定義的混合型資料型態變數。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

10

4. 建立簡單專案

本章節將一步一步的介紹,如何建立一個簡單的專案,並將其下載至泓格 PAC 主機。

4.1 新增專案

4.1.1 啟動 InduSoft Web Studio

執行 InduSoft Web Studio v7.1 軟體,可從 Windows 視窗桌面上 InduSoft Web Studio v7.1 圖示雙

擊滑鼠左鍵或點選Windows 視窗的開始 → 所有程式 → InduSoft Web Studio v7.1 → InduSoft Web Studio v7.1 之選項 (如下圖所示)。

4.1.2 建立新專案

使用下列步驟來產生新的 InduSoft Web Studio 應用程式:

1. 點擊左上角 InduSoft 功能表按鈕後,選擇新增開啟對話視窗。

2. 當新增的對話視窗開啟時,點選新專案頁籤。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

11

選擇目標作業平台與產品版權

3. 在專案名稱內輸入專案名稱,此範例名稱為 Tutorial。InduSoft Web Studio 會自動產生

與應用程式相同名稱之目錄並且將你所設計應用程式的檔案放入至此目錄當中(請留意

前圖中在專案完整路徑欄位內之文字內容)。如果你要放置應用程式之檔案到InduSoft Web Studio\Projects以外之目錄,可按下瀏覽按鈕,並且選擇你所想要放置檔案之目錄

位置。

4. 在產品類型窗格裡的清單內提供你的應用程式規劃執行的工作平台,此軟體可以選用

Windows Embedded Lite、Windows Lite Interface、Windows Embedded Lite...等,

請挑選Windows Embedded Standard 平台作為本練習例子之操作平台,並且按下OK按鈕。這個選項主要的目的,在於你所要發展的應用程式,將來要放置於那種平台的

InduSoft執行版權上面執行,如果你的應用程式用到的Tags點數大於你所購買的InduSoft執行版權的Tags個數時,在執行此應用程式時,InduSoft會顯示此應用程式沒有版權,

會以展示方式 (DEMO) 來執行此應用程式 (WinCE 每次只能執行兩個小時,

WinNT/2000/XP/Server/7/8 在InduSoft v7.1 總共只能執行40個小時之限制),除非你購

買昇級平台才能讓應用程式正常執行。其每個平台的Tags點數如以下說明:

產品類型 (Product Typ) 作業系統 Tag

Windows Embedded Lite Window Embedded/CE 150

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

12

Windows Lite Interface Windows XP/NT/Server/2K/Vista/7/8 150

Windows Embedded Lite Plus Window Embedded/CE 300

Windows Lite Interface Plus Windows XP/NT/Server/2K/Vista/7/8 30

Windows Embedded Standard Window Embedded/CE 1500

Windows Local Interface Windows XP/NT/Server/2K/Vista/7/8 1500

Windows Embedded Professional Window Embedded/CE 4000

Windows Operator Workstation Windows XP/NT/Server/2K/Vista/7/8 4000

Windows Operator Workstation Plus Windows XP/NT/Server/2K/Vista/7/8 16000

Windows Control Room Lite Windows XP/NT/Server/2K/Vista/7/8 32000

Windows Control Room Windows XP/NT/Server/2K/Vista/7/8 64000

Windows Advanced Server Windows XP/NT/Server/2K/Vista/7/8 512000

Windows Advanced Server Plus Windows XP/NT/Server/2K/Vista/7/8 10000000

5. 當專案精靈對話視窗顯示時,在樣板窗格裡InduSoft Web Studio提供預設樣版Empty Application,解析度選單裡為螢幕畫面之解析度,Shared Tags窗格提供與其它的應用程

式分享資料。本練習例子請選擇樣本為Empty Application,螢幕解析度為640x480,資

料分享設為沒有<None>,之後按OK 按鈕。

設定空白應用程式之解析度為 640 x 480

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

13

6. 此時這個新的應用程式之檔名會顯示在專案資源視窗裡(如下圖所示)。本練習例子,專案檔案

名稱為Tutorial.APP,故會顯示在專案資源視窗上。

4.2 設定起始畫面

本章節將說明如何開啟專案設定視窗,並將執行後專案內所含特定畫面指派為起始畫面(主畫面)。

7. 於功能區(Ribbon) 專案頁籤下,點選設定群組內畫面項目。

資訊:作為描述專案資訊使用。

選項:專案相關屬性設定。

通訊:與專案相關等通訊參數設定

畫面:啟用或停用執行桌面參數。

偏好:啟用或停用系統警示訊息。

8. 專案設定視窗將被開啟,而畫面頁籤已預先被選取。在 Startup 欄位內輸入main.scr。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

14

指定起始畫面名稱

當專案被執行後,InduSoft 將會首先自動開啟顯示main這個畫面 (或任何使用者制定的畫面

名稱)。使用者允許預先指派一個畫面名稱,即便畫面尚未建立,例如此專案。

9. 點選 OK 完成設定。

4.3 新增 Tags

Tag 主要使用串連相關通訊的工作表單(Driver、DDE、OPC、TCP/IP)與外界溝通或與畫面上的物件結合,

來達成設計者所想要的圖形動態畫面。本章節將說明如何建立 Tag,這些 Tag 被存放在 Project Tags 資料夾下。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

15

專案 Tags 資料夾

1. 於專案資源視窗選擇Global頁籤。

2. 在Project Tags雙擊滑鼠展開資料夾。

3. 在資料點總表雙擊滑鼠開啟Tag工作表單視窗

4. 使用以下參數建立本專案所需Tag

名稱:輸入 Tag 名稱,名稱必須是唯一的。於此專案,請輸入Level。

陣列:設定該Tag點的最大陣列數(預設為 0),於此專案,請輸入3,陣列關係如下:

Level[1] 表水槽1水位、Level[2] 表水槽2水位、Level[3] 表水槽3水位,Level[0] 為合

法的Tag,但不使用於此專案。

型態:指定Tag型態 (Boolean 邏輯、Integer 整數、Real 實數、String 字元字串、Class 類別),本專案使用 Integer 整數。

敘述:該Tag點的文字敘述,例如水槽水位。

範圍:設定該Tag對伺服端 (Server) 及瘦身型用戶端 (Thin Client) 的管控方式。選擇 Local,伺服端及瘦身型用戶端將會有獨立的數值。選擇 Server,伺服端及瘦身型用戶

端將會有共同的數值 (隨一方改變,另一方亦改變)。本專案請選擇 Server (預設)。

建立 Tag

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

16

5. 儲存後關閉Project Tags頁籤。

4.4 建立主畫面

本章節將說明如何建立您的第一個畫面,此畫面包含一個按鈕,點擊按鈕後會開啟另一畫面。

4.4.1 啟動 InduSoft Web Studio

1. 在專案資源視窗裡選擇 Graphics頁籤,並在 Screens 檔案夾上按滑鼠右鍵,選擇插入

選項。

插入畫面

2. 畫面屬性對話視窗將被開啟。而日後所建立的畫面皆會放置於此的檔案夾裡。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

17

畫面屬性視窗

3. 使用這個對話框來設定例如畫面尺寸與類型等屬性。以這個例子,直接按下確定按鈕來

接受預設之內定值。視窗關閉後,新畫面將被於畫面及工作表單編輯區內被開啟。

4. 在新的畫面上按下滑鼠右鍵並且從選單選擇背景顏色選項。從彈出的對話視窗選擇適當

顏色,並且按下確定按鈕把顏色套用到這個畫面上。本專案選用淡灰色。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

18

4.4.2 繪製主畫面標題 (文字盒物件)

本章節將示範如何建立起始畫面標題,使用文字物件。

1. 於功能區(Ribbon) 圖表頁籤下,點選靜態物件群組內文字項目,滑鼠游標將由箭頭改為

十字。

2. 到畫面的適當位置按下滑鼠左鍵,並輸入下列文字:”歡迎使用 InduSoft 範例程式”,在

螢幕畫面上可得到如下之圖片:

完成輸入文字的畫面

3. 在文字物件上雙擊滑鼠左鍵去開啟物件屬性對話視窗。如下圖:

物件屬性對話視窗

所有物件於畫面上,皆可透過雙擊滑鼠左鍵開啟物件屬性對話視窗,視窗內容會因

物件不同而有所差異。

4. 點選字型開啟對話視窗,本範例設定如下:

字型:Arial

字型樣式:標準

大小:20

顏色:海軍藍

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

19

設定字型

5. 按確定按鈕關閉對話視窗,字型設定將套用至文字上。

字型設定套用至文字

6. 關閉對話視窗。

4.4.3 建立畫面開啟按鈕 (按鈕物件)

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

20

本章節將示範如何建立及設定按鈕,此按鈕允許使用者開啟另一畫面。

1. 於功能區(Ribbon) 圖表頁籤下,點選靜態物件群組內按鈕項目,滑鼠游標將由箭頭改為十字。

2. 將滑鼠指標移到畫面適當位置上按下,壓著滑鼠左鍵並且拖曳這個指標來定義此按鈕物件的大

小。

3. 在新的按鈕物件上雙擊滑鼠左鍵開啟物件屬性對話視窗,並且輸入下列的文字到標題欄位: ”按這裡開啟synoptic畫面”。

4. 於物件屬性對話視窗,點選命令按鈕,物件屬性視窗改變為命令樣式。

5. 在類型選單,選擇開啟畫面。

6. 於開啟畫面欄位輸入 synoptic.scr。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

21

於按鈕設定開啟畫面命令

7. 關閉物件屬性視窗。

4.4.4 儲存及關閉主畫面

本章節說明如何正確儲存及關閉邊及畫面

1. 點選左上方功能表按鈕,然後點擊儲存選項。

2. 於檔案名稱欄位輸入 main.scr,點擊存檔進行畫面儲存並關閉對話視窗。

3. 點選左上方功能表按鈕,然後點擊關閉選項關閉邊及畫面。

4.5 建立展示畫面

當主畫面建立完成後,我們希望建立另一個畫面 Synoptic 畫面,此畫面會當使用者在主畫面,按下” 按這裡開啟 synoptic 畫面” 按鈕後開啟。

4.5.1 建立新的 Synoptic 畫面

本章節將說明如何建立另一個畫面 Synoptic 畫面,畫面包含動態水槽及相關水槽控制。

1. 在專案資源視窗裡選擇 Graphics頁籤,並在 Screens 檔案夾上按滑鼠右鍵,選擇插入選項 (請參考 4.4.1)。

2. 畫面屬性對話視窗將被開啟,使用這個對話框來設定例如畫面尺寸與類型等屬性。以這個例子,

直接按下確定按鈕來接受預設之內定值。視窗關閉後,新畫面將被於畫面及工作表單編輯區內

被開啟。

4.5.2 繪製 Synoptic 畫面標題

如 4.4.2,本章節將示範如何建立 Synoptic 畫面標題,使用文字物件。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

22

1. 於功能區(Ribbon) 圖表頁籤下,點選靜態物件群組內文字項目。

2. 到畫面的適當位置按下滑鼠左鍵,並輸入下列文字:”Synoptic 畫面”。

3. 在文字物件上雙擊滑鼠左鍵去開啟物件屬性對話視窗。

4. 點選字型開啟對話視窗,本範例設定如下:

字型:Arial

字型樣式:標準

大小:20

顏色:海軍藍

5. 按確定按鈕關閉對話視窗。

6. 將文字移至畫面左上角,如下圖所示:

7. 點選左上方功能表按鈕,然後點擊儲存選項。

8. 於檔案名稱欄位輸入 synoptic.scr,點擊存檔進行畫面儲存並關閉對話視窗。

4.5.3 建立日期與時間物件

建立日期和時間之文字物件,使用下列步驟:

1. 於功能區(Ribbon) 圖表頁籤下,點選靜態物件群組內文字項目。

2. 到畫面的適當位置按下滑鼠左鍵,並輸入下列文字:” Date:########## ”。

3. 在文字物件上雙擊滑鼠左鍵去開啟物件屬性對話視窗。

4. 點選文字資料點…按鈕,物件屬性視窗變更為文字資料點動態屬性設定視窗。

5. 在資料點/運算式欄位內輸入 Date。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

23

指派 Date 系統資料點

當在執行時期,InduSoft Web Studio 會根據你在文字物件設定的日期資料點值來取代 ########## 字元。(Date 是屬於 InduSoft Web Studio 內定的資料點變數名稱)。

6. 關閉物件屬性視窗

7. 於功能區(Ribbon) 圖表頁籤下,點選靜態物件群組內文字項目。

8. 到畫面的適當位置按下滑鼠左鍵,並輸入下列文字:” Time:########## ”。

9. 在文字物件上雙擊滑鼠左鍵去開啟物件屬性對話視窗。

10. 點選文字資料點…按鈕,物件屬性視窗變更為文字資料點動態屬性設定視窗。

11. 在資料點/運算式欄位內輸入 Time。

指派 Date 系統資料點

當在執行時期,InduSoft Web Studio 會根據你在文字物件設定的時間資料點值來取代 ########## 字元。(Time 是屬於 InduSoft Web Studio 內定的資料點變數名稱)

12. 關閉物件屬性視窗,關閉後視窗如下。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

24

13. 點選左上方功能表按鈕,然後點擊儲存選項。

4.5.4 建立離開系統物件

畫面建立一個離開(Exit) 圖示按鈕,可依照下列步驟:

14. 於功能區(Ribbon) 圖表頁籤下,點選原件庫群組內組合件項目,組合件庫將被開啟。

15. 當組合件庫視窗顯示時,在樹狀清單上選擇系統組合件 icons 選項。

16. 選擇開門圖示 (exite01)。

選擇 exit01 物件

17. 上雙擊滑鼠左鍵開啟此組合件到你的畫面上,並將圖示放置在畫面的右上角。

18. 當此物件依舊被選取時,點選命令(圖表頁籤下,動態屬性群組內),使得圖示顯示橘色背景色,

表示該圖形物件已經具有這個指令動態屬性之功能。

19. 在此圖形物件上雙擊滑鼠左鍵重新開啟物件屬性對話視窗,於按下事件對話框輸入 $Shutdown() ,讓此圖形物件在執行時期,當使用者按到此圖形時去執行關閉程序。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

25

20. 關閉屬性對話視窗。

21. 點選左上方功能表按鈕,然後點擊儲存選項。

4.5.5 測試應用程式

使用下列程序來測試你的應用程式:

1. 於功能區(Ribbon) 首頁頁籤下,點選本機管理群組內執行項目。

2. 點擊此離開圖示(就是我們所設計的開門圖形)或切換置背後 InduSoft Web Studio 發展環境 (Alt+TAB),並且按下功能區(Ribbon) 首頁頁籤下,點選本機管理群組內停止項目關閉這個應

用程式。

4.5.6 建立水槽物件

加入一個水槽物件到你的畫面,可依下列步驟:

1. 於功能區(Ribbon) 圖表頁籤下,點選原件庫群組內組合件項目,組合件庫將被開啟。

2. 當組合件庫視窗顯示時,在樹狀清單上選擇系統組合件 Tanks 選項。

3. 水槽使用方式及功能皆相同,使用者可任意點選任一水槽。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

26

4. 雙擊滑鼠左鍵開啟此組合件到你的畫面上,並將圖示放置在畫面上。

5. 於水槽上雙擊滑鼠左鍵開啟物件屬性對話視窗。

水槽的物件是由不同的物件與動態屬性組合而成的 (例如一個長方形、一個條狀曲線圖等等)。你能藉由從組合方塊(combo-box)選項,選擇這個物件的屬性或動態屬性,並修改此物件的屬

性或動態屬性。然而對於這個例子,你將會只是修改與水槽物件有關的資料點(tags)。

6. 置換屬性欄位 TagLevel 數值,由 AnalogValue_ 為 Level[Index]。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

27

如果你事先未在應用程式資料點總表去建立一個 Index 資料點(tag), InduSoft Web Studio會顯示下列的訊息對話視窗:

7. 點選是(Y)建立資料點,新資料點視窗將被開啟。

8. 設定 Tag 資訊:陣列為 0、類型為整數。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

28

9. 點選確定關閉視窗。

10. 關閉屬性對話視窗。

11. 點選左上方功能表按鈕,然後點擊儲存選項。

4.5.7 建立滑動器物件

在你的應用程式如何來建立一個水位滑動器物件,使用下列步驟:

1. 於功能區(Ribbon) 圖表頁籤下,點選原件庫群組內組合件項目,組合件庫將被開啟。

2. 當組合件庫視窗顯示時,在樹狀清單上選擇系統組合件 Sliders 選項。

3. 滑動器使用方式及功能皆相同,使用者可任意點選任一滑動器。

4. 雙擊滑鼠左鍵開啟此組合件到你的畫面上,並將圖示放置在畫面上。

5. 置換屬性欄位 TagName 數值為 Level[Index]。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

29

6. 關閉屬性對話視窗。

7. 點選左上方功能表按鈕,然後點擊儲存選項。

4.5.8 建立水槽選擇器

在你的應用程式如何來建立一個文字輸入盒,使用者可用於變更水槽,步驟如下:

1. 於功能區(Ribbon) 圖表頁籤下,點選靜態物件群組內文字項目。

2. 到畫面的適當位置按下滑鼠左鍵,並輸入下列文字:” 水槽:# ”。

3. 在文字物件上雙擊滑鼠左鍵去開啟物件屬性對話視窗。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

30

4. 點選文字資料點…按鈕,物件屬性視窗變更為文字資料點動態屬性設定視窗。

5. 在資料點/運算式欄位內輸入 Index。

6. 勾選啟用輸入選項。

7. 輸入最小值為 1,最大值為 3。

指派 Date 系統資料點

8. 關閉物件屬性視窗

9. 點選左上方功能表按鈕,然後點擊儲存選項。

10. 於功能區(Ribbon) 首頁頁籤下,點選本機管理群組內執行項目。

InduSoft Web Studio v7.1 Quick Start Guide V1.0 2012/08/15

31

點選水槽號碼變更水槽