Web application upgrade to new modern technology: case Tarmo volunteer enrolment service

Abstract

Juhannuskonferenssi on Suomen mittakaavassa kesän suurimpien tapahtumien joukossa, joka toteutetaan muutamien palkattujen henkilöiden ja muutaman tuhannen vapaaehtoisen yhteistyönä juhannuksena Keuruulla. Opinnäytetyössä vertaillaan suosituimpien JavaScript ohjelmistokehysten (framework) sopivuutta Isokirja-Opiston Tarmo talkoolaisjärjestelmän uudistukseen. Tarmo -järjestelmä on kehitetty vapaaehtoistyönä 2000-luvun alussa ja sitä on käytetty siitä lähtien Keuruulla pidettyjen Helluntaiseura-kuntien Juhannus Konferenssin järjestelyissä. Yhtenä kulmakivenä juhannuskonferenssien järjestämisessä on ollut Tarmo -talkoolaisjärjestelmä, jonka avulla hallitaan talkoolaisjärjestelyjä.

Teknologiakatsauksessa keskitytään suosituimpiin JavaScript ohjelmistokehyksien Angular, React ja Vue historiaan, kehittymiseen, ominaisuuksiin ja tulevaisuuteen. Katsauksen tuloksien pohjalta valittiin Tarmo ilmoittautumisen uudistukseen React -ohjelmistokehys, sen suosion ja ominaisuuksien takia.

Konstruktiivisessa tutkimusosiossa toteutetaan React -ohjelmistokehyksellä Tarmo -järjestelmän ilmoit-tautumisosio Juhannuskonferenssia 2022 varten. Työssä tutustutaan vanhan ympäristön toiminnallisuu-teen ja vaatimuksiin. Sen perusteella suunniteltiin selainpuolen arkkitehtuuri yhteistyössä palvelinpuolen osaajien kanssa. Tämän jälkeen suunniteltiin käyttöliittymä (UI) ja rakennettiin prototyyppi ilmoittautumisen käyttöliittymästä ja sen jälkeen toteutettiin käyttöliittymän ohjelmointi, testaus ja käyttöönotto kevään 2022 aikana.

Pohdintaosiossa käydään lävitse teknologia valintaa ja pohditaan erilaisia näkemyksiä niistä. Keskustelu-osuudessa käydään lävitse projektin toteutumista, haasteita ja parannus-/ kehitysideoita.

The Midsummer Conference (Juhannuskonferenssi) is one of the biggest events of the summer at Finland. The Conference organization consist of a few paid people and over thousand volunteers at Keuruu. The thesis compares the suitability of the most popular front-end JavaScript frameworks for the reform of Isokirja’s Tarmo volunteer management system. The Tarmo application was developed by a voluntary team in the early 2000s and it has been used since then in the volunteer arrangements of the Pentecostal Midsummer Conference at Keuruu. One of the cornerstones in the organization of midsummer conferences has been the Tarmo application, which is used to manage volunteer arrangements.

The technology review focuses on the history, development, features and future of the most popular JavaScript front-end frameworks Angular, React and Vue. Based on the results of the review, the front-end framework React was chosen to the renewal of enrolment, due to its popularity and features.

In the constructive research section, Tarmo enrolment application is implemented using the React framework. The work introduces the functionality and requirements of the old Tarmo environment. Based on that, the browser-side architecture was designed in cooperation with the architecture experts. After that, the user interface (UI) was designed and a prototype of it was built, and then programming, testing and implementation of the enrolment application was implemented during spring 2022.

In the Conclusion section concludes the choice of technology and consider different views on them. The discussion section analyses the implementation of the project, challenges, and improve-ment/development ideas.