Разработка элементов учебного контента. Storytelling:...
-
Upload
pavel-kallinikov -
Category
Education
-
view
524 -
download
2
Transcript of Разработка элементов учебного контента. Storytelling:...
![Page 1: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/1.jpg)
Каллиников П.Ю.
Тема 5. Разработка элементов учебного контента. Storytelling: cоздание «Историй»
ВЕБИНАР 29.03.2016 15.00 MSK
Мы общаемся здесь: https://www.facebook.com/groups/454119661451979/Материалы курса располагаются здесь:http://contentium.tilda.ws/page122270.html
Профессиональная разработка электронного учебного контента — 2016
![Page 2: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/2.jpg)
Наш курс
ВЕБИНАРЫ • 15 марта в 15.00 MSK• 17 марта в 15.00 MSK• 22 марта в 15.00 MSK• 24 марта в 15.00 MSK• 29 марта в 15.00 MSK• 31 марта в 15.00 MSK• 4 апреля в 15.00 MSK• 7 апреля в 15.00 MSK• 12 апреля в 15.00 MSK• 14 апреля в 15.00 MSK
![Page 3: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/3.jpg)
Сервисы для создания «историй»:
• Какие бывают «истории»• С чего начинался Сторителинг:
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek • http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/ - продвинутый
вариант• Какие бывают сервисы для создания историй
• http://storify.com/ • http://storymap.knightlab.com/ • http://tilda.cc/ru/
• Дополнительные материалы:• http://youtu.be/P3fi-GLa79s "Сторителлинг в обучении" • http://www.edutainme.ru/post/6-servisov-dlya-storitellinga/ - обзор• http://elearningindustry.com/free-storyboard-templates-for-elearning • https://goo.gl/vJdEyo - статья о сервисе StoryMapJS• http://tilda.cc/ru/features/ - полное описание возможностей Tilda
![Page 5: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/5.jpg)
Сервис «историй» StoryMapJS
![Page 6: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/6.jpg)
Сервис «историй» StoryMapJS: карта путешествия
![Page 7: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/7.jpg)
Сервис «историй» StoryMapJS: слайд, привязанный к пункту путешествия
![Page 8: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/8.jpg)
Сервис «историй» StoryMapJS: слайд, привязанный к пункту путешествия
![Page 9: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/9.jpg)
Сервис «историй» StoryMapJS: режим гигапиксельной иллюстрации
![Page 10: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/10.jpg)
Сервис «историй» StoryMapJS: фрагмент гигапиксельной иллюстрации
![Page 11: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/11.jpg)
Сервис «лонгридов» Tilda Publishing
Как создать мультимедийный «лонгрид» – статья об искусстве создания сноуфолов: http://mediatoolbox.ru/longread/index.html
![Page 12: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/12.jpg)
Сервис «лонгридов» Tilda Publishing: модульная сборка проекта
![Page 13: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/13.jpg)
Сервис «лонгридов» Tilda Publishing: модульная сборка проекта
![Page 14: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/14.jpg)
Сервис «лонгридов» Tilda Publishing: модульная сборка проекта
![Page 15: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/15.jpg)
Сервис «лонгридов» Tilda Publishing: обложка
![Page 16: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/16.jpg)
Сервис «лонгридов» Tilda Publishing: пример публикации
http://project4105.tilda.ws/page12458.html
![Page 17: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/17.jpg)
Сервис «лонгридов» Tilda Publishing: интерфейс редактора
![Page 18: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/18.jpg)
Сервис «лонгридов» Tilda Publishing: блоки «цитата» и «галерея»
![Page 19: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/19.jpg)
Сервис «лонгридов» Tilda Publishing: другой вид блока «галерея»
![Page 20: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/20.jpg)
Сервис «лонгридов» Tilda Publishing: настройка галереи изображений
![Page 21: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/21.jpg)
Сервис «лонгридов» Tilda Publishing: настройка блоков
![Page 22: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/22.jpg)
Сервис «лонгридов» Tilda Publishing: настройка блоков
![Page 23: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/23.jpg)
Сервис «лонгридов» Tilda Publishing: настройка блоков и меню блоков
![Page 24: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/24.jpg)
Сервис «лонгридов» Tilda Publishing: шаблоны проектов
![Page 25: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/25.jpg)
Сервис «лонгридов» Tilda Publishing: как этому научиться?
Как создать мультимедийный «лонгрид» – статья об искусстве создания сноуфолов: http://mediatoolbox.ru/longread/index.html
![Page 26: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/26.jpg)
Сервис «лонгридов» Tilda Publishing: тарифы
![Page 27: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/27.jpg)
Сервисы для создания «историй»:
• Какие бывают «истории»• С чего начинался Сторителинг:
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek • http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/ - продвинутый
вариант• Какие бывают сервисы для создания историй
• http://storify.com/ • http://storymap.knightlab.com/ • http://tilda.cc/ru/
• Дополнительные материалы:• http://youtu.be/P3fi-GLa79s "Сторителлинг в обучении" • http://www.edutainme.ru/post/6-servisov-dlya-storitellinga/ - обзор• http://elearningindustry.com/free-storyboard-templates-for-elearning • https://goo.gl/vJdEyo - статья о сервисе StoryMapJS• http://tilda.cc/ru/features/ - полное описание возможностей Tilda
![Page 28: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/28.jpg)
Практикум 5
Cоздать лонгрид на основе одного из шаблонов сервиса «Тильда»
![Page 29: Разработка элементов учебного контента. Storytelling: cоздание «Историй»](https://reader034.fdocuments.net/reader034/viewer/2022042722/589ccf8b1a28ab43388b5067/html5/thumbnails/29.jpg)
© 2016, Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
[email protected] https://www.facebook.com/kallinikov
Вопросы?