Prilagodljivi web dizajn

diplomski rad

• Autor: Korina Siljan
• Mentor: Jesenka Pibernik (mentor)
• Član povjerenstva: Sanja Mahović Poljaček (član povjerenstva)
• Član povjerenstva: Jesenka Pibernik (član povjerenstva)
• Član povjerenstva: Klaudio Pap (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2013-2-28, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

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.

Sažetak (engleski)

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.

• Ključne riječi: prilagodljivi web dizajn; CSS3 multimedijalni upiti; heuristiĉko istraţivanje
• Ključne riječi (engleski): Responsive Web design; CSS3 media query; Heuristic Evaluation
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:724056
• Studijski program: Naziv: Grafička tehnologija; smjerovi: Tehničko-tehnološki, Dizajn grafičkih proizvoda; Smjer: Tehničko-tehnološki; Vrsta studija: sveučilišni; Stupanj studija: diplomski; Akademski / stručni naziv: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (univ. mag. ing. techn. graph.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2024-04-18 19:49:55