Tuotereklamaatiolomakkeen uudistaminen React- ja Redux- kirjastoilla
Ilvonen, Aleksi (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-2025121335934
https://urn.fi/URN:NBN:fi:amk-2025121335934
Tiivistelmä
Tämä opinnäytetyö käsittelee tuotereklamaatiolomakkeen uudistamista Angular-sovelluskehyksestä React- ja Redux-kirjastoihin. Työssä suunnitellaan ja toteutetaan uu-distetun lomakkeen toimiva prototyyppi. Työn toimeksiantajana toimii Würth Oy. Würth on kansainvälinen pientarvikelogistiikan toimittaja.
Tuotereklamaatiolomake on koko Suomen myyjien käyttämä lomake reklamoitujen tuot-teiden käsittelyssä. Asiakkaan reklamoidessa tuotteesta, täytetään kyseinen lomake asi-akkaan ja reklamoidun tuotteen tiedoilla. Tämä lomake lähetetään toimeksiantajan tuote-osaston tuotepäälliköille, jotka käyvät lomakkeen läpi ja suorittavat tarvittavat toimenpiteet. Lomake täytetään askeleittain. Jokainen askel käsittelee tiettyä reklamaation osaa.
Opinnäytetyössä käydään läpi lomakkeen ja kehitystyön keskisimmät teknologiat, sekä mikä tuotereklamaatio on. Tämän jälkeen kerrotaan lomakkeen suunnittelusta. Suunnitte-lu luvussa esitellään nykyisen ja uudistettavan lomakkeen erot sekä työssä käytetyt API-kutsut. Suunnittelun kuvauksen jälkeen esitellään itse lomakkeen kehitys kuvakaap-pauksien kera. Lopuksi kerrotaan lomakkeen testauksesta sekä jatkokehityksestä.
Työn tuloksena saatiin toteutettua toimiva prototyyppi uudesta lomakkeesta, jota on help-poa lähteä jatkokehittämään. React- ja Redux-kirjastot osoittautuivat erinomaisiksi tekno-logioiksi yhdensivun applikaation kehittämisessä. Reactin komponenttipohjainen kehitys piti koodin puhtaana ja helposti luettavana, ja Reduxin globaali ja yksittäinen tilanhallinta oli hyvin tärkeässä roolissa eri askeleiden ja kenttien arvojen ylläpitämisessä.
Avainsanat: React, Redux, Angular, Reklamaatio
Tuotereklamaatiolomake on koko Suomen myyjien käyttämä lomake reklamoitujen tuot-teiden käsittelyssä. Asiakkaan reklamoidessa tuotteesta, täytetään kyseinen lomake asi-akkaan ja reklamoidun tuotteen tiedoilla. Tämä lomake lähetetään toimeksiantajan tuote-osaston tuotepäälliköille, jotka käyvät lomakkeen läpi ja suorittavat tarvittavat toimenpiteet. Lomake täytetään askeleittain. Jokainen askel käsittelee tiettyä reklamaation osaa.
Opinnäytetyössä käydään läpi lomakkeen ja kehitystyön keskisimmät teknologiat, sekä mikä tuotereklamaatio on. Tämän jälkeen kerrotaan lomakkeen suunnittelusta. Suunnitte-lu luvussa esitellään nykyisen ja uudistettavan lomakkeen erot sekä työssä käytetyt API-kutsut. Suunnittelun kuvauksen jälkeen esitellään itse lomakkeen kehitys kuvakaap-pauksien kera. Lopuksi kerrotaan lomakkeen testauksesta sekä jatkokehityksestä.
Työn tuloksena saatiin toteutettua toimiva prototyyppi uudesta lomakkeesta, jota on help-poa lähteä jatkokehittämään. React- ja Redux-kirjastot osoittautuivat erinomaisiksi tekno-logioiksi yhdensivun applikaation kehittämisessä. Reactin komponenttipohjainen kehitys piti koodin puhtaana ja helposti luettavana, ja Reduxin globaali ja yksittäinen tilanhallinta oli hyvin tärkeässä roolissa eri askeleiden ja kenttien arvojen ylläpitämisessä.
Avainsanat: React, Redux, Angular, Reklamaatio