Webová aplikace pro vizualizaci dat z železničního mobilního mapovacího systému

Abstract

Cieľom tejto práce je navrhnúť a implementovať webovú aplikáciu, ktorá by umožňovala prívetivo a intuitívne zobrazovať trojrozmerné dáta získané zo železničného mapovacieho systému. Získané body by mali byť zobrazené z perspektívy vlaku, na ktorom sa senzor nachádzal, s možnosťou zobrazenia videa z tohto vlaku na pozadí. Aplikácia bola implementovaná vo frameworku React, s použitím knižnice three.js. Základom implementácie je pohybovať kamerou v 3D priestore v správnej rýchlosti a orientácii. Uživateľovi sú tiež poskytnuté rôzne nástroje pre zjednodušenie a zprehľadnenie zobrazovaných dát, ako je filtrácia, modifikácia a zviditeľnenie alebo skrytie zobrazených bodov na základe dodaných parametrov. Aplikácia tiež poskytuje možnosti pre synchronizáciu s videom, možnosť ovládať video a vytvorenú animáciu a možnosť aplikovať rôzne filtre na dodané video. Vo výsledku prináša uživateľsky prívetivý nástroj na zobrazenie konkrétneho typu dát.The goal of this thesis is to design and implement a web application, which would show three dimensional data acquired from a railway mapping system in a user friendly and intuitive manner. The acquired points should be shown from the perspective of the train on which the sensor was located, with the option to show a video from this train in the background. The application was implemented in the React framework, using the three.js library. The core of the implementation consists of moving the camera in 3D space at the correct speed and orientation. The user is also provided with various tools to simplify the data and make them clearer, such as filtration, modification and showing or hiding the points based on provided parameters. The application also provides options for synchronization with video, options to control the video and created animation and ability to apply various filters to the video. As a result it brings a user friendly tool for showing a specific type of data.