Frontendin modernisointi: jQuery’stä SolidJS-arkkitehtuuriin : Deltabit Oy:n työvuorosuunnittelun frontend-koodin uudelleenkirjoitus
Myllynpää, Emmi (2026)
2026
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-202604176849
https://urn.fi/URN:NBN:fi:amk-202604176849
Tiivistelmä
Opinnäytetyön tarkoituksena oli uudelleenkirjoittaa työajanseurannan ja kulunvalvonnan ratkaisuja tarjoavan Deltabit Oy:n Deltabit Gatekeeper -ohjelmistoon kuuluvan työvuorosuunnitteluohjelman vanha käyttöliittymäkoodi käyttäen SolidJS-kirjastoa. SolidJS on moderni deklaratiivinen JavaScript-kirjasto, joka mahdollistaa komponenttipohjaisen käyttöliittymäarkkitehtuurin. Alkuperäinen koodi oli toteutettu vanhemman imperatiivista ohjelmointiparadigmaa hyödyntävän jQuery-kirjaston avulla. Työn tavoitteena oli edistää jo aiemmin aloitettua käyttöliittymäkoodien uudelleenkirjoitusprojektia. Uudelleenkirjoituksen tavoitteena on ollut ohjelmien käyttöliittymäkoodin arkkitehtuurin yhtenäistäminen sekä ylläpidettävyyden ja kehittäjäystävällisyyden parantaminen.
Opinnäytetyö toteutettiin toiminnallisena kehitystyönä. Kehitys aloitettiin dokumentoimalla työvuorosuunnitteluohjelman olemassa olevat ominaisuudet. Varsinainen kehitystyö tehtiin tekoälytyökalu Copilotilla, jonka työn toimeksiantaja hankki viime vuonna sovelluskehittäjien käyttöön tehostamaan kehitystyötä. Käyttöliittymän uusi versio tehtiin rinnakkain vanhan version kanssa, mikä helpotti testausta ja mahdollisti uudelleenkirjoittamisen ilman, että tuotantokäytössä oleva versio vaarantui.
Opinnäytetyön lopputuloksena syntyi uusi komponenttipohjainen ja reaktiivinen työvuorosuunnitteluohjelman käyttöliittymä. Deltabit Gatekeeperin ominaisuuksien käyttöliittymäkoodit ovat nyt yhtä lukuun ottamatta kirjoitettu uudestaan käyttäen SolidJS-kirjastoa. Opinnäytetyön ansiosta koodikanta on nyt lähempänä yhtenäistä arkkitehtuuria, ja työvuorosuunnittelun käyttöliittymäkoodi on helpommin ylläpidettävää ja laajennettavaa. Tekijälleen työ tarjosi syvempää ymmärrystä eri ohjelmointimalleista sekä mahdollisuuden kehittää käyttöliittymäohjelmointiosaamista ja harjoitella tehokasta tekoälyn käyttöä ohjelmistokehityksessä.
Opinnäytetyö toteutettiin toiminnallisena kehitystyönä. Kehitys aloitettiin dokumentoimalla työvuorosuunnitteluohjelman olemassa olevat ominaisuudet. Varsinainen kehitystyö tehtiin tekoälytyökalu Copilotilla, jonka työn toimeksiantaja hankki viime vuonna sovelluskehittäjien käyttöön tehostamaan kehitystyötä. Käyttöliittymän uusi versio tehtiin rinnakkain vanhan version kanssa, mikä helpotti testausta ja mahdollisti uudelleenkirjoittamisen ilman, että tuotantokäytössä oleva versio vaarantui.
Opinnäytetyön lopputuloksena syntyi uusi komponenttipohjainen ja reaktiivinen työvuorosuunnitteluohjelman käyttöliittymä. Deltabit Gatekeeperin ominaisuuksien käyttöliittymäkoodit ovat nyt yhtä lukuun ottamatta kirjoitettu uudestaan käyttäen SolidJS-kirjastoa. Opinnäytetyön ansiosta koodikanta on nyt lähempänä yhtenäistä arkkitehtuuria, ja työvuorosuunnittelun käyttöliittymäkoodi on helpommin ylläpidettävää ja laajennettavaa. Tekijälleen työ tarjosi syvempää ymmärrystä eri ohjelmointimalleista sekä mahdollisuuden kehittää käyttöliittymäohjelmointiosaamista ja harjoitella tehokasta tekoälyn käyttöä ohjelmistokehityksessä.