Тема 3. Интерактивные путешествия

3

Разработка элементов учебного контента. Интерактивные путешествия

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

Подготовка исходных текстовых, графических и медийных материалов для создания интерактивного путешествия.

Виды интерактивных путешествий. Интерактивная карта. Гигаписельная иллюстрация. Карта с таймлайном.

Создание структуры контента.

Работа в сервисе StoryMapJS. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.

Работа с сервисом TimeMapper. Загрузка данных. Настройка внешнего вида. Получение кода и вставка результатов работы в свой ресурс.

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

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

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

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

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

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

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

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

Сервис StorymapJS в режиме «гигапиксельной картинки» (подробнее см. в теме 4)

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

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

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

Практикум 3

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

Скачать пошаговую инструкцию к практикуму

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

-