基于HTML5标准的Web组态编辑器

发布时间 2023-04-03 11:28:58作者: 2D3D可视化研究猿

什么是组态

组态是工业控制领域,利用组态软件将相关的工业控制数据进行离线处理,以达到工业控制的目的和要求,这个工作过程叫做组态!

组态(Configure)的概念来自于20世纪70年代中期出现的第一代集散控制系统(Distributed Control System),可以理解为“配置”“设定”“设置”等,是指通过人机开发界面,用类似“搭积木”的简单方式来搭建软件功能,而不需要编写计算机程序。我们也可称之为“二次开发”,组态软件即为“二次开发平台”。

什么是组态软件

组态软件指一些数据采集与过程控制的专用软件,是面向监控与数据采集(Supervisory Control and Date Acquisition,SCADA)的自动控制系统监控层一级的软件平台和开发环境,能以灵活多样的组态方式(而不是编程方式)提供良好的用户开发界面和简捷的使用方法。实际上,这些软件也是一种通用级的软件工具,可以通过灵活的配置快速建立工业自动控制系统的监控功能。组态软件广泛应用于机械、汽车、石油、化工、造纸、水处理、过程控制等领域。

什么是Web组态软件

Web组态软件是指通过浏览器操作组态工具、浏览组态画面,实现工程管理、组态编辑以及组态运行三大功能。通过实现图元组态、可视化图表组态、数据库组态的配置与关联,完成基于Web服务的实时数据监控与服务端的多用户访问等。

从用户操作与界面呈现的角度来说,Web组态软件采用标准HTML5技术,基于B/S架构进行开发,支持WEB端呈现,支持在浏览器端完成便捷的人机交互,简单的拖拽即可完成可视化页面的设计。此外,由于Web组态软件功能较为复杂,配置起来相对复杂,为降低使用门槛,Web组态软件进行了模块集成化,旨在简化用户的操作步骤,提高用户的工作效率。

从软件架构来说,Web组态软件具备高度的开放性。随着应用场景的逐渐扩展,系统必然需要进行功能扩展,因此,Web组态软件不仅支持多种数据接口,更是提供了二次开发接口,可以由用户自行完成二次开发。本质上,Web组态软件在功能上集成了大量通用模块和个性化模块,以实现不同行业用户的需求。当然,针对具体的用户,平台支持定制化模块的开发与配置。

什么是组态设计

组态设计是针对已添加的组态工程的界面进行设计开发,通过组态编辑器对各个控件、资源进行组合排版,最终生成组态界面的过程。

什么是组态编辑器

组态编辑器是用来开发组态画面的可视化工具,编辑器提供了绘画工具、控件、图库等图元素材,通过拖拽的方式可快速在画布上绘制出想要的画面效果,大部分控件还支持以绑定变量的形式设置属性值,实现动态数据的预览。

Sovit2D组态编辑器

Sovit2D简介

Sovit2D 是一款基于网络的Web组态在线编辑器,具有广泛的设计功能,提供丰富的行业标准元器件图元库及多行业模板和组件,在浏览器端即可完成便捷的人机交互,简单的拖拽即可完成可视化页面的编排设计,快速构建SCADA、HMI、仪表板、IIOT系统,广泛应用于工业、水利、电力、能源、油气、环境、园区、交通等领域。通过实现图元组态、可视化图表组态、数据库组态的配置与关联,完成基于Web服务的实时数据监控与服务端的多用户访问等。

Sovit2D特点

Web组态软件本质上可以理解为一款集成的可视化工具,为用户提供一个便捷的可视化设计与开发环境,基于此完成可视化页面的搭建,为各类场景提供可视化服务。

标准HTML5实现
采用标准HTML5,基于B/S架构,无需安装客户端,不依赖插件,内置 2D/3D图形引擎,轻松实现3D可视化功能及数字孪生。

丰富的图形库
提供基础图标库,包括数量框、时钟、仪表盘、指⽰灯、开关等。提供基于 Echarts 封装的图表库,支持实时曲线、历史曲线、折线图、柱状图、饼图等。另外还⽀持⼯业、电⽓、能源、建筑等多种⾏业图标库。还提供行业模板和组件,支持自定义模板。
图形编辑功能
⽀持⽤户⾃定义图标,可封装⾃定义业务属性,可在组态画面中重复使用该自定义图元并实现业务属性数据绑定。可以基于基本图标,方便的扩展构建各种复合图标。 

数据绑定功能

提供数据绑定功能,提供Mysql、Oracle、Rest接口、MQTT、Redis、Json等多种数据源接入方式,轻松与第三方平台无缝进行数据对接。

动画效果编辑

提供动画编辑功能,无需代码即可实现旋转、闪烁、变色、心跳等常见动画效果。 

Sovit2D示例

Sovit2D前端接口采用标准HTML5开发,支持2D/3D图形配置、Mqtt协议访问。配置界面可单独发布,可与企业自有平台无缝集成,并可轻松与用户自有系统集成为综合应用平台。