Videolähteiden hyödyntäminen web-monikamerasovelluksessa

Abstract

Insinöörityön tarkoituksena oli tuoda 360-kamerat saataville niille, joilla ei sellaisia ajoneuvossaan ole. Insinöörityö toteutettiin verkkosovelluskehityksenä eikä siinä käytetty ulkoisia ohjelmistokehyksiä. Kehitystä ja suunnittelua työssä tehtiin hyvin käytettävyyspainiotteisesti, ja jokaisessa vaiheessa mietittiin ensisijaisesti käytettävyyttä. Sovellukseen oli tarkoitus luoda omniview-näkymä, mutta se jäi insinöörityön laajuuden ulkopuolelle vielä alkuperäisen aikataulun pidentämisen jälkeenkin. Toteutuksessa onnistuttiin kuitenkin luomaan sovellus, joka pystyy näyttämään neljä kameralähdettä yhtäaikaisesti näytöllä ja ottamaan yhden niistä tarkasteltavaksi koko näytölle vain napsauttamalla haluttua kameralähdettä. Sovelluksen ulkoasu suunniteltiin pitkälti Figma-sovelluksella, ja koko sovellus kehitettiin Visual Studio Codella.

Sovelluksen käytettävyystestaukset toteutettiin suunnitteluvaiheessa Figma-sovelluksella sekä suoraan insinöörityön toteutusvaiheen ohessa itse laitteistolla. Näiden testauksien ohessa huomattiin erinäisiä käytettävyyteen liittyviä ongelmia kuten sovelluksen kameralähteiden avaamiseen käytetyt liian pienet painikkeet, jotka korvattiin muuttamalla kameralähteet itsessään painikkeiksi. Sovelluksessa ilmeni myös ongelmia Raspberry Pi:n käytössä verkkopalvelimena, mutta ne korjattiin käyttämällä tämän insinöörityön palvelimena MacBook Airia. Työn muuhun laitteistoon kuuluu päätelaite, jolta sovellusta katsotaan, verkkolaite, joka jakaa sovellukselle lokaaliverkon ja USB-kamerat, joihin koko sovellus pohjautuu.

The goal of this final year project was to make 360-degree cameras available to those who do not have them in their vehicles. The application was implemented as a pure web-application development. No external software frameworks were used. The development and design of the work was done with a strong focus on usability and accessibility, with usability being the primary consideration at every stage. The application was to use omniview technology, but this remained outside the scope of the project, even after the original schedule was extended. However, the implementation succeeded in creating an application capable of displaying four camera sources simultaneously on the display of the client device, and of making one of them viewable on the full screen by simply clicking on the desired camera source. The layout of the application was largely designed using Figma and the entire application was developed using Visual Studio Code.

Usability testing for the application was carried out both during the design phase using the Figma application and directly on the hardware during the implementation. During these tests, a number of usability issues were identified, such as the too small buttons used to open the camera sources in the application. This issue was fixed by turning the camera sources themselves into buttons. The application also encountered problems using the Raspberry Pi as a web server, but these were resolved by using a MacBook Air as the server for this project. Other hardware used in the project includes the client device from which the application is viewed, the network device that shares the local network with the application, and the USB cameras on which the whole application is based.