{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2026,4,16]],"date-time":"2026-04-16T03:21:33Z","timestamp":1776309693134,"version":"3.50.1"},"reference-count":30,"publisher":"Wiley","license":[{"start":{"date-parts":[[2021,4,7]],"date-time":"2021-04-07T00:00:00Z","timestamp":1617753600000},"content-version":"unspecified","delay-in-days":0,"URL":"https:\/\/creativecommons.org\/licenses\/by\/4.0\/"}],"funder":[{"DOI":"10.13039\/501100002855","name":"Ministry of Science and Technology of the People's Republic of China","doi-asserted-by":"publisher","award":["MOST 109-2622-E-262-005-CC3"],"award-info":[{"award-number":["MOST 109-2622-E-262-005-CC3"]}],"id":[{"id":"10.13039\/501100002855","id-type":"DOI","asserted-by":"publisher"}]}],"content-domain":{"domain":[],"crossmark-restriction":false},"short-container-title":["Mobile Information Systems"],"published-print":{"date-parts":[[2021,4,7]]},"abstract":"<jats:p>Advances in conventional industrial controllers have led to new technologies such as multilanguage use, cross-platform applications, and remote monitoring and control. However, the human-machine interfaces (HMIs) of conventional industrial controllers and mobile devices cannot directly transmit instant messages to each other. This study describes a simple method of upgrading the HMIs of conventional industrial controllers into controllers capable of Web-based remote access. The study began with the development of a model-view-controller architecture consisting of Hypertext Markup Language, Cascading Style Sheets, and JavaScript and proceeded to the implementation of a single-page application (SPA) method through AJAX and WebSocket, which communicates with the back-end Node.js server to transfer data. Future advancements will enable information to flow through cross-platform devices across various operating systems and Web browsers, allowing users to remotely monitor and control machines from mobile smart devices. We demonstrated the simplicity of the SPA method by transforming a conventional personal computer-based industrial controller, WINPC32, to an all-purpose Web-based HMI for industrial use with the graphic user interface software, GPX.<\/jats:p>","DOI":"10.1155\/2021\/6668843","type":"journal-article","created":{"date-parts":[[2021,4,7]],"date-time":"2021-04-07T21:21:30Z","timestamp":1617830490000},"page":"1-13","source":"Crossref","is-referenced-by-count":7,"title":["Web-Based Human-Machine Interfaces of Industrial Controllers in Single-Page Applications"],"prefix":"10.1155","volume":"2021","author":[{"ORCID":"https:\/\/orcid.org\/0000-0001-7367-7520","authenticated-orcid":true,"given":"Shyr-Long","family":"Jeng","sequence":"first","affiliation":[{"name":"Department of Mechanical Engineering, Lunghwa University of Science and Technology, Taoyuan 333326, Taiwan"}],"role":[{"role":"author","vocabulary":"crossref"}]},{"given":"Wei-Hua","family":"Chieng","sequence":"additional","affiliation":[{"name":"Department of Mechanical Engineering, National Chiao Tung University, Hsinchu 300, Taiwan"}],"role":[{"role":"author","vocabulary":"crossref"}]},{"given":"Yi","family":"Chen","sequence":"additional","affiliation":[{"name":"Department of Mechanical Engineering, National Chiao Tung University, Hsinchu 300, Taiwan"}],"role":[{"role":"author","vocabulary":"crossref"}]}],"member":"311","reference":[{"key":"1","doi-asserted-by":"publisher","DOI":"10.1016\/j.compind.2018.04.015"},{"key":"2","doi-asserted-by":"publisher","DOI":"10.1016\/j.compeleceng.2019.106522"},{"key":"3","doi-asserted-by":"publisher","DOI":"10.5815\/ijem.2020.02.02"},{"key":"4","doi-asserted-by":"crossref","article-title":"Automation of control processes in specialized pyrolysis complexes based on web SCADA systems","author":"Y. Kondratenko","DOI":"10.1109\/IDAACS.2017.8095059"},{"key":"5","doi-asserted-by":"publisher","DOI":"10.1109\/access.2020.2965259"},{"key":"6","doi-asserted-by":"publisher","DOI":"10.1016\/j.promfg.2020.02.089"},{"issue":"1","key":"7","first-page":"27","article-title":"Single page application: architecture and application","volume":"6","author":"R. Sood","year":"2019","journal-title":"Recent Trends in Programming Languages"},{"key":"8","first-page":"181","article-title":"Migrating multi-page web applications to single-page AJAX interfaces","author":"A. Mesbah"},{"key":"9","doi-asserted-by":"publisher","DOI":"10.1007\/978-3-030-61108-8_6"},{"key":"10","doi-asserted-by":"publisher","DOI":"10.1088\/1755-1315\/426\/1\/012170"},{"key":"11"},{"key":"12","doi-asserted-by":"publisher","DOI":"10.1016\/j.procs.2017.06.105"},{"key":"13","first-page":"985","article-title":"Building a single page application web front-end for E-learning site","author":"S. Deshmukh"},{"key":"14","first-page":"159","article-title":"Eyetracking evaluation of different chart types used for web-based system data visualization","author":"P. Chyna\u0142"},{"key":"15","first-page":"1","article-title":"Web application for lightning activity monitoring system (LAMS)","author":"S. Scepanovic"},{"key":"16","first-page":"706","article-title":"Automatic generation of function block systems implementing HMI for energy distribution automation","author":"A. Voinov"},{"key":"17","first-page":"182","article-title":"Improving data transmission in web applications via the translation between XML and JSON","author":"G. Wang"},{"key":"18","first-page":"157","article-title":"Comparison of JSON and XML data interchange formats: a case study","volume":"9","author":"N. Nurseitov","year":"2009","journal-title":"Caine"},{"key":"19","first-page":"489","article-title":"Cloud based web application supporting vehicle toll payment system","author":"B. Cviji\u0107"},{"key":"20","first-page":"889","article-title":"Web application development with component frameworks","author":"V. Okanovic"},{"key":"21","first-page":"291","article-title":"An extensible approach for taming the challenges of JavaScript dead code elimination","author":"N. G. Obbink"},{"key":"22","first-page":"91","article-title":"Scenario testing of AngularJS-based single page web applications","author":"G. Zhang"},{"key":"23","first-page":"289","article-title":"Human machine interface in concept of industry 4.0","author":"P. Papcun"},{"key":"24","doi-asserted-by":"publisher","DOI":"10.1109\/comst.2020.3011208"},{"key":"25","doi-asserted-by":"publisher","DOI":"10.17781\/p002557"},{"key":"26","first-page":"373","article-title":"Oh-Pwn-VPN! security analysis of OpenVPN-based Android apps","author":"Q. Zhang"},{"issue":"1","key":"27","doi-asserted-by":"crossref","first-page":"12065","DOI":"10.1088\/1757-899X\/200\/1\/012065","article-title":"Open source system OpenVPN in a function of virtual private network","volume":"200","author":"A. Skendzic","year":"2017","journal-title":"In IOP Conference Series: Materials Science and Engineering"},{"key":"28","article-title":"Assessing the security of OPC UA deployments","author":"L. Roepert","year":"2020"},{"key":"29","doi-asserted-by":"publisher","DOI":"10.1016\/j.jmsy.2020.01.007"},{"key":"30"}],"container-title":["Mobile Information Systems"],"original-title":[],"language":"en","link":[{"URL":"http:\/\/downloads.hindawi.com\/journals\/misy\/2021\/6668843.pdf","content-type":"application\/pdf","content-version":"vor","intended-application":"text-mining"},{"URL":"http:\/\/downloads.hindawi.com\/journals\/misy\/2021\/6668843.xml","content-type":"application\/xml","content-version":"vor","intended-application":"text-mining"},{"URL":"http:\/\/downloads.hindawi.com\/journals\/misy\/2021\/6668843.pdf","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2021,4,7]],"date-time":"2021-04-07T21:21:35Z","timestamp":1617830495000},"score":1,"resource":{"primary":{"URL":"https:\/\/www.hindawi.com\/journals\/misy\/2021\/6668843\/"}},"subtitle":[],"editor":[{"given":"Hsu-Yang","family":"Kung","sequence":"additional","affiliation":[],"role":[{"role":"editor","vocabulary":"crossref"}]}],"short-title":[],"issued":{"date-parts":[[2021,4,7]]},"references-count":30,"alternative-id":["6668843","6668843"],"URL":"https:\/\/doi.org\/10.1155\/2021\/6668843","relation":{},"ISSN":["1875-905X","1574-017X"],"issn-type":[{"value":"1875-905X","type":"electronic"},{"value":"1574-017X","type":"print"}],"subject":[],"published":{"date-parts":[[2021,4,7]]}}}