Web-based HMI of Industrial Controllers for General Purpose

With the rapid development of the internet and intelligent devices, the use of tablets and smartphones in the industrial internet of things (IIoT) has sprung up in recent years. Consequently, not only the raising of system efficiency but also the updating of human-machine interfaces (HMIs) for industrial controllers is needed. This remote monitoring system is based on a web front-end design as a single page application using HTML, CSS, and JavaScript for the components and a back-end server based on Node.js to implement data transmission with AJAX and WebSocket. The web-based HMI is a cross-platform system because it supports operations on different devices, operating systems, and browsers on the client-side. In addition, the user experience for multi-users is supported. Through the internet, the remote monitoring system allows users to supervise and control industrial processes in real-time so that device costs, labor, and time could be remarkably reduced.