вторник, 26 июня 2018 г.

Универсальный конструктор Удоба. Часть 2. Интерактивный плакат

Продолжаем экспериментировать с сервисом Удоба. Сегодня на очереди создание интерактивных плакатов.

Интерактивный плакат - это большое такое изображение, к которому в виде меток ("горячих точек") прикрепляются ссылки на веб-ресурсы и разные мультимедийные объекты: видео, аудио, презентации, слайд-шоу, игры, опросы... Главное достоинство такого плаката - его интерактивность: читатель может знакомиться с информацией в любом удобном для себя порядке и открывать только интересующие его материалы.

Хорошая штука: с помощью интерактивных плакатов можно собрать и обобщить материал по любой теме, создать дайджест публикаций, виртуальную выставку или путешествие. Просто и полезно.

А вот и мой небольшой пример - "Животные Лапландского заповедника"

 
С помощью Удоба сделать такой плакат не так уж и сложно. Итак, приступим...



Регистрация



Для начала давайте зарегистрируемся. Заходим на стартовую страницу сервиса и нажимаем "Войти на сайт" или "Войти" (справа).


В правом меню выбираем кнопку "Регистрация" и заполняем предложенную форму: имя пользователя, адрес электронной почты, пароль, капча... В заключение нажимаем кнопку "Регистрация".


Теперь нужно создать библиотеку, в которую мы будем добавлять созданные в сервисе работы. В правом меню нажимаем кнопку "Моя библиотека" и далее - "Создать библиотеку".


В открывшейся библиотеке выбираем опцию "Интерактивный контент" и переходим к созданию ленты времени.



Загружаем - выбираем


Из списка шаблонов выбираем тот, который называется “Image Hotspots”. Придумываем название плакату. Загружаем с ПК фоновое изображение для него, выбираем из выпадающих списков вид иконки (метки, "горячей точки") и её цвет.





Всё дело в точках


Теперь самое интересненькое: прикрепляем метки к изображению. Щёлкая "мышкой", выбираем на картинке место для "горячей точки" (Позиция метки), придумываем ей название (Заголовок) и выбираем тип контента (Элемент содержимого): видео (Video), изображение (Image) или текст (Text).

Самое замечательное в этом сервисе, что к одной метке можно прикрепить сразу несколько типов контента (видео с текстом, изображение и видео, а можно и всё сразу): для этого нажимаем “Add item”. 


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



У картинки указываем название и альтернативный текст, по желанию - текст при наведении курсора.


Видеоролики загружаются по ссылке из YouTube или с ПК. У них настройки побогаче. 
В разделе “Визуализация” выбираем опции видеоплеера и добавляем постер к видеоролику, а в разделе "Воспроизведение" устанавливаем автоматическое воспроизведение видео и воспроизведение “по кругу”. 


Чтобы добавить новую метку на изображение, нажимаем “Add hotspot”. А в заключение нажимаем “Сохранить”.




Мы ребята поделистые...



После этого  наш интерактивный плакат предстанет во всей красе. Ссылку на работу копируем из строки браузера вверху.

Для того, чтобы получить код для встраивания видео на страницу сайта или блога, нажимаем “Вставить”. Размеры плаката лучше подстроить под размеры блога и сайта, вписав высоту и ширину в пикселях. В этом блоге, например, работает формат 800 на 600.


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

7 комментариев:

  1. Здравствуйте! Подскажите, пожалуйста, как именно можно поделиться в Facebook? На страницу блога я вставила, все получилось.

    ОтветитьУдалить
    Ответы
    1. Раньше у сервиса были специальные кнопки внизу под готовой работой для соцсетей. Сейчас создатели от них отказались. Поделиться в соцсетях сейчас можно вручную, скопировав ссылку из браузера.

      Удалить
  2. Спасибо Вам за интересные идеи! Очень увлекательно, обязательно буду использовать!

    ОтветитьУдалить
    Ответы
    1. Спасибо! Здорово, что в работе пригодится. Это самое главное.

      Удалить
  3. Огромное спасибо

    ОтветитьУдалить

Этот пост ждёт ваших комментариев.
Не знаете, как оставить комментарий?
Тогда эта инструкция для вас!

- Нажмите на стрелку рядом с окошком "Подпись комментария".
- Выберите "Имя/URL".
- Напишите своё имя, строчку URL можно оставить пустой.
- Нажмите "Продолжить" и комментируйте.

Заранее спасибо!