1 一文教你读懂ZWS云的可视化开发-德赢Vwin官网 网
0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

一文教你读懂ZWS云的可视化开发

电子设计 来源:电子设计 作者:电子设计 2023-11-09 15:20 次阅读

物联网项目中,不同行业的需求有差异,需要开发不同界面的 SaaS 应用,为解决用户开发应用难问题,ZWS 云平台支持可视化开发,用户可以像搭积木一样搭建 SaaS 应用以及 HMI 人机界面。

ZWS 云平台,全称为:ZLG Web Service 云计算服务平台,是一个标准通用的物联网云端平台型服务系统,支持多种通信协议设备的接入管理,包括 ZigBeeLoRaWAN、OPC UA、CAN、Modbus 等协议,具有远程监控和管理设备、数据解析、数据分析、告警触发、数据推送等功能。本文简述了 ZWS 云的可视化开发模块和使用方法,以及对不同场景需求可视化开发的案例。

一、什么是可视化开发?

企业的业务不同,对于界面应用、设备场景的搭建需求也不同,这些个性化的需求如果全部由开发人员来实现,会面临三个方面的问题:一是开发周期长,短则数月长则数年;二是开发成本高,比如人力成本;三是稳定性较低,从头开发交付质量无法保障。

为了能灵活应对需求,快速搭建应用界面,可视化开发就应运而生了。

可视化开发是提供基本的组件,让非开发人员(例如产品、运营、业务管理层)能通过拖拉拽组件形式像搭积木一样生成一个应用界面,并且能立即运行跑起来。

二、ZWS 云的可视化开发功能

ZWS 云平台中实现可视化开发功能的是组态应用模块,如果你想要快速的实现一个应用界面,只需添加一个组态应用,并根据实际需求自定义编辑组态,运行后就能看到应用界面效果了。

那么如何编辑组态呢?首先,组态编辑有三大可操控区域:组件区、画布区、配置区。

组态编辑

而组件又分为两类,一类是 Web 基础组件,是构建 Web 页面的基础元素;一类是工业组件,主要用于构建设备vwin 运行场景。

组件分类

组态编辑的过程就是将组件拖拽入画布区,然后双击组件,在右侧的配置区设置组件的框体、配置、数据、事件等属性,每个组件重复以上的步骤就能搭建起应用界面了。

在配置组件时,将设备数据绑定到组件上,用来实现界面上简单的业务数据和逻辑,比如:在 1 号灯旁边的文本框组件绑定上灯的亮度数据点,运行组态后就能在界面上看到 1 号灯的亮度变化。

三、应用案例

ZWS 云平台的组态应用能满足多种个性化界面的搭建,非技术人员可以根据实际应用场景,自己构建出设备模拟场景或个性化的云平台界面。比如下面的案例就是通过组态应用来实现的。

1. 案例一:锅炉监控界面

通过拖拽锅炉、仪表盘等工业组件以及基础文本框组件,搭建了一个与企业现场锅炉运作流程 1:1 还原的场景,界面中的仪表盘、温度计等都可以实时看到对应的设备数据。

锅炉监控界面

2. 案例二:高铁站信号监控大屏

通过对信号图标组件绑定设备的信号强度数据,搭建了高铁站内各处位置的通信质量检测界面,当信号出现异常时,信号图标会变成红色,并提示信号异常,以便用户能快速发现信号异常位置。

高铁站信号监控大屏

3. 案例三:光伏电站监控系统

通过左侧导航、实时数据图表、文本框等组件,搭建了一个常规的光伏电站监控系统,可以查看光伏电站的发电情况。

光伏电站监控系统

四、使用 ZWS 云平台

1. 云平台访问

ZWS 云平台网址:https://www.zlgcloud.comhttps://www.zlgcloud.com

注:建议使用谷歌 Chrome 浏览器访问。

2. 集成 SDK 的硬件设备

设备集成 SDK 后则可以接入 ZWS 云平台。

已集成 SDK 的致远硬件设备有:ZigBee 节点和网关、LoRaWAN 节点和网关、CANDTU 模块、DTU 透传模块以及开发板(核心板)等。

客户购买以上设备后,一方面,可以直接将设备添加到云端进行管理和监控;另一方面,若有行业 IoT 业务,也可以将行业 IoT 相关业务接入。如您有相关需求可联系广州致远电子

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表德赢Vwin官网 网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 物联网
    +关注

    关注

    2909

    文章

    44556

    浏览量

    372734
  • SaaS
    +关注

    关注

    1

    文章

    363

    浏览量

    36909
  • 可视化开发
    +关注

    关注

    0

    文章

    6

    浏览量

    5410
收藏 人收藏

    评论

    相关推荐

    什么是大屏数据可视化?特点有哪些?

    大屏数据可视化是指通过大屏幕展示大量数据和信息,以直观、可视化的方式帮助用户理解和分析数据。这种展示方式通常用于展示复杂的数据集、实时监控系统、企业管理仪表盘等。以下是关于 大屏数据可视化 的详细
    的头像 发表于 12-16 16:59 112次阅读

    怎么集齐7个平台?本文教你!

    每家平台都有自己的协议,工程师要移植不同的SDK代码或基于各家的手册文档对接不同的协议,看着都头大,该如何集齐7个平台?本文教你!本文将以Air780E+LuatOS作为示例,教你
    的头像 发表于 12-02 14:41 445次阅读
    怎么集齐7个<b class='flag-5'>云</b>平台?本<b class='flag-5'>文教你</b>!

    智慧能源可视化监管平台——助力可视化能源数据管理

    博达可视化大屏设计平台在智慧能源领域的价值体现在实时监控、数据可视化、决策支持和效率提升等方面。借助该平台,企业可以轻松搭建智慧能源类可视化大屏,更加精确和高效地管理生产和生活,实现能源的可持续发展。
    的头像 发表于 11-29 10:00 263次阅读
    智慧能源<b class='flag-5'>可视化</b>监管平台——助力<b class='flag-5'>可视化</b>能源数据管理

    读懂单灯控制器工作原理

    读懂单灯控制器工作原理
    的头像 发表于 11-11 13:13 204次阅读
    <b class='flag-5'>一</b><b class='flag-5'>文</b><b class='flag-5'>读懂</b>单灯控制器工作原理

    读懂MSA(测量系统分析)

    读懂MSA(测量系统分析)
    的头像 发表于 11-01 11:08 861次阅读
    <b class='flag-5'>一</b><b class='flag-5'>文</b><b class='flag-5'>读懂</b>MSA(测量系统分析)

    Node-Red可视化编程:简化开发的创新之选

    Node-Red 是构建物联网 (IOT Internet of Things) 应用程序的个强大工具,其重点是简化代码块的“连接 ” 以执行任务。它使用可视化编程方法,允许开发人员将预定义的代码块 (称为“节点 ”,Node
    的头像 发表于 09-21 10:37 288次阅读
    Node-Red<b class='flag-5'>可视化</b>编程:简<b class='flag-5'>化开发</b>的创新之选

    读懂新能源汽车的功能安全

    德赢Vwin官网 网站提供《读懂新能源汽车的功能安全.pdf》资料免费下载
    发表于 09-04 09:22 3次下载

    文教你在ZPC上快速移植AWTK

    ZPC是ZLG全新研发的显控体机。开源AWTK,版权无忧!多种工业通信协议,工业互联无壁垒!ZWS数据上很轻松!更有AWFlow,应用开发很简单!本文将介绍如何在ZPC上快速移植A
    的头像 发表于 09-04 08:04 234次阅读
    <b class='flag-5'>一</b><b class='flag-5'>文教你</b>在ZPC上快速移植AWTK

    江苏苏州高校大学智能制造实验室数字孪生可视化系统平台建设项目验收

    江苏苏州高校大学数字孪生可视化项目主要包括数字孪生模型构建、数据采集与传输、可视化界面设计、系统平台开发与测试等多个方面。在技术上,巨蟹数科数字孪生可视化项目采用了先进的数字孪生技术、
    的头像 发表于 08-05 18:02 249次阅读

    物联网平台地图数据可视化

    可视化技术以其直观、高效、易于理解的特点,成为了个不可或缺的组成部分。 物联网平台地图数据可视化功能,是指将物联网设备采集的各类数据,通过
    的头像 发表于 07-01 17:10 359次阅读

    大屏数据可视化 开源

    可以使信息目了然,还能帮助用户深入分析数据,发现潜在的规律和洞察。以下是古河科技实现大屏数据可视化的关键步骤。 1.确定需求和目标 确定大屏数据可视化的具体需求和目标,包括展示内容
    的头像 发表于 06-27 16:06 401次阅读
    大屏数据<b class='flag-5'>可视化</b> 开源

    如何实现园区大屏可视化

    孪生可视化 构建平台利用Web三维可视化技术对现实场景进行仿真,实现园区级业务场景 的可视化呈现,助力企业快速完成项目的实施。实现园区场景立体可先,极致可视。那么,今天古河
    的头像 发表于 06-19 15:39 409次阅读
    如何实现园区大屏<b class='flag-5'>可视化</b>?

    c语言怎么做可视化界面

    C语言是种通用的编程语言,广泛应用于系统编程、嵌入式开发等领域。虽然C语言本身并不支持直接创建可视化界面,但通过结合些图形库和工具,我们可以为C语言程序
    的头像 发表于 06-06 10:46 2280次阅读

    三维可视化数据大屏的设计原理和技巧

    三维可视化数据大屏设计面向交通、园区、城市、建筑、应急等领域的客户,以孪生可视能力赋能,提供行业解决方案。双渲染引擎,1:1还原真实世界,在模型运行流畅的基础上提供极佳的视觉效果。今天,古河
    的头像 发表于 05-30 17:09 518次阅读

    低代码可视化开发 快速构建工业物联网平台

    代码开发。 什么是低代码? 低代码(Low Code)是可视化的软件开发方法,通过最少的手动编码可以更快地交付应用程序。低代码平台的图形用户界面和拖放功能可自动执行
    的头像 发表于 01-22 16:46 1006次阅读
    低代码<b class='flag-5'>可视化开发</b> 快速构建工业物联网<b class='flag-5'>云</b>平台