Oblikovanje vmesnika in razvoj spletne platforme za komunikacijo

Jehart, Brina (author), Bovcon, Narvika (mentor), Jelenc, David (co-mentor)

Diplomsko delo predstavlja raziskavo in razvoj uporabniku prijazne spletne aplikacije, namenjene medsebojni komunikaciji posameznikov. Naš pristop vključuje analizo sorodnih del, raziskovanje najnovejših trendov ter oblikovanje uporabniškega vmesnika. Pri razvoju čelnega dela uporabimo ogrodje Vue.js, medtem ko za razvoj zalednega dela izberemo ogrodje Django. Za implementacijo glasovnih in video klepetov vključimo storitev Twilio Video. Poleg tega s pomočjo spletnih vtičnic razvijemo lasten klepet za komuniciranje s sporočili. Celoten proces zajema tudi oblikovanje vmesnika aplikacije: določanje barvne palete, oblikovanje logotipa ter izdelavo žičnih okvirjev za načrtovanje aplikacije, s čimer zagotovimo enotno in privlačno vizualno identiteto aplikacije. Sledi testiranje in evalvacija aplikacije, kjer pridobimo pomembne povratne informacije uporabnikov in izvedemo analizo na dobljenih rezultatih. Rezultat našega dela je uporabniku prijazna spletna aplikacija za komunikacijo, ki omogoča preprosto ter učinkovito komunikacijo med uporabniki.

• Language: Slovenian
• Keywords: Spletna aplikacija, Komunikacija, Uporabniški vmesnik, Spletne vtičnice, Tehnologija WebRTC, Spletni žetoni JSON
• Work type: Bachelor thesis/paper
• Typology: 2.11 - Undergraduate Thesis
• Organization: FRI - Faculty of Computer and Information Science
• Year: 2023
• PID: 20.500.12556/RUL-151567
• COBISS.SI-ID: 168089859
• Publication date in RUL: 09.10.2023

Secondary language

• Language: English
• Title: Interface design and development of a web-based communication platform

Abstract

The thesis presents the research and development of a user-friendly web application for communication between individuals. Our approach includes a brief analysis of related works, exploration of recent trends and user interface design. For the front-end development we use the Vue.js framework, while for the back-end development we choose the Django framework. For the implementation of voice and video chats, we integrate the Twilio Video service. In addition, we use WebSockets to develop our own chat, enabling communication through messages. The whole process also includes the design of the app's interface: defining the colour palette, designing the logo and creating wireframes, ensuring a unified and attractive visual identity for the app. This is followed by testing and evaluation of the application, where we obtain relevant feedback from users and perform analysis on the acquired results. The result of our work is a user-friendly web application for communication, which enables simple and effective communication between users.

• Keywords: Web application, Communication, User interface, WebSockets, WebRTC, JSON Web Tokens