Creating multiplatform experiences with Progressive Web Apps

Abstract

The purpose of this thesis was to research and learn about Progressive Web Applications and then to create an application that implements some Progressive Web App features. The thesis looks into application development in general level and what Progressive Web Applications are, how they are built and what they are good at and the phases of the application development.

Progressive Web Apps have recently been grown in popularity. They enable features that used to available only on native applications. They have several benefits over native and conventional web applications and they are very cost-effective way to develop applications. According to several studies, Progressive Web Apps increase number of users and engagement compared to traditional web-based applications.

A time tracking application was developed for a company specialized in software development. For the first launch the purpose was just to create a minimum viable product that would implement only the mandatory features required for tracking worktime. The application front-end is based on React, a JavaScript framework developed by Facebook. Application development started with design and coming up with requirements through user stories. Development process proceeded mostly without problems even though deadlines posed some difficulties. The application was tested mainly with built-in tools in the browsers and actual user testing was left to be done after the first release.

The result of the development work was a React application implemented as a Progressive Web App. All the functionalities of the product were not finished, and the development of the application will continue. However, the Progressive Web App functionalities were successfully implemented in the final product.

Insinöörityön tarkoitus oli tutkia progressiivisia verkkosovelluksia ja toteuttaa sovellus, johon on sisällytetty progressiivisten verkkosovellusten ominaisuuksia. Insinöörityössä perehdyttiin sovelluskehitykseen yleisellä tasolla: mitä progressiiviset verkkosovellukset ovat, miten niitä tehdään ja mitä etuja niillä on muihin sovelluksiin verrattuna.

Progressiiviset verkkosovellukset ovat kasvattaneet suosiotaan viime aikoina. Ne mahdollistavat toimintoja, jotka oli ennen mahdollista toteuttaa vain natiivisovelluksilla. Niillä on useita hyötyjä natiivisovelluksiin ja perinteisiin verkkosovelluksiin verrattuna, ja ne ovat kustannustehokas tapa kehittää sovelluksia. Useiden tutkimusten mukaan progressiiviset verkkosovellukset lisäävät käyttäjämääriä ja käyttäjät ovat sovelluksiin sitoutuneempia kuin perinteisiin selainpohjaisiin verkkosovelluksiin.

Insinöörityössä toteutettiin tuntiseurantasovellus ohjelmistokehitykseen erikoistuneelle yritykselle. Käyttöönottoa varten tarkoituksena oli toteuttaa mahdollisimman yksinkertainen, toimiva tuote, joka sisältäisi aluksi vain tuntikirjauksen kannalta pakolliset toiminnot. Sovellus tehtiin Reactilla, joka on Facebookin kehittämä JavaScript-sovelluskehys. Sovelluskehitys alkoi suunnittelulla ja vaatimusmäärittelyllä käyttäjätarinoiden kautta. Kehitystyö sujui suurimmaksi osaksi ilman ongelmia, vaikka vaikeuksia projektissa tuli tiukasta aikataulusta. Sovellusta testattiin kehitystyön aikana lähinnä selaimeen sisäänrakennetuilla työkaluilla ja varsinanen käyttäjätestaus päätettiin toteuttaa vasta ensimmäisen julkaisun jälkeen.

Kehitystyön tuloksen syntyi progressiivinen React-sovellus. Kaikkia ominaisuuksia ei saatu kehitettyä loppuun asti, ja sovelluksen kehitys jatkuu edelleen. Kaikki progressiiviset ominaisuudet saatiin kuitenkin toteutettua sovellukseen.