Web Application Development for Building Automation Device (Heating System) in Local Network
Shrestha, Jeveen (2016)
Shrestha, Jeveen
Oulun ammattikorkeakoulu
2016
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2016053010755
https://urn.fi/URN:NBN:fi:amk-2016053010755
Tiivistelmä
After doing a practical training in Ouman Oy in summer of 2015, I was provided a project to develop a web application that would communicate to their heating regulator. The application was called Chart-Viewer. The Chart-viewer was
developed in order to make their customers able to monitor their heating system through their mobile device sharing the same network with their heating regulator.
The Chart-viewer was called so because the customers would view the overall heating architecture of their building, which is called Chart, through it. The chart is created using another web application called Chart-editor. A chart is created using one of the most popular technologies of HTML5, Canvas. Using the tools of canvas, an overall architecture of the heating system of a building or a house
is created in the chart-editor. When the chart is created, it is saved in the JSON format and sent to a web-server called Oulink through the FTP protocol.
The Chart-viewer, which is created in the web-server, can communicate with the device using Ouman API using the JSONRPC protocol. One of the Ouman API methods, called ‘getChart’ method is used to get a chart from the web-server. On a successful call and rendering, the chart is displayed in the chart-viewer.
Displaying a chart is one of the many requirements of the application. The application can be used to change and monitor different system settings of the device, too. The application can show active alarms and different measurements like outdoor temperature, humidity, CO2 and many more. The application is full responsive and can be operated in mobile devices of every operating system and screen size.
Though the project is successfully completed for now, it is still a prototype, as it cannot be sent for production yet. Once the chart-rendering engine called JEngine is refactored and some changes are made in Ouman API, the application can be made ready for production.
developed in order to make their customers able to monitor their heating system through their mobile device sharing the same network with their heating regulator.
The Chart-viewer was called so because the customers would view the overall heating architecture of their building, which is called Chart, through it. The chart is created using another web application called Chart-editor. A chart is created using one of the most popular technologies of HTML5, Canvas. Using the tools of canvas, an overall architecture of the heating system of a building or a house
is created in the chart-editor. When the chart is created, it is saved in the JSON format and sent to a web-server called Oulink through the FTP protocol.
The Chart-viewer, which is created in the web-server, can communicate with the device using Ouman API using the JSONRPC protocol. One of the Ouman API methods, called ‘getChart’ method is used to get a chart from the web-server. On a successful call and rendering, the chart is displayed in the chart-viewer.
Displaying a chart is one of the many requirements of the application. The application can be used to change and monitor different system settings of the device, too. The application can show active alarms and different measurements like outdoor temperature, humidity, CO2 and many more. The application is full responsive and can be operated in mobile devices of every operating system and screen size.
Though the project is successfully completed for now, it is still a prototype, as it cannot be sent for production yet. Once the chart-rendering engine called JEngine is refactored and some changes are made in Ouman API, the application can be made ready for production.