It is increasingly common to implement an application as a browser-based system. There are multiple advantages in this approach. It allows the system to be updated easily and it is possible to use the application from any device that has a browser. In this thesis, a browser-based system is implemented for creating and displaying process graphics used for controlling industrial processes.
Before implementing the system, it was investigated what possibilities there are to display dynamic graphics in browsers. Additionally, alternatives for implementing an efficient data transfer of process variable values from server to browser were studied. The needed information was gathered from literature sources. The actual implementation was based on this research.
As a result of the investigation, SVG seems to be the best choice for implementing process graphics in a browser-based environment. WebSocket is the most effective technique for transferring variable values. Based on the experiences in the actual implementation work of the system and the tests conducted during the work, these are the best choices also in practice. As a result of the work, a working system was implemented that is ready to be sold to customers. In addition, the work analyzes different browser techniques and gives recommendations about best practices of using them.