Timeline JS
Название сервиса: Timeline JS Он позволяет отобразить временную шкалу, состоящую из двух отдельных блоков. Первый блок – это временная шкала с событиями, которые привязаны к конкретным датам. Второй блок – это слайдер, который отображает подробный контент каждого события. В качестве контента события можно использовать тексты, фото, аудио, видео, карты и документы. Возможности сервиса для образовательной деятельности Где можно делиться материалами с сервиса
|
Алгоритм работы в сервисе
Сохранение шаблона | ||
Заходим на сайт https://timeline.knightlab.com/ и нажимаем «Make a Timeline». | ||
Чтобы получить шаблон для создания ленты времени, нажимаем «Get the Spreadsheet Template». | ||
Открывается шаблон Google таблицы, на основе которого будет создаваться лента времени. Для начала работы необходимо сохранить его на свой Google диск, для этого нажимаем «Использовать этот шаблон» вверху слева. | ||
Заполнение шаблона | ||
В ячейках шаблона уже содержатся различные данные, их можно удалять из таблицы и вставлять вместо них свои сведения. Внимание! В таблице нельзя удалять и переименовывать столбцы и объединять ячейки.
| ||
— видео – из видеохостингов Vimeo, DailyMotion, Vine и YouTube, — аудио — из хостинга Sound Cloud, — сообщения из Twitter, — Google-карты, — статьи из «Википедии», — публикации Storify, — документы из DocumentCloud.
| ||
Чтобы добавить новые строки в таблицу, нажимаем внизу слева на кнопку «Добавить строки внизу» а рядом в скобках указываем необходимое количество строк. | ||
Чтобы пригласить учащихся к совместной работе над лентой времени, нажимаем справа вверху «Настройки доступа» и в открывшееся окно вносим адреса электронной почты участников, которых хотим пригласить к совместной работе. Нажимаем«Готово». | ||
Публикация и распространение | ||
После того, как таблица будет заполнена, нажимаем «Файл» — «Опубликовать в Интернете». | ||
Нажимаем «Опубликовать» и копируем ссылку на созданную Google таблицу. | ||
Полученную ссылку вставляем на сайт сервиса — в раздел 3. А в разделе 4 получаем код для встраивания ленты времени на страницу сайта или блога. | ||
Для предварительного просмотра ленты времени нажимаем «Preview». | ||
В разделе «Optional settings» находятся дополнительные настройки для созданной ленты времени: можно поменять язык публикации, изменить шрифт, установить порядок показа и масштабирования слйдов. Для того, чтобы открыть список настроек, нажимаем «show». |
Примеры работ
- Биография А.С. Пушкина [Электронный ресурс] // Моя песочница. — Режим доступа: http://moya-pesochnitsa.blogspot.com/2016/01/timeline.html
- Лента времени турнира юных химиков в Мариуполе [Электронный ресурс] // Лаборатория творчества: блог учителя химии. — Режим доступа: http://lab-chim.blogspot.ru/2015/11/blog-post.html
- Хронология развития человечества [Электронный ресурс] // Contenton. — Режим доступа: http://www.contenton.ru/futurum/index-0.html#0
Полезные ссылки
- Гавриленко В. Timeline JS — сервис для визуализации хронологических событий [Электронный ресурс] // WebforMyself. — Режим доступа: http://webformyself.com/timeline-js-servis-dlya-vizualizacii-xronologicheskix-sobytij/
- Сакоян А. Интерактивный встраиваемый таймлайн [Электронный ресурс] // Журналистика данных. — Режим доступа: http://www.datadrivenjournalism.ru/2015/10/interactive-timeline/
- Хэйсайн К. Приложения для журналистов: Timeline JS [Электронный ресурс] // onMedia. — Режим доступа: http://onmedia.dw-akademie.com/russian/?p=5309