专栏首页hightopo工业4.0:换热站最酷设计—— Web SCADA 工业组态软件界面

工业4.0:换热站最酷设计—— Web SCADA 工业组态软件界面

前言

随着工业4.0 的不断普及与发展,以及国民经济的飞速前进,我国的城市集中供热规模也不断扩大,科学的管理热力管网具有非常重大的经济和社会效益。目前热力系统,如换热站大都采用人工监控,人工监控不仅浪费人力;而且在出现事故隐患时操作人员难以发现,易造成设备事故。同时各换热站比较分散的独立运行,难以达到供热系统整体的最佳运行状态,造成了整个热网的热力失衡,影响供热效果而造成能源的极大浪费,非常不利于节能减排,甚至影响供热服务质量。

而在新基建如火如荼的实施上,智能化的时代已经悄悄来临,工业互联网也位列新基建的七大领域当中,对于换热站的智能监控上,今天我们将使用 Hightopo(以下简称 HT )的 HT for Web 产品上的 web 组态跟大家介绍一下通过 2D 组态上运用——流程可视化动画效果以及图表数据载入融合搭建的一个完整的换热站远程监控系统的解决方案。

界面简介及效果预览

换热站远程监控系统的图纸实现是通过 HT 特有的机制矢量图标绘制的,效果上的呈现可以适应不同分辨率的屏幕而不模糊失真,在大屏上展示的效果适配度十分的友好;其次,效果实现上通过流程可视化动画效果的控制和子菜单的一些数据可视化图表的载入,来展示整个可视化系统数据监控和维护的实现。

白色模式预览地址:http://www.hightopo.com/demo/heat-station/white/

蓝色模式预览地址:https://www.hightopo.com/demo/heat-station/blue/

系统设计

换热站是整个热网系统中最核心的环节,它将一侧蒸汽或高温水通过热交换器换成可以直接进入用户末端的采暖热水。换热站控制系统是集中供热监控系统的核心部分,换热站控制系统既可独立工作,也可以接受调度中心的监督指导。 换热站的完全自动化无人职守控制包括如下控制内容:**供水温度自动调节、循环泵自动调节、补水泵自动定压、报警管理。 **

换热站的工作原理为:

由锅炉产生的蒸汽经管网输送到换热站,送入到换热器与冷介质水进行充分的热交换,蒸汽形成的凝结水,经疏水器聚集到凝结水箱中,由循环泵来的水在换热器中与蒸汽进行热交换以后,进入到采暖管网中进行,从管网中回来的水,由回水缸进行收集,然后经除污器进入到循环泵进行下一轮的循环,补水泵及时补充因管网跑冒滴漏等所遗失的水量,以保持一定的压力,形成经济稳定的运行状态,控制台通过各种感应器对设备的运行情况监控,随时掌握,了解换热站的进行情况,并作出相应处理。

1、一次热源通过管道送到换热站,并进入换热器内,通过换热器的换热,将一次热源交换到二次供热管道内,二次供热管道引出至热用户;

2、二次水经过过滤除污,经由循环进入换热器,被蒸汽或高温水加热后进行供热,蒸汽或高温水进入板式换热器后,变成凝结水或高温回水返回热源,进行一二次给供热系统的回热循环,补水泵将软水打入系统中保持系统压力恒定;

3、一次水是指锅炉房到换热器的水系统;

4、二次水是指换热器到采暖末端的水系统;

5、当热水冷水系统补水能力有限,需要控制管道充水流量,管道阀门应装设口径较小的旁通阀作为控制阀门;

效果实现

一、整体系统流程图

换热站的实现上的主体部分体现在了可视化流程的控制,用户可以根据系统搭建的换热站运行流程来控制阀门的开关和运行时的流动,其流程上实现的动画全是由 HT 封装的动画函数 ht.Default.startAnim() 来实现的,实现上的优势是,动画可以支持 Frame-Based 和 Time-Based 两种方式的动画,Frame-Based 的方式是用户通过指定 frames 动画帧数,以及 interval 动画帧间隔参数来控制动画效果,而 Time-Based 的方式是用户只需要指定 duration 的动画周期的毫秒数即可,HT 将在指定的时间周期内完成动画;还设定了 delay 动画延迟执行的时间来搭配动画实现的效果;easing 参数则是用于让用户自定义函数,通过数学公式控制动画,如匀速变化、先慢后快等效果;其中最重要的就是 action 动画执行函数和 finishFunc 动画结束回调函数,通过一些效果的搭配使用,可以使用户达到平滑的动画效果。

而以上流程可视化动画的具体实现,用户只需要在搭建好的矢量图纸上,对图元节点进行唯一标识标签 tag 的命名,并通过在数据模型 dataModel 里去获取这个标识节点,进行动画函数的控制,对其需要实现的属性进行数据上的改变,从而达到动画实现上的效果。而在整个流程中,最重要的两个动画上的实现,一个是阀门旋转的实现,实现的方式是通过动画函数来改变阀门旋转的角度值,并通过 setRotation() 设置图元的旋转角度,围绕中心点顺时针旋转,角度值上则采用弧度值的方式;第二个管道流动的动画效果是采用 HT 的虚线偏移,只需要修改图元节点的 shape.dash.offset 属性值即可实现完美的流动效果。

二、子菜单

子菜单的实现上是通过 HT 自身拥有的一套矢量图表的图形组件来搭建而成的,实现不仅可以使用 HT 现有的矢量图表图形组件库 ht-vector 进行系统上的搭建,还可以使用第三方的图形组件进行嵌入,例如EChart、Chart等开源的图表组件都可以轻松的嵌入。使用图表组件再通过数据采集后,进行数据接口上的对接,可以即使地反馈出一些换热站实时监控的数据走向,起到监管和维护的作用的同时,还能预防一些问题的发生。

现有的矢量图表图形组件库 ht-vector 内置了许多的图表,包括柱状图、折线图、条形图、雷达图等一系列场景的图表的运用,在效果呈现上不仅只局限于一种展现形式,用户可以通过自定义绘制出一套符合自己系统风格的矢量图表,极其自由的绘制可以实现出更多酷炫的效果,更好玩的尝试可以通过官网了解一些功能上的实现以及运用。

总结

换热站的远程监控系统俨然是工业互联网的一角,工业4.0的大门已经开启,搭载5G时代的引领,全面的信息化时代已经到来,在智能化监控上,可以充分地释放掉人力上的使用成本,也能减轻系统监控和维护的工作量。HT 在众多领域上积累许多行业上系统实施的解决方案,并通过自身产品上的不断研究和进步,打造出一套丰富的 2D组态3D组态,方便用户快速上手使用,实现出更多精美的工业监控可视化系统。

在 2D组态上动画数据的体现上,有兴趣的小伙伴可以了解一下,关于图表动画实现上酷炫效果的实现:Inteligent Lighting Alliance

2019 我们也更新了数百个工业互联网 2D/3D 可视化案例集,在这里你能发现许多新奇的实例,也能发掘出不一样的工业互联网:https://mp.weixin.qq.com/s/ZbhB6LO2kBRPrRIfHlKGQA

同时,你也可以查看更多案例及效果:https://www.hightopo.com/demos/index.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 工业4.0:换热站最酷设计—— Web SCADA 工业组态软件界面

    随着工业4.0的不断普及与发展,以及国民经济的飞速前进,我国的城市集中供热规模也不断扩大,科学的管理热力管网具有非常重大的经济和社会效益。目前热力系统,如换热站...

    HT for Web
  • Allwinner A40i 工业互联网网关设计方案,智慧工地,智慧城市核心网关

    这是香蕉派BPI 4.0 定制服务案例,基于香蕉派 BPI-M2 Berry和香蕉派 BPI-M2U开发,采用 Allwinner A40i 工业级芯片设计。

    Banana Pi 开源硬件
  • SCADA系列 系统评估

    介绍 监控和数据采集(SCADA)是一种允许主设备操作员监视和控制分布在各个远程站点之间的进程的系统。 正确设计的SCADA系统通过消除维修人员访问每个站点进行...

    首席架构师智库
  • 工控系统 SCADA(监控和数据采集)系统简介

    监控和数据采集- SCADA是指用于控制基础设施流程(水处理,污水处理,天然气管道,风电场等)的ICS(工业控制系统),基于设施的过程(机场,空间站,船舶等) ...

    首席架构师智库
  • 分享数百个 HT 工业互联网 2D 3D 可视化应用案例之 2019 篇

    过去的 2018 年,我们认为是国内工业互联网可视化的元年,图扑软件作为在工业可视化领域的重度参与者,一线见证了众多 HTML5/Web 化、2D/3D 化的项...

    万物皆可联i
  • GPS北斗授时服务器应用医药SCADA系统

    工业4.0”概念的提出,智能制作成为全球制作业的研讨热门,柔性制作、灵敏制作、数字化车间等先进的制作理念层出不穷。为此,我国拟定了以工业化、信息化交融为主线的“...

    NTP网络同步时钟
  • 什么是SCADA?

    SCADA系统是现代工业的支柱 什么是SCADA用于? SCADA(监控和数据采集)是一个以现代行业为核心的工业自动化控制系统,包括: 能源 食...

    首席架构师智库
  • 还在为大屏分辨率困扰?图扑提供响应式(自适应)可视化大屏

    数据可视化在当下信息时代已经成为炙手可热的话题,而 B/S 化趋势,也使得许多大屏应用上在网页端出现,今天给大家分享一套不一样风格的大屏页面,与传统深蓝色不同,...

    HT for Web
  • 让机房温度可视化:物联网下的数据中心环境运维新方式

    热力图(Heat Map)是通过密度函数进行可视化用于表示地图中点的密度的热图。它使人们能够独立于缩放因子感知点的密度。那么热力图分为哪些类型?分别用于解决哪些...

    HT_hightopo
  • 加油站三维可视化监控系统,安全管理智慧运营

    国家经济的高速发展,使得国民的收入日益增强,对机动车辆的购买力也不断地增加。因此,加油站的数量也在不断增多,遍布全国城乡各交通道路沿线,已形成一个相当规模的行业...

    万物皆可联i
  • 加油站三维可视化监控系统,安全管理智慧运营

    国家经济的高速发展,使得国民的收入日益增强,对机动车辆的购买力也不断地增加。因此,加油站的数量也在不断增多,遍布全国城乡各交通道路沿线,已形成一个相当规模的行业...

    HT for Web
  • 石油天然气管道SCADA系统NTP时间同步(卫星时钟)方案

    石油天然气输油输气管道监控系统是对油气管道压力、流量、温度等参数进行检测,来保证输油输气管线的安全可靠运行,该检测系统分为三部分:现场检测部分、泵站汇聚部分、中...

    NTP网络同步时钟
  • 基于HT for Web的Web SCADA工控移动应用

    在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年,早先年的Web SCADA前端技术大部分还是基于Flex、Silverligh...

    HT for Web
  • 基于HTML5的Web SCADA工控移动应用

    HT_hightopo
  • 基于HT for Web的Web SCADA工控移动应用

    HT_hightopo
  • IIoT可预测运维报告摘要

    2013年4月,在德国举行的 Hanover Messe 会议上,工业4.0的指导原则发布。 在过去的五年里,工业4.0已经从德国政府的政策转向了全球的高管级战...

    半吊子全栈工匠
  • 工控安全入门之攻与防

    2010 年 6 月,一个名为 Stuxnet处于休眠状态的病毒潜伏在伊朗的铀浓缩设施网络中,Stuxnet在位于纳坦兹的离心机中被激活,控制了30%的纳坦兹设...

    FB客服
  • SCADA渗透测试

    SCADA(Supervisory Control And Data Acquisition)即数据采集与监视控制系统。SCADA系统是以计算机为基础的DCS与...

    信安之路
  • 快速开发基于 HTML5 网络拓扑图应用

    HT_hightopo

扫码关注云+社区

领取腾讯云代金券