Как создать файл h5p

Обновлено: 21.11.2024

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

Создание и редактирование контента H5P в банке контента

Чтобы создать и отредактировать контент H5P,

Перейдите к банку контента, который доступен во время прохождения курса из панели навигации (тема Boost) или со страниц сайта в блоке навигации (тема Classic).
Нажмите кнопку "Добавить" и выберите тип контента.

Дополнительную информацию см. в разделе Банк контента.

Создание и редактирование контента H5P в другом месте

Сервер CurrikiStudio — это проект с открытым исходным кодом для создания сервера, на котором учителя могут создавать свой контент H5P.

Убедитесь, что вы загрузили только что созданный файл H5P, который вы позже загрузите в свой курс Moodle.

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

Помните, что если вы загружаете несколько файлов *.h5p на свой сервер Moodle, на сервере ДОЛЖНЫ быть установлены библиотеки H5P, чтобы эти действия H5P работали. См. раздел Управление типами контента (ниже).

Если вы используете настольный инструмент LUMI для создания содержимого H5P из файла на рабочем столе, а затем загружаете файлы H5P через ftp в файловую систему сервера, вы сможете использовать репозиторий файловой системы, чтобы добавить их в Контент-банк. В банке контента выберите «Загрузить контент», и репозиторий файловой системы появится в качестве опции в файловом менеджере.

Создание ресурсов H5P из стандартных вопросов Moodle

Тип вопроса "Эссе" в Moodle -> Ресурс "Эссе H5P"
Тип вопроса Moodle с множественным выбором -> ресурс H5P Multiple Choice
Тип вопроса Moodle «Короткий ответ» -> ресурс H5P «Угадай ответ»
Тип вопроса Moodle True/False -> Ресурс вопросов H5P True False

Вопросы в каталоге можно импортировать вместе для создания типов контента «Столбец», «Набор с одним выбором», «Диалоговые карточки» или «Флеш-карты». После создания типы контента можно редактировать в банке контента как обычный контент H5P и комбинировать с другим контентом путем копирования и вставки.

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

Добавление занятия H5P в курс

См. задание H5P, чтобы узнать, как создать задание H5P в курсе.

Внедрение H5P в другие действия

Вы можете встраивать содержимое H5P в другие действия и ресурсы, такие как уроки или книги, нажав кнопку H5P в редакторе Atto.

Чтобы внедрить H5P из банка контента:

Нажмите кнопку H5P в Atto, затем выберите "Обзор репозиториев".
Просмотрите репозиторий банка контента и выберите файл H5P.
Выберите либо копирование файла, либо создание ярлыка.
Нажмите кнопку "Выбрать этот файл".
Нажмите "Вставить H5P".

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

Использование контента H5P на языках, отличных от английского

В настоящее время (апрель 2021 г.) названия и описания модулей H5P при использовании банка контента представлены только на английском языке, но при использовании LUMI эти названия и описания могут быть переведены на другие языки (пример испанского ниже):

Настройки администратора

Управление типами контента H5P

Администрирование сайта / H5P / Управление типами контента H5P

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

Если запланированное задание не запущено и файлы не загружены, учителя получат сообщение об ошибке при попытке загрузить контент H5P (см. изображение выше)

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

Возможности

В дополнение к возможностям, связанным с деятельностью H5P и банком контента, существуют следующие дополнительные возможности H5P:

Повторно использовать существующий контент H5P

Создать новый контент H5P

В меню администратора вашей платформы выберите:

Drupal: Добавить контент > Интерактивный контент
WordPress: контент H5P > Добавить новый
Moodle: добавьте действие или ресурс > Интерактивный контент

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

Редактировать контент H5P на своем сайте

После загрузки существующего контента H5P вы можете отредактировать его с помощью встроенного редактора.

Drupal: нажмите кнопку "Изменить" на узле H5P.
WordPress: нажмите кнопку "Изменить" на экземпляре H5P.
Moodle: нажмите ссылку "Изменить/Изменить настройки" рядом с вашим экземпляром H5P.

После нажатия кнопки "Редактировать" вы должны увидеть такой редактор:

Здесь вы можете редактировать все поля в H5P. Сохранение также обновит H5P. Воспользуйтесь ссылками "Учебник" и "Пример" вверху, чтобы узнать больше об этом типе контента и посмотреть примеры его использования.

Стандартный редактор перечисляет все поля последовательно. Для расширенного контента это быстро станет трудно поддерживать. Расширение редактора поддерживается с помощью библиотек редакторов, которые могут расширять стандартную функциональность (т. е. предоставлять представления списков с вкладками и т. д.) или предоставлять полный опыт редактирования Wysiwyg. Ниже приведены краткие примеры редактора презентаций и интерактивных видеоредакторов.

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

Редактор презентаций курса

Хотите узнать больше о создании контента H5P? Ознакомьтесь с учебными пособиями в Руководстве для авторов содержания.

Встроить контент H5P

Контент H5P, созданный на h5p.org (или на любом другом сайте), может быть встроен на ваш сайт. Просто нажмите кнопку "Встроить" под контентом и скопируйте код на свой сайт.

Ниже приведен пример того, как вы можете встроить контент H5P в запись блога WordPress:

Это вообще непонятно. Я думал, что смогу начать разработку контента на своем ноутбуке в браузере и сохранить его как HTML 5. Я скачал h5p для презентации. Тогда что. Нет никаких указаний о том, как я начинаю разрабатывать контент. Если не будет надлежащих рекомендаций по созданию контента, только технически подкованные люди смогут использовать пакет, а учителя и инструкторы, обладающие навыками и опытом для создания качественного контента, но не обладающие техническими знаниями, никогда не смогут использовать h5p.< /p>

Сб, 22.03.2014 - 23:21

Надеюсь, эта информация окажется полезной.

Вс, 23.03.2014 - 08:48

Среда, 26.03.2014 - 01:57

Подключиться?

Привет, Анант, мы также заинтересованы в H5P. Похоже, вы ветеран в этой области, а также интересуетесь H5P. Возможно, стоит посмотреть, сможем ли мы работать вместе в этом начинании? Я соучредитель новой обучающей платформы Eduongo. Просто дайте мне знать!

Среда, 26.03.2014 - 05:55

Я хочу подключиться

Здравствуйте, Jnickscott,
Спасибо за ответ. Пожалуйста, дайте мне знать, что вы имеете в виду. Мне бы хотелось работать вместе, если бы у меня были навыки, чтобы внести свой вклад и сыграть полезную роль.

Вс, 17.10.2021 – 10:57

Как журнал хранит контент в бесплатной пробной версии?

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

Пн, 18.10.2021 – 19:05

Привет, Мариона, я принимаю бесплатно

Вс, 14.03.2021 - 01:59

селеггнна_01

se requiere lectura para desarrollar contenido, nada es facil.

Пт, 02.10.2015 - 14:17

Добавить в Wordpress проблему с кнопкой

Мне очень легко использовать H5P в моей установке WordPress. В настоящее время я использую свой Wordpress и встраиваю код Iframe в Moodle, так как у вас еще нет работающего плагина для Moodle. Все работает плавно, однако у меня возникли проблемы с вставкой контента, созданного H5P, в сообщения или страницы в моей установке Wordpress.

Каждый раз, когда я нажимаю кнопку "Добавить H5P" в "Расширенном редакторе макетов", а именно в "Avia Layout Builder", я просто возвращаюсь к началу страницы редактирования и не вижу способа вставить содержание.

— обновление в середине публикации — при использовании редактора Wordpress по умолчанию нет проблем со вставкой содержимого с помощью кнопки «Добавить H5P».

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

P.S. Я думаю, что сроки фантастические!!

Спасибо, ребята, я очень впечатлен.

Пт, 02.10.2015 - 14:28

Решено Добавить H5P через шорткод

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

Ввод этого шорткода поможет, просто измените идентификационный номер на требуемый ресурс H5P: [h5p ]

Это была длинная неделя, это мое оправдание, и я его придерживаюсь, ха-ха. Извините за момент с блондинкой

Люблю этот продукт, ребята, действительно молодцы. Одна вещь, хотя - доработайте свой MOODLE PLUGIN, H5P явно ориентирован на образование, Moodle - лучшая и самая большая образовательная платформа. Как только вы заработаете там, использование H5P резко возрастет, помяните мои слова!

Когда дело доходит до разработки интерактивного контента для электронного обучения, H5P быстро становится одним из самых интересных решений с открытым исходным кодом.

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

Что такое H5P?

H5P – это бесплатный плагин для создания контента, который мы интегрировали с нашими решениями Moodle LMS и Totara Learn. Он позволяет легко создавать и публиковать разнообразный интерактивный контент HTML5, например видеоролики, викторины, игры и презентации, для обучения, обогащения, тестирования памяти и геймификации.

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

Почему H5P полезен?

Удобный инструмент позволяет создавать интерактивный контент для учащихся, который идеально подходит, если вы хотите освежить материалы курса, используя типы контента "Впечатляющая презентация" или "Хронология", или хотите добавить немного веселья. и добавляйте задания в свои курсы с помощью «Карточек», «Найди горячую точку» или «Сценарии ветвления».

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

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

Выбор правильного типа контента

При создании интерактивного контента H5P с нуля это решение упрощает задачу, предоставляя различные типы контента.

Ниже приведены некоторые из них и способы их использования:

<р>1. Интерактивное видео

Идеально, если у вас уже есть видео (может быть, учебник или документальный фильм), которое вы хотите обогатить интерактивными элементами.

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

Взаимодействия могут быть выбраны для отображения напрямую или в виде кнопки, которую учащиеся могут нажать, чтобы раскрыть, и все типы вопросов могут быть адаптивными — это означает, что ответ учащегося может определить, куда учащийся будет отправлен после того, как ответ будет дан.< /p>

Из этого пошагового руководства вы узнаете, как создавать интерактивные видеоролики.

<р>2. Презентация курса

Полезно, когда вы хотите представить тему (лицом к лицу или онлайн) с помощью богатого мультимедийного обучающего материала.

С помощью этого инструмента вы можете комбинировать информационные слайды с изображениями, звуком и многими типами взаимодействий, такими как интерактивные сводки, вопросы с несколькими вариантами ответов и интерактивные видео, в любом месте стандартной структуры презентации.

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

Из этого пошагового руководства вы узнаете, как делать презентации курса.

3. Карточки

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

С помощью этого инструмента вы можете создавать интуитивно понятные наборы карточек с изображениями, сопряженными с вопросами и полями для ответов. Заполнив ответ, учащийся может проверить правильность и перейти к следующей карточке.

Из этого пошагового руководства вы узнаете, как делать карточки.

Создание нового контента

Чтобы создать новый контент H5P в Moodle и Totara Learn, выполните следующие простые действия:

<р>1. Войдите в систему как администратор или пользователь с правами доступа

<р>2. Перейдите к курсу, в который вы хотите добавить контент H5P

<р>3. Нажмите "Добавить действие или ресурс"

<р>4. Выберите «Интерактивный контент» и нажмите «Добавить»

<р>5. Нажмите «Выбрать тип контента», чтобы открыть H5P Hub. В H5P Hub вы можете просмотреть все доступные типы контента

<р>6. Нажмите "Получить" рядом с типом контента, который вы хотите добавить

<р>7. На этой странице вы можете прочитать подробности о типе контента. Нажмите «Установить», чтобы установить выбранный тип контента

<р>8. После установки тип контента готов к использованию. Нажмите "Использовать", чтобы открыть редактор

Чтобы просмотреть все типы контента, которые вы установили, нажмите «Мои типы контента» в H5P Hub.

Нужна дополнительная помощь?

Почему бы не узнать больше о преимуществах интерактивного видео для электронного обучения или если вам нужна дополнительная поддержка с использованием Moodle или Totara Learn, наши эксперты по платформе обладают богатым опытом, чтобы помочь вам и вашей команде с конкретными требованиями к обучению.

О компании Hubken Group

Решение Hubken включает в себя мощные, гибкие и адаптированные услуги системы управления обучением (LMS) для организаций любого размера. Используя возможности платформ Moodle или Totara Learn, мы предоставляем вам инструменты для достижения выдающихся результатов электронного обучения, оказывая поддержку в таких областях, как размещение LMS, установка, обучение пользователей, разработка контента, отчетность и многое другое.

Чтобы лучше понять формат .h5p, вы можете вручную создать файл .h5p для руководства Hello World.

Сначала определяем сам пакет, добавляем файл "greeting/h5p.json" со следующим:

Затем мы вставляем некоторый контент. Добавьте файл "greeting/content/content.json", содержащий следующие данные json:

Также добавьте изображение ниже как "greeting/content/earth.jpg".

земля.jpg

Наконец, мы создаем zip-файл с содержимым папки «приветствие». Древовидная структура zip-файла теперь должна выглядеть следующим образом:

Сама папка приветствия не должна быть частью zip-файла, а для пользователей Mac также не должны быть включены файлы .DS_Store. Дополнительные сведения см. в разделе Загрузка пакетов H5P с OSX.

Назовите этот файл "greeting.h5p" и загрузите его с помощью загрузчика платформы H5P. В Drupal это делается путем создания нового узла «Интерактивный контент» и выбора опции «загрузить». В WordPress перейдите в раздел «H5P Content» в меню администратора, выберите «Добавить новый», а затем «Загрузить». В Joomla нажмите кнопку H5P в обычном редакторе статей и выберите «Загрузить H5P».

Не удалось найти файл library.json с допустимым форматом json для приветствия библиотеки
Отсутствует допустимая папка с контентом.
Отсутствует допустимый основной файл h5p.json

Я проверил содержимое, и все оно соответствует указаниям в руководствах.

Я также обнаружил, что если я загружаю тип контента и изменяю .h5p на .zip, а затем редактирую файл, а затем перепаковываю в .zip и переименовываю в .h5p, я получаю ту же ошибку.

Кто-нибудь может подсказать, что я делаю не так?

Чт, 25.02.2016 - 15:12

Здравствуйте, я думаю, что

Здравствуйте, я думаю, что созданный вами zip-файл имеет неправильную корневую папку. Допустим, корень вашей папки — «проект», и там у вас есть папки библиотеки, папка содержимого и h5p.json. Если вы заархивируете папку «проект», у вас обычно будет эта папка внутри zip, корень zip будет содержать папку проекта. Если вместо этого вы заархивируете содержимое папки проекта, ваш zip будет иметь папку содержимого, h5p.json и папку библиотеки в корне и должен работать.

Помогло ли это? Если нет, загрузите сюда файл h5p, я посмотрю :)

Чт, 25.02.2016 - 17:14

Спасибо! Пришло время

Здравствуйте! Спасибо за быстрый и полезный ответ. Теперь я наконец-то заработал! Было две проблемы:

Корневая папка. Во-первых, проблема, как вы описали, заключалась в том, что я заархивировал папку проекта вместо содержимого папки проекта.
Файлы .DS_Store: я использую Mac, который создает файлы .DS_Store в каталогах моего проекта. Затем модуль H5P в WordPress жалуется, что файлы .DS_Store не разрешены, поэтому отклоняет загрузку. Архивирование без файла .DS_Store решает эту проблему.

Теперь мне нужно придумать, как остановить Mac, создающий эти надоедливые маленькие файлы.

Спасибо за великолепную платформу. H5P – лучший инструмент для создания интерактивных мультимедиа, который я видел за последние годы!

Пт, 26.02.2016 - 15:14

Привет, я очень рад, что

Вт, 16.11.2021 - 08:00

Файл "content/" не разрешен. Только файлы со следующим расширением

Я точно выполнил все шаги, но все равно получил эту ошибку при попытке загрузить пакет. Я использую ОС Win10. Я подтвердил, что корневая папка содержит библиотеку, файл h5p.json и папку содержимого. Я не знаю, где я ошибся.

Среда, 17.11.2021 - 07:51

Привет, Сокол, я пытаюсь

Привет, Сокол! Я пытаюсь загрузить пакет, но по какой-то причине мне не удалось его загрузить. Я заархивировал файлы, а не корневую папку проекта.

Кроме того, файл, который я пытаюсь загрузить, является существующим рабочим пакетом, который я скачал. Я только что распаковал и снова заархивировал его.

Следующее сообщение об ошибке появляется на экране:

Чт, 10.05.2018 - 00:51

Вопрос о семантике

Здравствуйте, можно ли вручную создать пакет, как при создании всего, но не использовать файл semantics.js? так что весь content.json был заполнен и обрабатывается функцией C.prototype.attach? Как работает семантика. js файл работает? это важно только для редактирования и инициализации или оно используется для запуска фактического файла .h5p при работе в wordpress?

Вт, 15.05.2018 – 16:08

Привет, Шаззама! Вы можете себе представить

Вы можете представить себе файл semantics.json как шаблон контента, а content.json содержит значения для заполнения шаблона. Файл семантики используется не только для построения формы редактора, но и для проверки достоверности содержимого. Все, что не разрешено, отфильтровывается путем проверки значений из content.json на соответствие структуре, определенной в semantics.json. Это делается, если вы загружаете контент (до его первого просмотра) или сохраняете контент.

Пт, 01.02.2019 - 14:43

Лицензия H5P

Когда я пытаюсь загрузить пример, я получаю следующее сообщение об ошибке:

> Не удалось проверить пакет h5p.
> Недопустимые данные для лицензии указаны в h5p.json
> Основной файл h5p.json недействителен
> Отсутствует действительный основной файл h5p.json

Я протестировал "cc-by-sa", "pd", "MIT" и "U". Единственная действующая «лицензия» — «U» (не указано). Это относится как к локальной установке H5P в Drupal 7, так и к версии здесь. Что я сделал не так?

Пн, 04.02.2019 - 03:57

Привет, вы разместили файлы

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

Пн, 04.02.2019 - 12:51

Тестовые случаи

Вы также можете протестировать его, загрузив архив H5P с https://h5p.org/node/885, изменив лицензию в архиве, например, на "MIT" и попробуйте повторно загрузить его.

Пожалуйста, дайте мне знать, если вы можете воспроизвести это поведение.

Пн, 11.02.2019 - 10:13

Здравствуйте! Это лицензия

Pressbooks имеет встроенную интеграцию с H5P — подключаемым модулем с открытым исходным кодом, который можно использовать для создания интерактивных викторин и других учебных заданий в вашей книге. Существует более 40 различных типов заданий H5P: от простых вопросов «Верно/неверно» до упражнений на сопоставление изображений, наборов викторин, интерактивных видео-викторин и даже сложных сценариев ветвления!

Нажмите «Контент H5P -> Добавить новый» в меню панели администратора книги.
Нажмите «Я согласен, дайте мне theHub!», чтобы активировать интерфейс H5P Hub (рекомендуется)
Нажмите "Получить" и выполните шаги, указанные для типа контента, который вы хотите создать.
Введите информацию для викторины/активности и т. д.
Нажмите «Создать», когда закончите задание.

Примечание. Существует известная проблема с действием последовательности изображений, из-за которой веб-браузеры загружают страницы в месте действия, а не в верхней части страницы. Это не относится к Pressbooks; это влияет на этот тип активности H5P на разных платформах. В качестве альтернативы последовательности изображений рекомендуется использовать операцию перетаскивания.

Вы также можете импортировать занятия H5P, загруженные из Pressbooks или других источников в общедоступном Интернете.

Если вы ищете мероприятия H5P для импорта, вы можете посмотреть каталог Pressbooks. На карточке каждой книги вы увидите гиперссылку, ведущую к действиям H5P этой книги. Отсюда вы можете загрузить занятия H5P и импортировать их в свою книгу.

Есть и другие места, где вы можете найти занятия H5P для загрузки и импорта, например каталог eCampusOntario H5P.

Подробнее о доступных типах действий и о том, как их создавать, см. в документации H5P.

Узнайте больше о творческом педагогическом использовании H5P в Pressbooks, посетив The H5P Pressbooks Kitchen, потрясающий набор ресурсов, созданный нашими друзьями из BCcampus.

После того как вы активировали подключаемый модуль H5P, в вашем визуальном редакторе появится новая кнопка «Добавить H5P» рядом с кнопкой «Добавить медиаданные». Вы можете использовать эту кнопку, чтобы добавить короткие коды для действий H5P в вашей книге. Чтобы добавить созданное вами действие H5P:

Перейдите к месту, где вы хотите добавить свои действия.
Нажмите кнопку "Добавить H5P".
Найдите действие, которое вы хотите добавить в свою книгу, и нажмите «Вставить».
В вашу главу будет вставлен шорткод H5P с использованием шаблона [h5p вашу главу и просмотрите веб-версию, чтобы увидеть встроенное действие.

При экспорте в форматы EPUB и PDF действия H5P заменяются текстом-заполнителем, который включает ссылку на действие в веб-книге:

Все общедоступные книги содержат список всех действий H5P, созданных для этой книги. Вы можете найти страницу со списком H5P, добавив следующий путь в конец URL-адреса домашней страницы веб-книги: /h5p-listing/

Список действий H5P будет отображать общее количество действий H5P, созданных в данной книге, отображая их группами по 20 с элементами управления нумерацией страниц внизу страницы. Действия перечислены по их идентификационному номеру шорткода (в порядке создания) и будут скрыты по умолчанию. Вы можете развернуть все действия сразу, нажав кнопку «Развернуть все» в верхней части страницы. Кроме того, вы можете нажать кнопку «Показать активность», чтобы отобразить определенную активность H5P.

Предпочитаете смотреть и учиться? Посмотрите этот видеоурок:

Читайте также: