APP下载

基于HTML5的DCS可视化远程实时监控系统设计

2017-03-16李伟赵文哲

山东工业技术 2017年3期

李伟+赵文哲

摘 要:研究了现场总线在DCS监控系统中的应用以及基于Canvas和WebSocket技术实现DCS实时数据Web发布的可能。利用Canvas实现DCS实时、历史曲线以及流程监控图的浏览器端无插件显示。采用WebSocket通信协议实现实时通信,提高了网络通信效率,降低了服务器的通信压力。实例证明所设计的监控系统可视化效果良好、稳定且易维护。

关键词:实时监控;DCS;现场总线

DOI:10.16640/j.cnki.37-1222/t.2017.03.202

0 引言

工业互联网时代将会带来开放、全球化的网络,它将把人、机器与数据结合起来,这就要求更高、更实时的通信方式来提高工业控制中的数据传输[1]。传统电厂信息化监控系统大多采用轮询或者Comet的方式进行数据传输,这在工业互联网的时代已经不能满足要求。

电厂厂级监控信息系统是基于電厂DCS系统实现人机交互的重要组成部分,它可以直观的显示监测节点的实时以及历史数据,方便了解和分析电力设备的运行状态[2]。然而,当前的大部分DCS系统所提供的监控画面只能在安装了特有的客户端之后才能查看,这显然不易于随时随地了解设备运行情况。为此,本文提出了基于HTML5实现实时监控系统的方法和思路。

近年来出现的HTML5技术在HTML4的基础上新增了许多控件与元素,比如data、article等。在新功能上,HTML5增加了语义化标签、音频、视频、Canvas以及实时通信协议WebSocket等先进技术。Canvas实现了前端页面的动态显示,WebSocket协议实现了数据的动态实时传输。基于此,本文提出了一种DCS数据监控的实时可视化方法,服务器端采用了java语言实现WebSocket Server,客户端采用Canvas绘图技术绘制动态页面,并结合实例对系统进行了评估与测试。……

登录APP查看全文