Journal of Computer Applications ›› 2023, Vol. 43 ›› Issue (S1): 201-206.DOI: 10.11772/j.issn.1001-9081.2022101479

• Computer software technology • Previous Articles    

Design and implementation of workshop monitoring system based on real-time Web technology

Zhihui GAO1, Qi QIN1, Jian DUAN1, Xu SHEN2, Xiaoyuan JI2, Zhiyong LIU1(), Guanglan LIAO1   

  1. 1.School of Mechanical Science & Engineering,Huazhong University of Science and Technology,Wuhan Hubei 430074,China
    2.School of Materials Science and Engineering,Huazhong University of Science and Technology,Wuhan Hubei 430074,China
  • Received:2022-10-09 Revised:2022-11-19 Accepted:2022-11-22 Online:2023-07-04 Published:2023-06-30
  • Contact: Zhiyong LIU

基于实时Web技术的车间监测系统设计与实现

高志辉1, 秦琦1, 段暕1, 沈旭2, 计效园2, 刘智勇1(), 廖广兰1   

  1. 1.华中科技大学 机械科学与工程学院,武汉 430074
    2.华中科技大学 材料科学与工程学院,武汉 430074
  • 通讯作者: 刘智勇
  • 作者简介:高志辉(2000—),男,河南新乡人,硕士研究生,主要研究方向:智能制造工厂、可视化软件
    秦琦(1999—),男,湖北孝感人,硕士研究生,主要研究方向:大数据
    段暕(1993—),男,湖北黄冈人,博士,主要研究方向:设备故障诊断
    沈旭(1982—),男,贵州六盘水人,博士,主要研究方向:生产信息化管理系统
    计效园(1986—),男,江西鄱阳人,副教授,博士,主要研究方向:车间调度、大数据
    刘智勇(1990—),男,湖北监利人,讲师,博士,主要研究方向:智能工厂、智能制造、智能传感、大数据。zhiyong_liu@hust.edu.cn
    廖广兰(1974—),男,湖南湘乡人,教授,博士,主要研究方向:故障诊断与状态监测。

Abstract:

Focused on the issue of low efficiency of workshop data management and utilization, to promote the intelligent and digital transformation of traditional casting workshop, WebSocket technology was introduced to establish a real-time online workshop data monitoring system, which realized industrial data access, real-time data monitoring, alarm prompts, historical data analysis and other functions. Firstly, the real-time parameter values of all equipments were collected by Modbus/TCP, and the data was dumped into the MySQL database. Secondly, Django server was used to monitor database update events, and a WebSocket duplex data communication channel between server and browser was created to realize efficient and stable transmission of monitoring data. Finally, real-time data was bound to ECharts line chart, area chart and other components through Vue bidirectional data binding technology to realize scientific display of monitoring data. The proposed system covers 126 parameters of all equipments. Compared with traditional Ajax polling, the response time of the proposed system is shortened by at least 10 ms, and data synchronization cycle can reach 200 ms. And the system has achieved stable operation in practical engineering applications, which can effectively reduce the communication bandwidths of front and backend, accelerate the response speed, provide detailed production information for managers, and greatly improve the management efficiency and production efficiency.

Key words: intelligent manufacturing, monitoring visualization, real-time online system, long-lived WebSocket connection, Django framework, Vue bidirectional data binding

摘要:

为推进传统铸造车间智能化、数字化转型,解决车间数据管理效率低、利用效率低等问题,引入WebSocket技术建立了一套实时在线的车间数据监测系统,实现了工业数据接入、数据实时监测、报警提示、历史数据分析等功能。首先,通过Modbus/TCP采集设备的参数实时值,将数据转储到MySQL数据库中;其次,利用Django服务器监听数据库更新事件,并创建服务器与浏览器之间的WebSocket双向数据通信通道,实现数据高效稳定传输;最后,通过Vue双向数据绑定技术将实时数据绑定到ECharts折线图、面积图等组件中,实现数据的科学展示。所提系统覆盖车间所有设备的126个参数,响应时间相较于传统Ajax轮询至少缩短了10 ms,数据同步周期可达到200 ms;所提系统在实际工程应用中已实现稳定运行,能有效降低前后端通信带宽,提高响应速度,为管理人员提供详细的生产信息,大幅提升了管理效率和生产效率。

关键词: 智能制造, 监测可视化, 实时在线系统, WebSocket长连接, Django框架, Vue双向数据绑定

CLC Number: