Full stack -mobiilisovelluksen chat-järjestelmän jatkokehitys

Abstract

Tämä opinnäytetyö keskittyy full stack -sovelluksessa olevaan chat-järjestelmään ja siihen, kuinka tätä järjestelmää voitiin parantaa lisäämällä uusia ominaisuuksia ja korjaamalla vanhoja ominaisuuksia. Järjestelmää täytyi parantaa, jotta se toimisi asianmukaisesti sovelluksen tullessa markkinoille. Opinnäytetyö koostuu teoriaosuudesta ja käytännön osuudesta.

Teoriaosuudessa tutkittiin kaikkia asianmukaisia sovelluksen chat-järjestelmään liittyviä teknologioita sekä teoriaa uusien lisättävien ominaisuuksiin toiminnallisuudesta. Osuudessa tutkittiin push-ilmoituksien toiminnallisuutta, GIF:ien ja tarrojen toiminnallisuutta, mediatiedostojen latauksen toiminnallisuutta ja sivuttamisen teoriaa.

Jotta teoriaosuudessa mainitut ratkaisut voitiin toteuttaa sovelluksessa, täytyi myös käydä läpi olemassa olevan TypeScriptillä, React Nativellä, Expolla, Nodejs:llä, Ablyllä ja AWS:llä toteutetun sovelluksen ja sen chat-järjestelmän rakennetta, jotta ymmärrettiin, miten uudet ominaisuudet voitiin toteuttaa tehokkaasti olemassa olevaan järjestelmään.

Käytännön osuudessa toteutettiin monia uusia ominaisuuksia, joita olivat push-ilmoituksien lisäys chat-viesteihin, mahdollisuus GIF:ien ja tarrojen lähettämiseen chat-viesteissä, tuki mediatiedostojen lataukseen omalle laitteelle chat-näkymästä sekä chat-järjestelmän viestien hakutoteutuksen parantaminen kaikkien viestien kerrallaan hakemisen sijasta viestien hakuun rajatuissa inkrementeissä.

Tuloksena on chat-järjestelmä, jossa on entistä enemmän ominaisuuksia käyttäjien parempaa käyttökokemusta varten.

The purpose of this study was to analyze an existing full-stack realtime chat system within an application and determine how that system could be enhanced with new features and optimizations. The system was refined to be in a fully functional state in preparation for the application’s eventual release to the public.

First, the study examines all the relevant technologies as well as the concepts behind the features that would later be implemented in the application. These features include the push notification functionality, GIF and sticker integration, media download functionality, as well as information on paginating large datasets. In addition, this section also analyzes the existing structure of the application that had been previously created using TypeScript, React Native, Expo, Nodejs, Ably and AWS. Understanding the existing structure of the application is crucial for a seamless implementation process of new features.

In practice, the new enhancements were successfully implemented in the application. These included push notifications for chat messages, functionality for sending GIFs and stickers in a chat room, and a functionality for downloading media files sent to a chat room. Additionally, the system for fetching historical messages of a chat room was completely redefined by implementing batching (pagination) to improve performance and resource efficiency.

As a result, a more robust and feature-rich chat system was successfully developed to enhance the overall user experience of the application.