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

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

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

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

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

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

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

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

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

組態(tài)編輯

而組件又分為兩類，一類是Web基礎組件，是構建Web頁面的基礎元素;一類是工業(yè)組件，主要用于構建設備模擬運行場景。

組件分類

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

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

三、應用案例

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

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

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

鍋爐監(jiān)控界面

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

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

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

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

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

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

四、使用ZWS云平臺

1. 云平臺訪問

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

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

2. 集成SDK的硬件設備

設備集成SDK后則可以接入ZWS云平臺。

已集成SDK的致遠硬件設備有：ZigBee節(jié)點和網(wǎng)關、LoRaWAN節(jié)點和網(wǎng)關、CANDTU模塊、DTU透傳模塊以及開發(fā)板(核心板)等。

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

系統(tǒng)架構

系統(tǒng)界面