Käyttäjädatan kerääminen SPA-arkkitehtuurissa : case AREA21

Abstract

Tässä työssä kerrotaan SPA-arkkitehtuurin toiminnasta ja ominaisuuksista, keskittyen erityisesti React-sovelluksiin sekä käyttäjäanalytiikan toteuttamiseen kyseisessä arkkitehtuurissa. Työssä toteutettiin AREA 21 -projektissa rakennettuun Energy App -sovellukseen TypeScript- ja GraphQL-kielien avulla tietojen hallintatoiminnot, datan visualisointia sekä palautetoiminto. Sovellus julkaistiin Progressive Web App -tekniikalla.

Sovellukseen toteutettiin automaattinen pageview-tapahtumien lähetys Google Analytics -palveluun JavaScriptin avulla. Datan keräyksen toiminta varmistettiin palvelusta sovelluksen julkaisun jälkeen. Lopuksi kerrotaan jatkokehitystarpeista ja mahdollisuuksista.

This work describes the functionality and properties of web applications implemented with Single Page Application architecture, with focus on React and implementation of user analytics. The AREA 21 project produced Energy App -web application, to which was implemented additional functionality regarding data management, data visualization and feedback with the use of TypeScript and GraphQL-languages. Web application was published as a Progressive Web Application, which had bugs on Safari browsers that were fixed.

An automatic pageview-event sending for Google Analytics was implemented with the use of JavaScript. Data collection was confirmed after the launch of the web application. Finally, there are requirements and suggestions for further development.