在物聯(lián)網(wǎng)項(xiàng)目中，不同行業(yè)的需求有差異，需要開發(fā)不同界面的 SaaS 應(yīng)用，為解決用戶開發(fā)應(yīng)用難問題，ZWS 云平臺(tái)支持可視化開發(fā)，用戶可以像搭積木一樣搭建 SaaS 應(yīng)用以及 HMI 人機(jī)界面。

ZWS 云平臺(tái)，全稱為：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ù)推送等功能。本文簡述了 ZWS 云的可視化開發(fā)模塊和使用方法，以及對(duì)不同場(chǎng)景需求可視化開發(fā)的案例。

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

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

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

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

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

ZWS 云平臺(tái)中實(shí)現(xiàn)可視化開發(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ū)、畫布區(qū)、配置區(qū)。

組態(tài)編輯

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

組件分類

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

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

三、應(yīng)用案例

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

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

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

鍋爐監(jiān)控界面

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

通過對(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)異常，以便用戶能快速發(fā)現(xiàn)信號(hào)異常位置。

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

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

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

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

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

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

ZWS 云平臺(tái)網(wǎng)址：https://www.zlgcloud.comhttps://www.zlgcloud.com

注：建議使用谷歌 Chrome 瀏覽器訪問。

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 透傳模塊以及開發(fā)板（核心板）等。

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

審核編輯 黃宇