Ennustetyökalun toteutus Reactilla
Ovaskainen, Lauri (2021)
2021
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-202105107914
https://urn.fi/URN:NBN:fi:amk-202105107914
Tiivistelmä
Opinnäytetyön aiheena oli selaimessa toimivan ennustetyökalun toteutus. Työkalun luomiseen käytettiin Reactia ja siihen liitettäviä komponentteja. Työ tehtiin toimeksiantona Kaakkois-Suomen ammattikorkeakoulun Digiportaat-hankkeelle ja heidän kauttaan ProAgria:lle.
Opinnäytetyössä esitellään projektille keskeiset tekniikat. Koko ennustetyökalu toteutettiin Reactilla. Erityisesti keskitytään React-projektin kehitysympäristöön. Työssä tuodaan esille myös käytettyjä komponentteja, jotka lisättiin Reactiin. Käyttöliittymäratkaisuissa käytetään Bootstrapia ja tarkemmin siitä kehitettyä React-Bootstrap komponenttikirjastoa. Recharts on toinen käytetty komponentti. Sen avulla voidaan luoda erilaisia kaavioita, joiden avulla voidaan dataa näyttää visuaalisesti sivulla. Tässä projektissa Reactissa käytetään TypeScript-ohjelmointikieltä. Tekniikoiden esittelyn jälkeen käydään läpi itse sovelluksen toteutus. Osuuteen kuuluu kolmen keskeisen osa-alueen esittely.
ProAgrian ennustetyökalun pääasiallinen tavoite on tarjota maitotilallisille mahdollisuus arvioida menneen vuoden tuloja ja menoja, sekä ennustaa seuraavan vuoden tuloja ja menoja. Käyttäjä voi muokata valmiina olevia oletusarvoja, jos näin haluaa. Tulosennusteessa käyttäjä voi katsoa menneen vuoden tietoja vuositasolla. Kassabudjetissa tietoja pystyy katsomaan kuukausitasolla. Käyttäjä pystyy kassabudjetin tietoja myös erikseen muuttamaan jokaisen sarakkeen ja rivin kohdalla. Summat näytetään myös visuaalisesti kaavioiden avulla.
Opinnäytetyön tavoitteet täyttyivät koko sovelluksen osalta. Työn tuloksena saatiin selaimessa toimiva ennustetyökalu, jolla oli mahdollista katsoa menneen vuoden tuloja ja menoja sekä ennustaa maitotilallisen seuraavan vuoden tuloja ja menoja vuosi- ja kuukausitasolla. Toimeksiantaja sai toimivan sovelluksen, jota voivat hyödyntää parhaaksi katsomallaan tavalla.
Opinnäytetyössä esitellään projektille keskeiset tekniikat. Koko ennustetyökalu toteutettiin Reactilla. Erityisesti keskitytään React-projektin kehitysympäristöön. Työssä tuodaan esille myös käytettyjä komponentteja, jotka lisättiin Reactiin. Käyttöliittymäratkaisuissa käytetään Bootstrapia ja tarkemmin siitä kehitettyä React-Bootstrap komponenttikirjastoa. Recharts on toinen käytetty komponentti. Sen avulla voidaan luoda erilaisia kaavioita, joiden avulla voidaan dataa näyttää visuaalisesti sivulla. Tässä projektissa Reactissa käytetään TypeScript-ohjelmointikieltä. Tekniikoiden esittelyn jälkeen käydään läpi itse sovelluksen toteutus. Osuuteen kuuluu kolmen keskeisen osa-alueen esittely.
ProAgrian ennustetyökalun pääasiallinen tavoite on tarjota maitotilallisille mahdollisuus arvioida menneen vuoden tuloja ja menoja, sekä ennustaa seuraavan vuoden tuloja ja menoja. Käyttäjä voi muokata valmiina olevia oletusarvoja, jos näin haluaa. Tulosennusteessa käyttäjä voi katsoa menneen vuoden tietoja vuositasolla. Kassabudjetissa tietoja pystyy katsomaan kuukausitasolla. Käyttäjä pystyy kassabudjetin tietoja myös erikseen muuttamaan jokaisen sarakkeen ja rivin kohdalla. Summat näytetään myös visuaalisesti kaavioiden avulla.
Opinnäytetyön tavoitteet täyttyivät koko sovelluksen osalta. Työn tuloksena saatiin selaimessa toimiva ennustetyökalu, jolla oli mahdollista katsoa menneen vuoden tuloja ja menoja sekä ennustaa maitotilallisen seuraavan vuoden tuloja ja menoja vuosi- ja kuukausitasolla. Toimeksiantaja sai toimivan sovelluksen, jota voivat hyödyntää parhaaksi katsomallaan tavalla.