2
Разработка элементов учебного контента.
Создание Timeline
Содержание темы 2
Подготовка исходных текстовых, графических и медийных материалов для создания оси времени (TimeLine).

Работа в сервисе TimeLineJS.
Создание и настройка внешнего вида оси времени.
Экспорт результата.

Вставка результатов работы в свой учебный курс.

Сервис StoryLineJS. Другие сервисы для создания осей времени.
Метафора «Ось времени»
Ось времени как статическое изображение
Сервис 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 сервисы
для работы с осями времени
Примеры интерактивных осей времени, созданных в разных сервисах

Пример интерактивной комбинированной с данными оси времени, созданной в сервисе StoryLineJS
Практикум 2
Cоздать ось времени из 8−15 событий на заданную или свободную тему в сервисе TimeLineJS.

Скачать пошаговую инструкцию к практикуму
Факультативный (не обязательный к изучению) материал

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

Пример исходной таблицы
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 1. Ролик 1/3
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 2. Ролик 2/3
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 3. Ролик 3/3
Made on
Tilda