javascript 工控ui 工控web系统_前端

从事相关工作的对“组态软件”应该都不陌生,那Web组态软件又是什么呢?本文将对Web组态可视化软件做简单介绍,可视化编辑器是Web组态软件中的一个重要功能模块。除了编辑器,还有哪些功能模块?又能够运用在哪些场景中呢?下面,将对Web组态软件进行详细的介绍。

什么是组态?

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

javascript 工控ui 工控web系统_前端_02

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

什么是组态软件?

组态软件,又称组态监控系统软件,是指用于数据采集和过程控制的专用软件,是自动控制系统监控级的软件平台和开发环境。实际上,这些软件也是一种通用级的软件工具,可以通过灵活的配置快速建立工业自动控制系统的监控功能。组态软件广泛应用于机械、汽车、石油、化工、造纸、水处理、过程控制等领域。

什么是Web组态软件?

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

javascript 工控ui 工控web系统_物联网_03

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

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

Web组态软件的基本功能

组件库:提供组态画图的图元。分为两个部分,一是基础元素:包含直线、矩形、圆、文字、图片、多边形等基础的图元,是任何组件的基础;二是自定义的组件:编辑器会自带一些行业常用的组件,比如Sovit2D开发平台就内置有电力、能源、环保、工厂、矿山等多行业的组件。针对不同的行业,可以组不同的组件。这些组件都是由这些基础元素构成的。

场景:提供绘图的容器,可以理解是一块画布,在画布上创作想要的作品。而我们的肯定是各种工业生产管理图。场景还提供了事件的处理,比如图元的选择和移动等,都是在鼠标响应事件里处理的。

属性框:用来展示和修改图元、组件等的属性,包括位置、尺寸、颜色等配置信息。

动画配置:文字/数值变化的动画、显示/隐藏的动画、颜色改变的动画、位置移动/背景填充的动画等等。

事件配置:事件的配置就相对容易理解多了,很多画图工具都有事件配置,也都基本相似。譬如点击一个文本,进行画面的跳转。通过配置鼠标点击、双击、右键、按下、抬起等事件,来实现你想要的动作功能,这些功能一般都是应用程序内置的。如果内置功能的不满足需求,也可以配置一段脚本,用脚本来实现你的业务逻辑。

Web组态软件的主要特点

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

  • ·采用HTML5技术,基于B/S架构,无需安装客户端
  • ·支持2D、3D的画面组态,轻松实现3D可视化功能及数字孪生
  • ·支持本地/云端部署,多终端使用
  • ·支持Http、WebSocket等主流协议,支持扩展更多协议
  • ·支持嵌入第三方系统或者集成平台
  • ·低代码可视化拖拽编辑
  • ·提供丰富的行业标准图元库
  • ·提供行业模板和组件,支持自定义模板
  • ·提供定制开发服务

Web组态软件的主要应用

组态软件的出现,为解决实际工程问题提供了一种崭新的方法,能够与嵌入式应用平台、数据库及网关产品配合使用,用户通过类似“搭积木”的简单方式来完成自己所需要的软件功能,不需要编辑计算机程序。组态软件能够很好地解决传统工业控制软件存在的种种问题,使用户能根据自己的控制对象和控制目的的任意组态,完成最终的自动化控制工程。主要应用于流程、离散行业、工业生产、智能装备、智慧楼宇、汽车制造、轨道交通、石化能源、水处理、市政环保、电力、环境监控等领域。

javascript 工控ui 工控web系统_javascript 工控ui_04

Sovit2D可视化Web组态软件,是数维图科技自主开发的B/S模式数据可视化监控软件,应用于泛工业物联网场景。它可以帮助企业快速搭建自己专属的物联网监控平台。软件前端接口采用标准HTML5开发,支持2D/3D图形配置、mqtt协议访问。配置界面可单独发布,支持数据门户定制,可与企业自有平台无缝集成,并可轻松与用户自有系统集成为综合应用平台。

Web组态软件的经典示例

智慧油气井Web可视化系统

智慧油气井监测系统主要包含了单井实时监控和集油间实时监控配套的支持系统,用户可以根据系统搭建的石油开采运行流程来控制紧急关井和紧急开井的开关。将清管阀、紧急切断阀等设备、管线及其他生产相关的信号采集处理器进行直观呈现,实时更新设备运行效率、机组实时功率等数据,实现对石油开采动态数据进行科学、有效、自动化的生产与管理。

javascript 工控ui 工控web系统_制造_05

智慧垃圾焚烧发电厂可视化系统

Sovit2D 运用 2D 组态图的方式科普垃圾发电的工作原理,管理人员能够更直观看到各系统的工作状态、检测信息,包括垃圾仓发酵时长,垃圾仓负压、烟气炉膛停留时间温度、DCS 炉膛温度,汽轮机温度等,场景内点击“组态工艺”即可下钻切换。不同维度的数据可视化流程图,满足不同管理运营人员的业务诉求。

javascript 工控ui 工控web系统_javascript 工控ui_06