UAV-torjuntasovelluksen käyttöliittymä React Nativella

Abstract

Insinöörityön tarkoituksena oli tavoitteena selvittää React Native -sovelluskirjaston vahvuuksia lähdeaineiston avulla ja soveltaa tätä tietoa uuden mobiilikäyttöliittymän tekemisessä yrityksen tuotteelle. Työ tehtiin projektina suomalaiselle dronentunnistusjärjestelmiä valmistavalle yritykselle. Uuden sovelluksen tarkoituksena oli parantaa ruohonjuuritason käyttäjän kokemusta käyttöliittymällä, joka on suunniteltu alusta alkaen matkapuhelimella tai tabletilla käytettäväksi.

Aikaisempi käyttöliittymä on toteutettu React kirjastolla, ja siinä on ominaisuuksia ja asetuksia, jota loppukäyttäjä, esimerkiksi poliisi tai lennonvalvoja, ei koskaan tarvitse ulkona työskennellessään. Lisäksi sovelluksen käyttöönotto on hidasta niin sanotussa ”tositilanteessa”.

Projektin alussa perehdyttiin React Nativen vahvuuksiin, muun muassa VDOM, JSX, komponentit ja state. Projektin toteutuksessa ei ilmennyt suuria ongelmia, ja React Native -sovelluksen kehitys oli nopeaa ja mielekästä.

Insinöörityön lopputuloksena syntyi toimiva ja tavoitteet täyttävä React Native -sovellus, joka käyttää samaa taustajärjestelmää kuin olemassa oleva React-sovellus. Aikarajoitusten vuoksi sovellusta ei saatu vielä jakoon asiakkaille, ja sitä suoritettiin vain iPhone-simulaattorin avulla MacBook-tietokoneella.

This thesis was done as a project for a finnish anti-UAV (unmanned aerial vehicle) system manufacturer. The goal was to find out the strengths of the React Native-library through source material, and to apply this knowledge into making a new mobile application for the company’s product. The intention of the application was to improve the user experience for the grassroots-level user, with a user interface designed to be used on a mobile device from the get-go.

The existing user interface was built using the React-library. It has features and settings the end user, for example air traffic manager or a police officer, never needs. In addition, getting the application to work in an emergency is slow.

At the start of the project the strengths of React Native were studied. Those include VDOM, JSX, components and state. Project application development proved to be fast and meaningful, and no real problems occurred.

As a result of this thesis a working application was developed that fulfills all goals. Due to time restrictions, the application hasn’t been distributed to customers yet, and it was only run on an iPhone-simulator using a MacBook- computer.