H5P

Материал из База знаний Центра ПУСК МФТИ
(перенаправлено с «H5p/overview»)

Об элементе H5P (интерактивном контенте)

H5P ― это сокращение от HTML5 Package. Он позволяет преподавателям создавать эффектный и эффективный интерактивный контент, такой как интерактивные видеоролики, викторины и презентации. Контент H5P можно создать в банке контента (предпочтительно) или на веб-сайте h5p.com (нежелательно, т.к. на сайте ограничен объем использования) и добавить в свой курс в качестве отдельного элемента H5P или встроить в любое другое занятие или ресурс.

Примечание: текстовые редакторы имеют специальную кнопку H5P.

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

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

Для создания и редактирования контента H5P,

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

Дополнительные сведения см. в разделе Банк контента.

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

See Repurpose resources content type plugin and this post about a new plugin for making H5P resources from some Moodle standard questions. Currently supported resources are:

Questions in a directory can be imported collectively to create a Column, Single Choice Set, Dialog Cards or Flash Cards content types. After creation, the content types can be edited in the Content bank as normal H5P content and combined with other content through copy and paste.

After installation, teachers may create interactive content in the Content bank by clicking the Add button, and then choosing one of the Repurpose resources content types from the drop down menu to open the editor, and selecting questions and other options in the editor and saving. The new content created from the question will now appear in the Content bank.

Смотрите плагин для изменения типа контента ресурсов и пост о новом плагине для создания ресурсов H5P из некоторых стандартных вопросов Moodle. В настоящее время поддерживаются следующие вариации:

  • Тип вопроса для эссе в Moodle -> Ресурс для эссе в H5P
  • Тип вопроса с множественным выбором в Moodle -> Ресурс для множественного выбора в H5P
  • Тип вопроса с кратким ответом в Moodle -> Ресурс H5P "Угадай ответ"
  • Тип вопроса Moodle "Истина/ложь" -> ресурс H5P "Истина-ложь".

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

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

Adding an H5P activity to a course

See H5P activity for how to create an H5P activity in a course.

Embedding H5P into other activities

Файл:H5PiconAtto.png
H5P button in the Atto editor

You can embed H5P content into other activities and resources such as a Lesson or a Book, by clicking the H5P button in the Text editor.

To embed H5P from the Content bank:

  1. Click the H5P button in Atto then click 'Browse repositories'.
  2. Browse the Content bank repository and select an H5P file.
  3. Choose to either make a copy of the file or create a shortcut.
  4. Click the button 'Select this file'.
  5. Click 'Insert H5P'.
Файл:Creating a shortcut.png
Creating a shortcut to the file

Note: If you create a shortcut to the file, you can edit it in the Content bank and any activities with a link to the file will be updated.

Using H5P content in languages other than English

Currently (April 2021) the names and descriptions of the H5P modules when using the Content bank are in English language only, but when using LUMI, these names and descriptions may be translated to other languages. See Translating plugins and the Spanish example below:

Файл:H5P nombres en ingles en banco de contenido.png

Файл:H5P LUMI 3.png

Admin settings

For H5P content to display in other activities, the Display H5P filter must be enabled and the URL e.g. h5p.com should be listed as an allowed source in Site admin / Plugins / Filters / Display H5P.

Manage H5P content types

Site administration > H5P > Manage H5P content types

For teachers to upload and display H5P files in their courses, H5P content types and libraries must be available on the site. A scheduled task Download available H5P content types from h5p.org does this automatically (but check if it is enabled and has already run after first upgrading your site).

If it is not possible to use this scheduled task, then the Site administration page 'Manage H5P content types' allows you to upload necessary files.

Файл:H5P libraries needed 02.png
H5P libraries needed error message

If the scheduled task is not run and files are not uploaded, teachers will receive an error message when attempting to upload H5P content.

An admin can choose to disable selected H5P content types, for example ones duplicating quiz functionality.

H5P settings

Site administration > H5P > H5P settings

H5P framework handler

Select the version of the H5P framework to use.

New feature
in Moodle 4.3!

Custom CSS

H5P Settings page showing the 'h5pcustomcss' setting populated with example CSS.

Enter the CSS that you wish to apply to your H5P content. For example, entering:

.h5p-course-presentation h2,

.h5p-course-presentation .h5p-footer .h5p-footer-toggle-keywords .current-slide-title {

    color: #fab;

}
Application of the 'h5pcustomcss' setting on example H5P presentation content whereby the titles have been changed to the colour pink.

Which will then apply to the H5P content, here being the example presentation (h5p.org/presentation - CC BY-SA 4.0 Deed Attribution-ShareAlike 4.0 International license creativecommons.org/licenses/by-sa/4.0/) where both instances of the slide title text have been changed to pink.

Note: This setting is available in Moodle 4.3.3+ (Build: 20240223), version 2023100903.02 and above.

Capabilities

In addition to capabilities relating to the H5P activity and the Content bank there are further H5P capabilities as follows:

See also

index.php?title=Категория:H5P index.php?title=Категория:Language teaching

Категория: Интерактивный контент