System development of dashboard application - Visualizing customer energy data

Abstract

Denne bachelorprosjektet omhandler design og utvikling av en frittstående web-applikasjon på vegne av Enoco AS, et selskap som leverer løsninger for automatisering, analyse, visualisering og effektivisering av energibruken til sine kunders bygninger. Denne applikasjonen skal fungere som et komplementært produkt til deres eksisterende applikasjon, Eurora. Eurora er et komplekst verktøy for å analysere og kontrollere energibruken i bygningene dine. Applikasjonen utviklet i dette prosjektet er en mye enklere dashbord-applikasjon, som primært skal brukes til å visualisere data fra sensorer, for eksempel på en storskjerm i lobbyer eller kontorer.

Oppgavens problemstilling ble formulert som følger: Hvordan kan Enocos kunder vise energibruken og annen relatert data fra sine bygninger på en presentabel måte, på storskjermer i kontorer eller lobbyer, med en web-applikasjon, og hvordan kan denne applikasjonen gjøres tilgjengelig, intuitiv og brukervennlig.

Dette ble løst ved å utvikle en Nuxt/Vue-basert ensideapplikasjon med fokus på enkelhet, både i utforming, navigasjon og funksjonalitet. Denne applikasjonen består kun av en påloggingsside og en hovedside. På hovedsiden kan brukeren se alle sensorene i bygningene deres, og starte en presentasjonsmodus med utvalgte sensorer. Utformingsmessig er teamet fornøyd med det resulterende produktet, som har en enkel og intuitiv layout, og lett forståelig funksjonalitet.

Etter prosjektets slutt er det fortsatt flere muligheter for forbedring og videreutvikling. I tillegg til noen tekniske problemer med presentasjonsmodusen, som ikke alltid lastes inn riktig når sensordata oppdateres, så ville teamet ha likt å legge til noen alternativer for tilpasning av presentasjonslysbildene.

This bachelor project deals with the design and development of a standalone web application on the behalf of Enoco AS, a company that deliver solutions for automating, analyzing, visualizing and increasing efficiency of energy usage for their clients' buildings. This application is meant to serve as a complimentary product to their existing application, Eurora. Eurora is a complex tool for analyzing and controlling the energy usage in your buildings. The application designed in this project is a much simpler dashboard application, which will primarily be used to visualize data from sensors, for example on a big screen in lobbies or offices.

The thesis question was formulated as such: How can Enoco's customers display the energy usage and other related data from their sites in a presentable way, on big screens in offices or lobbies, with a web application, and how can this application be made accessible, intuitive and user-friendly.

This was solved by developing a Nuxt/Vue based single page web application with a focus on simplicity, both in design, navigation and functionality. This application only consists of a login page and a main page. On the main page, the user can view all the sensors in their sites, and start a presentation mode with selected sensors. In terms of design, the team is happy with the resulting product, which has a simple and intuitive layout, and easily understandable functionality.

After the end of the project, there are still multiple avenues for improvement and further development. In addition to some technical problems with the presentation mode, which does not always load correctly when sensor data is updated, the team also would have liked to add some options for customization of the presentation slides.