Web-pohjainen kyselysovellus

Abstract

Insinöörityön tarkoitus oli kehittää asiakkaalle selaimessa toimiva järjestelmä, jolla pystytään luomaan kyselyitä, jakamaan kyselyitä helposti osallistujille ja muodostamaan kyselyn tuloksista helposti luettavia kuvaajia.

Järjestelmän lopullinen versio toteutettiin käyttämällä moderneja JavaScript-ratkaisuja kuten ECMAScript 6–8 -määrittelyjä, React-kirjastoa näkymien luontiin ja Koa-kehystä palvelinpuolen koodissa. Kyselyiden tulosten graafista esitystä varten luotiin kuvaajat käyttäen D3-JavaScript-visualisointikirjastoa.

Järjestelmän palvelinpuolta alettiin rakentaa Sails-kehyksellä, mutta sen kanssa ilmenneiden ongelmien vuoksi päädyttiin vaihtamaan kehys Koaan. Selainpuolen näkymät toteutettiin käyttäen JavaScriptiä ilman mitään kehystä. Palvelinpuolen kehyksen vaihdon yhteydessä päätettiin, että selainpuolen kehykseksi otetaan käyttöön React, koska se on hyvin yhteensopiva Koan kanssa. Reactin käyttö selainpuolella mahdollisti helpommin kehitettävät dynaamiset sivut, ja jatkokehitystä ajatellen koodista tuli helpommin ylläpidettävää, vaikka Reactin käytöstä ei ollut aikaisempaa kokemusta.

Järjestelmä saatiin valmiiksi kaikilla sovituilla ominaisuuksilla sekä muilla jälkikäteen toivotuilla toiminnoilla. Kehitysaikaa olisi voinut lyhentää, jos teknologiapino olisi alusta alkaen pysynyt samana

The purpose of this thesis was to develop a web-application for the customer where they could create surveys and easily share them with answerers. The application also needed to be able to create graphs from the survey results.

The final version of the application was developed using modern JavaScript solutions such as ECMAScript 6–8 standards, React-library for creating views and Koa-framework for the back-end code. Graphs in the survey results page were built with D3-JavaScript visualization library.

The back-end framework was originally Sails, but problems with it made us change the framework to Koa later in the project. All front-end views were developed using JavaScript without frameworks. With the back-end framework change to Koa, some of the more dynamic front-end views were redone with React because of its compatibility with Koa. The change to React made the front-end code in the more dynamic views easier to develop and maintain in the future, even though I had no previous experience using it.

The application was finished with all the agreed features, as well as some extra features that were discussed in meetings during the development. The development time could have been reduced if the technology stack was not altered as much as it was during the project. Keywords