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

什么是组态

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

组态(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协议访问。配置界面可单独发布，可与企业自有平台无缝集成，并可轻松与用户自有系统集成为综合应用平台。