H5P – narzędzie, które zmienia sposób tworzenia treści edukacyjnych

Ostatnio sporo eksperymentuję z różnymi platformami i narzędziami do tworzenia kursów online. Przetestowałam kilka kolejnych systemów LMS, sprawdzałam sposoby i możliwości budowania interaktywnych lekcji, ale w każdym z tych systemów LMS brakowało mi narzędzi, z pomocą których można tworzyć ciekawy i angażujący content – z poziomu platformy oczywiście. To, że można osadzić wideo, tekst, dodać pliki do pobrania, budować proste quizy – to możemy spotkać na każdej platformie twórców kursów online. Niemniej jednak typowe treści na platformie edukacyjnej można urozmaicić korzystając z dobrodziejstw H5P.

H5P to trochę jak szwajcarski scyzoryk e-learningu – możesz stworzyć quiz, interaktywne wideo, grę, prezentację, fiszki… i to wszystko z poziomu przeglądarki. Działa z WordPressem, Moodle’em i innymi systemami, więc łatwo go zintegrować z tym, co już masz.

H5P.com, czy self hosted?

Jednym z największych atutów H5P jest jego elastyczność. Możesz korzystać z niego na kilka sposobów – w zależności od tego, czego potrzebujesz i jak bardzo chcesz angażować się technicznie. Dla osób, które szukają prostoty i gotowego rozwiązania, dobrą opcją może być platforma H5P.com. Oferuje ona hosting, integrację z systemami LMS, możliwość osadzania treści na dowolnych stronach oraz dostęp do materiałów przez bezpośredni link – nawet bez konieczności używania systemu zarządzania nauczaniem. Dodatkowo, masz tu wbudowane zarządzanie użytkownikami i materiałami, co sprawia, że całość działa niemal od ręki.

H5P bez problemu współpracuje z takimi środowiskami jak Canvas, Brightspace czy Blackboard, a dzięki wsparciu LTI można go zintegrować z wieloma innymi platformami edukacyjnymi.

Jeśli jednak wolisz mieć wszystko pod własną kontrolą – na przykład chcesz hostować treści samodzielnie, dostosować funkcje do własnych potrzeb albo zintegrować H5P z własną stroną – możesz skorzystać z wtyczek do WordPressa, Moodle lub Drupala. To rozwiązanie daje większe możliwości techniczne, choć wymaga nieco więcej zaangażowania i nie oferuje wsparcia technicznego.

Wymagania PHP dla H5P – co warto wiedzieć?

Zanim zaczniesz korzystać z H5P na swojej stronie (niezależnie od tego, czy używasz WordPressa, Drupala czy Moodle), warto sprawdzić, czy masz odpowiednią konfigurację PHP – zwłaszcza w kontekście przesyłania plików.

Najważniejsze parametry w pliku PHP:

• upload_max_filesize – maksymalny rozmiar pojedynczego pliku (np. 64M),
• post_max_size – maksymalny rozmiar całego żądania POST (powinien być równy lub większy niż upload_max_filesize, np. 64M).

Jeśli korzystasz z WordPressa możesz w łatwy sposób sprawdzić to na ekranie „Stan witryny -> Informacja -> Serwer”.

Dodatkowo warto wiedzieć:

• Od PHP 5.3.1 można ustawić max_file_uploads, by ograniczyć liczbę jednoczesnych przesyłanych plików,
• W serwerze nginx należy sprawdzić parametr client_max_body_size, jeśli nadal pojawiają się problemy z dużymi plikami.

Wymagane rozszerzenia PHP:

• ZipArchive (obowiązkowe),
• mbstring (obowiązkowe),
• openssl (opcjonalne, ale zalecane).

Sprawdzenie aktywnych rozszerzeń można wykonać przez funkcję phpinfo() lub odpowiedni panel w systemie CMS.

Różnorodność typów treści H5P

Na dzień tworzenia tego artykułu na platformie H5P znajdziemy aż 54 różne typy treści, które można wykorzystać do tworzenia angażujących materiałów edukacyjnych. Co ważne – nie są to tylko klasyczne quizy i testy. H5P oferuje naprawdę szeroki wachlarz interaktywnych formatów: od prostych fiszek, przez interaktywne wideo i gry edukacyjne, aż po rozbudowane książki cyfrowe, scenariusze z wyborami i wirtualne spacery 360°.

Każdy typ treści ma swoje unikalne zastosowanie – jedne świetnie nadają się do szybkiego sprawdzenia wiedzy (np. quizy jednokrotnego wyboru, drag & drop), inne pozwalają tworzyć bardziej immersyjne doświadczenia edukacyjne (np. Virtual Tour, Interactive Book czy Branching Scenario). Co więcej, wiele z nich można ze sobą łączyć, tworząc kompletne moduły lub pełne kursy online – bez potrzeby korzystania z kilku osobnych narzędzi.

Quizy i testy wiedzy

H5P oferuje całkiem pokaźny zestaw narzędzi do tworzenia różnorodnych quizów i ćwiczeń sprawdzających wiedzę. Można je wykorzystywać zarówno w krótkich aktywnościach, jak i w pełnych testach podsumowujących. Oto co możesz znaleźć w tej kategorii:

• Multiple Choice / Single Choice Set – tutaj tworzysz pytania z jedną lub wieloma poprawnymi odpowiedziami. To klasyczny typ quizu, który świetnie sprawdza się w szybkich testach sprawdzających wiedzę. Użytkownik po zaznaczeniu odpowiedzi może otrzymać natychmiastową informację zwrotną.
• True/False Question – prosty, ale skuteczny typ pytania, w którym uczestnik musi zdecydować, czy dane stwierdzenie jest prawdziwe, czy fałszywe. Doskonały do szybkiego przetestowania wiedzy faktograficznej.
• Arithmetic Quiz – automatycznie generuje quizy arytmetyczne składające się z pytań wielokrotnego wyboru. 
• Fill in the Blanks / Complex Fill the Blanks – uzupełnianie luk w tekście to świetny sposób na sprawdzenie znajomości terminów, pojęć czy konstrukcji językowych. W wersji „Complex” możesz dodatkowo zastosować bardziej złożone zasady oceniania.
• Drag the Words / Mark the Words – w „Drag the Words” użytkownik przeciąga słowa w odpowiednie miejsca w tekście, natomiast „Mark the Words” polega na zaznaczaniu właściwych wyrazów bezpośrednio w treści. Idealne do ćwiczeń językowych lub analizy tekstu.
• Guess the Answer – uczestnik widzi obrazek lub treść i musi wpisać poprawną odpowiedź. Może to być jedno słowo, liczba lub fraza. Ten typ pytania świetnie nadaje się do nauki słownictwa, geografii czy matematyki.
• Personality Quiz – pozwala na tworzenie quizów osobowościowych na wzór popularnych testów typu „Którą postacią jesteś?”. Użytkownik otrzymuje wynik na podstawie wybranych odpowiedzi. Choć nie ma tu oceniania „poprawności”, to świetne narzędzie do angażowania i rozrywki.
• Essay – Umożliwia użytkownikowi napisanie dłuższej wypowiedzi na zadany temat, z automatyczną informacją zwrotną. Sprawdza się w zadaniach otwartych, gdzie liczy się myślenie, argumentacja i składność wypowiedzi.
• Questionnaire – pozwala tworzyć ankiety i formularze, których celem jest zebranie opinii, a nie ocenianie wiedzy. Można wykorzystać je np. do ewaluacji zajęć, badań preferencji uczniów lub refleksji po lekcji.
• Quiz (Question Set) – to zaawansowane narzędzie do tworzenia całych testów, zawierających różne typy pytań: wyboru, prawda/fałsz, uzupełnianie luk itp. Użytkownik przechodzi przez kolejne etapy, a na końcu otrzymuje podsumowanie wyniku. Idealne do testów końcowych lub egzaminów próbnych.

Zadania interaktywne (drag & drop, tekstowe, głosowe)

Ta grupa narzędzi w H5P świetnie sprawdza się, gdy chcesz, żeby uczestnicy naprawdę zaangażowali się w to, co robią – czy to przeciągając elementy, porządkując teksty, czy mówiąc do mikrofonu. Idealne na lekcje językowe, kreatywne ćwiczenia albo szybkie powtórki.

• Dialog Cards – proste i skuteczne narzędzie do nauki słownictwa, pojęć lub tłumaczeń. Użytkownik widzi pytanie lub hasło, klika – i pojawia się odpowiedź. Takie interaktywne „karteczki” do powtórek, które można przystosować do każdego tematu.
• Crossword / Find the Words – dla fanów łamigłówek – klasyka w nowoczesnym wydaniu. W jednej wersji użytkownik uzupełnia hasła w krzyżówce, w drugiej – szuka słów ukrytych w siatce liter. Świetne jako forma rozrywki, ale też porządnej powtórki.
• Sort the Paragraphs / Structure Strip – ćwiczenie logicznego myślenia i rozumienia tekstu. Użytkownik przeciąga fragmenty, by ustawić je we właściwej kolejności – np. chronologicznie albo według sensu. Fajne do nauki pisania, analizy tekstu, czy pracy z instrukcjami.
• Speak the Words / Speak the Words Set – rozpoznawanie głosu użytkownika. Uczestnik wypowiada na głos odpowiedź, a system ocenia, czy powiedział to dobrze. Tak, H5P potrafi rozpoznawać mowę! To genialne rozwiązanie np. do ćwiczeń z wymowy, powtarzania słówek czy nauki języków obcych.
• Dictation – klasyczne ćwiczenie, ale w wersji cyfrowej. Użytkownik słucha nagrania i zapisuje to, co usłyszał. Na koniec dostaje informację zwrotną, co zrobił dobrze, a gdzie popełnił błąd. Mega użyteczne do nauki ortografii, języków i słuchania ze zrozumieniem.

Gry i zabawy edukacyjne

Nie od dziś wiadomo, że uczymy się szybciej, gdy się dobrze bawimy. Właśnie dlatego H5P oferuje całą paczkę narzędzi, które wyglądają jak gry, ale tak naprawdę sprytnie przemycają wiedzę. Idealne na lekcje, powtórki albo jako dodatek do kursów online.

• Memory Game – klasyczna gra typu memory – znajdź pary i trenuj pamięć. Możesz łączyć obrazki z tekstem, pytania z odpowiedziami, pojęcia z definicjami… Świetne dla dzieci, ale też jako powtórka dla dorosłych!
• Image Pairing – podobnie jak memory, ale tu przeciągasz pasujące obrazki do siebie. Może być np. „zwierzę i jego środowisko”, „flaga i kraj”, „narzędzie i jego zastosowanie”. Mega wizualne i angażujące.
• Image Hotspots – dodajesz punkty interaktywne na obrazku, a po kliknięciu pokazuje się tekst, obrazek albo filmik. Świetne do interaktywnych infografik, map czy przewodników wizualnych.
• Drag and Drop – zadanie typu przeciągnij i upuść – możesz wykorzystać zarówno obrazki, jak i teksty. Idealne do dopasowywania pojęć, miejsc, nazw, a nawet do tworzenia prostych ćwiczeń gramatycznych czy logicznych.
• Game Map – tworzysz mapę z punktami, które użytkownik musi odwiedzać krok po kroku. W każdym punkcie może być zadanie, pytanie albo ciekawostka. Edukacyjna podróż, którą możesz w pełni dostosować.
• Find the Hotspot / Find Multiple Hotspots / Image Hotspots – zadania, w których uczeń klika w odpowiednie miejsca na obrazku. Można zaznaczać np. części ciała, państwa na mapie, błędy w grafice – pełna dowolność. Wersja „multiple” pozwala dodać kilka miejsc do kliknięcia.
• AR Scavenger – zabawa z rozszerzoną rzeczywistością – uczniowie skanują kody lub szukają obiektów w otoczeniu. Świetne do zajęć terenowych, gier miejskich albo lekcji „na żywo”.
• Advent Calendar – fajny dodatek – możesz stworzyć interaktywny kalendarz adwentowy (albo taki na dowolny miesiąc), gdzie pod każdą „kratką” kryje się zadanie lub niespodzianka.

Multimedia i prezentacje

Teraz pora na coś, co przyda się zarówno nauczycielom, jak i twórcom kursów: interaktywne multimedia i prezentacje, czyli jak połączyć tekst, grafikę, wideo i interakcję w jednym miejscu.

• Interactive Video – to absolutny hit – możesz dodać interaktywne pytania, linki, obrazy, pauzy i inne elementy bezpośrednio do filmu. Idealne do tworzenia szkoleń, filmów instruktażowych albo po prostu angażujących lekcji wideo.
• Course Presentation – coś jak PowerPoint, ale z interaktywnym twistem. Tworzysz slajdy, a na nich możesz dodać quizy, obrazy, filmy, teksty i wszystko, co chcesz. Świetne na samodzielne kursy lub prezentacje z testami po drodze.
• Impressive Presentation – Jeśli chcesz efekt „wow”, to to narzędzie pozwala dodać prezentację z efektami parallax – wygląda nowocześnie i bardzo „na czasie”.
• Image Slider / Image Juxtaposition – image Slider – klasyczny pokaz zdjęć, który możesz osadzić na stronie. Image Juxtaposition – porównywanie dwóch obrazów przesuwanym suwakiem. Nadaje się np. do „przed i po”, porównań danych lub… efektów pracy uczniów.
• Audio Recorder – użytkownik może nagrać swój głos bezpośrednio na stronie. Idealne do ćwiczeń językowych, odpowiedzi ustnych lub… tworzenia podcastu klasowego 🙂
• Chart – szybko i łatwo generujesz wykresy słupkowe lub kołowe. Świetne, jeśli chcesz przedstawić dane w czytelny sposób – czy to wyniki ankiety, czy statystyki z badań.
• Agamotto – zadanie polega na pokazywaniu obrazów w określonej sekwencji – idealne do pokazania procesu krok po kroku (np. cyklu życia rośliny, zmian na mapie, ewolucji projektu graficznego).
• Collage –  kolaż zdjęć oparty na HTML5, umożliwiający użytkownikom tworzenie niestandardowego układu zdjęć przy użyciu tylko przeglądarki internetowej.

Nauczanie i strukturyzacja treści

Jeśli chcesz nie tylko wrzucać pojedyncze ćwiczenia, ale budować prawdziwe lekcje, moduły albo nawet całe kursy online – H5P ma narzędzia, które Ci to ułatwią. Możesz tworzyć rozdziały, łączyć różne typy treści, dodawać interaktywne ścieżki nauki i tworzyć naprawdę spójne doświadczenia edukacyjne.

• Interactive Book – prawdziwy kombajn do tworzenia kursów. Możesz podzielić materiał na rozdziały, a w środku dodawać dowolne treści H5P – quizy, wideo, prezentacje, gry. Użytkownik klika jak w e-booku, ale uczy się jak w profesjonalnej platformie e-learningowej.
• Column – super przydatne narzędzie – pozwala łączyć różne typy treści (np. quiz, tekst, film) w jednej, eleganckiej kolumnie. Bardzo wygodne, kiedy chcesz wszystko zebrać w jednym miejscu.
• Information Wall – można to traktować jako interaktywną tablicę ogłoszeń – dodajesz kafelki z informacjami, które użytkownik może przeszukiwać i przeglądać. Idealne do prezentacji materiałów pomocniczych lub słowniczka pojęć.
• Cornell Notes – masz fanów dobrej organizacji notatek? To narzędzie oferuje gotowy szablon do robienia notatek metodą Cornella – czyli z miejscem na główne zagadnienia, notatki szczegółowe i podsumowanie. Świetne do refleksji po lekcji.
• Documentation Tool – coś w rodzaju prostego formularza, w którym użytkownik może uzupełniać odpowiedzi i wygenerować z nich dokument (PDF). Nadaje się do refleksji, autooceny, pracy projektowej lub portfolio.
• Summary – krótki test podsumowujący – użytkownik klika w poprawne odpowiedzi w serii prostych pytań. Świetne jako ostatni ekran w prezentacji lub szybki sprawdzian wiedzy.
• Timeline – tworzysz oś czasu, na której można osadzić wydarzenia, obrazy, linki, teksty – świetne do historii, biologii, literatury, ale też do przedstawiania procesów (np. etapy projektu).
• Accordion – czyli rozwijane bloki tekstowe – kliknięcie otwiera kolejną część treści. Fajne do uporządkowania dłuższych materiałów, definicji, instrukcji albo FAQ. Treść nie przytłacza, ale cały czas jest pod ręką.

Zaawansowane funkcje i integracje

• Virtual Tour (360) – to narzędzie to prawdziwy game changer, jeśli chcesz pokazać coś „od środka”. Virtual Tour pozwala tworzyć wirtualne spacery z widokiem 360°, w które użytkownik może się swobodnie poruszać – jakby był na miejscu. Możesz dodawać punkty interaktywne (hotspoty), pytania, opisy, zdjęcia, a nawet łączyć kilka pomieszczeń w jedną trasę.
• Branching Scenario – czyli „scenariusze z wyborami”. Użytkownik podejmuje decyzje, które prowadzą go do różnych ścieżek. Idealne do symulacji, szkoleń miękkich, etycznych dylematów czy ćwiczeń „co byś zrobił, gdyby…”. Możesz zbudować prawdziwe interaktywne historie z wieloma zakończeniami.
• Iframe Embedder – pozwala osadzić zewnętrzny materiał (np. stronę, dokument, grę, PDF) na Twojej stronie. W praktyce: wszystko, co da się wyświetlić w przeglądarce, możesz mieć w swoim kursie.
• KewAr Code – kewAr Code to małe, proste, ale bardzo praktyczne narzędzie. Dzięki niemu generujesz kody QR, które prowadzą do dowolnych treści H5P. Użytkownik może zeskanować kod telefonem i od razu przenieść się np. do quizu, filmiku, interaktywnego zadania.

Podsumowanie

H5P to narzędzie, które udowadnia, że tworzenie interaktywnych materiałów edukacyjnych wcale nie musi być trudne ani czasochłonne. Wręcz przeciwnie – dzięki gotowym formatom, intuicyjnemu edytorowi i możliwości osadzenia treści niemal wszędzie, H5P staje się sprzymierzeńcem każdego, kto uczy lub tworzy kursy online.

Niezależnie od tego, czy chcesz dodać quiz do bloga, stworzyć interaktywną książkę, czy przygotować angażujące zadania dla uczniów – z H5P zrobisz to szybko i bez programowania. A co najważniejsze – Twoi odbiorcy poczują, że naprawdę biorą udział w procesie nauki, a nie tylko „konsumują treść”.