Как создать интерактивный таймлайн. Удоба

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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