0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

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

電子設計 ? 來源:電子設計 ? 作者:電子設計 ? 2023-11-09 15:20 ? 次閱讀

物聯(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ā)交付質(zhì)量無法保障。

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

可視化開發(fā)是提供基本的組件,讓非開發(fā)人員(例如產(chǎn)品、運營、業(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 基礎組件,是構(gòu)建 Web 頁面的基礎元素;一類是工業(yè)組件,主要用于構(gòu)建設備模擬運行場景。

組件分類

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

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

三、應用案例

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

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

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

鍋爐監(jiān)控界面

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

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

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

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

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

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

四、使用 ZWS 云平臺

1. 云平臺訪問

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

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

2. 集成 SDK 的硬件設備

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

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

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

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 物聯(lián)網(wǎng)
    +關(guān)注

    關(guān)注

    2909

    文章

    44671

    瀏覽量

    373707
  • SaaS
    +關(guān)注

    關(guān)注

    1

    文章

    363

    瀏覽量

    36943
  • 可視化開發(fā)
    +關(guān)注

    關(guān)注

    0

    文章

    6

    瀏覽量

    5411
收藏 人收藏

    評論

    相關(guān)推薦

    什么是大屏數(shù)據(jù)可視化?特點有哪些?

    大屏數(shù)據(jù)可視化是指通過大屏幕展示大量數(shù)據(jù)和信息,以直觀、可視化的方式幫助用戶理解和分析數(shù)據(jù)。這種展示方式通常用于展示復雜的數(shù)據(jù)集、實時監(jiān)控系統(tǒng)、企業(yè)管理儀表盤等。以下是關(guān)于 大屏數(shù)據(jù)可視化 的詳細
    的頭像 發(fā)表于 12-16 16:59 ?199次閱讀

    怎么集齊7個平臺?本文教你!

    每家平臺都有自己的協(xié)議,工程師要移植不同的SDK代碼或基于各家的手冊文檔對接不同的協(xié)議,看著都頭大,該如何集齊7個平臺?本文教你!本文將以Air780E+LuatOS作為示例,教你
    的頭像 發(fā)表于 12-02 14:41 ?488次閱讀
    怎么集齊7個<b class='flag-5'>云</b>平臺?本<b class='flag-5'>文教你</b>!

    智慧能源可視化監(jiān)管平臺——助力可視化能源數(shù)據(jù)管理

    博達可視化大屏設計平臺在智慧能源領域的價值體現(xiàn)在實時監(jiān)控、數(shù)據(jù)可視化、決策支持和效率提升等方面。借助該平臺,企業(yè)可以輕松搭建智慧能源類可視化大屏,更加精確和高效地管理生產(chǎn)和生活,實現(xiàn)能源的可持續(xù)發(fā)展。
    的頭像 發(fā)表于 11-29 10:00 ?324次閱讀
    智慧能源<b class='flag-5'>可視化</b>監(jiān)管平臺——助力<b class='flag-5'>可視化</b>能源數(shù)據(jù)管理

    讀懂單燈控制器工作原理

    讀懂單燈控制器工作原理
    的頭像 發(fā)表于 11-11 13:13 ?251次閱讀
    <b class='flag-5'>一</b><b class='flag-5'>文</b><b class='flag-5'>讀懂</b>單燈控制器工作原理

    讀懂MSA(測量系統(tǒng)分析)

    讀懂MSA(測量系統(tǒng)分析)
    的頭像 發(fā)表于 11-01 11:08 ?931次閱讀
    <b class='flag-5'>一</b><b class='flag-5'>文</b><b class='flag-5'>讀懂</b>MSA(測量系統(tǒng)分析)

    Node-Red可視化編程:簡化開發(fā)的創(chuàng)新之選

    Node-Red 是構(gòu)建物聯(lián)網(wǎng) (IOT Internet of Things) 應用程序的個強大工具,其重點是簡化代碼塊的“連接 ” 以執(zhí)行任務。它使用可視化編程方法,允許開發(fā)人員將預定義的代碼塊 (稱為“節(jié)點 ”,Node
    的頭像 發(fā)表于 09-21 10:37 ?312次閱讀
    Node-Red<b class='flag-5'>可視化</b>編程:簡<b class='flag-5'>化開發(fā)</b>的創(chuàng)新之選

    讀懂新能源汽車的功能安全

    電子發(fā)燒友網(wǎng)站提供《讀懂新能源汽車的功能安全.pdf》資料免費下載
    發(fā)表于 09-04 09:22 ?3次下載

    文教你在ZPC上快速移植AWTK

    ZPC是ZLG全新研發(fā)的顯控體機。開源AWTK,版權(quán)無憂!多種工業(yè)通信協(xié)議,工業(yè)互聯(lián)無壁壘!ZWS數(shù)據(jù)上很輕松!更有AWFlow,應用開發(fā)很簡單!本文將介紹如何在ZPC上快速移植A
    的頭像 發(fā)表于 09-04 08:04 ?257次閱讀
    <b class='flag-5'>一</b><b class='flag-5'>文教你</b>在ZPC上快速移植AWTK

    江蘇蘇州高校大學智能制造實驗室數(shù)字孿生可視化系統(tǒng)平臺建設項目驗收

    江蘇蘇州高校大學數(shù)字孿生可視化項目主要包括數(shù)字孿生模型構(gòu)建、數(shù)據(jù)采集與傳輸、可視化界面設計、系統(tǒng)平臺開發(fā)與測試等多個方面。在技術(shù)上,巨蟹數(shù)科數(shù)字孿生可視化項目采用了先進的數(shù)字孿生技術(shù)、
    的頭像 發(fā)表于 08-05 18:02 ?263次閱讀

    物聯(lián)網(wǎng)平臺地圖數(shù)據(jù)可視化

    可視化技術(shù)以其直觀、高效、易于理解的特點,成為了個不可或缺的組成部分。 物聯(lián)網(wǎng)平臺地圖數(shù)據(jù)可視化功能,是指將物聯(lián)網(wǎng)設備采集的各類數(shù)據(jù),通過
    的頭像 發(fā)表于 07-01 17:10 ?375次閱讀

    大屏數(shù)據(jù)可視化 開源

    可以使信息目了然,還能幫助用戶深入分析數(shù)據(jù),發(fā)現(xiàn)潛在的規(guī)律和洞察。以下是古河科技實現(xiàn)大屏數(shù)據(jù)可視化的關(guān)鍵步驟。 1.確定需求和目標 確定大屏數(shù)據(jù)可視化的具體需求和目標,包括展示內(nèi)容
    的頭像 發(fā)表于 06-27 16:06 ?417次閱讀
    大屏數(shù)據(jù)<b class='flag-5'>可視化</b> 開源

    如何實現(xiàn)園區(qū)大屏可視化?

    孿生可視化 構(gòu)建平臺利用Web三維可視化技術(shù)對現(xiàn)實場景進行仿真,實現(xiàn)園區(qū)級業(yè)務場景 的可視化呈現(xiàn),助力企業(yè)快速完成項目的實施。實現(xiàn)園區(qū)場景立體可先,極致可視。那么,今天古河
    的頭像 發(fā)表于 06-19 15:39 ?429次閱讀
    如何實現(xiàn)園區(qū)大屏<b class='flag-5'>可視化</b>?

    c語言怎么做可視化界面

    C語言是種通用的編程語言,廣泛應用于系統(tǒng)編程、嵌入式開發(fā)等領域。雖然C語言本身并不支持直接創(chuàng)建可視化界面,但通過結(jié)合些圖形庫和工具,我們可以為C語言程序
    的頭像 發(fā)表于 06-06 10:46 ?2369次閱讀

    三維可視化數(shù)據(jù)大屏的設計原理和技巧

    三維可視化數(shù)據(jù)大屏設計面向交通、園區(qū)、城市、建筑、應急等領域的客戶,以孿生可視能力賦能,提供行業(yè)解決方案。雙渲染引擎,1:1還原真實世界,在模型運行流暢的基礎上提供極佳的視覺效果。今天,古河
    的頭像 發(fā)表于 05-30 17:09 ?555次閱讀

    低代碼可視化開發(fā) 快速構(gòu)建工業(yè)物聯(lián)網(wǎng)平臺

    代碼開發(fā)。 什么是低代碼? 低代碼(Low Code)是可視化的軟件開發(fā)方法,通過最少的手動編碼可以更快地交付應用程序。低代碼平臺的圖形用戶界面和拖放功能可自動執(zhí)行
    的頭像 發(fā)表于 01-22 16:46 ?1030次閱讀
    低代碼<b class='flag-5'>可視化開發(fā)</b> 快速構(gòu)建工業(yè)物聯(lián)網(wǎng)<b class='flag-5'>云</b>平臺