Инструкция по созданию ЭОР с
интерактивным контентом “Горячие точки изображения”.
Шеломенцева Л.В.
Название сервиса: H5P.
Описание: сервис для создания интерактивного
контента.
Язык: английский.
Ссылка на сервис: https://h5p.org/ .
рисунок 1. Сервис Н5Р
Возможности сервиса для
образовательной деятельности
Сервис имеет более 20 видов интерактивного контента,
что позволяет учителю создавать разнообразные электронные образовательные
ресурсы как в чистом виде, так и в комбинированном, внедряя простые элементы в
более сложные (тесты, презентации, видеоролики). Сервис Р5Р можно использовать
как при традиционном обучении, так и при дистанционном. Также сервис дает
возможность учащимся создавать учебные проекты, предусмотренные ФГОС.
рисунок 2. Типы контента.
Краткое описание
По каждому виду интерактивного
контента сервис имеет учебное пособие на английском языке, а для некоторых
элементов контента видеоуроки, что значительно облегчает его освоение; а также
примеры электронных ресурсов, которые обеспечивают наглядность выбранного
контента и дают представление о направлениях его использования.
Тип содержимого
«Горячие точки изображения» позволяет учителю использовать, созданный
электронный ресурс как при изучении учебного материала, так и при контроле
знаний учащихся.
Данный тип интерактивного контента позволяет
учителю создавать интерактивные плакаты с помощью которых ученики могут
самостоятельно изучать новый материал.
Начало работы
1. Перед началом работы зарегистрируйтесь на сервисе,
создав свой бесплатный аккаунт.
рисунок 3. Создание аккаунта.
2. Создайте свою учетную запись, заполнив
соответствующую форму на сайте.
3. Авторизуйтесь введя логин и пароль, используемые в
учетной записи.
4. Приступайте к созданию ЭОР.
рисунок 4. Создание учетной записи.
рисунок 5. Начало работы в аккаунте.
На основе созданного ресурса “Небесная сфера” по
астрономии рассмотрим алгоритм работы с интерактивным контентом “Горячие точки изображения”.
Алгоритм создания ЭОР
Шаг 1. Определяем тему ЭОР, собираем
необходимый для создания ресурса материал в отдельную папку на своем
компьютере: фоновое изображение, вопросы, картинки, ссылки на видео.
Шаг 2. Выбор контента
Входим в свой аккаунт и щелкаем мышью на кнопке “создать
новый контент”(рис. 5).
рисунок 6.Тема ЭОР
В поле “название” печатаем тему ресурса
“Небесная сфера”.
В окне “выберите тип контента нажимаем на
стрелку с выпадающим списком(рис. 6)
В выпадающем списке находим нужный контент и нажимаем
на кнопку “детали” (рис. 7).
рисунок 7. Выбор контента.
Шаг 3. Выбор шаблона
В открывшемся окне при необходимости просматриваем
шаблоны, представленных деморесурсов и нажимаем на кнопку “использовать” - use
(рис.8).
рисунок 8. Шаблоны контента.
Шаг 4. Вставка фона (заднего плана)
В открывшемся окне нажимаем на кнопку добавить.
Производим вставку заранее выбранного рисунка, загружая его с
ПК.
рисунок 9. Вставка фона.
Шаг 5. Выбор цвета “горячей точки”
С помощью кнопки открываем палитру цветов и
передвигаем ползунок на нужный цвет.
рисунок 10. Выбор цвета горячей
точки.
Шаг
6. Добавление горячей точки
Нажимаем
на кнопку Добавить горячую точку, заполняем текстом поле заголовок. Щелчком
устанавливаем точку в нужное место на изображении.
рисунок 11.установка горячей точки на
изображении.
Шаг 7. Установка всплывающего
содержимого. Текст
Выбираем в выпадающем списке нужный элемент контента (текст).
Щелкаем левой кнопкой мыши по окну текст и в появившемся текстовом редакторе
набираем текст, который будет появляться по щелчку на горячей точке.
рисунок 12. Установка элементов
всплывающего содержимого.
Шаг 8. Установка всплывающего
содержимого. Образ
Нажимаем на кнопку добавить элемент. Выбираем в
выпадающем списке нужный элемент контента (образ). Щелкаем левой кнопкой
мыши по слову образ. Загружаем изображение с компьютера или других источников с
помощью кнопки Добавить.
рисунок
13. Установка элементов всплывающего содержимого. Образ
рисунок 14. Добавление образа
(рисунка) в качестве всплывающего контента
рисунок 15. Вставка всплывающего
контента с ПК. Видео
Шаг 9. Установка всплывающего
содержимого. Видео
В
раскрывающемся списке выбираем видео. Выбираем источник видео: загружаем с ПК
или вставляем ссылку с ютуба. Устанавливаем необходимые настройки.
рисунок 16.Вставка видео
Шаг
10. Сохранение задания и просмотр
С помощью кнопки сохранить осуществляем
сохранение задания. После нажатия этой кнопки открывается окно с заданием и мы
можем осуществлять работу с ресурсом.
рисунок 17. Режим просмотра ресурса
Шаг 11. Редактирование
Выходим из режима просмотра, нажав на кнопку редактировать.
Аналогично устанавливаем все горячие точки на изображении.
Шаг 12. Копирование кода для
встраивания на сайт или блог и ссылки на работу.
В нижней части ресурса нажимаем кнопку Встраивать
и копируем код ресурса.
рисунок 20. Копирование кода.
Ресурс готов для использования.
Автор: Шеломенцева Людмила Викторовна учитель физики
МБОУ СОШ с. Олекан Забайкальский край. 4.02. 2018 год
Адрес работы: https://h5p.org/node/171760
электронная почта: ludvik1263@gmail.com
© Шеломенцева Людмила, 2018
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.