Prilagodljivi web dizajn

master's thesis

• Author: Korina Siljan
• Mentor: Jesenka Pibernik (mentor)
• Committee member: Sanja Mahović Poljaček (član povjerenstva)
• Committee member: Jesenka Pibernik (član povjerenstva)
• Committee member: Klaudio Pap (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2013-2-28, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

Prilagodljivi web dizajn novi je pristup u izradi web stranica i web aplikacija ĉiji je cilj izrada web suĉelja koje se automatski prilagoĊava ureĊaju na kojem ga posjetitelj pregledava – bilo to stolno ili prijenosno raĉunalo, tablet raĉunalo ili pametni telefon. Budući da sve više korisnika pregledava web stranice putem mobilnog ureĊaja te da analize trţišta predviĊaju povećanje broja takvih ureĊaja za 50% do 2014. godine, potreba za ovakvim pristupom dizajniranju i razvoju sve je veća i postaje standard.

Praktiĉni dio rada bazira se na izradi prilagodljive web stranice za udrugu Kulturban, udrugu koja se bavi promicanjem i razvojem glazbene i kazališne kulture i umjetnosti u društvu. Anketnim ispitivanjem ciljane populacije dobio se uvid u njihove raĉunalne kompetencije te naĉin pristupanja internetu, a izradom persona i scenarija korištenja na temelju dobivenih rezultata stvorila se polazna toĉka za izradu same stranice. Prilagodljiva web stranica izraĊena je korištenjem modernih tehnologija (fleksibilne mreţe, fluidnih slika, CSS3 multimedijalnih upita, CSS3 i HTML5 tehnologije), a testirana na raĉunalu, tabletu i pametnom telefonu metodom heuristiĉke evaluacije.

Abstract (english)

Responsive web design is a new approach in web designing with one goal in mind – creating a web platform that automatically adjusts to the characteristics of the device the site is being displayed on – no matter if it's a personal computer (PC), tablet or smartphone. There are more and more users surfing the Web on their smartphones and by 2014 there will be 50% more mobile devices, so the need for this approach and development is getting bigger and it will become a default for Web building.

Practical part of this paper is based on creating a responsive web site for civil association Kulturban, which is engaged in promoting and developing musical and theatrical culture as well as art. By conducting a survey among the members and users of the association, the goal was to find out the level of their computer literacy and how they access the Internet. Personas and scenarios which were based on the results were a starting point of a web site creation. Responsive web site was made with modern technologies (flexible grid, flexible images, CSS3 media queries, CSS3 and HTML5 technologies) and was tested on PC, tablet and smartphone with heuristic evaluation method.

• Keywords: prilagodljivi web dizajn; CSS3 multimedijalni upiti; heuristiĉko istraţivanje
• Keywords (english): Responsive Web design; CSS3 media query; Heuristic Evaluation
• Language: croatian
• URN:NBN: urn:nbn:hr:216:724056
• 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 19:49:55