精华内容
下载资源
问答
  • 本人是WTScada Gateway Web组态软件的开发者,该软件目前大量应用于MES系统的数据采集和画面呈现和工厂信息化应用。 本课程从快速入门,驱动配置,归档配置,扩展应用,脚本应用等几个方面展开,帮助学员快速掌握...
  • 本课程从软件的IIS安装,画面组态,数据接入,接口开发,历史趋势,系统配置和对外提供数据几个方面进行讲解,通过本课程的学习可以让学员快速了解和掌握Web组态软件的应用。   学习本可以需要掌握一些基础Web...
  • 最火前端Web组态软件(可视化)

    万次阅读 多人点赞 2019-11-14 19:11:00
    随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。本文将介绍mxgraph,le5le-topology,HT-2D/3D等当前流行的前端组态软件,以及发展的趋势。

    友情提示:本文为原创文章,转载请注明出处!夏季到来,大家如果有需要购买雨伞、生活日用百货的,可以搜索淘宝小店:华诚荣邦百货,凡是CSDN粉丝客户加备注,全程商品一律有优惠!

    前言:

    随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。智能时代是工业 4.0 时代,我国工业领域正努力从“制造”迈向“智造”的新跨越。

    正文:

    1.mxgraph:

    介绍:开源免费,但是需要解决的问题很多,国内学习参考资料少。但是,可视化组态的实现基本都是借助于这个框架来实现的。

    演示demo:https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html

    mxgraph官方文档API:http://jgraph.github.io/mxgraph/docs/js-api/files/model/mxCell-js.html

    最大的交流社区:https://forum.jgraph.com/tags/swimlane/index.html

    交流社区2:https://stackoverflow.com/questions/tagged/mxgraph

    github:https://github.com/jgraph/mxgraph

    效果:

    2.le5le-topology:

    介绍:A diagram (topology, UML) framework uses canvas and typescript. 一个用canvas+typescript写的绘图【核心库,不依赖框架】(微服务架构图、拓扑图、流程图、类图等ULM图,动画、视频支持)。本框架目前已经实现了拖拽、缩放、旋转、自定义属性等基础操作,开发者只用关心图表绘画实现即可。其次,流畅、高性能 - 使用 canvas 和多个场景离屏,操作过程流畅;完全不用担心 SVG 方式 dom 元素过多,性能高效。其三,自带部分动画效果,能满足基本的需求。使用TypeScript语言。chrome、firefox、ie11等浏览器是没有问题的。IE9以下版本没有测试,仅仅是绘图引擎,只需要支持canvas+html5标准即可

    演示demo:http://topology.le5le.com/

    github:https://github.com/le5le-com/topology

    gitee:https://gitee.com/mirrors/topology

    效果:

    3.draw.io

    介绍:和mxgraph相比,在其基础上加了一些东西,更加完善。但是都是出自同一家公司之手。

    演示demo:https://www.draw.io/

    github:https://github.com/jgraph/drawio

    社区博客:https://about.draw.io/blog/

    效果:

    4.HT-2D/3D

    演示demo:http://www.hightopo.com/demo/2deditor/HT-2D-Editor.html

    全部demo:http://www.hightopo.com/demos/index.html

    github:图扑软件

    社区博客:https://www.hightopo.com/blog/

    效果:https://www.hightopo.com/demos/index.html

     3D地铁站台:

             2D电力相关:

             editor参考:https://www.hightopo.com/demo/Simple3DEditor/index.html

    3D

    5.3D可视化楼宇、水站实时监测系统:

    介绍:3D可视化楼宇管理系统,实时监测楼宇相关的各方面的数据。提到工业互联网往往会涉及:物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、产业互联网、互联网+、工业4.0、智慧城市、智慧园区、智慧楼宇、智能制造等概念,但本文将围绕可视化的话题,围绕更基础的 HTML5/WebGL/WebVR 等底层技术,我们觉得业界还没达到智能化、平台化的成熟阶段,走得太快即使是 GE Predix 也会从明星变流星,了解垂直行业需求,采集足够多有效数据,做好实时的、稳定的、美观的、Web 化的 2D 和 3D 数据可视化呈现,是工业互联网需要走好的第一步。

    演示demo:http://www.hightopo.com/demo/ht-smart-building/

    github:图扑软件

    效果:

    效果:

    6、前端设计Mqtt(订阅、发布)

    参考:https://github.com/UsrIot/usrCloudDemo_js/blob/master/web/mqttws31.js

    7.OSHMI

    效果:

    介绍:适用于变电站,物联网和自动化应用的移动和云友好型SCADA HMI。

    github:https://github.com/riclolsen/OSHMI

    官网:https://oshmiopensubstationhmi.sourceforge.io/

    博客:http://ricolsen1supervc.wordpress.com(被墙)

    图形参考来源1:https://www.freepik.com/search?dates=any&format=search&page=1&query=%E5%B7%A5%E4%B8%9A&sort=popular

    8.HslControls控件库

    效果:

    介绍:HslControls是一个工业物联网的控件库,基于C#开发,配套HslCommunication组件可以实现工业上位机软件的快速开发,支持常用的工业图形化控件,快速的集成界面开发。 主要包含了按钮,开关,进度条,信号灯,数码管,时钟,曲线显示控件,仪表盘控件,管道控件,瓶子控件,饼图控件,传送带控件,温度计控件,鼓风机控件,阀门控件,电池控件等等。

    开发语言:c#

    github:https://github.com/dathlin/HslControlsDemo

    博客:https://www.cnblogs.com/dathlin/p/7703805.html

    注意:前端主要是JavaScript语言开发,c#我也不懂,只是做参考,看看人家的思路啥的。

    9.VUE组态-支持拖动

    效果:

    介绍:个人基于vue+quasar的web组态,核心代码基于vue,quasar仅仅是为了方便构建
    github预览访问如下地址:https://phynos.github.io/WebTopo/dist/spa

    demo:https://phynos.github.io/WebTopo/dist/spa/

    github:https://github.com/phynos/WebTopo

    博客:https://bloghttps://github.com/phynos/WebTopo.csdn.net/lpch1987/article/details/96288974

    10.WTScada HTML5组态百软度件

    效果:

    介绍:基于HT框架的web组态软件,HTML5技术,道在线专组态运属行.

    demo:http://www.wtscada.com/scada/

    github:暂无

    11、WebGL 

    介绍:WebGL是目前最为流行的3D绘图协议

    12、WVGL

    介绍:V虚拟现实行业

    13、iNeuOS

    效果:

    介绍:一个工业物联网的web组态,将组态和操作系统结合的模式,登录平台类似进入一台服务器;可以有效防止源码泄露;应该也是基于mxgraph前端框架。他的界面优化的挺好的,图元种类丰富,也是svg.点击图元分类的时候,有的时候很卡这个也需要优化加载速度。

    demo:http://demo.ineuos.net/login.html

    博客(文章):http://www.ineuos.net/index.php/products/ineuview-18.html

    14、Tempo

    效果:

    介绍:一款基于angular8开发的开源web组态编辑器:Demo(Tag0.1.0)。目前支持的效果:拖拽(创建组态,布局)、项目管理、页面管理(增加,删除)、属性绑定(样式属性,静态数据)、快捷操作(布局,删除,拷贝,粘贴)、样式复制、预览、服务端支持(目前仅支持node.js开发中)

    开发语言:angular8、node.js

    github:https://github.com/bojue/Web-editor-server

    demo:https://bojue.github.io/Web-Editor/#/develop?project=1&page=1

    博客:https://segmentfault.com/a/1190000022033357

    注意:这个支持拖拽元素,可以选择固定和不固定,右侧属性绑定做的比较好,预览较为流畅,还有一些管理也不错,最重要的是博主个人进行开源。目前不支持双击元素到画布的操作,元素不可以旋转特别是连线也不能旋转,大家可以去Github给别人打打星星。

    15.Web前端组态软件(可视化绘图编辑器)

    效果:

     

    架构:

    博客原文:https://segmentfault.com/a/1190000022033357

    参考文章: 

    [1].基于web组态软件 关于组态软件的设计与开发

    [2].组态软件认识

    [3].组态软件原理与实现

    成功案例(公司):

    智雨物联:工业物联网平台 www.krmes.com 采用H5技术 数据采用websocket 无需任何回插件 真正的网页组态 支持多种协议 还有丰富的图形设答计库。

    上海迅饶:基于HTML5规范的组态软件。配合本公司组态网关(如HMI-2004-A9)或楼控触摸屏等,实现现场数据采集,并直接转为组态画面进行数据实时监控。具有常规通用组态操作方便的特性,另外具有触摸屏组态软件可以运行在嵌入式系统上的特性。比起其它组态软件,最大的亮点是完全基于WEB开发,用户创建的组态工程,可以下载到硬件上运行。智能手机、iPad或者PC可以通过浏览器访问,特别适合应用在BA、智能家居等场合。

    图扑旗下:图扑 WEB 组态软件,2D和3D都有。

    iNeuOS:工业物联网平来台自,实现从设备&PLC、云平百台、移度动APP数据链路问闭环。

    感悟:

    物联网平台上,可以有地图支持,实时报警,历史告警,实时数据,组态工业软件功能,数据解析等等,为客户提供导航定位,车辆故障,传感器组图表,工业协议数据变成可读数据;智能家居上,可以有语音识别,视频画面,无线配置等等,为客户提供语音控制,安防控制,蓝牙wifi连接的配置等等服务;工业水处理上,可以有报警功能,温度度量,水为位置,视频监控等等,为客户提供遇到紧急报警,温度过高或者过低提醒,水位高度测量,视频时时查看等等服务;光伏项目中,可以有实时数据,历史数据,当日产能,收益计算,活跃报警,历史报警等功能....

    当你自己一点一滴去实现每一个功能而没有参考的时候,你才会发现和别人的差距,开源不易,很多公司基于别人的开源项目二次开发,最后研发自己的软件,贴上自己的广告。大多数看着很相似,但是人家就说是自己实现的,你有什么办法呢?而且这一块开源的非常之少,不过对于物联网公司算是一个大的需求了,也许未来的某一天,学生坐在教室,看着8k屏幕上的实验室或者科创空间的传回来的可视化画面和实时数据的时候,我们也会感到欣慰,致敬每一个在幕后默默付出,用行动践行工业4.0的人!

    展开全文
  • 基于ActiveX的Web组态软件及其浏览器的研究
  • 图扑 Web 组态软件是大连图扑物联科技有限公司自主研发的一款应用于泛工业物联网场景的B/S模式数据可视化监控软件,可帮助企业快速搭建自己专属的物联网监控平台。图扑 Web 组态软件是将传统上位机监控体系与网络...

    图扑 Web 组态软件是大连图扑物联科技有限公司自主研发的一款应用于泛工业物联网场景的B/S模式数据可视化监控软件,可帮助企业快速搭建自己专属的物联网监控平台。图扑 Web 组态软件是将传统上位机监控体系与网络技术相结合,研发出的一款符合未来工业发展趋势的新型上位机监控软件。西门子S7-1500系列PLC最为西门子最新推出的一个系列,将要替换原有的S7-300/400系列PLC,在不久的将来必然会成为市场上的主力机型。图扑 Web 组态软件与西门子S7-1500系列PLC的结合应用将会给用户提供一个新的选择,开创一种新的物联网工业的新模式。本文将介绍图扑 Web 组态软件与西门子S7-1500系列PLC之间通讯设置。

    案例预览地址:https://www.hightopo.com/demos/index.html

    S7-1500侧硬件组态和网络组态设置

    1.使用TIA V4软件新建一个项目,添加1个S7-1500站点并为其分配网络和IP地址,如图1所示。

    图1 TIA软件中添加S7-1500站点

    2. TIA软件的网络视图中为S7-1500 CPU添加一个新连接(S7连接),如图2所示。

    图2 S7-1500 CPU添加连接

    3.在弹出'创建新连接'对话框中添加'未指定'连接,并为这个未指定的连接伙伴配置IP地址和TSAP,设置方法如图3所示。注意:伙伴侧IP地址与本机电脑IP地址设置相同,本机电脑IP地址与CPU设置的IP地址在同一网段,伙伴侧的TSAP设置为03.00。

    图3设置连接伙伴的IP地址和TSAP

    图扑 Web 组态软件与西门子S7-1500系列PLC之间采用S7通讯协议,由PLC作为服务器,图扑 Web 组态软件作为客户端。因此在S7-1500系列PLC的CPU中不需要编写通讯程序。在PLC中新建一些输入输出点来进行通讯测试,此时PLC侧设置完成。

    图扑 Web 组态软件设置

     1.在图扑 Web 组态软件中新建网关和设备(建立通讯通道),如图4所示。

      

    图4新建网关和设备

    2.在网关列表中配置数据通道(此处IP地址为CPU中的IP地址,端口固定为102,机架号和槽号看PLC中硬件配置),如图5所示。

    图5数据通道配置

    3. 查看通讯报文,确认通讯无误。如图6所示。

    图6通讯报文收发无误

    4. 在图扑 Web 组态软件建立测点(与PLC侧对应的测点),如图7所示。

    图7建立测点

    5. 在图扑 Web 组态软件在监控这些测点,对应PLC侧验证这些测点的输入输出变化否一致。

    综上过程步骤即可实现图扑 Web 组态软件与西门子S7-1500系列PLC之间通过S7协议通信。

     

    展开全文
  • 前言 如今的制造行业,基于数据进行生产策略制定与管理已经成为一种趋势,特别是 工业4.0 的浪潮下,数据战略已经成为很多制造企业的优先战略,而...今天就给大家带来一个采用 Hightopo 的 HT for Web 产品实现了...

    前言

    如今的制造行业,基于数据进行生产策略制定与管理已经成为一种趋势,特别是 工业4.0 的浪潮下,数据战略已经成为很多制造企业的优先战略,而数据可视化以更直观的方式,帮助指导决策,成为数据分析传递信息的重要工具。通过数据可视化系统助力实现数据驱动的工业世界,为 工业4.0 提供更加灵活、敏捷、高效、个性化的数据支撑。今天就给大家带来一个采用 Hightopo 的 HT for Web 产品实现了一个水泥工厂可视化系统。

    系统预览

    数据概述
    生料质量控制
    熟料质量控制

    智能物流

    系统实现

    本案例共有七个子系统:

    数据概况 – 展示全厂年月时间单位的各项数据概况
    窑系统运行 – 用窑工艺流程动画展示窑系统实时运行状态
    系统运行情况 – 用动画流程图展示整个系统运行情况
    生料质量控制 – 用图表和流程图展示各种生料的配比情况
    熟料质量控制 – 用动画流程图展示各种熟料的配比情况
    煤粉质量控制 – 用图表和流程图对煤粉质量进行监控
    智能物流 – 通过 3D 场景实时监控进出厂车辆,和各项原料运输情

    子系统页面切换

    子系统画面切换
    切换不同子系统时,左侧菜单和顶部标题是不需要切换的,所以我们把需要切换的内容部分别放在不同的 Block 中,Block 类型,本身不绘制任何内容,用于作为其它节点的父节点,可以与子节点同步大小,当它隐藏或显示时,所有子节点都会跟着隐藏或显示。所以当我们切换子系统时只需要控制对应的 Block 显示隐藏,而不需要去加载切换多张图纸。

    流向地图

    流向地图
    在数据概况页面中,流向地图展示年度水泥向各地区的销售情况,这里我们用 Shape 类型绘制线段来连接源地和汇地,用流动效果表示销售关系。流动效果只需引入 HT 的 ht-flow.js 插件,即可通过简单的属性设置实现,代码如下:

    // 获取线段的父节点
    this.flowParent = dm.getDataByTag('saleFlowParent');
    // 遍历得到所有线段
    this.flowParent.eachChild(child => {
        // 开启流动,设置流动样式
        child.s({
            // 开启流动
            'flow': true,
            // 设置流动组中最大元素的尺寸
            'flow.element.max': 4,
            // 设置流动组中的元素的渐变阴影中心颜色
            'flow.element.shadow.begincolor': '#49e5fe',
            // 设置流动组中的最大元素的渐变阴影尺寸
            'flow.element.shadow.max': 16,
            // 设置流动组中的元素的渐变阴影边缘颜色
            'flow.element.shadow.endcolor': 'rgba(73, 229, 254, 0)',
        });
    });
    

    窑系统动画

    窑系统动画
    在窑系统运行页面中,窑工艺流程动画很直观的展示了窑系统实时运行状态。画面中火焰、水和熟料在传送带上运输的动画效果,为了在性能较差的设备上也能流畅运行,我通过切换不同矢量图形的方式实现。这里用到了 HT 矢量中状态机制,先绘制多个不同的矢量组件,每个组件都可以定义状态来决定自己在哪个状态下显示,只要通过 data.s(‘state’) 修改节点状态就可以实现如下效果:
    火焰效果

    使用一个定时器,不断地改变节点的状态值,相关代码如下:
    
    this._stateTimer = setInterval(() => {
        stateNodes.forEach(node => {
            this.stateAnimation(node);
        });
    }, 180);
    //切换状态
    stateAnimation(node) {
        let stateIndex = (node.a('stateIndex') || 0) % stateEnum.length,
            state = stateEnum[stateIndex].value;
        node.s('state', state);
        node.a('stateIndex', ++stateIndex);
    }
    

    流程图动画

    流程图中流动线同样是使用 ht-flow.js 插件实现。由于图纸上的线段比较多,我把不同的线段分组放在不同的 Block 下,遍历其子节点设置样式,代码如下:
    流动动画

      //设置流动属性
      setNodeFlow (data, value) {
        if (data instanceof ht.Block) {
            data.eachChild(child => {
                this.setNodeFlow(child, value);
            });
        }
        else if (data.getDisplayName() === 'line'){
            data.s({
                'flow': value,
                'flow.element.max': 4,
                'flow.element.count': 1,
                'flow.count': 5,
                'flow.step': 10
            });
        }
    }
    //设置虚线流动属性
    setNodeDashFlow(data, value) {
        if (data instanceof ht.Block) {
            data.eachChild(child => {
                this.setNodeDashFlow(child, value);
            });
        }
        else if (data.getDisplayName() === 'border'){
            if (value) {
                data.s({
                    'shape.dash.flow': true,
                    'shape.dash': true
                });
            }
            else {
                data.s({
                    'shape.dash.flow': false,
                    'shape.dash': false
                });
            }
        }
    }
    
    为了使动画看起来更顺畅,我给一些节点加上透明度动画,设置节点透明度的代码如下:
    
    //设置节点透明度
    setNodeOpacity (data, value = 0.5) {
        if (data instanceof ht.Block) {
            data.eachChild(child => {
                this.setNodeOpacity(child, value);
            });
        }
        else {
            data.s('opacity', value);
        }
    }
    
    接下来只需要依次执行动画:
    
    //开始流程图动画
    start() {
        let {eo, eoInput, eoLine1, eoKind, eoCalu} = this;
        //工况输入透明度动画
        this.gv.enableFlow(30);
        this.setNodeOpacity(eo);
        this.setNodeFlow(eo, false);
        (new Promise((resolve, reject) => {
            this.animtion = startAnim({
                frames: 16,
                interval: 5,
                finishFunc: () => {resolve()},
                action: (v, t) => {
                    this.setNodeOpacity(eoInput, 0.5 + 0.5 * v);
                }
            });
        })).then(() => {
            //连线连线透明动画,流动
            return new Promise((resolve, reject) => {
                this.animtion = startAnim({
                    frames: 12,
                    interval: 10,
                    finishFunc: () => {
                        this.setNodeFlow(eoLine1, true);
                        this.timer = setTimeout(() => {resolve()}, 1500);
                    },
                    action: (v, t) => {
                        this.setNodeOpacity(eoLine1, 0.5 + 0.5 * v);
                    }
                });
            })
        }).then(() => {
            //软计算透明动画
            return new Promise(resolve => {
                this.animtion = startAnim({
                    frames: 16,
                    interval: 5,
                    finishFunc: () => {resolve()},
                    action: (v, t) => {
                        this.setNodeOpacity(eoKind, 0.5 + 0.5 * v);
                        this.setNodeOpacity(eoCalu, 0.5 + 0.5 * v);
                    }
                });
            });
        }).then(() => {
            //软计算透明虚线流动
            return new Promise(resolve => {
                this.setNodeDashFlow(eoKind, true);
                this.setNodeDashFlow(eoCalu, true);
                this.timer = setTimeout(() => {
                    this.setNodeDashFlow(eoKind, false);
                    this.setNodeDashFlow(eoCalu, false);
                    resolve();
                }, 3000);
            });
        }).then(() => {
            ......
        })
    }
    

    智能物流

    前面六个子系统均为 2D 界面,而智能物流页面则是嵌入了一个 3D 场景。实现方式是通过定义 HT 矢量 JSON 的 renderHTML 函数属性,可实现在 GraphView 拓扑图上,嵌入任意第三方 HTML DOM 元素。不过这里也要注意一点,HT 的图纸是 Canvas 实现的,renderHTML 的 DOM 元素一定在 Canvas 之上,使用 renderHTML 的 DOM 与常规 Canvas 上绘制的图元不可能有层级控制可能性。下面展示一下 renderHTML 函数属性里的代码:

    renderHTML : function (data, gv, cache) {
        // 避免重复创建g3d
        if (!cache.g3d) {
            // 创建 3D 视图组件
            var g3d = cache.g3d = new ht.graph3d.Graph3dView();
            // 布局函数,根据图元的位置信息摆放HTML元素
            g3d.layoutHTML = function () {
                gv.layoutHTML(data, g3d, true);
            };
            // 阻止事件冒泡
            g3d.getView().addEventListener('mousedown', function (event) {
                event.stopPropagation();
            });
            g3d.getView().addEventListener('touchstart', function (event) {
                event.stopPropagation();
            });
        }
        // 获取图元自定义属性sceneURL的值
        var sceneURL = data.a('sceneURL');
        // 获取图元自定义属性onPostDeserialize的值
        var onPostDeserialize = data.a('onPostDeserialize');
        // 当图元自定义属性sceneURL改变时,清除旧dataModel,反序列化新的sceneURL
        if (cache.g3d.sceneURL !== sceneURL) {
            cache.g3d.dm().clear();
            cache.g3d.sceneURL = sceneURL;
            if (sceneURL) {
                cache.g3d.deserialize(sceneURL, function (json, dm, g3d, datas) {
                    // 在反序列化后的回调函数中,执行onPostDeserialize函数
                    onPostDeserialize && onPostDeserialize(json, dm, g3d, datas);
                });
            }
        }
        return cache.g3d;
    }
    

    3D场景
    3D场景嵌入后,接下来实现水泥厂内的车辆动画。根据后台传来车辆进入工厂的数据,我们创建运载不同原料的车辆模型,让它们沿着不同的路径抵达对应的厂房。同样是用 Shape 类型事先绘制好路径,根据 Shape 的 Points 和 Segments 信息,实现车辆沿着路径行驶动画。相关代码如下:

     carAnimation(car, path, duration) {
            // 车辆行驶动画
            ht.Default.startAnim({
                duration: duration,
                easing: Easing.easeNone,
                action: function (v, t) {
                    // 设置偏移量
                    let offset = Math.floor(v * 100);
                    // 根据偏移量得到在路径上的点坐标
                    let position = ht.Default.getPercentPositionOnPoints(path.getPoints(), path.getSegments(), offset);
                    // 根据偏移量得到在路径上的点于路径切线角度
                    let angle = ht.Default.getPercentAngle(path.getPoints(), path.getSegments(), offset);
                    // 设置车辆位置坐标及旋转角度
                    car.setX(position.x);
                    car.setY(position.y);
                    car.setRotationY(Math.PI / 2 - angle);
                },
            });
        }
    

    总结

    工业互联网是工业发展的必经之路,我们国家是一个工业大国,正处在工业转型升级的关键时刻,面临着人工成本上升、原材料价格波动、贸易竞争日益加剧等问题,迫切需要提高效率、降低生产成本。只有坚定不移地推动工业互联网落地,加快更多企业的数字化转型和智能化改造,才有能让在全球化竞争中立于不败之地。可视化作为智能化数字化的最后一环,让复杂抽象的数据变得真正可知可感,帮助决策者发现规律,洞悉未来,为企业提速增效。

    还有更多的可视化案例可以参考:https://www.hightopo.com/demos/index.html

    展开全文
  • 现在通过使用边缘计算网关和图扑Web 组态软件,运行维护人员和系统工程师可以在任何有网络的地方通过手机、平板电脑和普通PC机就可以实现对整个系统的实时监控,方便快捷,大大提高了工作的灵活性,也为整个系统...

    粮仓,即储藏粮食的专用建筑物,用于存放大量粮食,大型粮仓储粮更需要谨慎呵护每一粒粮,一旦出现问题损失不可估量。从米面油到豆类、玉米等,粮食种类丰富,粮库面积最少在500平以上,若不能有效解决粮库夏季热,冬季冻的问题,粮库将会面临非常大的困境。在夏季一般要求粮仓的循环温度保持在20℃一下,这就需要使用冷却风机系统不断调节仓内温度,甚至在夜间要停止所有冷却风机系统的运行。由于粮库有粮仓很多粮仓,分布也很分散,人为的启停冷却风机系统、设备巡检和处理系统在运行过程中出现的问题也极大的消耗人力物力资源。

    image.png

    现在通过使用边缘计算网关和图扑Web 组态软件,运行维护人员和系统工程师可以在任何有网络的地方通过手机、平板电脑和普通PC机就可以实现对整个系统的实时监控,方便快捷,大大提高了工作的灵活性,也为整个系统的监控、维护和紧急维修提供了更加灵活方便的新平台。

    使用边缘计算网关将原本分散的所有的冷却风机系统的输入输出信号通过4G或无线WiFi传输到图扑Web 组态软件中,并使用组态画面将每个粮仓和每套冷却风机系统的当前状态实时准确直观的呈现给每一个系统维护人员。并且可通过远程监控屏幕直接调整系统进入手动或自动模式,调控风机变频器等设备的工作状态,真正做到远程监控,自我调整,精准控制。

    动态操作预览地址:https://www.hightopo.com/demos/index.html

    图扑Web 组态软件还提供了数据报警、数据报表和能耗记录等功能,通过报警功能用户维护人员可以准确的找到是哪一套系统出现问题,并作出及时的处理;通过数据报表功能用户维护人员可以准确的掌握粮仓和冷却风机系统在过去的一段时间内的运行状况;通过能耗记录等功能用户维护人员可以了解所有风机系统的用电情况,方便用户用电费用的计算。

    image.png

    相较于传统的触摸屏监控体系具有以下优势:

    打破了传统上位机触摸屏监控模式的限制,实现的随时随地对系统运行的精准把控,大大提高了人力资源的优化。

    动态立体展示,使数据实时可以被感知,促进管理决策合理,确保运行精准高效。

    自动完成数据采集,及时提出故障报警,进行针对性维护,提升设备的科技含量和使用寿命。

    不仅改变了粮仓的管理模式,也为用户提供了最佳的工作体验。

    总结

    图扑 Web 组态软件是将传统上位机监控体系与网络技术相结合,研发出的一款符合未来工业和民用发展趋势的新型上位机监控软件。它打破了诸多传统的控制模式,为用户提供更方便、更准确、更直观、更高效和更智能的控制模式。图扑Web 组态软件紧跟工业4.0信息化技术发展的脚步,为中国未来的智能化工业体系的发展注入新的活力。

    展开全文
  • Web组态

    千次阅读 2019-02-25 12:30:31
    物联网软件本质是传统工业控制组态软件的一个后续发展,但不是简单的升级关系, 具备强大组态配置功能的物联网软件可以成为Web组态软件Web组态软件和控制组态软件的功能基本是相同的,都需要具备通信组态、监控...
  • WebAccess 组态软件

    2013-11-01 14:53:51
    监控组态软件日益成为自动化硬件厂商争夺的重点,然而国外组态软件贵,国内组态软件功能等方面还待有提高。但都是传统的c/s架构,现物联网IOT兴起时,网络,云形式的分布式架构下,以补丁形式推出所谓网络版,毕竞...
  • 关于这个软件,首先要从组态的概念开始说起。 组态(Configure)的概念来自于...从用户操作与界面呈现的角度来说,组态软件采用标准HTML5技术,基于B/S架构进行开发,支持Web端呈现,在浏览器端即可完成便捷的人机交互
  • 介绍了关于紫金桥组态软件调用WebServices应用.zip的详细说明,提供紫金桥的技术资料的下载。
  • 针对当前组态软件Web发布时安全性差,运行速度慢以及图形文件格式多样等问题,提出了基于AJAX(asynchronousJavaScriptandxML)SVG(scalablevectorgraphics)的组态软件Web发布模型
  • 紫金桥组态软件调用WebServices应用docx,紫金桥组态软件调用WebServices应用
  • 测试用户:test1 888888 图元组件管理可以进行可进行图元组件维护,支持svg、gif、jpge、png等图片格式及自定义图元格式; ... 数据源管理主要为大屏... 模型管理主要是模型的组态、预览、基本信息维...
  • 1、这是一款可以嵌入到任何web项目、功能全面,拿来就用,大大节省开发时间。 2、内置120个组件,满足一般组态业务需要。 3、使用简单,文档简洁。 4、提供java后端websocket服务源码,该服务与组态插件监控页面...
  • web组态编辑器web图形可视化软件 web可视化编辑器,又称WEB组态可视化软件,即用户可以在web页面编辑器上直接搭建出一个行业应用系统出来。web组态可视化编辑器能够运用在哪些场景中呢? web组态可视化编辑器为...
  • 基于Internet_Intranet的工控组态软件Web发布系统的研究
  • 组态软件

    千次阅读 2018-11-08 00:46:26
    组态软件
  • 组态软件WebAccess在无锡仙蠡桥水利枢纽的应用
  • 随着互联网的不断发展,基于Web的软件开发需求也越来越引起关注....利用组态软件的灵活性,介绍和发展了一种基于Web组态软件架构的定义和实现.通过将组态软件的系统结构和模型应用于Web软件开发中,提高Web软件
  • 研华WebAccess组态软件在风力发电风场管理系统中的应用,研华工控机系统

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,036
精华内容 1,214
关键字:

web组态软件