H5P-inhoud maken

H5P (HTML5 Package) is een open standaard voor interactieve leerinhoud rechtstreeks in de browser. Daarmee bouw je inhoud die duidelijk meer interactie biedt dan klassieke multiple-choice-quizzen — van Interactive Videos en Memory-spellen tot virtuele 360°-tours.

Welke H5P-typen beschikbaar zijn

Type	Beschrijving	Ideaal voor
Interactive Video	Video's met ingesloten quizvragen, hotspots, links	Tutorials met begripschecks
Course Presentation	Presentatie op basis van dia's met interacties	Gestructureerde kennisoverdracht
Quiz (Question Set)	Meerdere vraagtypen gecombineerd in één quiz	Afsluitende toets van een leereenheid
Drag and Drop	Elementen via drag-and-drop toewijzen	Classificatie, anatomie, diagrammen
Fill in the Blanks	Invuloefeningen	Woordenschat, vakbegrippen
Memory Game	Memory met kaartparen	Begrippenparen, synoniemoefeningen
Image Hotspots	Afbeeldingen met aanklikbare punten	Schema's, diagrammen uitleggen
Timeline	Interactieve tijdlijnen	Weergave van geschiedenis of processen
Branching Scenario	Vertakte scenario's met keuzes	Rollenspellen, casestudy's, soft skills
Virtual Tour (360°)	360-graden-rondleidingen	Ruimtes, machines, locaties tonen
Accordion	Uitklapbare infoblokken	FAQ, gerubriceerde overzichten
Dialog Cards	Leerkaarten met voor- en achterkant	Woordenschat, vragen met oplossingen

Mis je een type dat de H5P-hub aanbiedt: je platformbeheerder kan het bijinstalleren.

H5P-inhoud maken

1. Maak in je cursus een nieuwe les aan.
2. Kies lestype H5P.
3. Kies in de H5P-editor het content-type (lijst met beschikbare typen).
4. Vormgeef de inhoud in de visuele editor — alle velden zijn klikken-en-invoeren, geen code.
5. Opslaan — de les is meteen beschikbaar.

Screenshot volgt

H5P-editor met keuze van content-typen

Voorbeeld: Interactive Video

Een van de krachtigste H5P-typen — geschikt voor elk soort uitlegvideo dat je met begripschecks wilt verrijken.

1. Kies een les van het type H5P → content-type Interactive Video.
2. Kies een videobron:
3. URL (YouTube, Vimeo)
4. Bestand uit de mediabibliotheek uploaden
5. Voeg interacties in op de gewenste plekken:
6. Op een bepaalde seconde een multiple-choice-vraag tonen
7. Hotspot naar een externe link
8. Tekstoverlay met aanvullende informatie
9. Afbeeldingoverlay
10. Samenvattingsquiz aan het eind
11. Kies opties:
12. Pauzeert de video automatisch bij een interactie?
13. Kunnen lerenden interacties overslaan?
14. Wordt een totaalscore getoond?
15. Voorbeeld bekijken, aanpassen, opslaan.

Screenshot volgt

Interactive-Video-editor met tijdlijn en interactiemarkers

Voorbeeld: Branching Scenario

Geschikt voor soft-skills-trainingen, rollenspellen, casestudy's — lerenden maken keuzes die tot verschillende paden in de inhoud leiden.

1. Kies een les van het type H5P → content-type Branching Scenario.
2. Definieer een startsequentie — bijv. een video of tekst die de uitgangssituatie beschrijft.
3. Voeg beslispunten in — stel een vraag, bied meerdere antwoordopties.
4. Koppel per antwoord een vervolginhoud — nieuwe tekst, nieuwe video, nieuw beslispunt.
5. Definieer eindpunten — bijv. met feedback of reflectie op het leereffect.
6. Voorbeeld bekijken, aanpassen, opslaan.

Tips uit de praktijk

• Editor in een apart browsertabblad — hij kan bij de eerste keer openen even laden.
• H5P-inhoud tussen cursussen kopiëren — H5P biedt een eigen „kopiëren"-functie in de editor (icoon in de werkbalk), handig voor vergelijkbare lessen.
• Export als .h5p-bestand is mogelijk — handig om te back-uppen of over te dragen tussen platforms.
• Bij grote inhoud (Interactive Video met veel overlays, Course Presentation met veel dia's) duurt het opslaan langer — wacht op de bevestigingsmelding, klik er niet tussendoor weg.
• Op mobiel testen — veel H5P-typen zien er op tablet/telefoon anders uit dan op desktop. Controleer dat in de voorbeeldmodus.

Wat lerenden meekrijgen

Zodra de les is opgeslagen, zien lerenden de H5P-inhoud op dezelfde plek als een quiz of video. Tijdens het verwerken:

• Voortgang wordt automatisch opgeslagen — lerenden kunnen de inhoud tussentijds verlaten en later verdergaan waar ze gebleven waren.
• Resultaten stromen door in de cursusbeoordeling — quizscore, drag-and-drop-correctheid enz. dragen bij aan het afronden van de cursus.

Veelgestelde vragen

Mijn H5P-inhoud speelt niet af — de pagina blijft leeg. Dat wijst er meestal op dat de verbinding met de H5P-server op dat moment niet werkt. Herlaad de pagina. Helpt dat niet, wend je dan tot de platformbeheerder — die kan de status van de H5P-server controleren.

Mijn Interactive Video laadt niet de juiste video. Bij externe URL's (YouTube, Vimeo) controleer je of de video nog openbaar is en niet beperkt (bijv. alleen in bepaalde landen). Bij bestandsupload uit de mediabibliotheek: test de video rechtstreeks in de bibliotheek.

Lerenden zeggen dat ze in het Branching Scenario niet verder komen. Loop de voorbeeldmodus zelf door en test alle paden. Veelvoorkomende struikelblokken: een eindpunt vergeten, een pad leidt naar lege inhoud, een antwoord vertakt niet.

Kan ik H5P-inhoud van een ander platform overnemen? Als hij als .h5p-bestand beschikbaar is: ja, importeer die in de H5P-editor onder Uploaden. Directe import uit de H5P.org-hub: momenteel niet in de UI voorzien, maar inhoud daarvandaan kun je als .h5p downloaden en dan uploaden.

Hoe moeilijk is H5P vergeleken met een klassieke quiz? Voor eenvoudige quiztypen (multiple choice, invuloefening) zijn de native lestypen sneller. H5P loont als je echt interactieve dingen wilt (hotspots in de video, vertakte scenario's, virtuele tours). Plan voor je eerste H5P-inhoud wat inwerktijd in — daarna gaat het vlotter.