Web组态可视化编辑器 快速绘制组态

随着工业智能制造的发展,工业企业对设备可视化、远程运维的需求日趋强烈,传统的单机版组态软件已经不能满足越来越复杂的控制需求,那么实现Web组态可视化界面成为了主要的技术路径。

行业痛点

对于软件服务商来说,将单机版软件转变为网页版软件已经到了势在必行的阶段。但是,转变是一个复杂的过程,尤其是软件里面的组态功能部分,对于公司或个人都会面临以下几方面的问题:

1、无相关组态开发经验,无技术积累。

2、开发周期长,无法在短时间内完成繁琐工作。

3、功能复杂,必须花费很长时间的测试升级。

什么是组态软件

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

什么是Web组态编辑器

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

从用户操作与界面呈现的角度来说,BY组态编辑器采用标准HTML5技术,基于B/S架构进行开发,支持WEB端呈现,支持在浏览器端完成便捷的人机交互,简单的拖拽即可完成可视化页面的设计。

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

Web组态编辑器特点

拖拽式场景编辑

拖拽式操作,轻松搭建组态场景

便捷的工具栏,可快速排版和修改样式

支持自定义动画,模拟真实动态效果

丰富的组件模板

内置工业组态、IT运维、电力、流程图等多种行业图形

丰富精美模板,帮助各行业用户快速上手

支持自定义图形库,满足用户个性化绘图需求

支持多种数据源

接入公网或本地数据源,可视化数据绑定,实现数图联动

轻量化的数据源管理,支持在线创建云数据接口

便捷的系统集成

采用HTML5技术,基于B/S架构,无需安装客户端

支持嵌入第三方系统或者集成平台

Web组态编辑器经典示例

BY组态优势

源码交付

插件以源码方式提供,方便对插件本身进行个性化的二次开发。一次购买,终生升级。·操作简单易上手 支持灵活的自由式布局、组件化的设计使设计更加方便、丰富的组件库涵盖各行业模型组件,用户也可以自定义组件,以及对组件进行属性、数据、动画,事件等设置。用户只需通过简单的拖拉拽及配置几分钟上手就可以快速地制作出一张敏捷数据可视化平台。

动画驱动、模拟仿真

逼真的动态模型仿真、模拟实际场景运行动画和实时数据监控,让管理人员能通过web系统更真实更轻松的掌握企业业务运行情况,高效运营。

交互事件设置

直接对场景中的组件定义事件,方便快捷。通过编辑器快速定义鼠标事件实现业务交互效果,支持单击、双击、鼠标进入、鼠标移动等事件类型;可实现页面跳转、弹出窗口、点击后请求接口和编辑数据后请求接口等交互方式。 ·第三方集成提供简洁的集成方式,模型制作发布后,模型访问地址通过〈iframe〉或JS+DIV实现通过简单的几行代码即可引入到第三方系统中。

技术文档

体验地址:http://www.hcy-soft.com
演示地址:若依管理系统(生产环境)
相关推荐
前端Hardy7 分钟前
HTML&CSS:比赛记分卡
前端·javascript·css·3d·html
黑客K-ing17 分钟前
开源网络安全检测工具——伏羲 Fuxi-Scanner
网络·数据库·web安全
Shaun_青璇25 分钟前
STM32 流水灯实验
stm32·单片机·嵌入式硬件·mcu·物联网
疯狂的沙粒33 分钟前
Vue项目开发 element-UI 前端实现 1到10排列选择的按钮
前端·vue.js·ui
刺客-Andy38 分钟前
React第六节 组件属性prop的propTypes类型使用介绍
前端·javascript·react.js·typescript
网络安全-老纪1 小时前
AWS云安全
网络·云计算·aws
Mr.Liu61 小时前
小程序24-滚动效果:scroll-view组件详解
前端·微信小程序·小程序
fanxiaohui121381 小时前
浪潮信息自动驾驶框架AutoDRRT 2.0,赋能高阶自动驾驶
运维·服务器·网络·人工智能·机器学习·金融·自动驾驶
老码沉思录1 小时前
Android开发实战班 -网络编程 - Retrofit 网络请求 + OkHttp 使用详解
android·网络·retrofit
Winston Wood1 小时前
一文学习开源框架OkHttp
网络·okhttp