Projektiranje multimedijskog sadržaja na individualiziranoj web stranici uz korištenje responsive web dizajn tehnologije

master's thesis

• Author: Tiziana Tomadin
• Mentor: Ivana Žiljak Stanimirović (mentor)
• Committee member: Nikola Mrvac (član povjerenstva)
• Committee member: Ivana Žiljak-Stanimirović (član povjerenstva)
• Committee member: Miroslav Mikota (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2016-9-30, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

Prilagodljivi, odnosno responsive web dizajn (akronim: RWD) je moderni pristup izradi web stranica. Tako dizajnirane stranice automatski se prilagođavaju uređaju s kojeg ih korisnik posjećuje–platformi, veličini i orijentaciji samog uređaja.Cilj primjene prilagodljivog web dizajna leži u pružanju što boljeg korisničkog iskustva korisnicima te stranice, prvenstveno onima koji stranice posjećuju pomoću pametnih mobilnih telefona i tableta, čiji je broj svaki dan u porastu. RWD utječe na korisničko iskustvo i uvelike povećava zadovoljstvo korisnika, što dovodi do češćeg korištenja takve stranice. Za izradu stranice koja poštuje pravila RWD-a potrebno je poštovati načela izrade, te upotrijebiti različite web alate koji nam to omogućavaju. Prije izrade potrebno je ustanoviti tko su ciljani korisnici i izraditi personu. Nakon toga slijedi proces projektiranja stranice, planiranje sadržaja stranice, izrada prvih prototipa na papiru i wireframeova, sve do visoko vjernih prototipa koji se izrađuju u grafičkim programima kao što su Photoshop i Illustrator. Rezultat tog procesa je funkcionalna web stranica koja sadrži multimedijske sadržaje, realizirana pomoću HTML5, CSS3 i JavaScript programskih jezika koji služe za strukturiranje, prezentaciju i interakciju na stranici. Rad se koncentrira na detekciju čestih problema koji se javljaju tijekom razvoja stranice i nudi optimalna rješenja kako bi se što lakše realizirale web stranice koje nude kvalitetno korisničko iskustvo.

Abstract (english)

Responsive web design (acronym: RWD) is a modern approach to web page developing. Responsive web design pages adapt automatically to the device the user is browsing from, it adapts to the device platform, size and orientation of the device. The point of using responsive web design while developing pages is to give the best user experience to the page users, especially the ones who use smartphones and tablets to visit the page, which are in growth. Responsive web design influences users and provides quality user experience, leading the user to visit the site more. To develop a page that respects RWD rules, one should follow industry recommendations, but also use different web tools to facilitate the process. First step is to establish who are the target users of the page, by research and persona developing. After that, the web page developing begins, by planning and deciding on the content of the page, sketching on paper and computer, prototyping, chosing colours and typography and lastly, making a high fidelity prototype in a graphic editor like Photoshop or Illustrator. The result should be a functional web page that has different multimedia elements on it, created with HTML5, CSS3 and JavaScript programming languages, who serve to structure the page, it’s content and enable interaction on the page. This paper is trying to detect problems one can encounter while developing a RWD page and offers different solutions that solve those problems and help in developing optimal user experience.

• Keywords: responzivnost; media query; HTML; CSS
• Keywords (english): responsive; media query; HTML; CSS
• Language: croatian
• URN:NBN: urn:nbn:hr:216:904521
• Study programme: Title: Graphic technology; specializations in: Graphic technology, Design of graphic products; Course: Graphic technology; Study programme type: university; Study level: graduate; Academic / professional title: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-04-18 21:41:28