2
Разработка элементов учебного контента.
Создание Timeline
Создание Timeline
Содержание темы 2
Подготовка исходных текстовых, графических и медийных материалов для создания оси времени (TimeLine).
Работа в сервисе TimeLineJS.
Создание и настройка внешнего вида оси времени.
Экспорт результата.
Вставка результатов работы в свой учебный курс.
Сервис StoryLineJS. Другие сервисы для создания осей времени.
Работа в сервисе TimeLineJS.
Создание и настройка внешнего вида оси времени.
Экспорт результата.
Вставка результатов работы в свой учебный курс.
Сервис StoryLineJS. Другие сервисы для создания осей времени.
Метафора «Ось времени»
Ось времени как статическое изображение
Сервис TimeLineJS3: http://timeline.knightlab.com/
Учебные ролики по сервису: см. ниже
Ролик № 1 «Введение» рассказывает об основном функционале сервиса TimeLineJS и знакомит с примерам осей времени, выполненными в этом сервисе
Ролик № 2 «Создаем ось времени за четыре шага» рассказывает о последовательности действий для создания оси времени в сервисе TimeLineJS.
ВНИМАНИЕ, имеются изменения! См. примечание к ролику 2
Ролик № 3 «Таблица событий. Даты» рассказывает о том, как заполнить таблицу событий и привязать их к определенным датам или промежуткам времени
Ролик № 4 «Таблица событий. Тексты и медиа» рассказывает как заполнить таблицу событий основной информацией о них и поместить ссылки на соответствующие медиаматериалы
Ролик № 5 «Таблица событий. Дополнительные поля» рассказывает о полях таблицы событий, позволяющий присвоить событию тип, группу и назначить ему фон
Ролик № 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 можно взять ПРЯМО ИЗ СТРОКИ АДРЕСА Гугло-таблицы. Прежний способ больше не работает для новых таймлайнов, но старые таймлайны переделывать не надо.
Внимание! 18 июля 2017 года в сервисе произошли изменения, которые касаются Шага 2 (3:40—4:45). Теперь операцию Файл/Опубликовать в Интернете можно делать только один раз и не брать ссылку из окна публикации. Ссылку для Шага 3 можно взять ПРЯМО ИЗ СТРОКИ АДРЕСА Гугло-таблицы. Прежний способ больше не работает для новых таймлайнов, но старые таймлайны переделывать не надо.
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 3/5
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 4/5
Серия скринкастов, посвященная разработке timeline при помощи TimeLine JS. Ролик 5/5
Альтернативныe сервисы
для работы с осями времени
для работы с осями времени
- Timeglider: http://timeglider.com/
- Tiki-Toki: http://www.tiki-toki.com/
- Timetoast: https://www.timetoast.com/
- TimeRime: http://timerime.com/
- Sutory: https://www.sutori.com/
Примеры интерактивных осей времени, созданных в разных сервисах
Пример интерактивной комбинированной с данными оси времени, созданной в сервисе StoryLineJS
Практикум 2
Cоздать ось времени из 8−15 событий на заданную или свободную тему в сервисе TimeLineJS.
Скачать пошаговую инструкцию к практикуму
Скачать пошаговую инструкцию к практикуму
Факультативный (не обязательный к изучению) материал
Примеры использование различных медиаресурсов в сервисе TimeLineJS
Пример исходной таблицы
Примеры использование различных медиаресурсов в сервисе TimeLineJS
Пример исходной таблицы
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 1. Ролик 1/3
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 2. Ролик 1/2
24 примера использования медиаресурсов в сервисе TimeLine JS. Часть 3. Ролик 3/3
