Постоянные разделы Knopka setev2.jpg Shkaf knopka2.jpg Promknopka.jpg Masterklass.jpg ПОМОЩЬ.png Web202.jpg
Текущие активности Веб-квест.png Акция кнопка.jpg Knopkakalendar.jpg Мама кнопка.jpg Knopkatree.jpg Knopkagra.jpg

H5P

Материал из Wiki-Сибириада
Перейти к: навигация, поиск


Автор страницы

Марина Орешко

Информация о сервисе

  • Проект Н5Р предназначен для создания разнообразного интерактивного контента: презентаций, видео, лент времени, интерактивных плакатов, упражнений, опросов и игр. Пользователи могут создавать интерактивный контент на сервисах проекта и затем использовать его на страницах сайтов или блогов. Проект не требует оплаты за использование. Поддерживает кириллицу. Групповая работа в сервисе не предусмотрена. Созданные в сервисе работы можно встроить на страницу сайта или блога и поделиться им в социальных сетях (Twitter, Facebook), также можно получить прямую ссылку на созданную работу.
  • Для создания интерактивного плаката используется шаблон "“Image Hotspots”. К интерактивным меткам можно прикреплять тексты, ссылки, другие изображения или видео.

Как работать в сервисе

Регистрация

  • Для работы в сервисе необходима регистрация. Для этого заходим на сайт 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.

Как разместить в вики

1. Откройте страницу вики, куда хотите вставить виджет, и переходите в режим Правка
2. Разместите код для вставки виджета
  {{#widget:Iframe
   |url=
   |width=600
   |height=400
   |border=0
   }}
3. Откройте страницу сервиса с вашей работой, найдите html-код, скопируйте часть кода


4.Вставьте скопированное в код виджета после url=
{{#widget:Iframe
   |url=
   |width=600
   |height=400
   |border=0
   }}

Примеры

Ссылки на полезные материалы

Источник — «http://wiki-sibiriada.ru/H5P»
Личные инструменты
Пространства имён
Варианты
Действия
Навигация
Инструменты