Download - Интерактивное путешествие: StoryMapJS
![Page 1: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/1.jpg)
Каллиников П.Ю.
Тема 1. Ось времени TimeLineJS (продолжение)Тема 2. Сервис StoryMapJS
ВЕБИНАР 19.05.2016 15.00 MSK
Интерактив PRO — 2016
Мы общаемся здесь: https://www.facebook.com/groups/1143137745736673/ Материалы курса располагаются здесь:http://contentium.tilda.ws/page175655.html
![Page 2: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/2.jpg)
Наш курс
ВЕБИНАРЫ • 17 мая в 15.00 MSK• 19 мая в 15.00 MSK• 24 мая в 15.00 MSK• 26 мая в 15.00 MSK• 31 мая в 15.00 MSK• 2 июня в 15.00 MSK
![Page 3: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/3.jpg)
Полезные ссылки 2/2
• Интернет сервис для профессионального применения TimeLine JS• TimelineJS: http://timeline.knightlab.com/
• Серия скринкастов, посвященная разработке timeline при помощи TimeLineJS• Ролик 1/5: https://youtu.be/jGYJPTNIGes • Ролик 2/5: https://youtu.be/yHcIkoNTjHE • Ролик 3/5: https://youtu.be/SKa9M6Y7coQ• Ролик 4/5: https://youtu.be/HfMPmKJJ43g • Ролик 5/5: https://youtu.be/6qwfAY9UD6A
• Серия скринкастов, посвященная использованию медиаресурсов в TimeLineJS
• Ролик 1/3: https://youtu.be/j38R_UtW6L0 • Ролик 2/3: https://youtu.be/2_zj-mB1TAo• Ролик 3/3: https://youtu.be/_BwwFBwWLWk
![Page 4: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/4.jpg)
TimelineJS-медиа: варианты
![Page 5: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/5.jpg)
TimelineJS-медиа: варианты
![Page 6: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/6.jpg)
TimelineJS-медиа: варианты
![Page 7: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/7.jpg)
TimelineJS-медиа: варианты
![Page 8: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/8.jpg)
TimelineJS-медиа: варианты
![Page 9: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/9.jpg)
TimelineJS-медиа: варианты
![Page 10: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/10.jpg)
TimelineJS-медиа: варианты
![Page 11: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/11.jpg)
TimelineJS-медиа: варианты
![Page 12: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/12.jpg)
TimelineJS-медиа: варианты
![Page 13: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/13.jpg)
TimelineJS-медиа: варианты
![Page 14: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/14.jpg)
TimelineJS-медиа: варианты
![Page 15: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/15.jpg)
TimelineJS-медиа: варианты
![Page 16: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/16.jpg)
TimelineJS-медиа: варианты
![Page 17: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/17.jpg)
TimelineJS-медиа: варианты
![Page 18: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/18.jpg)
TimelineJS-медиа: варианты
![Page 19: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/19.jpg)
TimelineJS-медиа: варианты
![Page 20: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/20.jpg)
TimelineJS-медиа: варианты
![Page 21: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/21.jpg)
TimelineJS-медиа: варианты
![Page 22: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/22.jpg)
TimelineJS-медиа: варианты
![Page 23: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/23.jpg)
TimelineJS-медиа: варианты
![Page 24: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/24.jpg)
TimelineJS-медиа: варианты
![Page 25: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/25.jpg)
TimelineJS-медиа: варианты
![Page 26: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/26.jpg)
TimelineJS-медиа: варианты
![Page 27: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/27.jpg)
Практикум 1
Cоздать ось времени из 10–20 событий на заданную или свободную тему в сервисе TimeLineJS
![Page 28: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/28.jpg)
Сервис «историй» StoryMapJS
![Page 29: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/29.jpg)
Сервис «историй» StoryMapJS: карта путешествия
![Page 30: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/30.jpg)
Сервис «историй» StoryMapJS: слайд, привязанный к пункту путешествия
![Page 31: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/31.jpg)
Сервис «историй» StoryMapJS: слайд, привязанный к пункту путешествия
![Page 32: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/32.jpg)
Сервис «историй» StoryMapJS: режим гигапиксельной иллюстрации
![Page 33: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/33.jpg)
Сервис «историй» StoryMapJS: фрагмент гигапиксельной иллюстрации
![Page 34: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/34.jpg)
StoryMapJS: создание «путешествия»
![Page 35: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/35.jpg)
StoryMapJS: создание «путешествия»
![Page 36: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/36.jpg)
StoryMapJS: интерфейс страницы создания «путешествия»
![Page 37: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/37.jpg)
StoryMapJS: интерфейс страницы создания «путешествия»
![Page 38: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/38.jpg)
StoryMapJS: интерфейс страницы создания «путешествия»
![Page 39: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/39.jpg)
StoryMapJS: список проектов ползователя
![Page 40: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/40.jpg)
StoryMapJS: настройки путешествия
![Page 41: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/41.jpg)
StoryMapJS: настройки путешествия
![Page 42: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/42.jpg)
StoryMapJS: сохранение результата и публикация
![Page 43: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/43.jpg)
StoryMapJS: сохранение результата и публикация
![Page 44: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/44.jpg)
StoryMapJS: сохранение результата и публикация
![Page 45: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/45.jpg)
StoryMapJS: опубликованный результат
![Page 46: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/46.jpg)
StoryMapJS: область управления событиями (слайдами)
![Page 47: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/47.jpg)
StoryMapJS: выбор места на карте
![Page 48: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/48.jpg)
StoryMapJS: опубликованный результат
![Page 49: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/49.jpg)
StoryMapJS: опубликованный результат
![Page 50: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/50.jpg)
StoryMapJS: описание медиаресурса
![Page 51: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/51.jpg)
StoryMapJS: опубликованный результат
![Page 52: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/52.jpg)
StoryMapJS: опубликованный результат
![Page 53: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/53.jpg)
StoryMapJS: описание события (слайда)
![Page 54: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/54.jpg)
StoryMapJS: опубликованный результат
![Page 55: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/55.jpg)
StoryMapJS: настройки слайда
![Page 56: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/56.jpg)
StoryMapJS: настройки слайда: выбор фона
![Page 57: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/57.jpg)
StoryMapJS: настройки слайда: выбор фона
![Page 58: Интерактивное путешествие: StoryMapJS](https://reader035.vdocuments.pub/reader035/viewer/2022062503/587b29c71a28ab057d8b4b5b/html5/thumbnails/58.jpg)
© 2016, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
[email protected] https://www.facebook.com/kallinikov
Вопросы?