Uporaba HTML5 elementa Canvas za izradu multimedijskog tutorijala

završni rad

• Naslov (engleski): Usage of HTML5 element Canvas for creating multimedia tutorial
• Autor: Josipa Horvatić
• Mentor: Tomislava Lauc (mentor)
• Član povjerenstva: Sanja Kišiček (predsjednik povjerenstva)
• Član povjerenstva: Sanja Seljan (član povjerenstva)
• Član povjerenstva: Tomislava Lauc (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Filozofski fakultet; (Odsjek za informacijske i komunikacijske znanosti); Zagreb
• Datum i država obrane: 2020-12-07, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: DRUŠTVENE ZNANOSTI; Informacijske i komunikacijske znanosti

Sažetak

U ovom završnom radu uvodno je predstavljen povijesni razvoj HTML-a od njegovog nastanka do pojave HTML5 i canvas elementa. U prvom dijelu rada definirano je što je canvas element, te opisano kako se koristi JavaScript jezik za crtanje na canvas-u. Većina metoda i svojstva canvas-a opisana je kroz primjere koda i uz prikaze rezultata u web pregledniku. Prikazano je crtanje više tipova linija, likova i slika, kao i uporaba i stilizacija teksta. U drugom dijelu rada opisana je izrada multimedijskog tutorijala za Hangul, korejsku abecedu. Objašnjena je primjena metoda i svojstva za crtanje sadržaja te kako dijelove sadržaja napraviti interaktivnim i animiranim. Također, prikazana je uporaba bitnih značajki multimedijskog tutorijala poput slike i zvuka, te kviza. Cjelokupni sadržaj implementiran je pomoću jednog canvas elementa bez uporabe drugih HTML elementa.

Sažetak (engleski)

The paper presented the historical development of HTML from its origin to the appearance of HTML5 and the canvas element. In the first part, the paper defined the canvas element and described the usage of JavaScript for drawing on canvas. Majority of methods and properties were shown through code examples and screenshots of the results in the web browser. The paper explained how to draw different lines, shapes, and pictures, as well as the usage and stylization of text. In the second part, it explained the making of the multimedia tutorial for Hangul, the Korean alphabet. The work demonstrated the implementation of methods and properties for content drawing and how to make the content interactive or animated. Also, the work showed the usage of the important features of the multimedia tutorial, such as image, sound, and quiz. The overall content is implemented on only one canvas element and without the usage of other HTML elements.

• Ključne riječi: HTML5; canvas; tutorijal; multimedija; JavaScript; Hangul
• Ključne riječi (engleski): HTML5; canvas; tutorial; multimedia; JavaScript; Hangul
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:131:160755
• Studijski program: Naziv: Informacijske znanosti; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti (univ. bacc. inf.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Pristup svim korisnicima iz sustava znanosti i visokog obrazovanja RH
• Datum i vrijeme pohrane: 2020-12-14 17:04:44