一文教你讀懂ZWS云的可視化開(kāi)發(fā)

ZWS云平臺(tái)，全稱(chēng)為：ZLG Web Service云計(jì)算服務(wù)平臺(tái)，是一個(gè)標(biāo)準(zhǔn)通用的物聯(lián)網(wǎng)云端平臺(tái)型服務(wù)系統(tǒng)，支持多種通信協(xié)議設(shè)備的接入管理，包括ZigBee、LoRaWAN、OPC UA、CAN、Modbus等協(xié)議，具有遠(yuǎn)程監(jiān)控和管理設(shè)備、數(shù)據(jù)解析、數(shù)據(jù)分析、告警觸發(fā)、數(shù)據(jù)推送等功能。本文簡(jiǎn)述了ZWS云的可視化開(kāi)發(fā)模塊和使用方法，以及對(duì)不同場(chǎng)景需求可視化開(kāi)發(fā)的案例。

組態(tài)編輯

一、什么是可視化開(kāi)發(fā)？

企業(yè)的業(yè)務(wù)不同，對(duì)于界面應(yīng)用、設(shè)備場(chǎng)景的搭建需求也不同，這些個(gè)性化的需求如果全部由開(kāi)發(fā)人員來(lái)實(shí)現(xiàn)，會(huì)面臨三個(gè)方面的問(wèn)題：一是開(kāi)發(fā)周期長(zhǎng)，短則數(shù)月長(zhǎng)則數(shù)年；二是開(kāi)發(fā)成本高，比如人力成本；三是穩(wěn)定性較低，從頭開(kāi)發(fā)交付質(zhì)量無(wú)法保障。

為了能靈活應(yīng)對(duì)需求，快速搭建應(yīng)用界面，可視化開(kāi)發(fā)就應(yīng)運(yùn)而生了。

可視化開(kāi)發(fā)是提供基本的組件，讓非開(kāi)發(fā)人員（例如產(chǎn)品、運(yùn)營(yíng)、業(yè)務(wù)管理層）能通過(guò)拖拉拽組件形式像搭積木一樣生成一個(gè)應(yīng)用界面，并且能立即運(yùn)行跑起來(lái)。

組件分類(lèi)

二、ZWS云的可視化開(kāi)發(fā)功能

ZWS云平臺(tái)中實(shí)現(xiàn)可視化開(kāi)發(fā)功能的是組態(tài)應(yīng)用模塊，如果你想要快速的實(shí)現(xiàn)一個(gè)應(yīng)用界面，只需添加一個(gè)組態(tài)應(yīng)用，并根據(jù)實(shí)際需求自定義編輯組態(tài)，運(yùn)行后就能看到應(yīng)用界面效果了。

那么如何編輯組態(tài)呢？首先，組態(tài)編輯有三大可操控區(qū)域：組件區(qū)、畫(huà)布區(qū)、配置區(qū)。

而組件又分為兩類(lèi)，一類(lèi)是Web基礎(chǔ)組件，是構(gòu)建Web頁(yè)面的基礎(chǔ)元素；一類(lèi)是工業(yè)組件，主要用于構(gòu)建設(shè)備模擬運(yùn)行場(chǎng)景。

組態(tài)編輯的過(guò)程就是將組件拖拽入畫(huà)布區(qū)，然后雙擊組件，在右側(cè)的配置區(qū)設(shè)置組件的框體、配置、數(shù)據(jù)、事件等屬性，每個(gè)組件重復(fù)以上的步驟就能搭建起應(yīng)用界面了。

在配置組件時(shí)，將設(shè)備數(shù)據(jù)綁定到組件上，用來(lái)實(shí)現(xiàn)界面上簡(jiǎn)單的業(yè)務(wù)數(shù)據(jù)和邏輯，比如：在 1號(hào)燈旁邊的文本框組件綁定上燈的亮度數(shù)據(jù)點(diǎn)，運(yùn)行組態(tài)后就能在界面上看到1號(hào)燈的亮度變化。

鍋爐監(jiān)控界面

三、應(yīng)用案例

ZWS云平臺(tái)的組態(tài)應(yīng)用能滿(mǎn)足多種個(gè)性化界面的搭建，非技術(shù)人員可以根據(jù)實(shí)際應(yīng)用場(chǎng)景，自己構(gòu)建出設(shè)備模擬場(chǎng)景或個(gè)性化的云平臺(tái)界面。比如下面的案例就是通過(guò)組態(tài)應(yīng)用來(lái)實(shí)現(xiàn)的。

1.   案例一：鍋爐監(jiān)控界面

通過(guò)拖拽鍋爐、儀表盤(pán)等工業(yè)組件以及基礎(chǔ)文本框組件，搭建了一個(gè)與企業(yè)現(xiàn)場(chǎng)鍋爐運(yùn)作流程1:1還原的場(chǎng)景，界面中的儀表盤(pán)、溫度計(jì)等都可以實(shí)時(shí)看到對(duì)應(yīng)的設(shè)備數(shù)據(jù)。

2.   案例二：高鐵站信號(hào)監(jiān)控大屏

通過(guò)對(duì)信號(hào)圖標(biāo)組件綁定設(shè)備的信號(hào)強(qiáng)度數(shù)據(jù)，搭建了高鐵站內(nèi)各處位置的通信質(zhì)量檢測(cè)界面，當(dāng)信號(hào)出現(xiàn)異常時(shí)，信號(hào)圖標(biāo)會(huì)變成紅色，并提示信號(hào)異常，以便用戶(hù)能快速發(fā)現(xiàn)信號(hào)異常位置。

高鐵站信號(hào)監(jiān)控大屏

3.   案例三：光伏電站監(jiān)控系統(tǒng)

通過(guò)左側(cè)導(dǎo)航、實(shí)時(shí)數(shù)據(jù)圖表、文本框等組件，搭建了一個(gè)常規(guī)的光伏電站監(jiān)控系統(tǒng)，可以查看光伏電站的發(fā)電情況。

光伏電站監(jiān)控系統(tǒng)

四、使用ZWS云平臺(tái)

1.   云平臺(tái)訪問(wèn)

注：建議使用谷歌Chrome瀏覽器訪問(wèn)。

2.   集成SDK的硬件設(shè)備

設(shè)備集成SDK后則可以接入ZWS云平臺(tái)。

已集成SDK的致遠(yuǎn)硬件設(shè)備有：ZigBee節(jié)點(diǎn)和網(wǎng)關(guān)、LoRaWAN節(jié)點(diǎn)和網(wǎng)關(guān)、CANDTU模塊、DTU透?jìng)髂K以及開(kāi)發(fā)板（核心板）等。

客戶(hù)購(gòu)買(mǎi)以上設(shè)備后，一方面，可以直接將設(shè)備添加到云端進(jìn)行管理和監(jiān)控；另一方面，若有行業(yè)IoT業(yè)務(wù)，也可以將行業(yè)IoT相關(guān)業(yè)務(wù)接入。如您有相關(guān)需求可聯(lián)系廣州致遠(yuǎn)電子。

系統(tǒng)架構(gòu)

系統(tǒng)界面