undergraduate thesis
HTML5 "canvas" elements application in interactive web

Romina Vinko (2015)
Polytechnic of Međimurje in Čakovec
Computer science
Metadata
TitlePrimjena HTML5 "canavas" elemenata u interaktivnom webu
AuthorRomina Vinko
Mentor(s)Sanja Brekalo (thesis advisor)
Abstract
U završnom radu nalazi se pregled značajki HTML5 standarda – trenutno najnovije inačice jezika za označavanje sadržaja u Web preglednicima. Najpopularniji web preglednici već podržavaju mnoge od novih HTML5 elemenata. Očekivanje je da će novi standard koji je evolucija od HTML4 i XTML standarda, ispraviti neke dosadašnje nedostatke i unijeti novi niz mogućnosti koje do sada nisu bile dostupne za izradu Web stranica. HTML5 je kao tehnologija dovoljno razvijena i tehnički podržana. Poseban osvrt biti će na HTML5 standardu koji uvodi element platno (engl. canvas) u kojem se prikazuju grafički oblici i razni drugi objekti, dok aplikacijsko programsko sučelje za implementiranje grafičkih aplikacija koristi WebGL. Canvas-ova primarna svrha je manipulacija 2D grafikom primjenjujući skriptni JavaScript jezik za dobivanje mogućnosti kreiranja dinamičke grafike i animacije koje reagiraju na korisničku interakciju. HTML5 ima dvije osnovne biblioteke od kojih se Three biblioteka koristi za jednostavno korištenje WebGL-ovih metoda, te je moguće definirati postavljanje scene i učitavanje grafičkih objekata, te interakciju s mišem. Dok druga biblioteka Tween služi za implementaciju animacije grafičkih objekata. Njome se ostvaruje kontinuirani prijelaz između dviju vrijednosti. Otvaraju se mogućnosti izrade naprednih grafičkih aplikacija bez potrebe dodatnih priključaka (engl. plug-in) kao što je npr. Adobe Flash. Adobe Flash je jedna od tehnologija koja je značajno pridonijela u počecima izrade web-animacija. HTML5 obuhvaća HTML tagove, CSS parametre i JavaScript kod. Sva tri dijela su u HTML5 unaprijeđeni. Ovaj rad „Primjena HTML5 „canvas“ elemenata u interaktivnom webu“, pruža uvid u trenutno dostupne i narasprotranjenije tehnologije za razvoj interaktivnih sadržaja. U radu se ispituju preformanse izvođenja HTML5 canvas, SVG i JavaScript animacije unutar Web preglednika Google Chrome. Usporedba dviju glavnih već spomenutih biblioteka Three i Tween. Mogućnost manipulacije slika u Canvasu. Primjena i primjeri kodova za rad s HTML5 Canvas-om na webu. Za prikazivanje praktičnih dijelova spomenutih primjera koji se nalaze u radu, upotrebljen program je Notpad ++ korištenjem JavaScript i CSS.
Parallel title (English)HTML5 "canvas" elements application in interactive web
Committee MembersJurica Trstenjak
Bruno Trstenjak
Sanja Brekalo
GranterPolytechnic of Međimurje in Čakovec
Lower level organizational unitsComputer science
PlaceČakovec
StateCroatia
Scientific field, discipline, subdisciplineTECHNICAL SCIENCES
Computing
Architecture of Computer Systems
Study programme typeprofessional
Study levelundergraduate
Study programmeProfessional Study programe Computer Engineering
Academic title abbreviationbacc. ing. comp.
Genreundergraduate thesis
Language Croatian
Defense date2015-09-30
Parallel keywords (Croatian)HTML5 canvas WebGL JavaScript Three i Tween grafički objekti
Resource typetext
Access conditionOpen access
Terms of usehttp://rightsstatements.org/vocab/InC/1.0/
URN:NBNhttps://urn.nsk.hr/urn:nbn:hr:110:946515
CommitterPetra Horvat