Web-sovelluskehitys SPA-arkkitehtuurilla

Abstract

Insinöörityön tarkoituksena oli perehtyä web-sovelluskehitykseen SPA-arkkitehtuurilla (Single-page application) ja tavoitteena oli toteuttaa asiakasyritykselle web-palvelu, joka kokoaa kattavasti yhteen median ja viestinnän kannalta merkittäviä tapahtumia Suomesta ja ulkomailta. Työ aloitettiin tutustumalla perusteknologioihin web-sovellusten taustalla, minkä jälkeen syvennyttiin tarkemmin SPA-arkkitehtuurin pääpiirteisiin. Havainnollistamisen apuna hyödynnettiin vertailua perinteisiin jatkuvasti palvelinyhteydessä oleviin toteutuksiin. Työssä tutustuttiin myös web-sovelluksissa käytettyihin ohjelmistoarkkitehtuureihin ja niitä selainpäässä ilmentäviin JavaScript-ohjelmistokehyksiin.

Insinöörityössä kehitetty palvelu pyrkii käyttäjälähtöisesti vastaamaan viestinnän tekijöiden haasteisiin tarjoamalla selkeän, helppokäyttöisen ja luotettavan ympäristön tapahtumatiedon monipuoliseen tarkasteluun. Toteutettu tapahtumasovellus jakautuu useaan itsenäiseen mikropalveluun, jotka toimivat Amazonin pilvipalvelinympäristössä. Insinöörityössä käydään läpi mikropalveluista SPA-arkkitehtuuria hyödyntävää käyttöliittymäkerrosta.

Insinöörityöraportti toimii osin varsinaisen toteutuksen dokumentaationa, ja siksi käyttöliittymäkerroksen kehitystä kuvattiin käymällä tarkoin läpi käytetyt teknologiat ja joukko kehitystä helpottavia työkaluja. Sovelluksen selainpäässä toimiva logiikka toteutettiin hyödyntämällä JavaScript-kirjastoista Reactia ja Reduxia, joiden toimintaa kuvailtiin kattavasti esimerkkien kautta. Projektin onnistumisen kannalta sovelluksen modulaarisella rakenteella oli oleellinen rooli. Käyttöliittymäkerroksen SPA-arkkitehtuuri mahdollisti sovelluskehityksen aikana nopean reagoinnin asiakaspalautteeseen ja se helpottaa jatkossa uusien ominaisuuksien luomista sekä yleistä ylläpidettävyyttä.

Luotu tapahtumasovellus vastasi ensimmäistä tuotantokelpoista versiota, jonka avulla testattiin palvelun tarvetta markkinoilla. Tuote julkaistiin tammikuussa 2017, ja kohderyhmän keskuudessa se otettiin hyvin vastaan. Sovellus paransi selkeästi luotettavan reaaliaikaisen tapahtumatiedon läpinäkyvyyttä ja löydettävyyttä. Loppukäyttäjiltä tuli myös runsaasti positiivista palautetta palvelun ulkonäöstä, nopeudesta ja käytettävyydestä. Onnistuneesta toteutuksesta kertoo myös ehdokkuus vuoden 2017 parhaaksi yritystoimintaa edistäväksi sovellukseksi Grand One -kilpailussa.

The purpose of this thesis was to study web application development with SPA (Single-page application) architecture and to develop a web-service which aggregates Finnish and foreign events from media and communications point of view. The subject was approached by researching basic web technologies behind web applications followed by more detailed analysis of SPA architectures basic principles. The thesis also examines web-application architectures and few JavaScript frameworks based on them.

The end product aims to meet the challenges of communication factors providing an easy to use platform for viewing event information. The application is divided into several independent microservices that runs on Amazon Web Services. This thesis goes through a front-end application layer which is based on SPA architecture.

Technologies and group of development tools are documented in this thesis to clarify the basic structure and principles of the front-end application. The business logic of the application presentation layer is implemented with React and Redux JavaScript libraries. The functionality of these libraries has been described with detailed examples that have been used in the application.

The application was released in January 2017 and it raised interest in the target group immediately. The product has improved the transparency and the availability of real-time event information. There is also a lot of positive feedback from end-users about performance and usability. The application is also nominated for the best Business to Business application in Grand One 2017 awards.