Тема 10. Визуализация времени

10

Визуализация времени

Содержание темы 10

Временной контекст в онлайн-обучении. Концепция ленты времени: как превратить текст в хронику и как это улучшает понимаемость и цельность учебного материала.
Инструменты для создания лент времени. Подготовка исходных текстовых, графических и медийных материалов для создания оси времени.
Работа в сервисе TimeLineJS. Создание и настройка внешнего вида оси времени. Экспорт результата. Вставка результатов работы на свою страницу в виде интерактивной визуализации.
Другие сервисы для создания лент времени. Timeglider, Tiki-Toki, Timetoast, TimeRime, Sutori4. Блоки ленты времени в Тильде.

Метафора «Ось времени»

Ось времени как статическое изображение

Сервис dipiti.com (дополнительно)

Ниже приведены первые два из пяти роликов, рассказывающих о сервисе для создания осей времени dipiti.com. К сожалению, в настоящий момент времени сервис не функционирует. Однако первые два ролик посвящены общей концепции и видам «таймлана», поэтому полезны и сейчас.

Серия скринкастов, посвященная разработке timeline при помощи dipiti.com. Ролик 1/5

Серия скринкастов, посвященная разработке timeline при помощи dipiti.com. Ролик 2/5

Сервис TimeLineJS3: http://timeline.knightlab.com/

Учебные ролики по сервису: см. ниже

Ролик № 1 «Введение» рассказывает об основном функционале сервиса TimeLineJS и знакомит с примерам осей времени, выполненными в этом сервисе
Ролик № 2 «Создаем ось времени за четыре шага» рассказывает о последовательности действий для создания оси времени в сервисе TimeLineJS.
ВНИМАНИЕ, имеются изменения! См. примечание к ролику 2
Ролик № 3 «Таблица событий. Даты» рассказывает о том, как заполнить таблицу событий и привязать их к определенным датам или промежуткам времени
Ролик № 4 «Таблица событий. Тексты и медиа» рассказывает как заполнить таблицу событий основной информацией о них и поместить ссылки на соответствующие медиаматериалы
Ролик № 5 «Таблица событий. Дополнительные поля» рассказывает о полях таблицы событий, позволяющий присвоить событию тип, группу и назначить ему фон

Видеоролик как ось времени. Пример: изменение границ в Европе за 1000 лет

Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 1/5

Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 2/5

Внимание! 18 июля 2017 года в сервисе произошли изменения, которые касаются Шага 2 (3:40—4:45). Теперь операцию Файл/Опубликовать в Интернете можно делать только один раз и не брать ссылку из окна публикации. Ссылку для Шага 3 можно взять ПРЯМО ИЗ СТРОКИ АДРЕСА Гугло-таблицы. Прежний способ больше не работает для новых таймлайнов, но старые таймлайны переделывать не надо.

Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 3/5

Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 4/5

Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 5/5

Альтернативныe сервисы
для работы с осями времени

Примеры интерактивных осей времени, созданных в разных сервисах

Практикум 10

Создать ось времени из 8–15 событий на заданную тему. Вставить результат в страницу в Тильде.

Используйте Пошаговую Инструкцию

Факультативный (не обязательный к изучению) материал

Примеры использование различных медиаресурсов в сервисе TimeLineJS

Пример исходной таблицы

24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 1. Ролик 1/3

24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 2. Ролик 2/3

24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 3. Ролик 3/3