Создать интерактивный таймлайн с геопривязкой событий на 7−12 кадров в сервисе TimeMapper

1. Курс «Профессиональная разработка электронного учебного контента II»
Практикум 4. Пошаговая инструкция
Задание практикума.
Создать интерактивный таймлайн с геопривязкой событий на 7−12 кадров в сервисе TimeMapper
1. Если у вас нет аккаунта в Google, создайте его. В качестве подсказки можно использовать вот этот
ролик.
2. Войдите в свой аккаунт Google. Все остальные действия надо будет осуществлять, находясь в аккаунте.
3. Зайдите на главную страницу сервиса TimeMapper.
4. Для создания нового интерактивного путешествия с геопривязкой надо нажать на кнопку Get started
now.
5. Появляется страница с предложением создать результат за 3 шага.

2. 6. Первый шаг заключается в скачивании шаблона таблицы, в котором будут располагаться данные для
сервиса.
7. Скачав шаблон (его править нельзя – только смотреть), создаём файл таблицы на его основе и
присваиваем ему какое-либо название, например «Практикум 4».
Внимание! В данном файле первая строка (не считая строки заголовков) приведена в качестве
объяснения, перед использованием таблицы эту строку надо удалить!

3. 8. Также можно использовать в качестве таблицы-шаблона копию таблицы «Искусство Египта», которая
приведена на странице курса.
9. Заполняем таблицу в соответствии со следующим значением полей.
Поле Title – название слайда
Поле Start – дата начала события или дата события в виде дд/мм/гггг. Дата может быть представлена
одним только годом. Год в дате может быть и отрицательным для обозначения событий до н.э.
Поле End – дата окончания события. Обозначается в том же виде что и поле Start. Это поле может быть
опущено.
Поле Description – описание слайда. Текстовое поле.
Поле Web Page – ссылка на страницу (с более полным описанием события). Здесь может быть любая
корректная ссылка или её отсутствие. Если ссылка присутствует, то на слайде она будет вести от
названия слайда.
Поле Media – ссылка на медиаресурс (изображение, видеоролик, твит, статью в википедии и др.) или
код вставки (iframe). Чтобы ознакомиться с допустимыми видами кодов в этом поле посмотрите
пример, помещенный на странице 4-йтемы курса. Поле не обязательное, но желательное.
Поле Media Caption – краткая подпись под медиаресурсом (например, изображением). Текстовое
поле. Поле необязательное.
Поле Media Credit – краткая подпись под медиаресурсом, обозначающая копирайт или его
(медиаресурса) принадлежность. Необязательное текстовое поле.
Поле Tags – тэги слайда. Лучше оставить это поле пустым, т.к. его реализация в сервисе не вполне
логичная. Это поле аналогично полю группы в сервисе TimeLineJS.
Поле Place – это поле можно оставить пустым, если вы собираетесь самостоятельно заполнять
следующее поле Location. Если же Вы хотите использовать «волшебную формулу» в ячейке Location
(как в шаблоне сервиса), которая будет сама искать координаты нужного вам объекта, то занесите в
это поле название географического объекта.
Поле Location – географические координаты объекта в формате «широта, долгота» (например, для
Московского кремля 55.752556, 37.617089)
Поле Source – текст, появляющийся после описания. Служит для указания источника информации для
слайда. Может стать ссылкой на слайде, если заполнено поле Source URL. Необязательное поле.

4. Поле Source URL – ссылка, которая показывает куда надо перейти с текста, помещённого в поле
Source. Необязательное поле.
10. Отдельно остановимся на заполнении поля геоданных Location.

5. 11. Это поле можно заполнить самостоятельно. Например, можно найти нужное место на Яндекс-картах.
Нажать правой кнопкой на нём и выбрать в выпадающем меню пункт «Что здесь».
12. Справа появится панель с информацией об объекте, включая и геоданные в нужном нам формате,
которые можно просто скопировать и вставить в таблицу.
13. Другим способом получения географических координат объекта является использование в поле
Location «волшебной формулы» для автоматического поиска координат по названию.
=JOIN(",", ImportXML(CONCATENATE("http://nominatim.openstreetmap.org/search/?format=xml&q=",J6),
"//place[1]/@lat | //place[1]/@lon"))

6. 14. В этом случае, в поле Place вы должны указать как можно более точное название объекта – города,
района или известного места. Формула сама произведёт поиск и выдаст (если найдёт) координаты
объекта. Однако автоматический поиск может не дать результатов или его результаты могут быть
ложными. Поэтому надо контролировать работу поиска. Если результат не устраивает, следует
вернуться к ручному заполнению поля Location.
15. После того как таблица будет заполнена ее надо опубликовать в интернете (так же как вы делали с
таблицей TimeLineJS).

8. 16. Полученную таким образом ссылку надо вставить в поле ввода сервиса. Это шаг 2. При этом поле Title
само заполняется (по названию таблицы). Это поле можно исправить вручную – если необходимо.
17. На шаге 2 можно еще настроить несколько параметров – выбрать тип отображения результата –
таймлайн с картой, только таймлайн или только карта. Дале можно выбрать тип даты (американский
или европейский) и кадр на таймлайне, с которого начнётся отображение (по умолчанию – первый
кадр).

9. 18. На последнем, третьем шаге остаётся только опубликовать результат, нажав на кнопку Publish.
19. Результат появится в отдельной вкладке браузера.

10. 20. Если результат корректный, можно взять код вставки, используя элемент интерфейса Embed. Этот код
можно использовать для вставки результата в свой учебный курс, блог, сайт и т.п.

11. 21. Работа над Практикумом 4 закончена. Теперь скопируйте ссылку из поля адреса браузера и поместите
ее в сообщение в группе курса в Facebook.