您好,欢迎来到爱物联
咨询热线:4008 099 256

手把手教你使用组态编辑器

2021-09-14 12:04:47 92 来源:爱物联-胡本珊

解锁云组态之后,接下来我们开始学习如何使用组态编辑器设计出高大上的设备组态监控大屏页面。

一、组态设计效果展示

云组态为物联网终端数据显示远程操控方式之一,目的是为了用户使用更加便捷,简单即可上手物联网。云组态使用组态画面来展示设备的运行状态,通过动态实时的数据画面形成数据曲面、历史数据等,通过数据处理做到自动报警,远程下达命令。下图“空调系统”设备组态监控大屏就是通过组态编辑器设计。

组态编辑器,零编程,简单拖拽,关联传感器数据,可轻松搭建物联网系统。一次编辑,组态可应用于监控大屏、PC/手机、支持嵌入其他办公类软件。

二、准备添加设备工作

创建项目分组-->创建设备模板(设备协议->创建设备从机->数据变量)-->添加设备(选择创建的设备模板)-->查看设备实时数据(确保已有设备数据展示)。

如何在有人物联网云平台添加设备详细教程可查看”有人云平台如何添加设备“

设备已成功在有人云物联网平台展示实时数据,接下来通过“模板组态/独立组态”入口进入组态编辑器,开始组态设计。

三、组态编辑器概述

有人云组态编辑器主要由顶部工具栏、左侧导航栏、画布、右侧配置栏组成,本文简单介绍组态编辑器的各功能区域。

  • 工具栏:执行常见的操作,例如复制、粘贴、剪切、撤销、恢复、对齐工具、组合工具、锁定解锁工具、图标、导入、导出、保存、预览、分享工具。
  • PC端:组态支持网页PC端分开设计,页面展示更适配。
  • 手机端:组态支持手机端分开设计,页面展示更适配,没有添加手机端页面,小程序默认显示PC端页面。
  • 元件库:丰富得元件库,包括基本元件、控制元件、图表元件,更好的模拟工业生产工艺流程现场。
  • 图库:支持“我的收藏”本地上传素材,图库提供大量高级控件,生动展现设备现场。
  • 画布:把元件库/图库组件拖拽放置于此,多个元件组合,生动展现工业生产工艺流程现场。
  • 数据:为组件绑定数据来源、交互和功能。
  • 样式:编辑组件/画布位置、尺寸和外观。

四、亲手画个组态页面

下面以智慧办公室环境监测组态大屏为例:

1、画布设置:右侧“页面设置”可设置画布尺寸、颜色、画布图片;

2、背景图片:顶部工具栏“图片”导入办公室背景图片;

3、绘制设备展示看板:左侧“图库”引入设备图标、数据看板至画布合适位置;

4、元件库拖入画布:左侧元件库“文本”、"变量值"拖入至环境数据看板(文本编辑环境参数);

5、设备数据源绑定:选中“数据变量”,对应右侧“数据”,选择分组、设备、从机、变量,为变量值绑定对应数据源;

6、查看效果:工具栏右侧,点击“保存”、“运行”,即可查看组态设计效果;

本篇以一个较为简单的环境监测设备为例,讲述了该设备的组态设计步骤,办公室其他设备厕所蹲位、电表等设备组态设计步骤同理可按上述步骤操作。

组态编辑器具有强大的功能,能够很好的展示设备现场工艺流程。强大的图库只需从左侧拖拽对应图标即可模拟展现设备现场;控制元件可对设备进行命令下发;图表元件数据曲线图、柱状图、数据表格可在大屏展示数据统计分析;设备状态可展示设备实时在线状态;视频绑定摄像头设备可监控设备现场状况;组态编辑器更多更强大的功能等你来探索。

0 条评论

物联网应用

项目咨询
IIoT
手机端
上手机找方案
IIoT
商务合作
扫码添加谈合作
400-8099-256
咨询热线-有人旗下品牌