H5P: полный разбор интерактивного контента для обучения

14 сентября 2026 г. · 12 мин чтения· 54 просмотра
Pavel Eliseev

Pavel Eliseev

Fullstack Developer Brusnika.LMS

H5P: полный разбор интерактивного контента для обучения

Интеграции, упомянутые в статье

Логотип Битрикс24Логотип amoCRM

Если открыть современный курс в LMS, быстро становится понятно: одного текста, видео и теста уже недостаточно. Можно сделать красивую презентацию, записать видео, добавить десяток вопросов — а обучение всё равно останется довольно пассивным.

H5P решает другую задачу. Он позволяет превратить учебный материал в интерактивный: дать человеку не просто посмотреть видео, а ответить на вопрос внутри него; не просто прочитать ситуацию, а выбрать вариант действия; не просто изучить картинку, а самостоятельно найти на ней нужные элементы.

H5P — открытая технология и набор библиотек для создания интерактивного HTML5-контента. В экосистеме H5P есть более 50 типов контента — от простых карточек и упражнений до интерактивного видео и сценариев с ветвлением.

И это важное уточнение: H5P — не LMS и не полноценный конструктор курсов. Это скорее набор инструментов, который позволяет сделать отдельные элементы обучения интерактивными.

Разберёмся, что именно можно с его помощью делать, как H5P работает с LMS и результатами, чем отличается от SCORM и где он действительно полезен в корпоративном обучении.


Что такое H5P

Название H5P происходит от HTML5 Package, но эта расшифровка не очень помогает понять технологию.

Проще представить H5P как конструктор интерактивных учебных объектов.

Вы выбираете нужный тип контента:

  • интерактивное видео;
  • презентацию;
  • карточки;
  • упражнение;
  • тест;
  • сценарий с ветвлением;
  • интерактивную книгу;
  • изображение с интерактивными областями.

После этого добавляете собственное содержание.

Получается самостоятельный интерактивный объект, который можно включить в учебный курс.

Одна из сильных сторон H5P — переносимость контента. Материалы можно создавать, импортировать, экспортировать и использовать на разных H5P-совместимых платформах.

Поэтому H5P правильнее воспринимать не как «функцию Moodle», хотя именно в Moodle он получил широкое распространение, а как отдельную технологию интерактивного контента.


Что можно делать в H5P

В H5P более 50 типов контента. Но перечислять их подряд не очень полезно. Методисту важнее другой вопрос:

какую учебную задачу решает конкретный инструмент?

Проверять знания

Можно использовать:

  • Multiple Choice;
  • True/False;
  • Fill in the Blanks;
  • Drag and Drop;
  • Drag the Words;
  • Question Set;
  • Essay;
  • Memory Game и другие форматы.

Это может быть небольшая проверка после блока материала, входной тест или упражнение на закрепление.

Но H5P-тест не обязательно должен становиться экзаменом. Для формирующего оценивания он очень удобен. Для серьёзной итоговой аттестации с повышенными требованиями к безопасности и контролю попыток полноценный инструмент тестирования LMS зачастую подходит лучше. Например, Moodle рекомендует использовать Quiz для суммативных экзаменов вместо H5P.


Делать видео интерактивным

Обычное учебное видео предполагает простую модель:

включил → посмотрел → закончил.

Interactive Video позволяет встроить в видео вопросы, пояснения, изображения, ссылки и другие интерактивные элементы. Вопросы могут влиять и на дальнейшее прохождение видео.

Это один из наиболее понятных способов превратить просмотр видео в активную работу.


Создавать ситуации с ветвлением

Branching Scenario — один из самых интересных типов H5P для корпоративного обучения.

Человек получает ситуацию и должен принимать решения. От его выбора зависит, что произойдёт дальше. Сценарий может иметь несколько веток и финалов, а автор может задавать баллы для отдельных концовок или начислять их по ходу прохождения.

Это уже не просто проверка памяти. Здесь можно тренировать принятие решений.


Объяснять сложный материал

H5P позволяет создавать:

  • Course Presentation;
  • Interactive Book;
  • Accordion;
  • Timeline;
  • Image Hotspots;
  • и другие форматы.

Например, вместо длинной страницы с текстом можно дать человеку интерактивную схему, презентацию или изображение с пояснениями.


Повторять и запоминать

Для небольших упражнений хорошо подходят:

  • Flashcards;
  • Dialog Cards;
  • Memory Game;
  • упражнения на сопоставление;
  • задания на заполнение пропусков.

Это особенно удобно для микрообучения: небольшой материал → действие → обратная связь → следующий материал.


Карта H5P: какой инструмент для какой задачи

Ниже — не официальный каталог, а практическая карта для методиста. Она показывает, что делает каждый тип, зачем он может понадобиться в обучении и есть ли у него собственная логика оценки.

Последний столбец намеренно сформулирован осторожно. «Есть scoring» не означает автоматически, что оценка попадёт в любую LMS. Для этого важна конкретная интеграция.

H5P-инструментЧто делаетДля какой задачиПример примененияScoring / результат
Interactive VideoДобавляет вопросы и другие элементы в видеоПроверка понимания, практикаВопросы по ходу учебного видеоДа
Branching ScenarioСоздаёт сценарий с ветвлениемПринятие решенийСитуация с несколькими вариантами действийДа
Course PresentationИнтерактивная презентацияОбъяснение + проверкаУчебный материал с вопросамиДа, если есть оцениваемая активность
Interactive BookКнига из нескольких страниц и активностейБольшой учебный материалИнтерактивная инструкцияЗависит от вложенных активностей
Question Set / QuizНабор вопросовПроверка знанийИтоговая проверка модуляДа
Multiple ChoiceВыбор одного или нескольких ответовПроверка знанийВыбор правильного действияДа
True/FalseВерно / неверноБыстрая проверкаПроверка утвержденийДа
Single Choice SetПоследовательность вопросов с одним ответомБыстрая тренировкаСерия коротких вопросовДа
Fill in the BlanksЗаполнение пропусковЗакрепление терминов и правилВосстановить пропущенные элементыДа
Drag the WordsПеретаскивание слов в текстТермины, последовательностиВосстановить правильную формулировкуДа
Drag and DropПеретаскивание объектовСопоставление, классификацияРазнести элементы по категориямДа
Mark the WordsВыделение нужных словРаспознаваниеНайти ошибки или ключевые элементыДа
Find the HotspotПоиск правильных областей на изображенииВизуальное распознаваниеНайти нужные элементыДа
Image HotspotsИнтерактивные точки на изображенииИсследование объектаИзучение схемы или оборудованияОбычно нет собственной оценки
Image SliderСравнение изображенийСравнениеПоказать изменения «до / после»Нет
AccordionРаскрывающиеся блокиСтруктурирование информацииFAQ или справочный материалНет
TimelineИнтерактивная временная шкалаИстория, процессыЭтапы проекта или процессаНет
FlashcardsКарточки для повторенияЗапоминаниеТермины и определенияОбычно нет
Dialog CardsКарточки «вопрос — ответ»ПовторениеКлючевые понятияОбычно нет
Memory GameИгра на поиск парЗапоминаниеТермин → определениеДа, в рамках активности
EssayРазвёрнутый ответРефлексия, открытый вопросОтвет на ситуационный вопросДа, но требуется проверка
Sort the ParagraphsРасстановка фрагментов по порядкуАлгоритмы и процессыВосстановить последовательность действийДа
SummaryВыбор правильных итоговых утвержденийЗакреплениеПроверить ключевые выводыДа
AgamottoПошаговое изменение изображенияДемонстрация процессаПоказать изменение объектаОбычно нет
ChartИнтерактивная диаграммаРабота с даннымиИзучение показателейНет
Documentation ToolСтруктурированный документИнструкцииПошаговая инструкцияНет
Image JuxtapositionСравнение двух изображенийСравнениеСравнить два состоянияНет
Speak the WordsОтвет голосомЯзыковая практикаТренировка произношенияДа, в поддерживаемой реализации
DictationВвод услышанного текстаЯзыковая практикаПроверка восприятия терминовДа
AudioВоспроизведение аудиоАудиоматериалКороткий аудиофрагментНет
Virtual Tour (360)Интерактивный 360°-турОзнакомление с пространствомВиртуальный осмотр объектаНет
QuestionnaireСбор ответовОпрос, рефлексияСамооценка после обученияОбычно не как тестовый score
Personality QuizВопросы с профилированиемСамодиагностикаОпределение учебного профиляРезультат зависит от сценария

Эта таблица показывает важную вещь: далеко не каждый H5P-объект должен что-то «сдавать» в LMS.

Часть типов нужна для проверки и может иметь score. Другая часть — для объяснения, визуализации или навигации. И это нормально.

При этом H5P генерирует xAPI statements, через которые платформа может получать информацию о действиях пользователя, ответах и завершении активности. H5P отдельно отмечает, что большинство типов отправляют statements об ответах или завершении, но конкретный набор данных зависит от content type.


H5P — это не только тесты

Тест — только один из вариантов взаимодействия.

Можно:

  • дать человеку принять решение;
  • попросить найти объект на изображении;
  • восстановить последовательность;
  • дополнить текст;
  • остановить видео и задать вопрос;
  • предложить несколько вариантов развития ситуации;
  • сопоставить элементы;
  • исследовать схему;
  • пройти интерактивный сценарий.

Поэтому H5P стоит рассматривать прежде всего как инструмент проектирования взаимодействия с учебным материалом.


H5P и результаты в LMS

Это один из важных вопросов при использовании H5P в корпоративном обучении.

H5P использует xAPI для передачи информации о действиях пользователя и результатах. При этом сам H5P не содержит собственного LRS: он формирует xAPI statements, а уже платформа, в которую встроен H5P, может использовать эти данные или передавать их дальше в LRS.

Здесь нужно различать несколько вещей.

Score

Сколько баллов набрал пользователь.

Например:

8 из 10.

Completion

Завершил ли пользователь активность.

Например, дошёл до конца интерактивного видео или выполнил требуемое действие.

Success / Pass

Выполнил ли пользователь условие успешного прохождения.

Например:

набрал не менее 80%.

Это не одно и то же.

И именно поэтому при выборе LMS недостаточно спросить:

«Поддерживает ли система H5P?»

Нужно спросить:

  • передаётся ли результат;
  • передаётся ли завершение;
  • можно ли использовать результат как условие прохождения;
  • какие данные xAPI сохраняются;
  • куда они попадают.

У H5P есть отдельные настройки completion для разных типов контента. Например, Drag and Drop, Fill in the Blanks и Multiple Choice могут считаться завершёнными после нажатия Check, Interactive Video — после отправки результата, а Course Presentation — после достижения итогового слайда.

То есть H5P действительно может передавать в LMS результат и статус прохождения, но конкретное поведение зависит от типа контента и интеграции.


H5P и SCORM: это конкуренты?

Не совсем.

Их часто сравнивают, потому что оба инструмента встречаются в электронном обучении. Но находятся они на разных уровнях.

H5PSCORM
Создание интерактивного контентаСтандарт взаимодействия учебного объекта с LMS
Более 50 типов интерактивных объектовНе определяет конкретный внешний вид курса
Видео, сценарии, упражнения, презентации и т. д.Определяет взаимодействие учебного объекта с LMS
Акцент на взаимодействии обучающегося с контентомАкцент на совместимости учебного объекта и LMS
Open-source технологияСемейство стандартов электронного обучения

Поэтому вопрос «что лучше — H5P или SCORM?» не совсем корректен.

H5P отвечает прежде всего на вопрос:

Что происходит внутри учебного материала?

SCORM — на другой:

Как учебный объект взаимодействует с LMS?

Стандартный H5P не является SCORM-пакетом. Поэтому H5P не стоит воспринимать как «современную замену SCORM» — это просто разные уровни решения задачи.


H5P — это Moodle?

Нет.

H5P действительно широко используется в Moodle, но не привязан к нему.

Есть плагины и интеграции для разных систем, возможность встраивания, а H5P.com предоставляет LTI-интеграции с различными LMS.

Поэтому правильнее говорить:

Moodle — одна из наиболее известных сред для H5P, но H5P не является технологией только для Moodle.


H5P и H5P.com — тоже не одно и то же

H5P — открытая технология и экосистема.

H5P.com — коммерческий облачный сервис, который предоставляет H5P как услугу.

В самостоятельных установках H5P можно использовать через соответствующие плагины и интеграции. H5P.com добавляет хостинг, управление контентом, LTI-интеграции, gradebook-интеграцию, reporting и другие коммерческие возможности.

То есть H5P.com — это не просто «платная версия H5P».


Где H5P особенно полезен в корпоративном обучении

Если убрать все красивые возможности и оставить практику, можно выделить несколько основных сценариев.

Интерактивное видео

Когда нужно не просто показать материал, а периодически проверять понимание или давать дополнительную информацию прямо во время просмотра.

Тренировка принятия решений

Когда сотруднику важно не знать правильный ответ, а научиться выбирать действие в ситуации. Здесь особенно интересен Branching Scenario: он позволяет строить дерево решений с разными ветками, концовками и оценкой.

Практика после теории

Небольшое упражнение сразу после учебного блока часто полезнее ещё одной страницы текста.

Работа с визуальным материалом

Схемы, интерфейсы, оборудование, карты, изображения — всё это можно сделать интерактивным.

Микрообучение

Небольшой материал → небольшое действие → обратная связь. Именно здесь H5P часто выглядит особенно естественно.

Где H5P использовать не стоит

Хороший инструмент не становится лучше от того, что его используют везде.

H5P может быть не лучшим выбором, если нужно:

  • провести защищённый итоговый экзамен;
  • построить сложную адаптивную программу;
  • заменить LMS;
  • реализовать сложный прокторинг;
  • управлять большой учебной траекторией.

И есть ещё одна проблема — интерактивность ради интерактивности.

Можно сделать великолепную анимацию, которую человек нажмёт один раз и забудет через пять минут.

Поэтому хороший вопрос здесь очень простой:

Что здесь должен сделать обучающийся, а не просто прочитать или посмотреть?

Если ответа нет, H5P, скорее всего, не нужен.


H5P и методика обучения

H5P не делает обучение эффективным автоматически.

Он просто расширяет набор действий, которые можно предложить обучающемуся.

Можно:

  • показать информацию;
  • попросить вспомнить;
  • распознать;
  • сопоставить;
  • применить;
  • принять решение;
  • исправить ошибку;
  • увидеть последствия выбора.

И вот здесь H5P становится действительно интересным инструментом для методиста.

Потому что меняется не только форма материала.

Меняется роль обучающегося.

Он перестаёт быть только зрителем.


Что проверить перед внедрением H5P

Если вы выбираете LMS и хотите использовать H5P, недостаточно увидеть в системе кнопку «Добавить H5P».

Проверьте:

Какие типы H5P поддерживаются

Не каждая LMS поддерживает абсолютно все существующие content types.

Как обновляются библиотеки

H5P развивается, а отдельные типы контента получают новые версии и изменения.

Передаются ли оценки

Если H5P используется для обязательного обучения, результат должен попадать туда, где его сможет использовать LMS.

Передаётся ли completion

Особенно если прохождение H5P является условием завершения урока или курса.

Передаётся ли success/pass

Это важно, если требуется не просто открыть материал, а выполнить его с определённым результатом.

Какие данные доступны через xAPI

Если вам нужна не только итоговая оценка, но и информация о действиях пользователя, это нужно проверять отдельно.

Можно ли импортировать и экспортировать контент

Переносимость — одна из сильных сторон H5P.

H5P в Brusnika.LMS

В Brusnika.LMS H5P можно использовать непосредственно внутри обучения — в уроках и материалах базы знаний.

Это позволяет использовать интерактивный контент не как отдельный внешний сервис, а как часть обычного учебного процесса.

Например:

теория → видео → H5P-упражнение → тест → задание → оценка результата.

H5P при этом занимает именно ту роль, для которой он хорош: делает отдельные элементы обучения интерактивными, не превращаясь в отдельную систему вокруг LMS.

В Brusnika.LMS доступно более 50 типов H5P-контента.


Главное о H5P

Если оставить только самое важное:

H5P — не LMS.

Это технология создания интерактивного HTML5-контента.

H5P — не только тесты.

Интерактивные видео, сценарии, упражнения, презентации, книги, карточки, изображения — вариантов действительно много.

H5P и SCORM — не одно и то же.

Они решают разные задачи.

H5P может работать с результатами обучения.

Через xAPI и соответствующую интеграцию LMS можно получать оценки, информацию о завершении и другие данные. Но конкретные возможности зависят от типа контента и интеграции.

И главное — H5P не заменяет методику.

Он просто даёт методисту больше способов заставить обучающегося не только посмотреть материал, но и что-то с ним сделать.

И именно в этом его главная ценность.