Web可視化有哪些用途?

　　Web可視化是通過(guò)基于HTML5網(wǎng)頁(yè)瀏覽器的可視化界面，無(wú)論是PC、智能手機(jī)還是平板電腦等設(shè)備，都能方便地進(jìn)行操控和瀏覽。該界面允許在同一個(gè)工程中同時(shí)開(kāi)發(fā)PLC應(yīng)用和可視化應(yīng)用，無(wú)需額外的軟件。由于可視化組件完全集成在Leadsys Studio編程軟件中，直接訪問(wèn)應(yīng)用程序變量，大大提高了開(kāi)發(fā)效率。此外，該界面還提供調(diào)試程序的功能，通過(guò)可視化界面實(shí)時(shí)觀察執(zhí)行狀態(tài)，有效地縮短調(diào)試時(shí)間，提高工作效率。

　　如圖1所示的Web可視化界面中，可實(shí)現(xiàn)對(duì)設(shè)備的實(shí)時(shí)監(jiān)視和控制。

圖1

　　如何新建Web可視化工程?

　　可按照以下步驟操作，新建一個(gè)Web可視化工程。

　　1)新建可視化視圖：

　　在導(dǎo)航樹菜單中，右擊“Application”，選擇“添加對(duì)象”，然后選擇“視圖”。輸入視圖對(duì)象的名稱，點(diǎn)擊“打開(kāi)”，即可添加新的Web可視化視圖。如需添加多個(gè)視圖時(shí)，重復(fù)上述步驟即可。新建的Web可視化視圖包括視圖管理器、可視化編輯器、可視化工具箱和元素屬性。如圖2所示：

圖2

　?、僖晥D管理器：可以對(duì)可視化相關(guān)參數(shù)進(jìn)行配置

　?、诳梢暬庉嬈鳎嚎梢栽谶@個(gè)頁(yè)面中執(zhí)行添加可視化元素，對(duì)齊，刪除等基本操作

　?、酃ぞ呦洌禾峁┛梢暬庉嬈黜?yè)面下的各種圖形

　　④屬性：編輯可視化元素相關(guān)屬性

　　2)組態(tài)畫面、可視化元素：

　　根據(jù)項(xiàng)目需要，拖拽按鈕、文本等可視化元素到畫面中，關(guān)聯(lián)變量。

圖3

　　3)配置及設(shè)置：

　　組態(tài)完成后，在“視圖管理器”中，配置可視化界面顯示的語(yǔ)言、控件樣式等。并在“網(wǎng)絡(luò)視圖”中，配置起始顯示頁(yè)面，隨后進(jìn)行編譯，如果應(yīng)用程序和可視化管理器沒(méi)有任何報(bào)錯(cuò)，則一并下載到PLC中。登入PLC后，進(jìn)入可視化視圖，觀察可視化界面各元素根據(jù)變量數(shù)據(jù)內(nèi)容呈現(xiàn)是否正常。上述過(guò)程請(qǐng)參考圖4-圖6：

圖4

圖5

圖6

　　4)瀏覽器瀏覽：

　　確保PLC和移動(dòng)終端在同一局域網(wǎng)中。在網(wǎng)頁(yè)瀏覽器中輸入PLC的IP地址和端口號(hào)(例如192.168.188.100:8080)，即可通過(guò)網(wǎng)頁(yè)訪問(wèn)PLC內(nèi)部的可視化界面。如下圖7所示：

圖7

　　如何添加所需元素至可視化界面?

　　Web可視化工具箱包括基本工具、通用控制工具等。

　　一：基本工具

　　基本工具主要包括一些常用的圖形制作元素，如下圖8，可以用這些元素制作文本輸入框/文本顯示框/顏色顯示框及圖形。

圖8

　　二、通用控制工具

　　通用控制工具主要包括常用的圖形制作元素，如下圖9，可以用來(lái)制作標(biāo)簽、組合框、表格和按鈕等。下面我們以使用率相對(duì)較高的幾種視圖元素為例進(jìn)行說(shuō)明。

圖9

　　◎按鈕(Button)

　　按鈕控件允許用戶通過(guò)點(diǎn)擊來(lái)執(zhí)行操作，在按鈕控件中，空間樣式既可以顯示文本，也可以添加圖像，在按鈕控件被單擊時(shí)，可以通過(guò)控件的屬性選擇其觸發(fā)方式。

　　例：在可視化界面中，創(chuàng)建兩個(gè)按鈕，作為電機(jī)的正反轉(zhuǎn)按鈕。當(dāng)按下正轉(zhuǎn)按鈕時(shí)，電機(jī)進(jìn)行正轉(zhuǎn)，釋放按鈕時(shí)，電機(jī)停止;當(dāng)按下反轉(zhuǎn)按鈕時(shí)，電機(jī)進(jìn)行反轉(zhuǎn)，釋放按鈕時(shí)，電機(jī)停止。步驟如下。

　　1)從工具欄中選擇要添加的按鈕元素并將其拖拽到可視化編輯區(qū)域，在按鈕中輸入文本“JOG+”和“JOG-”作為標(biāo)識(shí)。如圖10所示：

圖10

　　2)要求按鈕按下時(shí)有信號(hào)，松開(kāi)后，信號(hào)自動(dòng)消失，在屬性中找到“輸入配置”，選擇“觸發(fā)”的輸入方式，在其“變量”中通過(guò)輸入助手完成變量映射。如圖11所示：

圖11

　　按鈕的觸發(fā)方式有兩種，一種“切換”(Toggle)，另外一種是“觸發(fā)”(Tap)：

　　①“切換” (Toggle)，按鈕按下時(shí)，變量一直置為ON，如果需要讓它變成FALSE，需要手動(dòng)再觸發(fā)一下按鈕，同樣的在“切換”→“變量”下映射變量即可使用，如果需要按鈕摁下時(shí)為 FALSE，則勾選切換FALSE。

　　②“觸發(fā)”(Tap)，按鈕按下時(shí)觸發(fā)，變量置為ON，松開(kāi)取消，變量置為FALSE。

　　◎進(jìn)度欄(Progressbar)

　　進(jìn)度欄允許用戶將顯示當(dāng)前進(jìn)度變量映射到控件中，該元素會(huì)根據(jù)用戶設(shè)定的“最小值” 和“最大值”，并根據(jù)當(dāng)前映射變量的值，顯示當(dāng)前進(jìn)度。

　　例：通過(guò)在程序中創(chuàng)建自累加程序來(lái)模擬進(jìn)度條的增加過(guò)程，程序編輯如下圖12所示：

圖12

　　1)在可視化編輯界面的工具箱中，找到“通用控制”大類，添加進(jìn)度欄控件到可視化編輯窗口中，在可視化編輯窗口中選中進(jìn)度欄控件后在屬性窗口找到“變量”進(jìn)行變量映射。同時(shí)，根據(jù)示例程序設(shè)置“最小值”和“最大值”。如圖13所示：

圖13

　　2)其中進(jìn)度條的顯示形態(tài)有兩種，同樣在屬性菜單中找到“類型”下來(lái)即可進(jìn)行選擇，如圖14所示：

圖14

　　3)在線運(yùn)行后進(jìn)度條會(huì)隨著變量值的增加緩慢增加。如圖15所示：

圖15

　　◎組塊(GroupBox)

　　組塊控件主要是為其他工具提供分組，按照控件的分組來(lái)細(xì)分可視化界面的功能。在其所包含的工具集周圍顯示邊框，并且可以顯示標(biāo)題，但是組塊工具不可以使用滾動(dòng)條。

　　在工具箱中，找到“通用控制”，將其添加到視圖編輯窗口中。選中該控件后，在屬性菜單“文本”中可以更改標(biāo)題，之后將需要分組的工具拖拉至該組塊中，即可實(shí)現(xiàn)視圖元素的分組。

圖16

　　Web可視化功能注意事項(xiàng)

　　雷賽的大型PLC目前都支持Web可視化功能。需要特別注意：

　　1.使用Web可視化功能的PLC必須使用支持Web可視化的設(shè)備描述文件XML。2.PLC固件必須支持此功能，之前出廠的固件，請(qǐng)聯(lián)系廠家獲取固件升級(jí)文件。

　　其它機(jī)型陸續(xù)更新中，敬請(qǐng)期待!