Pretvorba nastavničkog sučelja klasične višestranične web-aplikacije u jednostraničnu web-aplikaciju u sustavu Edgar

master's thesis

• Title (english): Refactoring the teachers' classic multi-page interface of Edgar web application to a single-page interface
• Author: Borna Goljački
• Mentor: Igor Mekterović (mentor)
• Committee member: Igor Mekterović (predsjednik povjerenstva)
• Committee member: Ljiljana Brkić (član povjerenstva)
• Committee member: Slaven Zakošek (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2022-07-11, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

Web-aplikacije su temeljni elementi današnjeg weba. U ovom radu obrađena je teorijska osnova web-aplikacija; od čega je moderna web-aplikacija sastavljena, koje se tehnologije koriste, te koje vrste web-aplikacija postoje te njihove prednosti i nedostatci. Dana je usporedba s ostalim vrstama aplikacija. Također je priložen kratki uvod u razvoj samih web-aplikacija kroz povijest.
Cilj ovog diplomskog rada je modernizirati postojeći sustav Edgar. U tu svrhu dana je analiza aktualnih radnih okvira za stvaranje jednostraničnih web-aplikacija te je provedena ocjena između novouvedenog Vue.js radnog okvira za stvaranje jednostraničnih web-aplikacija i postojećeg višestraničnog mehanizma. Modernizacija je primarno temeljena na definiranju API ruta, kroz koje se šalju poruke JSON formata. Drugi aspekt modernizacije jest unaprjeđenje korisničkog iskustva, o čemu je također napravljena analiza u samom radu. Modernizacija je provedena modularno te je teoretski moguće zamijeniti Vue.js klijent s bilo kojim drugim frontend klijentom kako bi se osigurala maksimalna sloboda pri odabiru željenih tehnologija.
Za kraj, komentirana su moguća poboljšanja modernizacije, te glavni nedostaci ovakvog pristupa.

Abstract (english)

Web-applications are the basis of the modern web. This paper contains the theoretical analysis of web-applications;
what modern web-applications are made of, which technologies are commonly used, as well as what kind of web-applications exist and their pros and cons.
Additionally, this paper compares the web-application approach to creating software with other kind of applications.
Next, there is a short introduction to the historical development of the modern web-application.
The goal of this paper is to modernize the existing Edgar system using the web framework Vue.js. To that end, an analysis of available web frameworks had been made between the most popular modern web frameworks (such as React, Angular, Vue.js and Svelte). This paper also contains the performance analyses of the existing multi-page application approach and the newly implemented single-page application approach to developing web-applications.
The modernization is modular in nature; the main difference is the definition of the API route which sends responses in JSON format.
That change means the Edgar system becomes language-agnostic, since it is theoretically possible to swap out the Vue.js web framework with any other that is able to parse JSON responses.
The other aspect of modernization are improvements to the user experience, which is also discussed in this paper.
Lastly, the paper discusses possible improvements of the modernization, and the main faults of this approach.

• Keywords: web-aplikacije; APAS; SPA; MPA; Edgar; Vue.js
• Keywords (english): web-applications; APAS; SPA; MPA; Edgar; Vue.js
• Language: croatian
• URN:NBN: urn:nbn:hr:168:884852
• 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: Closed access
• Created on: 2023-01-13 14:58:36