Upload
pavel-kallinikov
View
166
Download
11
Embed Size (px)
Citation preview
Каллиников П.Ю.
Тема 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 моб
[email protected] https://www.facebook.com/kallinikov
Вопросы?