Aurinkoenergia visuaalisesti : Datan visualisointi infonäytöllä
Lukkarinen, Lauri (2019)
Lukkarinen, Lauri
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2019100119436
https://urn.fi/URN:NBN:fi:amk-2019100119436
Tiivistelmä
Datan visualisointi on alati kasvava osa-alue sovelluskehityksessä. Työn tavoitteena oli luoda sovellus, joka visualisoi Mikkelissä sijaitsevan Saimaa Stadiumin aurinkopaneelien energiantuotannosta saatavaa dataa Stadiumin aulassa sijaitsevalla infonäytöllä. Toimeksiantajana työlle toimi Kaakkois-Suomen ammattikorkeakoulun kehitys- ja tutkimusosasto Active Life Lab.
Työn teoreettisessa osuudessa käsitellään datan visualisoinnin hyötyjä sekä hyvän visualisoinnin ominaisuuksia. Osuudessa esitellään myös yleisimmät visualisoinneissa käytettävät kaaviotyypit ja niiden hyvät ja huonot puolet sekä esitellään Javascript-kaaviokirjastoja, joiden avulla visualisointeja voi toteuttaa. Kirjastoista esitellään erikseen myös React-kirjaston pohjalle kehitettyjä kirjastoja.
Käytännön osuudessa selostetaan visualisointisovelluksen ja sen apuna toimivan REST-rajapinnan toteuttaminen yksityiskohtaisesti. Toteutuksen välissä esitellään myös toteutuksessa käytettäviä tekniikoita. Toteutuksen alkuperäinen tarkoitus oli näyttää energiantuotanto suhteessa Stadiumin kokonaiskulutukseen, mutta jälkimmäisestä ei ollut saatavilla dataa, joten vaatimukseksi muutettiin, että sovellus visualisoi pelkkää aurinkoenergiantuotantoa hieman laajemmin.
Sovellus asetettiin näkymään Stadiumin infonäytöllä. Sen esittämästä visualisoinnista saatiin palautetta, jonka perusteella sovellukseen tehtiin parannuksia. Lopputulos oli onnistunut: sekä toimiva sovellus että rajapinta saatiin valmiiksi. Sovelluksen visualisointi oli palautteen mukaan selkeä ja ymmärrettävä ja se täytti toimeksiantajan vaatimukset. Data visualization is a constantly growing field in software development. The object of the thesis was to create an application visualizing solar energy production of the solar panels in the sports center Saimaa Stadiumi in Mikkeli to an information display in the lobby of Stadiumi. The commissioner of the thesis was Active Life Lab, the research and development unit of South-Eastern Finland University of Applied Sciences.
The theoretical part of the thesis addressed the benefits of data visualization and the qualities of good visualization. The part introduced the most common chart types used in visualizations, their pros and cons, as well as JavaScript libraries for making them. The introduction of libraries also detailed the ones especially developed for the React framework.
The practical part of the thesis explained in detail the realization of the visualization app and a REST API for it. The explanation also introduced the technologies used in the practical part. The original function of the realization included presenting energy production over Stadiumi’s total energy consumption, but there was no data available for the latter. Therefore, the function was modified to only present the solar energy production somewhat more extensively.
The app was set up at the information display in Stadiumi. Feedback was received from the visualization the app presented and improvements were made to the app based on it. The end result was successful: both the working app and the API were finished. According to the feedback, the visualization of the app was clear and comprehensible and it met the commissioner’s requirements.
Työn teoreettisessa osuudessa käsitellään datan visualisoinnin hyötyjä sekä hyvän visualisoinnin ominaisuuksia. Osuudessa esitellään myös yleisimmät visualisoinneissa käytettävät kaaviotyypit ja niiden hyvät ja huonot puolet sekä esitellään Javascript-kaaviokirjastoja, joiden avulla visualisointeja voi toteuttaa. Kirjastoista esitellään erikseen myös React-kirjaston pohjalle kehitettyjä kirjastoja.
Käytännön osuudessa selostetaan visualisointisovelluksen ja sen apuna toimivan REST-rajapinnan toteuttaminen yksityiskohtaisesti. Toteutuksen välissä esitellään myös toteutuksessa käytettäviä tekniikoita. Toteutuksen alkuperäinen tarkoitus oli näyttää energiantuotanto suhteessa Stadiumin kokonaiskulutukseen, mutta jälkimmäisestä ei ollut saatavilla dataa, joten vaatimukseksi muutettiin, että sovellus visualisoi pelkkää aurinkoenergiantuotantoa hieman laajemmin.
Sovellus asetettiin näkymään Stadiumin infonäytöllä. Sen esittämästä visualisoinnista saatiin palautetta, jonka perusteella sovellukseen tehtiin parannuksia. Lopputulos oli onnistunut: sekä toimiva sovellus että rajapinta saatiin valmiiksi. Sovelluksen visualisointi oli palautteen mukaan selkeä ja ymmärrettävä ja se täytti toimeksiantajan vaatimukset.
The theoretical part of the thesis addressed the benefits of data visualization and the qualities of good visualization. The part introduced the most common chart types used in visualizations, their pros and cons, as well as JavaScript libraries for making them. The introduction of libraries also detailed the ones especially developed for the React framework.
The practical part of the thesis explained in detail the realization of the visualization app and a REST API for it. The explanation also introduced the technologies used in the practical part. The original function of the realization included presenting energy production over Stadiumi’s total energy consumption, but there was no data available for the latter. Therefore, the function was modified to only present the solar energy production somewhat more extensively.
The app was set up at the information display in Stadiumi. Feedback was received from the visualization the app presented and improvements were made to the app based on it. The end result was successful: both the working app and the API were finished. According to the feedback, the visualization of the app was clear and comprehensible and it met the commissioner’s requirements.