Modernin web-sovelluksen konseptitodistuksen suunnittelu ja kehittäminen

Abstract

Opinnäytetyön aiheena oli modernin web-pohjaisen tilannekuvajärjestelmän suunnittelu ja toteutus kriittisten toimialojen tarpeisiin. Työn tavoitteena oli toteuttaa Proof-Of-Concept-demo, joka osoittaa ketterien kehitysmenetelmien soveltuvuuden järjestelmäkehitykseen kriittisillä toimialoilla. Projekti toteutettiin yhteistyössä Combitech Oy:n kanssa.

Web-sovellus koostuu kahdesta pääkomponentista: operatiivisesta tilannekuvasta hallinta- ja johtotehtäviin sekä mobiilisovelluksesta kenttätyöskentelyyn. Toteutuksessa hyödynnettiin moderneja web-teknologioita kuten React, Node.js ja TypeScript. Reaaliaikainen tiedonvälitys toteutettiin WebSocket-protokollalla ja paikkatiedon visualisointiin käytettiin Leaflet- ja OSRM-kirjastoja.

Projektin kehityksessä sovellettiin ketteriä menetelmiä, mikä mahdollisti nopean reagoinnin muuttuviin vaatimuksiin ja tehokkaan palautteen hyödyntämisen. Keskeisiä haasteita olivat tietokantaratkaisun implementointi turvatussa ympäristössä sekä reitityspalvelun suorituskykyoptimointi.

Proof-Of-Concept -demo ylitti sille asetetut tavoitteet ja osoitti, että modernit web-teknologiat ja ketterät kehitysmenetelmät soveltuvat hyvin järjestelmäkehi-tykseen kriittisillä toimialoilla. Erityistä kiitosta sai sovelluksen käyttöliittymä, joka onnistui yhdistämään laajan toiminnallisuuden ja intuitiivisen käytettävyyden.

The thesis examined the design and implementation of a modern web-based common operational picture system for critical industry needs. The objective was to develop a proof-of-concept demo that demonstrates the applicability of the agile development methods in system development for critical industries. The project was carried out in collaboration with Combitech Oy.

The web application consists of two main components: a common operational picture view for management and leadership tasks, and a mobile application for field operations. The implementation utilized modern web technologies such as React, Node.js, and TypeScript. The real-time data transmission was imple-mented using the WebSocket protocol, while Leaflet and OSRM libraries were used for geospatial visualization.

The project employed agile methodologies, enabling rapid response to changing requirements and efficient utilization of feedback. The key challenges included implementing the database solution in a secured environment and optimizing the routing service performance.

The proof-of-concept demo exceeded its set objectives and demonstrated that modern web technologies and agile development methods are well-suited for system development for critical industries. The user interface received particu-lar praise for successfully combining extensive functionality with intuitive usabil-ity.