Презентация на тему: Удоба

Удоба
Удоба (https://udoba.org/)
Регистрация в сервисе (https://udoba.org/)
Личный кабинет в сервисе Удоба.org
Выбор типа контента в сервисе Удоба.org
Наполнение контента в сервисе
Горячая точка в сервисе Удоба.org
Горячая точка: добавление текста
Горячая точка: добавление других элементов
Горячая точка: как это выглядит
Горячая точка: добавление видео
Как поделиться работой на другом ресурсе
Полноэкранный вариант ссылки
1/13
Средняя оценка: 5.0/5 (всего оценок: 77)
Код скопирован в буфер обмена
Скачать (6188 Кб)
1

Первый слайд презентации: Удоба

Инструкция по созданию интерактивного плаката

Изображение слайда
2

Слайд 2: Удоба (https://udoba.org/)

УДОБА - бесплатный русскоязычный конструктор интерактивных электронных образовательных ресурсов (ЭОР). Здесь важно, что сервис: создан с использованием технологий H5P; пользователям разрешается загружать ресурсы исключительно для образовательных целей. Регистрируемся (стандартно) или входим на сайт.

Изображение слайда
3

Слайд 3: Регистрация в сервисе (https://udoba.org/)

Регистрация по электронной почте. Все стандартно, как в любом другом сервисе. Переходим на сайт.

Изображение слайда
4

Слайд 4: Личный кабинет в сервисе Удоба.org

Попадаем в ЛК пользователя. Чтобы создать новый ресурс, делаем клик на раздел “моя библиотека”, далее клик на + ДОБАВИТЬ.

Изображение слайда
5

Слайд 5: Выбор типа контента в сервисе Удоба.org

Выбираем “Интерактивный контент”. Открываются типы контента. Их много (46). Прокруткой справа находим нужный - “Image Hotspots”. Клик на него.

Изображение слайда
6

Слайд 6: Наполнение контента в сервисе

Заполняем предложенные сервисом поля: ЗАГОЛОВОК; загружаем фоновое изображение. Выбираем метку (у нас она стандартная. Это +, а также при желании мы можем поменять цвет метки. Добавляем содержимое в метку. И не забываем периодически нажимать зеленую плашку слева внизу рабочего поля - сохранить.

Изображение слайда
7

Слайд 7: Горячая точка в сервисе Удоба.org

В метку (горячую точку) можно добавить следующие элементы: текст, картинку, видео. Причем сделать это в одну и ту же метку.

Изображение слайда
8

Слайд 8: Горячая точка: добавление текста

Клик на Text открывает новое окно, где надо заполнить предложенные окна: устанавливаем позицию метки, добавляем заголовок (по желанию) и вводим текстовую информацию.

Изображение слайда
9

Слайд 9: Горячая точка: добавление других элементов

Клик на “Добавить item” позволит нам по тому же алгоритму добавить другой вид содержимого (т.е. картинку или видео) к этой же метке. Не забываем добавлять ссылки на источники: выделяем слово “источник”/клик на значок ссылки в верхней панели редактора текста. В появившемся окне вносим ссылку и не забываем подтверждать действие ОК.

Изображение слайда
10

Слайд 10: Горячая точка: как это выглядит

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

Изображение слайда
11

Слайд 11: Горячая точка: добавление видео

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

Изображение слайда
12

Слайд 12: Как поделиться работой на другом ресурсе

Клик сюда на “Вставить” откроет окно, которое позволит как взять код на работу для встраивания её в сайт, блог или другой ресурс, так и взять часть ссылки,заключенной в кавычки. Эта часть ссылки позволит нам видеть нашу работу в полном экране.

Изображение слайда
13

Последний слайд презентации: Удоба: Полноэкранный вариант ссылки

Вот эта ссылка: https://udoba.org/h5p/embed/2236 Она копируется в адресной строке.

Изображение слайда