Firstbeat Sports Admin Client -työkalun suunnittelu ja toteutus

Abstract

Opinnäytetyön toimeksiantajana toimi jyväskyläläinen Firstbeat Technologies Oy. Firstbeatin sydämen sykevälivaihteluun perustuvaa teknologiaa käytetään hyvinvointiin, kuluttajatuotteisiin sekä huippu-urheiluun. Firstbeat Sports on huippu-urheilun tarpeisiin kehitetty alusta, joka sisältää sovelluksia harjoitusten mittaamiseen sekä niiden tulosten tarkasteluun. Firstbeat Sports Admin Client on verkkoselaimessa toimiva web-sovellus, jota käyttäen luodaan uusia asiakastilejä sekä käyttäjiä Sports-alustan käyttöä varten. Firstbeat Sports Admin Clientia käyttävät myyjät, tuotetuen henkilöt, ohjelmistokehittäjät ja ohjelmistotestaajat. Käytössä olevan sovelluksen käytettävyydessä ja ylläpidettävyydessä oli havaittu puutteita. Opinnäytetyön tavoitteena oli kehittää sovelluksesta uusi versio käyttäen nykyaikaisia menetelmiä web-sovelluksen kehittämiseen.

Työ aloitettiin määrittelemällä toteutettavan sovelluksen vaatimukset olemassa olevan sovelluksen pohjalta. Opinnäytetyön aikana suunniteltiin uuden sovelluksen käyttöliittymä sekä arkkitehtuuri. Uuden sovelluksen käyttöliittymä toteutettiin käyttäen avoimen lähdekoodin React-kirjastoa. Sovelluksen tilanhallintaan ja datan välittämiseen sovelluksen eri osien välillä käytettiin Redux-kirjastoa.

Työn tuloksena syntyi lähes kaikki vaatimukset täyttävä sovellus. Tuotetulla sovelluksella on muun muassa mahdollista selata, luoda ja muokata asiakastilejä sekä käyttäjätunnuksia. Työssä tuotiin esille tietoa Reactista ja sovelluskehyksistä GWT sekä Angular, mikä voi auttaa toimeksiantajaa valitsemaan teknologioita yrityksen ohjelmistokehityksen jatkoa ajatellen.

Firstbeat Technologies Oy is a Finnish company competing in the field of wellness, consumer products and sports. Firstbeat’s technologies are based on extensive research on heart rate variability. Firstbeat Sports is a platform designed to meet the requirements of the very best teams in many different sports. The platform includes software to monitor and analyse the training sessions of a whole team. Firstbeat Sports Admin Client is a web application used to create new customer accounts and credentials for the platform. It is used by sales, support and software development. The current Firstbeat Sports Admin Client has had issues with usability and maintainability. The main goal of the thesis was to develop a new version of the application using modern web development practises and technologies.

The new application had to match the requirements of the existing application. The user interface as well as the architecture of the software were designed during the thesis project. The user interface of the application was developed using React library. Redux-library was used to manage the state of the application and communication between different parts of the application.

The application developed during the thesis was able to fill almost all set requirements. The functionality includes browsing, creating and editing customer accounts and credentials. The thesis brings information about React and the software frameworks GWT and Angular that may be of use to help Firstbeat decide on future technologies for its software development team.