User interface prototyping tool

U sklopu ovog rada razvijena je mobilna aplikacija namijenjena za iOS uređaje. Aplikacija omogućuje dizajniranje i prototipiranje korisničkih sučelja putem izrade interaktivnih digitalnih prototipova. Omogućeno je skeniranje skica na papiru ili na ekranima drugih uređaja te izgradnja sučelja nad time. Na zaslone prototipova omogućeno je dodavanje raznih elemenata korisničkog sučelja poput oblika, slika, ikona, teksta i preddefiniranih komponenata. Zaslone je unutar projekta moguće dinamično povezati postavljanjem poveznica nad elementima te je takve prototipove moguće pokrenuti na interaktivan način koji reagira na korisnički unos. Kreirane je prototipove također moguće dijeliti s drugim korisnicima putem QR koda te pretraživati stranicu javnih prototipova za inspiraciju. Aplikacija je napisana u jeziku Swift, za definiciju korisničkog sučelja aplikacije korišten je okvir SwiftUI, dok je kao backend as a service korištena platforma Back4App. U radu je detaljno opisana arhitektura razvijenog rješenja, korisničko sučelje aplikacije, funkcionalni i nefunkcionalni zahtjevi te korištene tehnologije.As part of this thesis, a mobile application for iOS devices was developed. The application enables designing and prototyping user interfaces by creating interactive digital prototypes. A user can scan a sketch on paper or other devices and then continue building an interface over it. It is possible to add various interface elements such as shapes, images, icons, text and predefined UI components. The screens can be dynamically connected within the project by setting links to the elements. These prototypes can then be played in an interactive way that responds to user input. It is also possible to share the created prototypes with other users via QR code or explore the public prototypes for inspiration. The Application was written in Swift, the user interface of the application was built with SwiftUI framework, while Back4App was used as a backend as a service provider. The paper describes the architecture of the developed solution, the user interface of the application, functional and non-functional requirements, and the technologies used