Kolaborativno crtanje na internetskoj stranici

master's thesis

• Title (english): Collaborative drawing on a website
• Author: David Garić
• Mentor: Vedran Mornar (mentor)
• Committee member: Vedran Mornar (predsjednik povjerenstva)
• Committee member: Nikica Hlupić (član povjerenstva)
• Committee member: Marina Bagić Babac (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2024-07-09, Croatia

Abstract

Ovaj rad istražuje i implementira ključne aspekte razvoja aplikacija weba za kolaborativno
crtanje u stvarnom vremenu. Kroz vlastitu implementaciju modula za crtanje, aplikacija u
radnom okviru Vue.js koristi Spring Boot poslužitelj za sinkronizaciju stanja među
korisnicima putem protokola WebSocket. Rad opisuje korištenje elementa HTML-a canvas
i matematičkih principa za izradu aplikacije te analizira arhitekturu sustava i uporabu
oblikovnih obrazaca kao što su promatrač i kompozit.... More Implementirana aplikacija
omogućuje učinkovito kolaborativno crtanje, pružajući smjernice za buduće projekte. Less

Abstract (english)

This paper explores and implements the key aspects of developing web applications for real
time collaborative drawing. Through the implementation of a custom drawing module, the
Vue.js application uses a Spring Boot server to synchronize the state among users via the
WebSocket protocol. The paper describes the use of the HTML canvas element and
mathematical principles for creating the application, as well as analyzing the system
architecture and the use of design patterns such as... More observer and composite. The implemented
application enables efficient collaborative drawing, providing guidelines for future projects. Less

• Keywords: HTML; kolaborativno crtanje; REST; WebSocket; Web aplikacija
• Keywords (english): HTML; collaborative drawing; REST; WebSocket; Web application
• Language: croatian
• URN:NBN: urn:nbn:hr:168:883022
• Study programme: Title: Computing; Study programme type: university; Study level: graduate; Academic / professional title: magistar/magistra inženjer/inženjerka računarstva (magistar/magistra inženjer/inženjerka računarstva)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2024-10-12 20:37:33