6 min read

H5P kursdesign

[bg_collapse view="button-orange" color="#4a4949" expand_text="Ledetekst" collapse_text="Lukk" ]

Lag forslag til et introduksjonskurs på norsk om H5P med emneoversikt, tematisk framdrift og timefordeling med ferdige skriftlige forklaringer, synopsis for presentasjoner som  video og Course Presentation i H5P og gode eksempler.

Målgruppe er undervisere i høyere profesjonsrettede utdanninger som arbeider med synteser av teorier og profesjonspraksis og med samspill mellom formell utdanning i fleksible formater og yrkesutøvelse.

Kurset skal dekke de viktigste innholdstype-verktøyene i H5P med øvelser og ha lenke til eksisterende videoer f.eks. fra H5P.org eller YouTube.

Deltakerne skal ha tilgang til H5P fra H5P.com, via plugins i Canvas , Jomla eller Wordpress og Lumi. Bruken av Lumi  beskrives i detalj.

Kurset krever ikke forkunnskaper om H5P, men deltakerne må ha grunnleggende erfaringer med kontorstøtte som Word og Powerpoint og LMS som Canvas.

Eksemplene skal være fra ulike fag.

Lengde er tenkt som 1-2 intensive dager eller online-studier over 2-4 uker.


Øvelse:

Skriv om denne ledeteksten slik at det lages fire skriftstykker/dokumenter som er innbyrdes konsistente:

  1. Kursplan for studieadministrasjonen.
  2. Info nettside for bekjentgjøring/studiekatalog - ditto
  3. Kursplan for studentene
  4. Lærerplan for kursansvarlige og undervisere.

[/bg_collapse]


[bg_collapse view="button-orange" color="#4a4949" expand_text="Format" collapse_text="Lukk" ]

Format og omfang

To likestilte gjennomføringsmodeller, samme innhold:

Variant A: Intensiv Variant B: Nettbasert
Varighet 2 dager (kan komprimeres til 1 lang dag) 4 uker (kan komprimeres til 2)
Totalt arbeidsomfang ca. 15 timer ca. 16–20 timer
Form Verkstedbasert, fysisk eller synkront digitalt Asynkrone moduler + 4 webinarer à 1,5 t
Sluttprodukt Én publisert «mikropakke» (se 1.6) Samme, med fagfellerespons underveis

Gjennomgående case: mikropakke

Hver deltaker bygger gjennom kurset én liten, sammenhengende læringsressurs fra eget fag – en mikropakke – bestående av:

  1. en Course Presentation (5–8 lysbilder) som introduserer et avgrenset tema
  2. én interaktiv video (2–5 min) fra en praksisnær situasjon
  3. to–tre øvingsoppgaver (Question Set, Fill in the Blanks, Drag and Drop e.l.)
  4. ett refleksjonselement (Documentation Tool eller Summary)

Mikropakken publiseres i deltakerens egen kanal (Canvas, WordPress eller som HTML-fil fra Lumi) og fungerer som kursets «eksamen».

Kurset bygger på tre prinsipper, som også formidles eksplisitt til deltakerne:

  • Teori–praksis-syntese som designproblem. I profesjonsutdanninger er utfordringen sjelden mangel på fagstoff, men å iscenesette møtet mellom begrep og situasjon. H5P-innholdstypene sorteres derfor ikke teknisk, men etter pedagogisk funksjon: presentere (Course Presentation, Accordion, Timeline), øve (Question Set, Fill in the Blanks, Drag and Drop, Dialog Cards), simulere skjønn (Interactive Video, Branching Scenario) og dokumentere refleksjon (Documentation Tool, Summary).
  • Lærer og studenter som produsenter. Kurset er verkstedbasert: hver forklaring følges umiddelbart av produksjon. Deltakerne arbeider med eget fagstoff fra første time.
  • Plattformuavhengighet som prinsipp. .h5p-filen er den bærende enheten. Deltakerne lærer at innhold laget i Lumi kan flyttes til Canvas, WordPress eller en nettside – og omvendt. Dette gir robusthet mot plattformskifter og understøtter deling i fagmiljøer.

Emner

Modul Tittel Kjerneinnhold Timer (A/B)
1 Hva er H5P? Økosystem og første møte H5P.org, H5P.com, plugins, Lumi; .h5p-filen; gjenbruk 1,5 / 2
2 Verktøykassen I: Presentere Course Presentation, Accordion, Timeline, Image Hotspots 2,5 / 3
3 Verktøykassen II: Øve og teste Question Set, Fill in the Blanks, Drag and Drop, Mark the Words, Dialog Cards 2,5 / 3
4 Verktøykassen III: Video og skjønn Interactive Video, Branching Scenario 2,5 / 3
5 Lumi i detalj Installasjon, arbeidsflyt, eksport (.h5p/HTML/SCORM), begrensninger 2 / 2,5
6 Publisering: Canvas, WordPress, Joomla, nettside H5P.com/LTI, plugin-løyper, innbygging, resultatdata 2 / 2,5
7 Kvalitet: universell utforming, opphavsrett, vedlikehold WCAG i H5P, lisenser, mediekilder, versjonering 1 / 1,5
8 Mikropakke: ferdigstilling og fremvisning Sammenstilling, fagfellerespons, publisering 1 / 2,5
Sum 15 / 20

Variant A: To intensive dager

Dag 1 – Fra konsument til produsent (7,5 t inkl. pauser)

Tid Aktivitet Modul
09.00–09.30 Velkommen. Demo: en ferdig mikropakke fra et profesjonsfag 1
09.30–10.30 Hva er H5P? Økosystem, .h5p-filen, gjenbruk fra H5P.org. Øvelse: last ned og utforsk et eksempel 1
10.45–12.15 Course Presentation: fra PowerPoint-logikk til interaksjonslogikk. Øvelse: 3 lysbilder med én interaksjon 2
12.15–13.00 Lunsj
13.00–14.00 Presentere, forts.: Accordion, Timeline, Image Hotspots. Øvelse: velg én og lag et faglig eksempel 2
14.15–16.00 Øve og teste: Question Set, Fill in the Blanks, Drag and Drop, Dialog Cards. Øvelse: to oppgavetyper til eget tema 3
16.00–16.30 Oppsummering. Hjemmelekse: finn/klargjør et videoklipp (2–5 min) til dag 2

Dag 2 – Praksis, plattformer og publisering (7,5 t inkl. pauser)

Tid Aktivitet Modul
09.00–10.30 Interactive Video: interaksjonspunkter, hoppnavigasjon, spørsmål i video. Øvelse: tre interaksjoner i eget klipp 4
10.45–11.45 Branching Scenario: dilemma og skjønn. Demo + miniøvelse: skisser et scenario på papir, bygg de to første valgene 4
11.45–12.30 Lunsj
12.30–14.00 Lumi i detalj: installasjon, arbeidsflyt, eksportformater, fallgruver 5
14.15–15.30 Publisering: Canvas (LTI/filopplasting), WordPress, Joomla via innbygging, ren nettside 6
15.30–16.00 Kvalitet: universell utforming, lisenser, vedlikehold 7
16.00–16.30 Mikropakke: statusrunde, publiseringsplan, veien videre 8

Ved komprimering til én dag: modul 2 og 3 reduseres til én demonstrasjon + én øvelse hver, Branching Scenario utgår (henvises til selvstudium), og mikropakken ferdigstilles i etterkant med innlevering innen to uker.

Variant B: Nettbasert over fire uker

Struktur per uke: asynkron modul (tekster, videoer, øvelser, ca. 3 t) + webinar 1,5 t (demonstrasjon, spørsmål, fremvisning) + arbeid med mikropakken.

Uke Tema Asynkront innhold Webinar Innlevering
1 H5P-økosystemet + presentere (modul 1–2) Introtekster, videoer, øvelse: Course Presentation med 3 lysbilder Demo av mikropakke; gjennomgang av Course Presentation Utkast Course Presentation
2 Øve og teste (modul 3) Øvelser i fire oppgavetyper «Verksted»: deltakerne deler skjerm og bygger sammen To øvingsoppgaver
3 Video, skjønn og Lumi (modul 4–5) Interactive Video-øvelse; Lumi-installasjon med sjekkliste Lumi live: fra tom fil til eksportert HTML Interaktiv video (utkast)
4 Publisering og kvalitet (modul 6–8) Publiseringsløyper, UU-sjekkliste, lisensguide Fremvisning av mikropakker, fagfellerespons Ferdig mikropakke

Ved utvidelse til flere uker kan Branching Scenario få en egen uke, og fagfellerespons kan organiseres i par med strukturert responsskjema.


[/bg_collapse]

Moduler

Tekstene under er skrevet for å kunne brukes direkte som deltakermateriell (kompendium, LMS-sider eller manus).

[bg_collapse view="button-orange" color="#4a4949" expand_text="Utvid" collapse_text="Lukk" ]

Synopsis (for presentasjoner)

Her er forslag til synopsis for presentasjoner i dette kurset.

Introduksjonsvideo (5–7 min)

Formål: brukes som «uke 0»-materiale i variant B og som markedsføring/forberedelse i variant A.

# Sekvens (varighet) Innhold Bilde/skjerm
1 Anslag (0:00–0:40) En student i praksis ser en kort video på mobilen, svarer på et spørsmål midt i videoen, får tilbakemelding. Voiceover: «Hva om læremidlene dine kunne stille spørsmål tilbake?» Skjermopptak av Interactive Video på mobil
2 Hva er H5P? (0:40–2:00) Definisjon; .h5p-filen som flyttbar enhet; gratis/åpen kildekode; ingen programmering Enkel grafikk: fil som flyttes mellom Canvas-, WordPress- og Lumi-ikoner
3 Tre funksjoner (2:00–3:30) Presentere – øve – simulere skjønn, med ett hurtig eksempel på hver (Course Presentation, Drag and Drop, Branching Scenario) Tre korte skjermopptak à 20 sek
4 Verkstedet ditt (3:30–4:30) Lumi vises: åpne, redigere, eksportere til HTML på under ett minutt Skjermopptak av Lumi
5 Kurset (4:30–5:30) Format (2 dager / 4 uker), mikropakken som sluttprodukt, forkunnskapskrav Grafikk: kursløpet som tidslinje
6 Avslutning (5:30–6:00) «Ta med et tema du underviser i, et videoklipp hvis du har – resten ordner vi sammen.» Praktisk info Kontaktinfo, lenker

Fageksempler

Eksemplene under viser koblingen innholdstype ↔ profesjonsfaglig funksjon, og kan brukes som demonstrasjoner og inspirasjon.

Fag Innholdstype Eksempel
Sykepleie Interactive Video Simulert pasientmøte; videoen stopper ved kritiske observasjonspunkter: «Hvilke NEWS2-parametre bør måles nå?»
Sykepleie Drag and Drop Dra medikamenter til riktig administrasjonsvei på en kroppsfigur
Politiutdanning Branching Scenario Ordensoppdrag med eskaleringspotensial: valg av kommunikasjonsstrategi leder til ulike utfall; debrief-tekst kobler til maktmiddelpyramiden og politiloven
Politiutdanning Mark the Words Marker formuleringer i en anmeldelsestekst som er vurderinger snarere enn observasjoner
Lærerutdanning Course Presentation «Vurdering for læring»: teoriblokk → klasseromsvideo → analyseoppgave → egen praksisplan (Documentation Tool på siste lysbilde)
Sosialt arbeid Dialog Cards Sentrale begreper i forvaltningsloven og barnevernsloven; forside: situasjonsbeskrivelse, bakside: relevant hjemmel
Ingeniørfag Image Hotspots Foto av tavleskap/prosessanlegg med klikkpunkter som forklarer komponenter og HMS-krav
Ingeniørfag Question Set Sikkerhetsprøve før laboratorieøvelse; bestått-grense som «portvakt» i Canvas-modul
Økonomi/adm. Fill in the Blanks Utfylling av nøkkeltallsformler og regnskapsbegreper med presis terminologi
Helsefag (tverrfaglig) Timeline Samhandlingsreformens utvikling med lenker til stortingsmeldinger

Til hvert kurs bør kursholder på forhånd bygge (eller hente og tilpasse fra H5P.org) to–tre komplette eksempler fra deltakergruppens faktiske fagområder.

Øvelser – samlet oversikt

Øvelse Modul Tid Produkt
1.1 Utforsk og last ned et eksempel 1 20 min Notat + .h5p-fil
2.1 Course Presentation, 3 lysbilder 2 45 min Utkast til mikropakkens del 1
2.2 Accordion/Timeline/Image Hotspots 2 25 min Ett presentasjonselement
3.1 Question Set, 3 spørsmål 3 30 min Mikropakkens del 3 (a)
3.2 Drag and Drop eller Mark the Words 3 30 min Mikropakkens del 3 (b)
4.1 Interactive Video, 3 interaksjoner 4 45 min Mikropakkens del 2
4.2 Branching Scenario-skisse + 2 noder 4 30 min Scenarioutkast
5.1 Lumi: rediger, versjoner, HTML-eksport 5 30 min HTML-fil
5.2 Lumi: SCORM-eksport 5 15 min SCORM-pakke
6.1 Publisering i egen kanal 6 30 min Publisert innhold
7.1 UU- og lisenssjekk 7 20 min Kvalitetssikret mikropakke

[/bg_collapse]