Verkkosovelluksen toteutus modernilla JavaScript-sovelluskehyksellä

Abstract

Insinöörityön tarkoituksena oli tarkastella verkkosovelluksen toteuttamista modernilla JavaScript-sovelluskehyksellä ja hahmottaa modernien verkkosovellusteknologioiden etuja. Insinöörityöprosessi jakautui taustatutkimukseen, toteutetun prototyyppisovelluksen tarpeen ja toiminnollisuuksien määrittelemiseen ja toteutukseen.

Prototyyppisovellus toteutettiin itsenäisenä projektina. Sovelluksen toteuttamisen tarve määriteltiin tarkastelemalla tilaajaorganisaation päivittäistoimintaa. Prototyypin toiminnollisuudet valittiin vastaamaan erään tilaajaorganisaation prosessin kehittämistarpeisiin.

Taustatutkimuksessa perehdyttiin verkkosovellusteknologioiden historiaan ja nykyhetkeen. Teknologioiden kehitysvaiheisiin vertaamalla määriteltiin modernien verkkosovellusteknologioiden piirteitä, kuten tilan eriyttäminen näkymäkerroksesta.

Insinöörityössä toteutettiin prototyyppisovellus, jonka avulla voitiin todeta modernien verkkosovelluteknologioiden käytöstä koituvia etuja, kuten asynkronisuuden ja reaktiivisuuden toteuttamisen helppous. Prototyyppi koostuu selainpohjaisesta käyttöliittymästä ja palvelinsovelluksesta, jotka toteutettiin käyttäen Meteor- ja React-JavaScript-sovelluskehyksiä.

Insinöörityön konkreettinen tulos oli tilaajaorganisaation sisäiseen käyttöön toteutettu prototyyppisovellus. Prototyypissä ei ole mitään sellaisia sidonnaisuuksia mitkä estäisivät sen käytön myös muissa konteksteissa.

Insinöörityö antoi perspektiiviä siihen, miten verkkosovelluskehitys on muuttunut ja kehittynyt verkkosovellusten historian aikana. Käyttämällä moderneja verkkosovellusteknologioita voidaan saavuttaa pienemmillä kehityskustannuksilla nopeammin enemmän.

The aim of this final year project was to investigate using modern JavaScript frameworks in web application development, and to demonstrate the benefits of using modern web technologies. The process of this project consisted of research, defining the requirements of the implemented prototype, and the implementation of the prototype.

Research included an overview of the history and current state of web application technologies. Reflecting on these, features of modern web application technologies were defined, such as the separation of view and application state.

The requirements for the prototype were defined by observing the processes of the organization for which the prototype was to be implemented. The functionalities of the prototype were tailored to improve a certain process within the organization.

The prototype was developed as an individual effort. The implemented prototype demonstrates some of the benefits of using modern web application technologies, for example the ease of implementing asynchronicity and reactivity. The prototype consists of a web browser based frontend user interface and backend server application, implemented using the Meteor and React JavaScript frameworks.

The concrete result of the final year project is the implemented prototype. The prototype demonstrated some of the benefits of using modern web application technologies, for example that comparatively more features can be implemented with less development effort.