Infrastructure and asset management using modern web-technologies

Abstract

The main goal of the thesis was a complete technological overhaul of an existing web-application focusing on the front-end of the application, assigned by Versine Ltd. The thesis examines different client-side front-end frameworks used in single page web-applications and the aim was to choose the most appropriate for the assignment.

Several user interface and application architecture frameworks were examined and compared, and the most suitable ones were selected. Additional supportive frameworks and libraries were also chosen. As a result a full front-end development stack for creating user interfaces, developing the business logic and automating the release process was created.

This thesis presents an example where the selected set of tools is used for creating a feature for controlling listings of prices between companies. The example will follow the development process used at Versine Ltd and it describes all the steps from the initial planning of the feature to releasing and distributing of a new version of the application with the implemented feature. The implemented feature has been put into production and it has been actively used since.

Possible future development on the results was contemplated on and it is described in the thesis. The price list will be somewhat tweaked; however, the development stack will still need some additional features, for example unit testing. The conclusion contains reflection on how the assignment succeeded and what was learned from the author’s perspective.

Opinnäytetyön tavoitteena oli Versine Oy:n olemassa olevan www-sovelluksen front-end teknologioiden uudistaminen. Työ tutkii erilasia front-end kirjastoja, joita käytetään yleisesti yhden sivun applikaatioiden kehityksessä. Tavoitteena oli valita toimeksiantoon sopivat kirjastot ja kehittää niiden avulla järjestelmään uusi ominaisuus.

Työssä tutustuttiin useaan käyttöliittymä- ja sovellusarkkitehtuurikirjastoon ja niitä vertailemalla valittiin toimeksiantoon sopivat työkalut. Toimeksiantajan toiveena oli myös, että työkalukokoelmaa voisi käyttää yrityksen tulevissa projekteissa, joten joustavuus ja modulaarisuus oli tärkeässä asemassa. Edellä mainittujen kirjastojen lisäksi niitä tukemaan valittiin kirjastoja esimerkiksi riippuvuuksien hallintaan sekä DOM-manipulaatioon. Valintojen tuloksena on front-end työkalukokoelma, jota voi käyttää käyttöliittymien- ja toimintalogiikan kehitykseen sekä julkaisun automatisoimiseen.

Esimerkkinä työssä kehitettiin valituilla työkaluilla Versine Oy:n olemassa olevan kehitysprosessin mukaisesti hinnastomoduli. Prosessin kulku käydään läpi suunnittelusta julkaisuun. Hinnastomoduli integroitiin olemassa olevaan järjestelmään. Hinnastomodulin avulla hinnastoja voi luoda ja lähettää yritysten välillä. Kehitetty moduli on ollut valmistumisestaan asti aktiivisessa tuotantokäytössä.

Työssä käsitellään myös tulosten jatkokehitystä. Hinnastomodulia tullaan muokkaamaan asiakkailta saadun palautteen mukaisesti, jos tarve niin vaatii. Tällä hetkellä työkalukokoelma ei kuitenkaan ole kaikenkattava ja vaatii lisäominaisuuksia esimerkiksi yksikkötestausta varten. Pohdintaosassa käydään läpi kuinka toimeksianto sujui ja mitä kirjoittaja oppi työn kirjoittamisen aikana.