H5P
Материал из Wiki-Сибириада
(Различия между версиями)
(Новая страница: «{{subst:Шаблон:Справочная страница}}») |
(→Как работать в сервисе) |
||
(не показаны 8 промежуточных версий 1 участника) | |||
Строка 5: | Строка 5: | ||
=== Автор страницы === | === Автор страницы === | ||
+ | [[Участник:Полярная Сова|Марина Орешко]] | ||
=Информация о сервисе= | =Информация о сервисе= | ||
+ | *Проект [https://h5p.org Н5Р] предназначен для создания разнообразного интерактивного контента: презентаций, видео, лент времени, интерактивных плакатов, упражнений, опросов и игр. Пользователи могут создавать интерактивный контент на сервисах проекта и затем использовать его на страницах сайтов или блогов. Проект не требует оплаты за использование. Поддерживает кириллицу. Групповая работа в сервисе не предусмотрена. Созданные в сервисе работы можно встроить на страницу сайта или блога и поделиться им в социальных сетях (Twitter, Facebook), также можно получить прямую ссылку на созданную работу. | ||
+ | *Для создания интерактивного плаката используется шаблон "“Image Hotspots”. К интерактивным меткам можно прикреплять тексты, ссылки, другие изображения или видео. | ||
= Как работать в сервисе = | = Как работать в сервисе = | ||
+ | ===Регистрация=== | ||
+ | *Для работы в сервисе необходима регистрация. Для этого заходим на сайт [https://h5p.org/ H5P] и нажимаем “Create free account”. В дальнейшем можно заходить на сервис, используя клавишу “Log in”. | ||
+ | *В форме для регистрации указываем имя (никнейм), адрес электронной почты, придумываем и подтверждаем пароль. По желанию можно рассказать о себе в разделе “Description”, подписаться на новости проекта или отказаться от них (снять “галочку”), в заключение пройти проверку, ответив на контрольный вопрос (так называемая “капча”) и в соответствующее окно записав ответ на него в виде слова. Контрольный вопрос и ответ - на английском языке. Для перевода можно использовать переводчик Google. | ||
+ | *Открывается учетная запись. Чтобы приступить к созданию интерактивного видео, нажимаем “Create New Content”. | ||
+ | |||
+ | ===Создание интерактивного плаката=== | ||
+ | *Интерактивный плакат создается на основе изображения. К нему можно прикреплять метки с текстовой информацией, другим изображением или видео. | ||
+ | *Даем название будущей работе (Title). Выбираем из выпадающего списка “Image Hotspots”. Загружаем с ПК изображение для плаката (не более 16 Mb), выбираем цвет метки (“горячей точки”). | ||
+ | *Далее выбираем на изображении место для метки (Hotspot Position), указываем название метки (Header) и её тип (Content Item): видео (Video) изображение (Image), текст (Text). К одной метке можно прикрепить сразу несколько типов контента (видео с текстом, изображение и видео и т.д.): для этого нажимаем “Add item”. По желанию можно выбрать опцию “Cover entire background image”: при нажатии на метку открывшееся окно будет закрывать всё фоновое изображение. | ||
+ | *Видео загружается по ссылке из YouTube или с ПК (не более 16 Mb). К видео можно применить некоторые настройки. В разделе “Visuals” настраиваем параметры видеоплеера. В разделе “Playback” выбираем опции автоматического воспроизведения и воспроизведения “по кругу”. | ||
+ | *Изображение для метки загружается с ПК (не более 16 Mb). Указываем текст, который будет появляться, если изображение не удастся загрузить (Alternative text) и текст, который будет появляться при наведении на метку курсора (необязательно). | ||
+ | *Чтобы добавить новую метку на изображение, нажимаем “Add hotspot”. | ||
+ | *В разделе “Text overrides and translations” можно перевести на русский язык надписи, которые будут появляться при работе с интерактивным плакатом. В заключение нажимаем “Save”. | ||
+ | |||
+ | ===Распространение=== | ||
+ | *Во вкладке “View” все созданные работы доступны для предварительного просмотра. Для того, чтобы получить ссылку на готовую работу, заходим в личный кабинет (кнопка “My account” вверху справа), выбираем её из списка и открываем. Ссылку на работу копируем из строки браузера. | ||
+ | *Для того, чтобы получить код для встраивания видео на страницу сайта или блога, нажимаем “Embed”. Также готовой работой можно поделиться в социальных сетях (Twitter, Facebook) и скачать ее в формате h5.p. | ||
=Как разместить в вики = | =Как разместить в вики = | ||
Строка 32: | Строка 52: | ||
=Примеры = | =Примеры = | ||
+ | *[https://h5p.org/node/44927 Животные Лапландского заповедника] | ||
+ | *[https://h5p.org/h5p/embed/45574 Красная книга Ковровского района. Животные] | ||
+ | *[https://h5p.org/node/48390 Саамы] | ||
= Ссылки на полезные материалы = | = Ссылки на полезные материалы = | ||
− | * | + | *[https://docs.google.com/document/d/1V0EP8tml1sFm0Xs1_ixjcFfUXHdLVa9IpmzVrwKo-dk/pub Интерактивный плакат H5P] |
+ | |||
[[Категория:Справка]] | [[Категория:Справка]] |
Текущая версия на 11:12, 8 марта 2017
Автор страницыИнформация о сервисе
Как работать в сервисеРегистрация
Создание интерактивного плаката
Распространение
Как разместить в вики
{{#widget:Iframe |url= |width=600 |height=400 |border=0 }}
{{#widget:Iframe |url= |width=600 |height=400 |border=0 }} ПримерыСсылки на полезные материалы |