Ylitse MentorApp -sovelluksen pääkäyttäjän käyttöliittymän uudistaminen Redux-tilanhallintaa käyttäen
Hallenberg, Olivia (2025)
2025
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-2025112629945
https://urn.fi/URN:NBN:fi:amk-2025112629945
Tiivistelmä
Tämä toiminnallinen opinnäytetyö toteutettiin toimeksiantona SOS-lapsikylä ry:lle. Opinnäytetyön tavoitteena oli uudistaa SOS-lapsikylän Ylitse MentorApp-sovelluksen pääkäyttäjän käyttöliittymää Redux-tilanhallintaa käyttäen. Sovelluksen kehittämiseen käytetään React-kirjastoa ja TypeScript-ohjelmointikieltä. Sovelluksen nykyinen pääkäyttäjän käyttöliittymä on ollut epäintuitiivinen ja vaikea käyttää. Uusi käyttöliittymä tehostaa ja helpottaa pääkäyttäjän tekemää työtä.
Opinnäytetyön tietoperusta jakautuu kolmeen lukuun: käytetyt tekniikat, vastuulliset koodauskäytänteet ja tilanhallinta. Käytetyissä tekniikoissa esitellään sovelluksessa käytössä olevia ohjelmistotekniikoita yleisellä tasolla. Vastuullisissa käytänteissä käydään läpi hyviä vastuullisia käytänteitä, joiden mukaisesti kehitystyötä toteutetaan opinnäytetyön aikana. Viimeisenä tietoperustassa esitellään Redux-tilanhallinnan tarvetta ja perusteita.
Työn empiirisessä osassa kerrotaan kehitystyön kulusta ja kehitystyön toteuttamisesta. Kehitystyö eteni ketterän ohjelmistokehityksen mukaisesti. Kehitystyön aikana sovellukseen luotiin uusia modulaarisia komponentteja, joiden avulla kootaan ja esitetään sivun sisältö aiemmin tehtyjen käyttöliittymäsuunnitelmien mukaisesti. Kaikille opinnäytetyöprojektin aikana luoduille sivuille luotiin omat tilanhallintaosiot sovelluksen tietovarastoon. Sivuille luotiin hakukyselyt ja poisto-, päivitys- sekä lisäysmutaatiot.
Opinnäytetyön tuotoksena toteutettiin käyttäjänhallinta-, aiheiden hallinta-, ja ilmiantosivut sovellukseen. Opinnäytetyön aikana luotuja komponentteja voidaan hyödyntää myös jatkossa Ylitse MentorApp -sovelluksen kehittämiseen ja näin ollen nopeuttaa tulevaa kehitystyötä. Opinnäytetyön jälkeen voidaan jatkaa pääkäyttäjän tarvitsemien sivujen kehitystä edelleen ja tulevaisuudessa tehtyjä toimintoja voitaisiin mahdollisesti hyödyntää myös muissa SOS-lapsikylä ry:n sisäisissä organisaatioissa ja projekteissa.
Opinnäytetyön tietoperusta jakautuu kolmeen lukuun: käytetyt tekniikat, vastuulliset koodauskäytänteet ja tilanhallinta. Käytetyissä tekniikoissa esitellään sovelluksessa käytössä olevia ohjelmistotekniikoita yleisellä tasolla. Vastuullisissa käytänteissä käydään läpi hyviä vastuullisia käytänteitä, joiden mukaisesti kehitystyötä toteutetaan opinnäytetyön aikana. Viimeisenä tietoperustassa esitellään Redux-tilanhallinnan tarvetta ja perusteita.
Työn empiirisessä osassa kerrotaan kehitystyön kulusta ja kehitystyön toteuttamisesta. Kehitystyö eteni ketterän ohjelmistokehityksen mukaisesti. Kehitystyön aikana sovellukseen luotiin uusia modulaarisia komponentteja, joiden avulla kootaan ja esitetään sivun sisältö aiemmin tehtyjen käyttöliittymäsuunnitelmien mukaisesti. Kaikille opinnäytetyöprojektin aikana luoduille sivuille luotiin omat tilanhallintaosiot sovelluksen tietovarastoon. Sivuille luotiin hakukyselyt ja poisto-, päivitys- sekä lisäysmutaatiot.
Opinnäytetyön tuotoksena toteutettiin käyttäjänhallinta-, aiheiden hallinta-, ja ilmiantosivut sovellukseen. Opinnäytetyön aikana luotuja komponentteja voidaan hyödyntää myös jatkossa Ylitse MentorApp -sovelluksen kehittämiseen ja näin ollen nopeuttaa tulevaa kehitystyötä. Opinnäytetyön jälkeen voidaan jatkaa pääkäyttäjän tarvitsemien sivujen kehitystä edelleen ja tulevaisuudessa tehtyjä toimintoja voitaisiin mahdollisesti hyödyntää myös muissa SOS-lapsikylä ry:n sisäisissä organisaatioissa ja projekteissa.