Reaaliaikainen full stack -äänestyssovellus

Abstract

Sosiaalisen paritanssin kilpailujen tuomaroiminen on aina ollut hyvin haastava ja työläs prosessi. Jo yhdeksän tuomarin tulosten käsittely vie aikaa. Mitä jos tuomareina toimisi koko yleisö äänestäen omaa järjestystään finaalien sijoituksista. Opinnäytetyön tavoitteena oli selvittää, kuinka luodaan reaaliaikainen äänestyslomake ja digitaalinen ratkaisu sijoitusten käsittelyyn ja antamiseen.

Opinnäytetyön tarkoituksena oli kehittää sovellus, joka tarjoaa mahdollisuuden luoda äänestyslomake reaaliaikaisesti. Sovelluksen tuli mahdollistaa äänestyksen kohteen lisääminen siten, että se tulee näkyviin äänestäjälle heti, kun se luodaan. Tällöin äänestettävät kohteet lisääntyvät äänestäjälle äänestyksen edetessä. Lisäksi sovelluksen tuli automatisoida tulosten laskenta ja prosessoida laskennan konfliktit.

Opinnäytetyön tuloksena kehitettiin full stack -verkkosovellus, jolla mahdollistettiin käyttö eri alustoilla ilman ylimääräisen sovelluksen asentamista. Palvelinsovellus tarjoaa REST-rajapinnan vuorovaikutukseen. Kehityksessä käytettiin React ja Node.js -teknologioita sovelluksen rakentamiseksi, ja se toimii reaaliajassa WebSocket-protokollaa hyödyntämällä. Opinnäytetyön raportissa esitellään pilvipalveluita, käytettyjä teknologioita, ja käsitellään teoreettisesti reaaliaikaisuuden vaihtoehtoja verkkoalustalla.

Tuloksena nähdään, että nykypäiväisessä verkkosovelluksen reaaliaikaisuudessa on hyvä suosia push-tekniikoita pull-tekniikoiden sijaan. Pull-tekniikat joko käyttävät kaistaleveyttä turhaan tai kuormittavat huomattavasti palvelinta käsitellessään ruuhka-ajan käyttäjämääriä. Kaikilla protokollilla on kuitenkin omat käyttötarkoituksensa. Toistaiseksi WebSocket-protokolla tarjoaa monipuolisimman kommunikointitavan kehitetyn sovelluksen tarpeisiin.

The purpose of the thesis was to develop an application that offers possibility to create a voting form in real-time. The application should allow the topics of a poll to be added so that it appears to the voter as soon as it is created. The number of items to be voted on increases for the voter as the creating the form progresses. The application also had to automate the calculation of results.

As a result of the thesis, a full stack web application was developed, which enabled use on different platforms without installing an application. The server application provides a REST interface for interaction. The development used React and Node.js technologies to build the application and it works in real time using the WebSocket protocol. The thesis report presents cloud services, technologies used and theoretically discusses real-time options on a web platform.

As a result, in creating a contemporary real-time web application, it is good to favor push technologies over pull technologies. Pull technologies either use bandwidth unnecessarily or put a significant strain on the server when handling peak time usage volumes. So far, the WebSocket protocol provides the most versatile way to communicate the needs of the developed application.