Poluautomatsko generiranje grafičkog korisničkog sučelja za pregled i izmjenu podataka na temelju GraphQL sučelja

master's thesis

• Title (english): Semi-automatic generation of graphical user interface for viewing and modifying data based on the GraphQL interface
• Author: Mislav Lukač
• Mentor: Igor Mekterović (mentor)
• Committee member: Igor Mekterović (predsjednik povjerenstva)
• Committee member: Boris Vrdoljak (član povjerenstva)
• Committee member: Zdravko Galić (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2019-07-08, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

Ostvarenjem ideje World Wide Weba počinje moderna povijest pregledavanja i izmjene podataka unutar web preglednika. Rastom popularnosti weba, podaci su sve češće u obliku tablica, ali i web formi. Iz perspektive razvojnog inženjera, rad na web formama je monoton, stoga se razvija ideja poluautomatskog generiranja sučelja za izmjenu podataka. Sučelje se generira uz pomoć metapodataka koji su dobiveni preko sustava za introspekciju specifikacije GraphQL. GraphQL specifikacija je upitni jezik velike fleksibilnosti koji nudi metapodatke o HTTP API-ju u obliku ulaznih i izlaznih tipova podataka. Web aplikacija u čijem kontekstu se sučelje prikazuje napravljena je u radnom okviru Vue.js. Aplikacija podržava operacije pregledavanja, dodavanja, izmjene i brisanja kroz tablično i tabularno sučelje. Tablično sučelje sastoji se od jedne tablice čije elemente je moguće sortirati i pretražiti dok je tabularno sučelje niz međusobno povezanih tablica.

Abstract (english)

By realizing the idea of the World Wide Web, a modern history of browsing and changing data from the web browser starts. With the growing popularity of the web, data is increasingly common in the form of tables, but also in the web form. From the perspective of a software engineer, work on web forms is monotonous, so the idea of creating the UI interface via the semi-automatic process is born. The interface is generated using the metadata obtained through the introspection system of the GraphQL specification. GraphQL specification is a query language of great flexibility that offers metadata about the HTTP API in the form of input and output data types. The Web application in which the interface is displayed is created in the Vue.js framework. The application supports the operations of browsing, adding, modifying and deleting through the table and tabular interface. The table interface consists of a table whose elements can be sorted and searched while the tabular interface is a series of interconnected tables.

• Keywords: web; forma; vue; graphql; apollo; HTML; JavaScript; NodeJS; HTTP; introspekcijski sustav
• Keywords (english): web; form; vue; graphql; apollo; HTML; JavaScript; NodeJS; HTTP; introspection system
• Language: croatian
• URN:NBN: urn:nbn:hr:168:813819
• 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: 2020-01-07 19:50:32