Как создать интерактивную ленту времени (таймлайн): сервис УДОБА

Как создать интерактивную ленту времени (таймлайн): сервис УДОБА

технология

Как создать интерактивную ленту времени (таймлайн):
сервис УДОБА

Шкала времени позволяет размещать последовательность событий в хронологическом порядке. Это простой, но понятный формат подачи информации. Если у вас есть долгая история, попробуйте представить её в виде таймлайна.

Создать таймлайн можно в бесплатном сервисе от российских разработчиков — УДОБА.

Открывайте сервис УДОБА. Зарегистрируйтесь. Для этого нажмите «Войти» (в верхнем правом углу сайта). Переключитесь на вкладку «Регистрация». Заполните поля. Подтвердите регистрацию по ссылке, которая придет на электронную почту.

В колонке слева нажмите «Моя библиотека». Раздел также найдете в верхнем меню своим именем. Затем нажмите «Добавить» — серая кнопка по центру.

Нажмите на поле со словами «Интерактивный контент». Здесь содержится база мультимедийных форматов: презентаций, видео, опросов, онлайн-игр и другого функционал на основе H5P. В этом же разделе находится таймлайн.

Откроется база форматов, скрольте вниз до пункта «Шкала времени». Нажмите на кнопку «Подробности».

Затем на синюю кнопку «Использовать».

Сервис УДОБА позволяет создавать интерактивную ленту времени. К каждому события можно добавить текст, изображение, загружать мультимедиа из Twitter, YouTube, Flickr, Vimeo, Google Maps и SoundCloud.

Заполните форму: впишите заголовок и описание, нажмите на вкладку «Объект», чтобы добавить к главной странице таймлайна видео или карту.

Ниже — раздел «Дата». Внесите в форму первое событие: укажите дату мероприятия, впишите заголовок, добавьте описание. Текст в описании можно форматировать: выделять полужирным, добавлять маркированный сынок, цеплять к словам ссылку.

Нажмите на вкладку «Объект», чтобы добавить мультимедиа к событию. Это должна быть ссылка на:
 

  • пост в Twitter,
  • видео на YouTube или Vimeo,
  • фотографию, размещенную на Flickr,
  • карту из Google Maps,
  • аудио, опубликованное в сервисе SoundCloud.

Чтобы мультимедиа корректно отображались на интерактивной ленте времени, они должны быть опубликованы и находиться в открытом доступе на сервисах.

Если элемент не вашего авторства, обязательно укажите источник — заполните соответствующую строку в редакторе.

Чтобы добавить дату в таймлайн, нажмите «Добавить item». Добавьте информацию в строки формы. Аналогичным образом внесите на интерактивную шкалу времени все даты.

Нажмите «Сохранить».

Откроется готовая интерактивная лента времени. Ссылку с сервиса можно расшаривать. Под таймлайном будет надпись «Вставить», нажмите на нее, чтобы получить код на таймлайн.

Над таймлайном — меню, из которого можно вернуться в редактор ленты времени, посмотреть статистику.

Так интерактивная лента времени будет выглядеть на сайте.

Инструкция актуальна на сентябрь 2021 года.

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса УДОБА

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: