Tworzenie treści H5P

H5P (HTML5 Package) to otwarty standard interaktywnych treści edukacyjnych działających bezpośrednio w przeglądarce. Za jego pomocą budujesz treści oferujące znacznie więcej interakcji niż klasyczne quizy wielokrotnego wyboru — od interaktywnych wideo, przez gry pamięciowe, aż po wirtualne wycieczki 360°.

Jakie typy H5P są dostępne

Typ	Opis	Idealny do
Interactive Video	Wideo z osadzonymi pytaniami quizowymi, hotspotami, linkami	Tutoriale ze sprawdzeniem zrozumienia
Course Presentation	Prezentacja oparta na slajdach z interakcjami	Ustrukturyzowane przekazywanie wiedzy
Quiz (Question Set)	Kilka typów pytań połączonych w jeden quiz	Test kończący jednostkę nauki
Drag and Drop	Przyporządkowanie elementów metodą przeciągnij i upuść	Klasyfikacja, anatomia, diagramy
Fill in the Blanks	Teksty z lukami	Słownictwo, terminy fachowe
Memory Game	Memory z parami kart	Pary pojęć, ćwiczenia synonimów
Image Hotspots	Obrazy z klikalnymi punktami	Objaśnianie schematów, diagramów
Timeline	Interaktywne osie czasu	Przedstawienia historyczne lub procesowe
Branching Scenario	Rozgałęzione scenariusze z decyzjami	Odgrywanie ról, studia przypadków, kompetencje miękkie
Virtual Tour (360°)	Obchody 360 stopni	Pokazywanie pomieszczeń, maszyn, lokalizacji
Accordion	Rozwijane bloki informacyjne	FAQ, uporządkowane przeglądy
Dialog Cards	Fiszki z przednią i tylną stroną	Słownictwo, pytania z rozwiązaniami

Jeśli brakuje ci typu, który oferuje hub H5P: osoba odpowiedzialna za platformę może go doinstalować.

Tworzenie treści H5P

1. W swoim kursie załóż nową lekcję.
2. Wybierz typ lekcji H5P.
3. W edytorze H5P wybierz typ treści (lista dostępnych typów).
4. Zaprojektuj treść w edytorze wizualnym — wszystkie pola to klik i wpisywanie, żadnego kodu.
5. Zapisz — lekcja jest natychmiast dostępna.

Zrzut ekranu wkrótce

Edytor H5P z wyborem typów treści

Przykład: Interactive Video

Jeden z najpotężniejszych typów H5P — pasuje do każdego rodzaju filmu objaśniającego, który chcesz wzbogacić o sprawdzenie zrozumienia.

1. Lekcja typu H5P → wybierz typ treści Interactive Video.
2. Wybierz źródło wideo:
3. URL (YouTube, Vimeo)
4. Wgraj plik z biblioteki mediów
5. Wstaw interakcje w wybranych miejscach:
6. Wyświetlenie pytania wielokrotnego wyboru w określonej sekundzie
7. Hotspot prowadzący do linku zewnętrznego
8. Wyświetlenie tekstu z uzupełniającą informacją
9. Wyświetlenie obrazu
10. Quiz podsumowujący na końcu
11. Wybierz opcje:
12. Czy wideo zatrzymuje się automatycznie przy interakcji?
13. Czy uczący się mogą pomijać interakcje?
14. Czy wyświetlany jest wynik ogólny?
15. Podgląd, dostosowanie, Zapisz.

Zrzut ekranu wkrótce

Edytor Interactive Video z osią czasu i znacznikami interakcji

Przykład: Branching Scenario

Nadaje się do szkoleń z kompetencji miękkich, odgrywania ról, studiów przypadków — uczący się podejmują decyzje prowadzące do różnych ścieżek w treści.

1. Lekcja typu H5P → wybierz typ treści Branching Scenario.
2. Zdefiniuj sekwencję startową — np. wideo lub tekst opisujący sytuację wyjściową.
3. Wstaw punkty decyzyjne — zadaj pytanie, zaoferuj kilka opcji odpowiedzi.
4. Do każdej odpowiedzi powiąż treść następczą — nowy tekst, nowe wideo, nowy punkt decyzyjny.
5. Zdefiniuj punkty końcowe — np. z informacją zwrotną lub refleksją nad efektem nauki.
6. Podgląd, dostosowanie, Zapisz.

Wskazówki z praktyki

• Edytor w osobnej karcie przeglądarki — przy pierwszym uruchomieniu może chwilę się ładować.
• Kopiowanie treści H5P między kursami — H5P oferuje własną funkcję „Kopiuj" w edytorze (ikona na pasku narzędzi), przydatną przy podobnych lekcjach.
• Eksport jako plik .h5p możliwy — dobry do zabezpieczenia albo przenoszenia między platformami.
• Przy dużych treściach (Interactive Video z wieloma wstawkami, Course Presentation z wieloma slajdami) zapisywanie trwa dłużej — poczekaj na komunikat potwierdzający, nie klikaj w międzyczasie w bok.
• Testuj na urządzeniach mobilnych — wiele typów H5P wygląda na tablecie/telefonie inaczej niż na komputerze. Sprawdź w trybie podglądu.

Co widzą uczący się

Gdy tylko lekcja jest zapisana, uczący się widzą treść H5P w tym samym miejscu co quiz albo wideo. Podczas pracy:

• Postęp jest zapisywany automatycznie — uczący się mogą w międzyczasie opuścić treść i później kontynuować w miejscu, w którym skończyli.
• Wyniki wpływają na ocenę kursu — wynik quizu, poprawność przeciągnij i upuść itd. liczą się do ukończenia kursu.

Częste pytania

Moja treść H5P nie chce się odtworzyć — strona pozostaje pusta. To najczęściej wskazuje, że połączenie z serwerem H5P akurat nie działa. Odśwież stronę. Jeśli to nie pomaga, zwróć się do osoby odpowiedzialnej za platformę — może sprawdzić status serwera H5P.

Moje Interactive Video nie ładuje właściwego wideo. Przy zewnętrznych adresach URL (YouTube, Vimeo) sprawdź, czy wideo jest nadal publiczne i nie ma ograniczeń (np. tylko w niektórych krajach). Przy wgraniu pliku z biblioteki mediów: przetestuj wideo bezpośrednio w bibliotece.

Uczący się mówią, że utknęli w Branching Scenario. Przejdź samodzielnie przez tryb podglądu, przetestuj wszystkie ścieżki. Częste potknięcia: zapomniano o punkcie końcowym, ścieżka prowadzi do pustej treści, jakaś odpowiedź się nie rozgałęzia.

Czy mogę przejąć treść H5P z innej platformy? Jeśli jest w postaci pliku .h5p: tak, zaimportuj w edytorze H5P w sekcji Wgraj. Bezpośredni import z huba H5P.org: obecnie nie przewidziany w interfejsie, ale treści stamtąd możesz pobrać jako .h5p i następnie wgrać.

Jak trudne jest H5P w porównaniu do klasycznego quizu? Dla prostych typów quizu (wielokrotny wybór, tekst z lukami) natywne typy lekcji są szybsze. H5P opłaca się, gdy naprawdę chcesz interaktywnych rzeczy (hotspoty w wideo, rozgałęzione scenariusze, wirtualne wycieczki). Przy pierwszej treści H5P zaplanuj trochę czasu na wdrożenie — potem idzie sprawniej.