Web-aplikacija za izradu ilustracija temeljenih na SVG-u

diplomski rad

• Naslov (engleski): Web application for the creation of SVG illustrations
• Autor: Ivan Maretić
• Mentor: Ivica Botički (mentor)
• Član povjerenstva: Ivica Botički (predsjednik povjerenstva)
• Član povjerenstva: Mirjana Domazet-Lošo (član povjerenstva)
• Član povjerenstva: Tomislav Jagušt (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Fakultet elektrotehnike i računarstva; Zagreb
• Datum i država obrane: 2022-02-23, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Računarstvo

Sažetak

Tema ovog diplomskog rada je izrada web-aplikacije za izradu ilustracija temeljenih na SVG-u. Uvodni dio rada opisuje problem i način na koji se problem može riješiti. Zatim se u prvom poglavlju nabrajaju i opisuju najznačajnije korištene tehnologije: TypeScript, React, Yarn, Mobx, Webpack i Firebase. U drugom poglavlju dana je kratka povijest SVG tehnologije te su objašnjeni glavni SVG elementi. Treće poglavlje sadrži pregled arhitekture klijentskog i poslužiteljskog dijela aplikacije, dok je u četvrtom poglavlju dan detaljan pregled klijentskog paketa svg-screen-drawer koji obavlja iscrtavanje na zaslonu i omogućuje interakciju s iscrtanim elementima. Posljednje poglavlje opisuje rad aplikacije iz perspektive korisnika.

Sažetak (engleski)

The topic of this thesis is the creation of a web application for the creation of SVG illustrations. The introductory chapter describes the problem and the way it can be solved. The first chapter contains the most important technologies used: TypeScript, React, Yarn, Mobx, Webpack, and Firebase. The second chapter contains a brief history of SVG technology and an explanation of the most common SVG elements. The third chapter explains the overall architecture of both frontend and backend parts of the application. The fourth chapter explains svg-screen-drawer, the package responsible for drawing all the elements on the screen and providing interactive controls. The last chapter explains how the application works from the user's perspective.

• Ključne riječi: web-aplikacija; react; svg
• Ključne riječi (engleski): web application; react; svg
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:168:825232
• Studijski program: Naziv: Računarstvo; Vrsta studija: sveučilišni; Stupanj studija: diplomski; Akademski / stručni naziv: magistar/magistra inženjer/inženjerka računarstva (mag.ing.comp.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2023-01-13 15:29:39