Komponenttien käyttö verkkosovelluksen kehityksessä

Abstract

Tässä opinnäytetyössä tutkittiin NPM-pakettina toteutettujen komponenttien käytön hyötyä Pesmel Oy:n WMS-varastonhallintajärjestelmän käyttöliittymänä toimivan verkkosovelluksen kehityksessä.

Komponenttien käytön tavoitteena on parantaa lähdekoodin ylläpitoa sekä helpottaa elementtien kehitystä. Yleisen lähdekoodin siisteyden parantamiseksi työssä päätettiin valmistaa kirjasto WMS-järjestelmän käyttöliittymän kehitykseen. Komponenttien käyttöä päätettiin testata luomalla leikepöytäkomponentti verkkosovelluksen sisäisen leikepöytä toiminnallisuuden lisäämiseksi. Kirjasto sekä leikepöytäkomponentti toteutettiin NPM-paketteina ja niiden jakelu hoidettiin yrityksen sisäisellä Bitbucketilla.

Työn tulokseen oltiin tyytyväisiä ja tämän työn aikana luotua kirjastoa tullaan laajentamaan tulevaisuudessa. Testinä luodun leikepöytäkomponentin käyttö todettiin myös hyödylliseksi ja saman kaltaisia komponentteja valmistetaan tulevaisuudessa.

The thesis studied the possibility of using a JavaScript/TypeScript library and modular components in the development of a web application that functions as the user interface of the Pesmel WMS warehouse management system. The goal was to standardize the general use functions and user interface elements that are present in all WMS projects.

In the thesis a base was built for the JavaScript/TypeScript library that can be expanded in the future as needed. For the standardization of user interface elements, an Aurelia plugin that provides clipboard functionality to the application was built to test the usage of modular components. The library and clipboard plugin were both distributed via Bitbucket as NPM packages.

The conclusion of the study was that the base of the JavaScript/TypeScript library will be used and expanded in the future. In addition, also other components like the clipboard component built in the thesis will be built and used in future projects to improve the readability and maintainability of the source code.