Tworzenie treści H5P¶
H5P (HTML5 Package) to otwarty standard interaktywnych treści edukacyjnych działających bezpośrednio w przeglądarce. Budujesz dzięki niemu treści oferujące znacznie więcej interakcji niż klasyczne quizy wielokrotnego wyboru — od interaktywnych wideo przez gry pamięciowe aż po fiszki.
Jakie typy H5P są dostępne¶
Wstępnie zainstalowane są m.in.:
| Typ | Opis | Idealne do |
|---|---|---|
| Interactive Video | Wideo z osadzonymi pytaniami quizowymi, hotspotami, linkami | Tutoriale ze sprawdzaniem zrozumienia |
| Course Presentation | Prezentacja oparta na slajdach z interakcjami | Ustrukturyzowane przekazywanie wiedzy |
| Drag and Drop | Przyporządkowywanie 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 z synonimami |
| Image Hotspots | Obrazy z klikalnymi punktami | Wyjaśnianie schematów, diagramów |
| Timeline | Interaktywne osie czasu | Przedstawienia historyczne lub procesowe |
| Accordion | Rozwijane bloki informacyjne | FAQ, uporządkowane przeglądy |
| Dialog Cards | Fiszki z przodem i tyłem | Słownictwo, pytania z rozwiązaniami |
Edytor H5P jest podłączony do oficjalnego H5P-Hub: w wyborze typów treści znajdziesz kolejne typy (np. Question Set albo Branching Scenario) i możesz je stamtąd bezpośrednio zainstalować — przy pierwszym wyborze edytor doładowuje dany typ.
Tworzenie treści H5P¶
- W swoim kursie załóż nową lekcję typu H5P.
- Kliknij Edytuj treść — edytor H5P otwiera się w osobnym oknie przeglądarki (przy pierwszym wywołaniu może chwilę się ładować).
- W edytorze wybierz typ treści.
- Ukształtuj treść w edytorze wizualnym — wszystkie pola obsługuje się klikaniem i wpisywaniem, bez kodu.
- Zapisz — okno zwraca treść do lekcji, jest ona natychmiast dostępna.
Przykład: Interactive Video¶
Jeden z najmocniejszych typów H5P — pasuje do każdego rodzaju wideo objaśniającego, które chcesz wzbogacić o sprawdzanie zrozumienia.
- Lekcja typu H5P → wybierz typ treści Interactive Video.
- Wybierz źródło wideo:
- URL (YouTube, Vimeo)
- Wgranie pliku wideo bezpośrednio w edytorze H5P (edytor nie ma dostępu do biblioteki mediów platformy)
- Wstaw interakcje w wybranych miejscach:
- Wyświetlenie pytania wielokrotnego wyboru w określonej sekundzie
- Hotspot prowadzący do zewnętrznego linku
- Wyświetlenie tekstu z uzupełniającą informacją
- Wyświetlenie obrazu
- Quiz podsumowujący na końcu
- Wybierz opcje:
- Czy wideo zatrzymuje się automatycznie przy interakcji?
- Czy uczący się mogą pomijać interakcje?
- Czy pokazywany jest wynik łączny?
- Podgląd, dostosowanie, Zapisz.
Zrzut ekranu wkrótce
Edytor Interactive Video z osią czasu i znacznikami interakcji
Wskazówki z praktyki¶
- Import jako plik
.h5p— treści z innych platform możesz wgrać w edytorze; brakujące biblioteki system instaluje przy tym automatycznie. - Przy dużych treściach (Interactive Video z wieloma wyświetleniami, Course Presentation z wieloma slajdami) zapisywanie trwa dłużej — poczekaj na komunikat potwierdzający, nie klikaj w międzyczasie gdzie indziej.
- Testuj mobilnie — 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:
- Wynik liczy się na końcu — osiągnięty wynik wchodzi przy ukończeniu treści do postępu w lekcji.
- Brak zapisu stanu pośredniego: jeśli ktoś opuści treść H5P w połowie, przy następnym wywołaniu zaczyna od początku. Bardzo długie jednostki H5P lepiej więc dzielić na kilka lekcji.
Częste pytania¶
Moja treść H5P nie chce się odtworzyć — strona pozostaje pusta. Zwykle wskazuje to na to, ż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 określonych krajach).
Brakuje mi jakiegoś typu treści w wyborze. Poszukaj typu w wyborze typów treści w edytorze — typy z H5P-Hub są instalowane automatycznie przy wyborze.
Czy mogę przejąć treść H5P z innej platformy?
Jeśli jest dostępna jako plik .h5p: tak, zaimportuj ją w edytorze H5P przez Wgraj. Treści z huba H5P.org możesz tam pobrać jako .h5p, a potem wgrać.
Jak trudne jest H5P w porównaniu z klasycznymi quizami? Przy prostych typach quizów (wielokrotny wybór, tekst z lukami) natywne typy lekcji są szybsze. H5P opłaca się, gdy chcesz naprawdę interaktywnych rzeczy (hotspoty w wideo, prezentacje, memory). Na pierwszą treść H5P zaplanuj trochę czasu na wdrożenie — potem idzie sprawniej.