Käyttöliittymän visuaalisen tyylin hallinta React Native -ohjelmistokehityksessä
Vähäjylkkä, Iikka (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023060722489
https://urn.fi/URN:NBN:fi:amk-2023060722489
Tiivistelmä
Tavoitteena oli kehittää taloudenhallintajärjestelmän visuaalista ilmettä ja tehdä samalla tyylien yl- läpidosta helpompaa Opinnäytetyön toimeksiantajana toimi Talenom Oyj, suomalainen taloushal- linnon palveluita tarjoava yritys. Talenom on erikoistunut pienyritysten taloushallinnon digitalisoin- tiin ja automatisointiin. Lisäksi Talenomilla on oma mobiilisovellus, johon opinnäytetyössä kehitet- tyjä visuaalisia tyylejä sovellettiin. Tämä kaikki lähti liikkeelle yrityksen tarpeesta päivittää oma ta- loudenhallintajärjestelmänsä nykyaikaiseksi.
Tämän opinnäytetyön tavoitteena oli uudistaa olemassa olevan React Native -mobiilisovelluksen brändi Token Managerin avulla. Projektin kokonaisuuteen kuului React Native -mobiilisovellus, Node.js-rajapinta palvelimelle ja ASP.NET taustakoodina.
Opinnäytetyö sisältää sekä käytännön että teoreettisen osuuden. Teoriaosuudessa käsitellään uu- delleenkäytettäviä ja ylläpidettäviä komponentteja. React on avoimen lähdekoodin käyttöliittymä- kirjasto, joka auttaa kehittäjiä rakentamaan skaalautuvia ja tehokkaita käyttöliittymiä web-sovelluk- siin. Reactissa uudelleenkäytettävät ja ylläpidettävät komponentit ovat HTML-, CSS- ja JavaScript- koodin yhdistelmiä, jotka toimivat käyttöliittymän osina. Uudelleenkäytettävyys on tärkeä ominai- suus, sillä se nopeuttaa sovellusten kehitysprosessia, optimoi koodin ja säästää aikaa, kustannuk- sia ja vähentää kehitysriskejä. Uudelleenkäytettävät komponentit toimivat parhaiten, kun niitä käy- tetään useammin ja niissä on omat tilatiedot. Komponentit tulisi kehittää vain tarpeen mukaan, eikä valmiiksi tulevaa varten. Kun komponentti tehdään uudelleenkäytettäväksi, sen ulkopuolelta saadut tilat tulee minimoida ja dokumentaation laatiminen auttaa käyttäjiä ymmärtämään, kuinka kompo- nentti toimii ja miten sitä käytetään oikein.
Projektin toteutus eteni hitaasti, mutta tärkeimmät tavoitteet saavutettiin, kuten sujuva tyylien hal- linta ja uudelleenkäytettävien komponenttien luominen. Työ toteutettiin olemassa olevaan sovel- lukseen, jota ylläpidetään ja päivitetään jatkuvasti. Ajanpuutteen vuoksi dokumentaation kattavuus jäi vajaaksi, mikä on tärkeää huomioida tulevissa projekteissa.
Projektin kokemusten perusteella on mahdollista parantaa komponenttien uudelleenkäytettävyyttä tulevissa projekteissa. Tämä kokemus antaa hyvän pohjan kehittää komponentteja siten, että ne ovat helposti uudelleenkäytettävissä tulevissa projekteissa.
Tämän opinnäytetyön tavoitteena oli uudistaa olemassa olevan React Native -mobiilisovelluksen brändi Token Managerin avulla. Projektin kokonaisuuteen kuului React Native -mobiilisovellus, Node.js-rajapinta palvelimelle ja ASP.NET taustakoodina.
Opinnäytetyö sisältää sekä käytännön että teoreettisen osuuden. Teoriaosuudessa käsitellään uu- delleenkäytettäviä ja ylläpidettäviä komponentteja. React on avoimen lähdekoodin käyttöliittymä- kirjasto, joka auttaa kehittäjiä rakentamaan skaalautuvia ja tehokkaita käyttöliittymiä web-sovelluk- siin. Reactissa uudelleenkäytettävät ja ylläpidettävät komponentit ovat HTML-, CSS- ja JavaScript- koodin yhdistelmiä, jotka toimivat käyttöliittymän osina. Uudelleenkäytettävyys on tärkeä ominai- suus, sillä se nopeuttaa sovellusten kehitysprosessia, optimoi koodin ja säästää aikaa, kustannuk- sia ja vähentää kehitysriskejä. Uudelleenkäytettävät komponentit toimivat parhaiten, kun niitä käy- tetään useammin ja niissä on omat tilatiedot. Komponentit tulisi kehittää vain tarpeen mukaan, eikä valmiiksi tulevaa varten. Kun komponentti tehdään uudelleenkäytettäväksi, sen ulkopuolelta saadut tilat tulee minimoida ja dokumentaation laatiminen auttaa käyttäjiä ymmärtämään, kuinka kompo- nentti toimii ja miten sitä käytetään oikein.
Projektin toteutus eteni hitaasti, mutta tärkeimmät tavoitteet saavutettiin, kuten sujuva tyylien hal- linta ja uudelleenkäytettävien komponenttien luominen. Työ toteutettiin olemassa olevaan sovel- lukseen, jota ylläpidetään ja päivitetään jatkuvasti. Ajanpuutteen vuoksi dokumentaation kattavuus jäi vajaaksi, mikä on tärkeää huomioida tulevissa projekteissa.
Projektin kokemusten perusteella on mahdollista parantaa komponenttien uudelleenkäytettävyyttä tulevissa projekteissa. Tämä kokemus antaa hyvän pohjan kehittää komponentteja siten, että ne ovat helposti uudelleenkäytettävissä tulevissa projekteissa.