Тема 11. Визуализация пространства

11

Визуализация пространства

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

Географический контекст онлайн-обучения. Эффект масштабирование и панорамирование (Zoom-n-Pan). Zoom-n-Pan и дидактический принцип «Выделение основной информации».
Виды интерактивных путешествий. Интерактивная карта. Гигапиксельная иллюстрация. Карта с таймлайном.
Работа в сервисе StoryMapJS. Загрузка данных. Настройка внешнего вида. Экспорт результата. Вставка результатов работы на свою страницу в виде интерактивной визуализации.
Другие сервисы интерактивных путешествий. TimeMapper.

Сервис StorymapJS: https://storymap.knightlab.com/

Интерактивное путешествие

Примеры интерактивных путешествий

Путешествие из Ростова в Тутаев. Путешествие создано специально для этого курса.
Дягилевский фестиваль в Перми. Источник.
Работа слушательницы курса ПРЭУК — 2017. Источник.

Учебные ролики по сервису StorymapJS: https://storymap.knightlab.com/

Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 1/6. Примеры использования.

Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 2/6. Настройки проекта интерактивного путешествия.

Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 3/6. Наполнение проекта интерактивного путешествия контентом.

Сервис StorymapJS в режиме «гигапиксельной картинки»

Пример: интерактивное путешествие по произведению А. Иванова «Явление Христа народу» (см. ниже)

Работа с гигапиксельными иллюстрациями. Дополнительные учебные ролики по сервису StorymapJS.

Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 4/6. Настройка проекта интерактивного изображения.

Как создать масштабируемое изображение на основе картинки высокого разрешения при помощи приложения Adobe Photoshop.

Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 5/6. Наполнение контентом проекта интерактивного изображения.

Серия скринкастов, посвященная разработке интерактивных путешествий и интерактивных «гигапиксельных» изображений при помощи StoryMapJS. Ролик 6/6. Опубликованный проект интерактивного изображения.

Сервис TimeMapper: http://timemapper.okfnlabs.org/

Интерактивное путешествие с осью времени. Пример: см. ниже (координаты на карте — вымышленные)

Практикум 11

Создать интерактивное путешествие объёмом 10−15 кадров в сервисе StoryMapJS. Вставить результат в страницу в Тильде.

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

Пример интерактивного путешествия, созданного в пошаговой инструкции к Практикуму 11

-