新聞中心

EEPW首頁 > 業(yè)界動(dòng)態(tài) > 一文教你讀懂ZWS云的可視化開發(fā)

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

作者: 時(shí)間:2020-10-30 來源:電子產(chǎn)品世界 收藏
編者按:在物聯(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ì)不同場景需求可視化開發(fā)的案例。

本文引用地址:http://butianyuan.cn/article/202010/419831.htm

image.png

組態(tài)編輯

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

企業(yè)的業(yè)務(wù)不同,對(duì)于界面應(yīng)用、設(shè)備場景的搭建需求也不同,這些個(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)行跑起來。

image.png

組件分類

二、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ū)。

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

組態(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)燈的亮度變化。

image.png

鍋爐監(jiān)控界面

三、應(yīng)用案例

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

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

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

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

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

image.png

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

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

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

image.png

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

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

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

注:建議使用谷歌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)電子。

image.png

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

image.png

系統(tǒng)界面



關(guān)鍵詞:

評(píng)論


相關(guān)推薦

技術(shù)專區(qū)

關(guān)閉