Razvoj pristupačnog interaktivnog sadržaja u obliku H5P

undergraduate thesis

• Title (english): Accessible interactive content development in H5P format
• Author: Marija Danek
• Mentor: Ivana Bosnić (mentor)
• Committee member: Ivana Bosnić (član povjerenstva)
• Committee member: Igor Čavrak (član povjerenstva)
• Committee member: Željka Car (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2022-07-01, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

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.

Abstract (english)

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.

• Keywords: H5P; HTML5 Package; Moodle; pristupačnost; interaktivnost
• Keywords (english): H5P; HTML5 Package; Moodle; accessibility; interactivity
• Language: croatian
• URN:NBN: urn:nbn:hr:168:905975
• Study programme: Title: Computing; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2023-01-14 20:16:23