> ## Content Index
> Fetch the complete content index at: https://det3sted.no/llms.txt
> Use this file to discover other available public pages before exploring further.

# H5P kursdesign
- URL: https://det3sted.no/h5p-kursdesign/
- Published: 2026-06-06T13:44:35.000Z
- Updated: 2026-10-26T01:23:59.000Z
- Author: helge
- Tags: H5P, Prosjekt, #Migrated-1792977741314, #wp, #wp-post, #Import 2026-10-26 02:22

\[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\]

##