Cacan, Benjamin (2022) Dizajn interakcija i razvoj web-aplikacije za zaslone osjetljive na dodir. Master's thesis - Graduate Programme. Grafički fakultet. [Mentor: Skala, Tibor].
PDF
DB1006_Benjamin_Cacan.pdf Download (2MB) |
Abstract
U teorijskom dijelu rada objašnjen je dizajn interakcija kao pojam, primjena i najbolja praksa pri oblikovanju interakcija između korisnika i proizvoda koji se koristi te kako on utječe na korisničko iskustvo. U radu su prezentirani principi te najbolja praksa oblikovanja dizajna za kvalitetno korisničko iskustvo i interakciju s računalnim uređajima, fokusirajući se na korisnička sučelja uređaja sa zaslonom na dodir. Nakon dizajna, istražuje se web tehnologija kao popularni način za razvoj aplikacija zajedno s modernim alatima i programskim rješenjima za razvoj internetskih stranica. Uspoređuju se web-aplikacije s izvornim mobilnim aplikacijama i prezentira se koncept progresivnih web aplikacija. U praktičnom dijelu rada prolazi se kroz proces razvoja interaktivne webaplikacije za uređaj sa zaslonom velikih dimenzija osjetljivim na dodir. Webaplikacija razvijena pomoću React programske biblioteke, primjer je info-kioska na kojem više korisnika može istovremeno otkrivati sadržaj stupajući u interakciju pomoću različitih gesti dodira. Navode se korištene tehnologije i alati, kako je implementiran dizajn korisničkog sučelja te razvoj i implementacija gesti dodirom kao načina za korisničku interakciju manipulacijom elemenata u korisničkom sučelju.
Item Type: | Master's thesis - Graduate Programme |
---|---|
Mentor name: | Skala, Tibor |
Thesis Committee: | Rudolf, Maja and Skala, Tibor and Stanić Loknar, Nikolina |
Defence date: | 27 September 2022 |
Abstract in english: | In the theoretical part of the paper, interaction design is explained as a concept, application and best practice in designing interactions between the user and the product being used and how it affects the user experience. The paper presents the principles and best practices of designing for quality user experience and interaction with computer devices, focusing on user interfaces of touchscreen devices. After the design, the paper deals with web technology as a popular way to develop applications and touches on modern tools and technologies as solutions for developing websites. It compares web applications with native mobile applications and presents the concept of progressive web applications. In the practical part, the work goes through the process of developing an interactive web application for a device with a large touchscreen display. The web application developed using the React library is an example of an infokiosk where multiple users can simultaneously discover content by interacting with different touch gestures. The paper shows the technologies and tools used, how the design of the user interface was implemented, and the development and implementation of touch gestures as a way for user interaction by manipulating elements in the user interface. |
Uncontrolled Keywords: | dizajn interakcija, geste dodira, web-aplikacija, React |
Keywords in english: | interaction design, touch gestures, web application, React |
Subjects: | TECHNICAL SCIENCES > Graphic Technology |
Institution: | Grafički fakultet |
City: | Zagreb |
Number of Pages: | 84 |
Callnumber: | SKA 2022 CAC |
Inventory number: | DB1006 |
Depositing User: | Nina Jelača |
Status: | Unpublished |
Date Deposited: | 11 Dec 2023 10:42 |
Last Modified: | 11 Dec 2023 10:42 |
URI: | http://eprints.grf.unizg.hr/id/eprint/3593 |
Actions (login required)
View Item |