基于HTML5的DCS远程实时监控关键技术研究及应用Research on HTML5-based key technologies of DCS remote real-time monitoring
张文建,李昊夫
摘要(Abstract):
为了实现DCS产品的跨广域网监控功能,并降低工程应用成本,提出一种由浏览器端程序直接解析显示DCS监控界面文件的方法。基于现代浏览器对HTML5标准的良好支持,结合Canvas绘图技术、Web Socket实时通信技术、SharedWorker跨页面数据共享技术等,设计出一套完整的DCS跨广域网监控解决方案,并对系统架构以及核心模块的主要功能和工作流程做了详细说明。基于此方案,为EDPF-NT+产品开发了Web扩展组件,该扩展组件可直接解析渲染EDPF-NT+监控界面文件,在使该DCS产品具备跨广域网监控能力的同时,降低了工程实施成本,实现了与原生界面一致的功能与用户体验。该扩展组件在多个工程项目中应用,取得预期效果。
关键词(KeyWords): DCS;实时监控;B/S模式;HTML5;WebSocket;Canvas;SharedWorker;EDPF-NT+
基金项目(Foundation):
作者(Author): 张文建,李昊夫
DOI: 10.19666/j.rlfd.201904117