Videopuhelusovelluksen toteutus WebRTC-teknologialla

Abstract

Opinnäytetyön tavoitteena oli suunnitella ja toteuttaa videopuhelusovellus mobiilialustalle sekä raportoida työn vaiheita ja tuloksia. Sovelluksen tarkoituksena oli mahdollistaa käyttäjälle yhteystietojen hallinta sekä käyttäjien välinen videopuheluyhteys. Projektin motivaationa oli osoittaa mobiilikehityksen ja videopuheluyhteyden toteuttamisen, oikeita työkaluja ja teknologioita hyödyntämällä, olevan mahdollista myös aloittelevalle ohjelmistokehittäjälle.

Mobiilisovelluksen toteuttamisen teknologiaksi valittiin React Native -mobiiliohjelmointikirjasto. Valinta perustui sen helppokäyttöisyyteen sekä samankaltaisuuteen suositun verkkokehityskirjasto Reactin kanssa. Videopuheluyhteys toteutettiin WebRTC-teknologialla, joka mahdollisti suoran yhteyden laitteiden välillä. Sovelluksen tietokanta sekä videopuheluyhteyden luomiseen vaadittu signaalipalvelin toteutettiin Firebase-pilvialustan tarjoamilla palveluilla. Sovelluksen käyttöliittymä suunniteltiin tukemaan sekä tummaa että vaaleaa väriteemaa.

Sovelluksen toteutus alkoi työkalujen ja koodipohjan alustamisella. Kehitystyössä hyödynnettiin erilaisia työkaluja, joista yhtenä oli tekoälyyn perustuva Github Copilot. Sovelluksen ja sen työkalujen alustamisen jälkeen lähdettiin toteuttamaan käyttöliittymää sekä vaadittuja ominaisuuksia. Sovelluksen käyttäjätietojen autentikaatio toteutettiin ulkoista palvelua hyödyntämällä. Yhteystietojen hallintaa varten tehtiin erilaisia näkymiä. Viimeisenä kehitettiin videopuhelunäkymä sekä yhteys osapuolien välillä.

Projektin lopputulokseksi saatiin pääominaisuuksiltaan toimiva sovellus. Sovellus mahdollistaa käyttäjän rekisteröitymisen, yhteystietojen lisäämisen ja selaamisen sekä videopuhelun soittamisen toisille käyttäjille. Projekti osoitti videopuheluyhteyden toteuttamisen sekä mobiilisovelluskehityksen oikeita resursseja käyttämällä olevan oletettua suoraviivaisempaa. Jatkokehitettäväksi jäi puuttuvia käyttöliittymänäkymiä ja itse toteutettu signaalipalvelin.

The aim of this thesis was to design and implement a video call application for amobile platform and to report the results. The purpose of the application was to enable users to manage their contacts and establish a video call connection between users. The motivation behind this project was to prove that creating a mobile application with a video call functionality is achievable for even a beginner software developer.

React Native, a mobile programming library, was chosen as the main technology behind the application, due to its simple syntax and similarity with the popular web development library, React. Functionality of the video call connection was created using WebRTC, which enables a direct connection between devices. The signaling server that is used to create said connections, and the database of the application, were implemented on Google's Firebase cloud platform using its many available services.

The implementation began with the setup of various tools and the codebase, after which began the creation of the user interface and many of the core features of the application. Many different views were created to handle different functions, such as browsing contacts and video calling users. The functionality of the video call was implemented last.

This project resulted in an application with all the planned core features. The project also demonstrated that mobile development and the implementation of a video call connection is not as hard as previously thought.