Razvoj pristupačnog interaktivnog sadržaja u obliku H5P

završni rad

• Naslov (engleski): Accessible interactive content development in H5P format
• Autor: Marija Danek
• Mentor: Ivana Bosnić (mentor)
• Član povjerenstva: Ivana Bosnić (član povjerenstva)
• Član povjerenstva: Igor Čavrak (član povjerenstva)
• Član povjerenstva: Željka Car (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Fakultet elektrotehnike i računarstva; Zagreb
• Datum i država obrane: 2022-07-01, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Računarstvo

Sažetak

Dodatak H5P – HTML5 Package, dodatak je za sustave za upravljanje učenjem i sadržajem koji omogućavaju stvaranje interaktivnog sadržaja kao što su interaktivni video, prezentacije, igre, kvizovi i sl. Dodatak H5P pisan je u jeziku JavaScript te omogućava jednostavno stvaranje, dijeljenje i ponovno korištenje HTML5 sadržaja i aplikacija koje su interaktivne i pristupačne. Nažalost, iako je korisnička strana sadržaja H5P dobro razrađena, informacija za razvoj novih sadržaja vrlo je malo.
U ovom radu replicirana je interaktivna igra Kompetencijske mreže ICT-AAC sa Sveučilišta u Zagrebu, Fakulteta elektrotehnike i računarstva, pod nazivom e-Galerija koja omogućava listanje, reproduciranje i uređivanje priča u galeriji. Pažnja je posvećena interaktivnosti i pristupačnosti kako bi se omogućila prilagodba igre svim korisnicima. Sadržaj same galerije može se jednostavno mijenjati kroz sučelje unutar sustava Moodle koji sadrži dodatak H5P. Svaka priča u e-Galeriji može se jednostavno listati preko tipkovnice ili kroz sami sadržaj te ima opciju reprodukcije zvuka kao čitanja priče. H5P je relativno nova tehnologija koja ima još mnoštvo toga za ponuditi, no potreban je daljnji razvoj ove tehnologije i stvaranje novih bogatih sadržaja.

Sažetak (engleski)

Plugin H5P – HTML5 Package, is a plugin for e-learning and content management systems that allow the creation of interactive content such as interactive videos, presentations, games, quizzes, etc. H5P is written in JavaScript and allows easy creation, sharing and reuse of HTML5 content and applications that are interactive and accessible. Unfortunately, despite the user side of H5P content being well-developed, information for developing new content is scarce.
In this paper the interactive game of the ICT-AAC Competence Network from the University of Zagreb, Faculty of Electrical Engineering and Computing, called e-Gallery, was replicated, which allows browsing, reproducing and editing stories in the gallery. Special focus was on interactivity and accessibility to ensure that the game is tailored to all users. The content of the gallery itself can be easily modified through an interface within the Moodle system that is compatible with the H5P plugin. Each story in the e-Gallery can be easily scrolled through by using the keyboard or through the content itself. It also has the option of playing sound as a story reading. H5P is a relatively new technology that has a lot more to offer, but it still needs a lot of development and creating as much new content as possible.

• Ključne riječi: H5P; HTML5 Package; Moodle; pristupačnost; interaktivnost
• Ključne riječi (engleski): H5P; HTML5 Package; Moodle; accessibility; interactivity
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:168:905975
• Studijski program: Naziv: Računarstvo; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (univ.bacc.ing.comp.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2023-01-14 20:16:23