H5P-content maken¶
H5P (HTML5 Package) is een open standaard voor interactieve leercontent direct in de browser. Daarmee bouw je content die duidelijk meer interactie biedt dan klassieke multiplechoicequizzen — van Interactive Videos via memoryspellen tot leerkaarten.
Welke H5P-typen beschikbaar zijn¶
Vooraf geïnstalleerd zijn onder andere:
| 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 |
| Drag and Drop | Elementen met drag-and-drop toewijzen | Classificatie, anatomie, diagrammen |
| Fill in the Blanks | Invulteksten | Woordenschat, vaktermen |
| Memory Game | Memory met kaartparen | Begrippenparen, synoniemoefeningen |
| Image Hotspots | Afbeeldingen met aanklikbare punten | Schema's, diagrammen uitleggen |
| Timeline | Interactieve tijdlijnen | Weergaven van geschiedenis of processen |
| Accordion | Uitklapbare infoblokken | FAQ, gestructureerde overzichten |
| Dialog Cards | Leerkaarten met voor- en achterkant | Woordenschat, vragen met antwoorden |
De H5P-editor is gekoppeld aan de officiële H5P-hub: in de keuzelijst met contenttypen vind je meer typen (bijv. Question Set of Branching Scenario) en kun je die er direct vandaan installeren — bij de eerste keer kiezen laadt de editor het type na.
H5P-content maken¶
- Maak in je cursus een nieuwe les van het type H5P aan.
- Klik op Inhoud bewerken — de H5P-editor opent in een eigen browservenster (bij de eerste keer kan het laden even duren).
- Kies in de editor het contenttype.
- Geef de inhoud vorm in de visuele editor — alle velden zijn klikken-en-invoeren, geen code.
- Opslaan — het venster meldt de inhoud terug aan de les, die is meteen beschikbaar.
Voorbeeld: Interactive Video¶
Een van de krachtigste H5P-typen — geschikt voor elk soort uitlegvideo die je met begripschecks wilt verrijken.
- Les van het type H5P → contenttype Interactive Video kiezen.
- Videobron kiezen:
- URL (YouTube, Vimeo)
- Videobestand direct in de H5P-editor uploaden (de editor heeft geen toegang tot de mediabibliotheek van het platform)
- Interacties op de gewenste plekken invoegen:
- Bij een bepaalde seconde een multiplechoicevraag tonen
- Hotspot naar een externe link
- Tekstweergave met aanvullende informatie
- Weergave van een afbeelding
- Samenvattingsquiz aan het eind
- Opties kiezen:
- Pauzeert de video automatisch bij een interactie?
- Kunnen lerenden interacties overslaan?
- Wordt er een totaalscore getoond?
- Voorbeeld bekijken, aanpassen, Opslaan.
Screenshot volgt
Interactive-Video-editor met tijdlijn en interactiemarkers
Tips uit de praktijk¶
- Import als
.h5p-bestand — content uit andere platforms kun je in de editor uploaden; ontbrekende bibliotheken installeert het systeem daarbij automatisch mee. - Bij grote content (Interactive Video met veel weergaven, Course Presentation met veel dia's) duurt het opslaan langer — wacht op de bevestigingsmelding, klik er niet tussendoor vanaf.
- Mobiel testen — veel H5P-typen zien er op tablet/telefoon anders uit dan op de desktop. Controleer dat in de voorbeeldmodus.
Wat lerenden ervan merken¶
Zodra de les is opgeslagen, zien lerenden de H5P-content op dezelfde plek als een quiz of video. Tijdens het doorlopen:
- Het resultaat telt aan het eind — de behaalde score wordt bij het afronden van de content meegenomen in de lesvoortgang.
- Geen tussenstand: verlaat iemand H5P-content halverwege, dan begint hij bij de volgende keer opnieuw vanaf het begin. Splits heel lange H5P-eenheden daarom liever over meerdere lessen.
Veelgestelde vragen¶
Mijn H5P-content is niet af te spelen — de pagina blijft leeg. Dat wijst er meestal op dat de verbinding met de H5P-server op dat moment niet werkt. Laad de pagina opnieuw. Helpt dat niet, neem dan contact op met de platformverantwoordelijke — die kan de status van de H5P-server controleren.
Mijn Interactive Video laadt niet de juiste video. Controleer bij externe URL's (YouTube, Vimeo) of de video nog openbaar is en niet beperkt (bijv. alleen in bepaalde landen).
Ik mis een contenttype in de keuzelijst. Zoek in de keuzelijst met contenttypen van de editor naar het type — typen uit de H5P-hub worden bij het kiezen automatisch geïnstalleerd.
Kan ik H5P-content uit een ander platform overnemen?
Als die als .h5p-bestand beschikbaar is: ja, importeren in de H5P-editor onder Uploaden. Content uit de H5P.org-hub kun je daar als .h5p downloaden en vervolgens uploaden.
Hoe zwaar is H5P vergeleken met klassieke quizzen? Voor eenvoudige quiztypen (multiple choice, invultekst) zijn de eigen lestypen sneller. H5P loont als je echt interactieve dingen wilt (hotspots in de video, presentaties, memory). Reken voor je eerste H5P-content op wat inwerktijd — daarna gaat het vlotter.