Использование storymapjs в режиме «гигапиксельной»...

Каллиников П.Ю.

Тема 2. Сервис StoryMapJS (карта)Тема 3. Сервис StoryMapJS (иллюстрация)

ВЕБИНАР 24.05.2016 15.00 MSK

Интерактив PRO — 2016

Мы общаемся здесь: https://www.facebook.com/groups/1143137745736673/ Материалы курса располагаются здесь:http://contentium.tilda.ws/page175655.html

Наш курс

ВЕБИНАРЫ • 17 мая в 15.00 MSK• 19 мая в 15.00 MSK• 24 мая в 15.00 MSK• 26 мая в 15.00 MSK• 31 мая в 15.00 MSK• 2 июня в 15.00 MSK

Сервис «историй» StoryMapJS

Сервис «историй» StoryMapJS: КАРТА

StoryMapJS: создание «путешествия»

StoryMapJS: создание «путешествия»

StoryMapJS: интерфейс страницы создания «путешествия»

StoryMapJS: интерфейс страницы создания «путешествия»

StoryMapJS: интерфейс страницы создания «путешествия»

StoryMapJS: список проектов ползователя

StoryMapJS: настройки путешествия

StoryMapJS: настройки путешествия

StoryMapJS: сохранение результата и публикация

StoryMapJS: сохранение результата и публикация

StoryMapJS: сохранение результата и публикация

StoryMapJS: опубликованный результат

StoryMapJS: область управления событиями (слайдами)

StoryMapJS: выбор места на карте

StoryMapJS: опубликованный результат

StoryMapJS: опубликованный результат

StoryMapJS: описание медиаресурса

StoryMapJS: опубликованный результат

StoryMapJS: опубликованный результат

StoryMapJS: описание события (слайда)

StoryMapJS: опубликованный результат

StoryMapJS: настройки слайда

StoryMapJS: настройки слайда: выбор фона

StoryMapJS: настройки слайда: выбор фона

Практикум 2

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

Сервис «историй» StoryMapJS: РЕЖИМ ГИГАПИКСЕЛЬНОЙ ИЛЛЮСТРАЦИИ

StoryMapJS: фрагмент гигапиксельной иллюстрации

«Гигапиксельная иллюстрация». Искусство

«Гигапиксельная иллюстрация». Биологические объекты

«Гигапиксельная иллюстарция». Астрономические объекты

«Гигапиксельная иллюстрация». Схемы

StoryMapJS: создание интерактивной иллюстрации

StoryMapJS: вход в аккаунт и создание нового проекта

StoryMapJS: вход в аккаунт и создание нового проекта

StoryMapJS: вход в аккаунт и создание нового проекта

StoryMapJS: заполнение исходных данных проекта

StoryMapJS: подготовка иллюстрации в Photoshop

StoryMapJS: подготовка иллюстрации в Photoshop

StoryMapJS: подготовка иллюстрации в Photoshop

StoryMapJS: загрузка папки на сервер

Загружаем полученную папку с файлами частей изображения:

1. На свой сайт или2. В DropBox или3. В GoogleDrive

StoryMapJS: пример с GoogleDrive

StoryMapJS: пример с GoogleDrive

StoryMapJS: пример с GoogleDrive

StoryMapJS: заполнение исходных данных проекта

StoryMapJS: начальный экран проекта

StoryMapJS: заполненный проект

StoryMapJS: слайд проекта

StoryMapJS: слайд проекта (просмотр)

StoryMapJS: слайд проекта (результат)

Слайд: установка фокуса и масштаба

Слайд: заголовок и описание

Слайд: медиаресурсы

StoryMapJS: готовый проект

https://s3.amazonaws.com/uploads.knightlab.com/storymapjs/49a802780d7083c2dff3c830f23ffcbf/iavlenie-khrista-narodu/index.html

Практикум 3

Создать интерактивное изображение с разметкой и описанием 7–12 кадров в сервисе StoryMapJS

Для простоты можно воспользоваться папкой изображения «Менины»: http://contentium.ru/Velaskes-Meniny/

Но!

Если справитесь сами – задание зачитывается как 2 Где взять гигапиксельные изображения? https://commons.wikimedia.org/wiki/Category:Gigapixel_images_from_the_Google_Art_Project

© 2016, Каллиников Павел Юрьевич

+7 (903) 546-81-84 моб

komail@gmail.com https://www.facebook.com/kallinikov

Вопросы?