Iskustva izrade interaktivnih sadržaja pomoću H5P-a

MoodleMoot Hrvatska 2018

Zagreb, 5.6.2018.

Tamara Birkić, Jasmina Plavac, Aleksandra Ana Janković, Sabina Rako

Sveučilišni računski centar Sveučilišta u Zagrebu

Pitanje 1

Koliko Vam je važna interaktivnost obrazovnog sadržaja

kod izrade online tečajeva/kolegija?

(raspon odgovora od 1-5 pri čemu 1 označava najmanju

razinu važnosti, a 5 najveću razinu važnosti)

Pošaljite svoje odgovore:

www.slido.com

Kod: #U144

Pitanje 2

Koliko Vam je važna interaktivnost obrazovnog sadržaja

kod pohađanja online tečajeva?

(raspon odgovora od 1-5 pri čemu 1 označava najmanju

razinu važnosti, a 5 najveću razinu važnosti)

Pošaljite svoje odgovore:

www.slido.com

Kod: #U144

H5P (HTML 5 Package)

Besplatan alat za izradu, objavu i dijeljenje manjih interaktivnih obrazovnih elemenata:

• video

• pitalice

• slagalice

• prezentacije

• označavanje elemenata fotografije

• …

Dostupne su 42 vrste interaktivnog sadržaja s primjerima korištenja:

https://h5p.org/content-types-and-applications

Izvor: https://h5p.org/

Načini uporabe H5P-a

zaseban sustav

Portal H5P (https://h5p.org/)

dodatak u vanjskim sustavima

Moodle Drupal Wordpress

Nakon registracije dostupan je dio za izradu i uređivanje interaktivnih elemenata.

Nakon instalacije dodatka, H5P je dostupan kao aktivnost u sustavu Moodle.

Nakon instalacije dodatka, H5P je dostupan kao vrsta stranice (Drupal 7) ili kao dio stranice (Drupal 8).

Nakon instalacije dodatka H5P sadržaj je moguće ubaciti na stranicu dodavanjem kôda [h5p Id="1"].

Upute: Drupal 8, Drupal 7

Upute: Wordpress 3.8Upute: Moodle 2.9 – 3.5

Izrada H5P sadržaja

Portal H5P Moodle Drupal 8

H5P sadržaj moguće je umetnuti kao dio bilo koje stranice.

Primjeri uporabe H5P-a u Srcu

Dorada online tečaja „Zašto učiti R?”Interaktivne pitalice povodom obilježavanja 10 godina Centra za e-učenje

Primjer interaktivnog elementa: Video sadržaj

Uobičajeni video Video s dodanim interaktivnim elementima u H5P-u

Video: Instalacija IDE RStudio

Primjer interaktivnog elementa: Slagalice i pitanja

https://www.srce.unizg.hr/ceu/10-godina-CEU/pitalica

Mogućnost dijeljenja elemenata

Mogućnost upravljanja uvjetima pod kojima se izrađeni element može koristiti

Potencijal: Olakšano dijeljenje i uporaba otvorenih

obrazovnih sadržaja!!!

Mogućnost lokalizacije i dodatnog podešavanja

Mogućnost prijevoda

poruka

Uređivanje dodatnih

postavki (npr. za video)

Uočene prednosti i nedostaci

Prednosti:

• jednostavnost uporabe

• mogućnost odabira između 42 interaktivna elementa i dodatne prilagodbe elemenata (npr. prijevod obavijesti)

• kvalitetna dokumentacija s korisnim uputama i primjerima uporabe

• olakšano dijeljenje interaktivnih elemenata i bolji uvid u licence pod kojima se može koristiti sadržaj

• odličan alat za poboljšanje interaktivnosti sadržaja, održavanje pažnje korisnika i poboljšanje vizualnog doživljaja

Nedostaci:

• ograničeno praćenje napretka (osim ako se ne implementiraju vanjski sustavi, npr. LearningRecord Store)

• u sustav Moodle H5P sadržaj je implementiran kao zasebna aktivnost što zahtjeva drugačije načine implementacije ukoliko se H5P sadržaj želi ubaciti u ostale aktivnosti (lekcije, knjigu itd.)

Usklađenost H5P-a s Općom uredbom o zaštiti osobnih podataka

H5P je objavio usklađenost s Općom uredbom o zaštiti osobnih podataka (GDPR):

https://h5p.org/plugin-gdpr-compliance

Provedene aktivnosti:

• izrađena Politika privatnosti

• uklonjene poveznice za dijeljenje sadržaja na Twitteru i Facebooku

• nove inačice dodataka za Moodle i Wordpress (za dodatak u Drupalu su izrađene upute za administratore)

• dorađena procedura prijave na newsletter

• provedene ostale pozadinske aktivnosti.

Izvor: https://h5p.org/may-2018-release-note

Srce politikom otvorenog pristupa široj javnosti

osigurava dostupnost i korištenje svih rezultata rada

Srca, a prvenstveno obrazovnih i stručnih informacija

i sadržaja nastalih djelovanjem i radom Srca.

Ovo djelo je dano na korištenje pod licencom Creative

Commons Imenovanje-Nekomercijalno 4.0

međunarodna.

www.srce.unizg.hr creativecommons.org/licenses/by-nc/4.0/deed.hr www.srce.unizg.hr/otvoreni-pristup

Pitanja?Zahvaljujemo na pažnji!

edu@srce.hr