Как сделать ленту времени
Обновлено: 07.07.2024
Те, кому не случилось учиться в школе в период повсеместной компьютеризации, вполне возможно, рисовали ленты времени на бумаге. Автор настоящей статьи был участником подобных экспериментов: несколько листов в клеточку из тетрадки за 2 копейки подклеивались так, чтобы получилась лента. Внизу чертилась горизонтальная временная шкала, десять клеточек — столетие. Для каждого значимого события проводилась вертикальная черта, над которой надписывалось название события и проставлялась его дата или даже рисовался значок, символизирующий событие. Надо сказать, занятие это было не только интересное, но и весьма полезное. Недостатки его заключались в необходимости стирать одни рисунки, чтобы поместить другие, и в переделывании отдельных фрагментов по нескольку раз.
Те, кто имел в школе доступ к компьютерам, возможно, выполняли подобные задания в том или ином графическом редакторе. В компьютере легко задать скроллинг вдоль временной шкалы. Временная шкала может быть линейной, при этом можно сравнивать протяженные события без искажения; на логарифмической шкале иногда удобнее отобразить события, поскольку количество событий, актуальных для их современников, всегда больше в недавнем прошлом, чем в давно минувших веках. Шкала также может быть масштабируемой, как показано на рис. 1.
Рис. 1. Схема масштабируемой шкалы
По мере перемещения красной линии количество отображаемых лет изменяется по гиперболическому закону, то есть вместо скроллинга доступно изменение временного периода, отображаемого на экране.
Сегодня для школьников, студентов и всех тех, кто хочет представить цепь исторических событий в виде ленты времени, предлагается большой арсенал специализированных инструментов — Timeline Software. В данной статье мы будем в первую очередь рассматривать проекты, нацеленные на визуализацию временных исторических процессов, и в меньшей степени — инструменты для автоматизации привязки бизнес-задач к временной шкале. Эта тема может быть отнесена к timelines, но имеет другие акценты и потому заслуживает отдельного разговора.
Средства создания таймлайнов можно разделить на офлайновые и онлайновые, то есть те, которые позволяют разработать проект непосредственно в Сети. В последнее время в Интернете появились обширные ресурсы, касающиеся создания лент времени, а также готовые проекты, где можно почерпнуть интересную информацию, полезную при создании собственных проектов. О том, как выбрать оптимальный инструмент для разработки Timeline-проекта и где найти информацию в Сети, и пойдет речь в данной статье.
Офлайновые timeline-инструменты
Timeline Maker Professional
Программа существует в двух редакциях: Timeline Maker Professional (195 долл.) и облегченной Timeline Maker Student (49,95 долл.), имеется также бесплатная ознакомительная версия. Приложение позволяет автоматически построить ленту времени и настроить ее в соответствии с индивидуальными пожеланиями. Пользователю необходимо внести исходные данные в таблицу, подобную таблицам Microsoft Excel (рис. 2), или импортировать их из других приложений, а затем по щелчку мыши автоматически генерируется лента времени. При этом можно настроить фон и выбрать то или иное представление событий (рис. 3 и 4).
Рис. 2. Интерфейс программы Timeline Maker Professional
Рис. 3. Отображение событий (периодов) в виде флажков
Рис. 4. Отображение событий (периодов) в виде полос
Bee Docs’Timeline
Данная программа единственная из рассматриваемых работает только под Mac OS и обеспечивает трехмерное отображение событий (рис. 5). Правда, базовая версия, которая обойдется пользователям в 40 долл., строит плоские таймлайны (рис. 6), а за трехмерность придется раскошелиться — такая версия стоит 65 долл. Имеется также бесплатная ознакомительная версия.
Рис. 5. Трехмерная лента времени придает глубину
исторической ретроспективе
Рис. 6. Привычный двумерный вид
Во всех вариантах доступен просмотр исторических событий, которые могут быть расположены в несколько слоев. Пользователь может редактировать события по двойному щелчку мыши. События на ленте времени могут быть связаны гипертекстовыми ссылками с локальными файлами на компьютере пользователя или с ресурсами в Интернете.
SmartDraw
SmartDraw — это набор для бизнес-графики стоимостью 197 долл., предоставляющий возможность построения разного рода диаграмм, в том числе диаграммы Ганта, и блок-схем, майндмеппинг и средство построения лент времени (рис. 7). Имеется бесплатная ознакомительная версия.
Рис. 7. Интерфейс программы SmartDraw
Timeline Creator
ОС: Windows, Mac OS 9, X (требуется Java и FlashPlayer)
Timeline Creator — это бесплатный инструмент, который поможет учителям и студентам, не владеющим средствами разработки мультимедиа, создать интерактивные ленты времени (рис. 8). Полученная с его помощью лента времени может быть опубликована в Интернете. Интерфейс программы позволяет отображать одновременно до шести параллельных лент времени, что дает возможность сравнивать события. События снабжаются текстовым комментарием и могут иметь мультимедийное сопровождение в виде фото, аудио или видео.
Рис. 8. Пример ленты времени, полученной на базе Timeline Creator
Пользователи ресурса получают возможность обмениваться файлами timeline.xml на сайте разработчика. Это позволяет использовать и продолжать наработки коллег-учителей.
Timeliner XE
ОС: Windows (все версии)
Timeliner XE (рис. 9) — это весьма совершенный продукт (стоимостью 99 долл.), который предлагает инструменты создания таймлайнов и концепт-карт, то есть позволяет отображать объекты, связанные не только по хронологическому, но и по причинно-следственному принципу. Поэтому с помощью программы, кроме линейных хронологических лент, можно создавать цепочки объектов или даже замкнутые циклы, составленные из объектов.
Рис. 9. Интерфейс программы Timeliner XE
Быстрый старт при создании проекта благодаря шаблонам делает этот продукт востребованным у пользователей, не владеющих сложными средствами создания мультимедиа. Встроенный веб-браузер для поиска информации в Интернете позволяет находить нужные объекты, не покидая проекта.
Excel
Рис. 10. Пример ленты времени, созданной
с помощью Excel (нелинейная шкала)
Рис. 11. Пример ленты времени, полученной с помощью Excel
(линейная шкала)
Современники
Возможность редактировать и добавлять новые элементы на ленте времени (рис. 13) позволяет учителю создать ленту времени в качестве иллюстрации для того или иного урока.
ОСЗ ХроноЛайнер
Лента времени может быть представлена в разных видах: с подробными карточками событий (рис. 14), с краткими карточками с названиями событий (рис. 15) и в компактном виде, при котором каждое событие отмечено на экране точкой, работающей как кнопка со всплывающей подсказкой при наведении на нее мыши (рис. 16).
Рис. 14. Лента времени с отображением подробных карточек событий
Рис. 15. Режим отображения краткой информации по событиям
Особенность программы состоит в том, что она предоставляет учителю возможность создавать собственные файлы контентного наполнения ленты времени. Ряд тем уже предлагается в единой коллекции, включая те, что перечислены в таблице.
Онлайновые timeline-инструменты
В данном разделе будут рассмотрены ресурсы, позволяющие создать ленту времени в Сети. Подобные инструменты предоставляют несложные средства разработки, давая возможность создать свой проект и сделать его доступным либо только автору, либо всем посетителям Интернета.
Timeline.thinkport
Данный сервис доступен в рамках образовательной среды thinkport, которая задумывалась как площадка для учителей, учеников и их родителей. Один из разделов сайта предлагает простенький ресурс по созданию лент времени. После регистрации вы получаете возможность создать свой таймлайн непосредственно в Сети. Программа позволяет вести поиск иконок для ленты времени, созданный проект можно просматривать, масштабируя ленту в широких пределах. Лента времени хранится в Сети, но к своему проекту можно вернуться, чтобы продолжить работу над ним.
Наличие шаблона упрощает процесс создания ленты времени (рис. 18), но не стоит обольщаться — с помощью этой программы можно создать лишь весьма простенький проект.
Рис. 18. Помощник проведет вас по всем этапам создания
ленты времени на Timeline.thinkport
Mnemograph
Mnemograph — это веб-приложение, позволяющее организовывать информацию и управлять ею на основе timeline. Сведения можно сделать доступными только автору или всем окружающим. Можно создавать как точечные события, привязанные к конкретной дате, так и протяженные (рис. 19). На добавленные события можно давать гиперссылки, отсылая пользователей ленты времени к информации по данному событию, уже опубликованной в Интернете. Можно создать несколько параллельных лент времени, а также добавлять события не только прошлого, но и те, что запланированы на будущее. Mnemograph — это одновременно и редактор и просмотрщик. На момент написания данной статьи ресурс Mnemograph находился в стадии бета-тестирования.
Рис. 19. Интерфейс ресурса Mnemograph
Simile timeline
Для программистов и веб-дизайнеров будет полезен ресурс Simile timeline, где описана методика и приведен код, который позволяет получить онлайновую реализацию ленты времени, подобную той, что показана на рис. 20.
Рис. 20. Внешний вид ленты времени Simile timeline
Готовые timeline-проекты
Вышеописанные продукты позволяют создавать достаточно простые ленты времени. Если вы планируете сложный интерактивный проект, то придется воспользоваться каким-либо средством создания мультимедиапродуктов, обзор которых выходит за рамки данной статьи. Здесь же полезнее сделать краткий обзор ресурсов, где уже реализованы те или иные таймлайн-проекты. Ознакомившись с ними, можно почерпнуть идеи представления материала и найти исторические данные.
Hyperhistory
Великолепный по наглядности и историческому наполнению ресурс. Временные ленты исторических деятелей (рис. 21), периодов и событий (рис. 22 и 23) плюс исторические карты и текст делают его идеальным учебником по истории.
Проект реализован весьма аскетично с точки зрения дизайна и графических изысков, но все, что нужно, работает.
Timeline of major trends and events (1750-2100)
Уникальный ресурс, в котором анализ истории позволяет сделать прогноз на будущее. При весьма скромной реализации проект поражает своей наглядностью и информативностью.
Лента времени (рис. 24) содержит множество шкал, отображающих следующие факторы:
Рис. 24. Timeline of major trends and events (1750-2100)
- относящиеся к окружающей среде — например уровень населения и другие параметры;
- социальные — уровень преступности, социальные настроения (периоды эйфории, тревоги и т.п.);
- технологические — в частности время появления важнейших технологий (рис. 25);
Рис. 25. Фрагмент ленты времени, на которой отражены периоды зарождения
и зрелости наиболее важных технологий (включая прогноз)
- экономические — периоды рецессии, депрессии, паники на рынке;
- политические — войны и вооруженные конфликты (рис. 26), бунты, мятежи и т.п.
Рис. 26. Фрагмент ленты времени, где отмечены наиболее значимые войны
(Полную версию данной ленты времени в PDF-формате можно найти на нашем CD-диске.)
bbc timelines
Ленту времени по британской истории (рис. 27) мы привели, чтобы показать, какую интерактивность и красоту обеспечивает Flash, на базе которой реализован данный проект. Лента времени охватывает огромный исторический материал, тем не менее скроллинг по ней осуществляется очень быстро и удобно. Подсветка текстов, безупречный дизайн, однако на этом достоинства проекта, пожалуй, и заканчиваются. Для ресурса выбран режим событий, при котором они показаны кнопками со всплывающими подсказками, — это неудачная форма подачи информации, так как она не дает возможности проследить тенденции. Отсутствие иконок и символов, дополняющих кнопки событий, существенно снижает информативность проекта. В результате пользователь получает качественный дизайн, обилие материала, но наглядность его подачи минимальна.
Рис. 27. Интерфейс ленты времени British history timeline
Коллекция проектов по построению лент времени
Великолепный сайт, где собраны проекты лент времени от древности до наших дней. Здесь можно почерпнуть массу идей по созданию нового проекта.
Рис. 28. Лента времени, отображающая изменение площади стран
с течением времени
Поскольку площадь континента — неизменная во времени величина, возможно построение ленты времени, отображающей изменение во времени процентного соотношения площадей в группе сопредельных стран. Кстати, она тоже представлена на данном сайте.
Пути развития народов России
Рис. 30. Интерактивное задание на ленте времени
Выводы
Онлайновых редакторов, позволяющих создавать более-менее сложные таймлайны, автор данной статьи в Сети не обнаружил. По-видимому, полноценные Web 2.0-проекты, где каждый желающий может указать свою биографию и биографии всех своих родственников на ленте времени, еще ждут своего часа. Ресурсы по разработке лент в онлайне, которые нам удалось протестировать, пока находятся в стадии бета-тестирования и развиты слабо.
Анализ готовых лент времени, доступных в Сети для просмотра, показывает, что тема эта представлена в самых разных направлениях и есть замечательные ресурсы, правда в основном англоязычные. При этом следует отметить, что наглядность проекта далеко не всегда соответствует возможностям технологической платформы, на которой он реализован. Удачный проект — это не только движок и хороший дизайн панелей и шрифтов, но и наглядность, интересные идеи и их графическая интерпретация. Для создания ленты времени требуется не просто расставить названия событий вдоль линии времени, но и так подобрать иконку к каждому событию, чтобы она занимала минимум места и точно ассоциировалась с ним. Реализаций лент времени в Сети множество, но это не значит, что на долю новых разработчиков ничего не осталось… История — наука живая: появляются новые факты, переосмысливаются старые — так что новые интересные таймлайны будут появляться и впредь. Надеемся, что данная статья поможет в разработке новых интересных проектов.
Лента времени (таймлайн, цифровая хроника) - это своеобразная интерактивная линейка: на шкалу наносятся даты событий и временные отрезки. События можно представлять в виде текста, картинки или видео, а также дополнять ссылками на различные веб-ресурсы.
С помощью такой цифровой хроники можно составить родословную, рассказать об истории города или страны, наглядно представить развитие искусства, музыки, науки, поведать о жизни и творчестве известных писателей, художников, музыкантов. И это ещё не полный список всех возможностей!
Сейчас существует восемь относительно бесплатных онлайн-сервисов, которые помогают быстро и просто создать ленту времени.
ClassTools
С помощью этого инструмента создать ленту времени можно за считанные минуты - по шаблону. Для начала работы даже регистрироваться не нужно! А сервис ещё и кириллицу поддерживает.
LearningApps
Сервис LearningApps - наверное, самый известный конструктор игр и викторин. Чего он только не умеет! Может и кроссворд смастерить, и игру "Кто хочет стать миллионером". Более двадцати шаблонов не дадут заскучать даже самому привередливому педагогу. Добавьте сюда русификацию сервиса - и получите отличный инструмент для работы на случаи жизни.
Среди интересных шаблонов есть у сервиса и так называемая "Хронологическая линейка". С помощью этого конструктора можно создать игру, в которой участники будут правильно расставлять события по хронологии или по порядку. Вот такая игровая лента времени получается.
Preceden
Preceden - ещё один онлайн-инструмент для создания таймлайна на основе текста и изображения. В бесплатном аккаунте можно создать одну ленту времени с десятью событиями на ней. Готовую работу можно вставить на страницу сайта или блога, скачать как картинку и распечатать без водяных знаков. Есть возможности для коллективной работы.
TimeToast
TimeToast - интересный и несложный онлайн-cервис для создания лент времени на основе текстов, ссылок и изображений. Цифровая хроника создаётся сразу в двух форматах: ее можно просматривать и вертикально (как список), и горизонтально (как обычную ленту времени).
В бесплатном аккаунте можно создать неограниченное количество таймлайнов, правда, без возможности встраивания их на страницы сайтов и блогов.
Sutori
Sutori - сервис для создания лент времени с использованием текстов, изображений, видео, викторин и опросов, хотя можно создавать отличные электронные публикации и без привязки к определенным датам. В этом случае получится лонгрид.
Бесплатно до 30 дней можно использовать весь функционал сайта, позже – создавать ленты времени только на основе текста и фото. Готовую работу можно встроить на страницу сайта или блога.
Time.Graphics
Time.Graphics - русскоязычный сервис, который помогает создать наглядную ленту времени и показывать хронологию событий. К каждому значению на ленте времени можно подобрать дизайн, цвет текста и положение на шкале. Можно добавить фото, видео, изображения. Лента масштабируется от часов до миллиардов лет.
Хронику могут редактировать несколько пользователей. Готовую работу можно опубликовать на сайте и в блоге. В бесплатном аккаунте можно создать одну ленту времени с 30 событиями на ней.
TimeLine JS
TimeLine JS - инструмент по превращению таблиц Google в ленты времени. Он позволяет создавать ленты времени c использованием различного контента: изображений, видео, гиперссылок, текстов. Бесплатный сервис позволяет создать неограниченное цифровых хроник: быстро и просто, буквально в три шага.
Готовый таймлайн состоит из двух блоков. Первый блок – это временная шкала с событиями и датами. Второй – это слайдер, который отображает контент каждого события: тексты с гиперссылками, фото, аудио, видео, карты и документы. Для работы не надо регистрироваться! Нужен только аккаунт Google.
H5P – бесплатный сервис для создания интерактивных публикаций (тесты, викторины, опросы, презентации, игры), в том числе и лент времени. В основе – заполнение предложенного шаблона. График создается на основе шаблона Timeline.
Лента времени состоит из двух блоков. Первый – это временная шкала с событиями, которые привязаны к конкретным датам. Второй блок – это слайдер, который отображает подробный контент каждого события: тексты, фото, ссылки на различные медиа (видео, аудио, контент из соцсетей).
Tiki-Toki
Просматривать готовую работу можно в трех разных форматах: как набор карточек-слайдов (по типу презентации), как обычную ленту времени, слева направо, следуя по временным отсечкам, и, наконец, в формате 3D, двигаясь по виртуальной тропинке внутрь экрана и щёлкая по объектам. Жаль только, что в бесплатном аккаунте можно создать всего одну ленту времени.
Сервис TimeRime представляет собой веб-приложение, которое позволяет пользователям просматривать, создавать, обмениваться и сравнить интерактивные шкалу времени. TimeRime стал популярным сайтом для школ и студентов, проводящих свои собственные исследования. Работу можно организовать индивидуально или в группах. При платном использовании сервиса предоставляется ряд дополнительных функций: печать в формате PDF, настройка заголовков сайта и другие.
В педагогической практике эти сервисы можно использовать на уроке любой предметной направленности при изучении исторического аспекта какого-либо вопроса или исследования временных изменений. Широкий спектор дидактических заданий можно провести на уроках истории с применением лент времени.
Интерактивная лента уже давно вошла в арсенал учителя как укрупнённая дидактическая единица. В последнее время мы имеем возможность создавать такую ленту не только с помощью PowerPoint, но и благодаря ряду целому ряду конструкторов ленты времени. Один из наиболее эффективных — TimelineJS. Его ключевое отличие в том, что в его основе лежит шаблон, созданный в Google таблице.
Внеся свои данные, вы публикуете их и вставляете готовую ссылку в TimelineJS. Если использование такой таблицы представляет для вас какие-то трудности, посмотрите данное видео. Итак, вы узнаете
- как заполнять таблицу Google
- как опубликовать её
- как внести в TimelineJS
- как получить ссылку и html-код
- как создать интерактивную ленту, не связанную с хронологией событий
В видео показано, как встроить созданную ленту в ваш сайт или блог. Хочу обратить ваше внимание на другой немаловажный факт.
В конструкторе можно создать не только ленту времени, но и ленту последовательных действий, операций, иерархию взаимосвязанных объектов. Внимательно посмотрите в видеоролике, как это сделать.
Посмотрите на интерактивную ленту Самые высокие горы России по ссылке или прямо в данной статье:
В создании интерактивной ленты о самых больших российских вершинах использованы следующие материалы.
Как видим, Google таблицы нас не должны пугать. В очередной раз на их основе мы можем создать свой интерактивный шедевр.
Читайте ещё в Дидакторе о TimelineJS:
Комментарии к “ Как создать интерактивную ленту времени и не только? ”
Георгий Осипович, спасибо за интересный рассказ о ресурсе. Вопрос: а можно ли в этом ресурсе сделать ленту времени событий, которые были до нашей эры? Что-то я не соображу, как это можно реализовать. Или есть какие-то иные ресурсы для данной задачи. Спасибо
Георгий Осипович, попробовала со знаком минус ставить даты. Показывает, но только сам минус не виден. Еще раз спасибо.
Здравствуйте, Надежда! Хороший вопрос. К сожалению, таблица Гугл с минусовыми значениями интерактивной ленты не работает. Нужно поискать другие инструменты. Я посмотрю и напишу Вам.
Доброе утро! Отлично! Спасибо за находку. Надеюсь, она пригодится учителям.
Георгий Осипович, спасибо за комментарий. Видимо, ссылка была на ненадежную страницу с фото. Изменила. Посмотрела с разных устройств — работает.
Читайте также: