Asiakaskohtaisten näkymien ohjattu luominen Reactilla
Isomäki, Jere (2022)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2022052311144
https://urn.fi/URN:NBN:fi:amk-2022052311144
Tiivistelmä
Opinnäytetyössä kehitettiin web-sovellus, joka antaa sen käyttäjälle mahdollisuuden luoda haluamansa näköisiä, sekä visuaalisesti näyttäviä näkymiä helposti käyttäen useita valmiiksi luotuja komponentteja. Opinnäytetyön toimeksiantajana toimi Jyväskyläläinen Tridea Oy, joka on digitaaliseen asiakaskokemukseen sekä asiakasymmärrykseen erikoistunut yritys.
Opinnäytetyössä esitellään käytettyjä tekniikoita, sekä vertaillaan eri tekniikoita keskenään. Tekniikoiden lisäksi käydään läpi sovelluksen ohjelmointityö, johon kuuluu sovelluksen suunnittelu, sekä selain-, että palvelinpuolen toteutus.
Luotu sovellus toteutettiin käyttäen JavaScriptin React-kirjastoa, jonka lisäksi toteutuksessa käytettiin React-Grid-Layout-kirjastoa, joka mahdollisti siirreltävien, sekä skaalattavien komponenttien toteutuksen. Käyttöliittymä puolella käytössä oli MUI-komponenttikirjasto, joka tarjosi käytettäväksi valmiita komponentteja.
Opinnäytetyön tavoitteet täyttyivät sovelluksen osalta. Tuloksena saatiin toimiva ympäristö, jossa palvelun käyttäjä voi itse luoda responsiivisia näkymiä käyttäen valmiita komponentteja. Näkymiä on mahdollista tallentaa tietokantaan, josta niitä voidaan hakea sovelluksessa myöhempää käyttöä varten.
Opinnäytetyössä esitellään käytettyjä tekniikoita, sekä vertaillaan eri tekniikoita keskenään. Tekniikoiden lisäksi käydään läpi sovelluksen ohjelmointityö, johon kuuluu sovelluksen suunnittelu, sekä selain-, että palvelinpuolen toteutus.
Luotu sovellus toteutettiin käyttäen JavaScriptin React-kirjastoa, jonka lisäksi toteutuksessa käytettiin React-Grid-Layout-kirjastoa, joka mahdollisti siirreltävien, sekä skaalattavien komponenttien toteutuksen. Käyttöliittymä puolella käytössä oli MUI-komponenttikirjasto, joka tarjosi käytettäväksi valmiita komponentteja.
Opinnäytetyön tavoitteet täyttyivät sovelluksen osalta. Tuloksena saatiin toimiva ympäristö, jossa palvelun käyttäjä voi itse luoda responsiivisia näkymiä käyttäen valmiita komponentteja. Näkymiä on mahdollista tallentaa tietokantaan, josta niitä voidaan hakea sovelluksessa myöhempää käyttöä varten.