ИНТЕРАКТИВНОСТЬ И МУЛЬТИМЕДИА: СИНЕРГИЯ …eop.cfuv.ru › or ›...
TRANSCRIPT
ВЕБИНАР 11.02.2016 15.00 MSK
Каллиников П.Ю.
«ИНТЕРАКТИВНОСТЬ И МУЛЬТИМЕДИА: СИНЕРГИЯ СОВМЕСТНОГО ПРИМЕНЕНИЯ»
Высшая школа экономики, Москва, 2015
Типы учебного видеоконтента
Живое видео
Видеоскрайбинг
Скринкасты
Видео-
инфографика
Интерактивное
видео
Демонстрации
Записи синхрона
Видеофиксация
Псевдовидео
Типология учебного видео
Типы интерактивных элементов контента
Poplett – карты знаний Tagul – облако тегов StoryMapJS -
сторителлинг Tilda Publishing –
сторителлинг, лонгрид ThingLink –
интерактивные картинки и видео
Dipity – шкала времени TimeLineJS – шкала
времени
Высшая школа экономики, Москва, 2015
Интерактивность и
мультимедиа1. Медиа в интерактивном
контенте.
2. Интерактивность в медийномконтенте.
3. Интерактивные возможности облачных сервисов.
4. Использование интерактивадля создания видеороликов.
5. Интерактивность - как способ структурирования учебного видео.
Высшая школа экономики, Москва, 2015
Интерактивность и
мультимедиа1. Медиа в интерактивном
контенте.
2. Интерактивность в медийномконтенте.
3. Интерактивные возможности облачных сервисов.
4. Использование интерактивадля создания видеороликов.
5. Интерактивность - как способ структурирования учебного видео.
Интерактивный контент без медиа-наполнения…
…познавательный, но сухой
Как использовать видео и звук в интерактивном контенте
Poplett – карты знаний Tagul – облако тегов StoryMapJS -
сторителлинг Tilda Publishing –
сторителлинг, лонгрид ThingLink –
интерактивные картинки и видео
Dipity – шкала времени TimeLineJS – шкала
времени
Создание карты знаний при помощи сервиса poplett.com
Создание карты знаний при помощи сервиса poplett.com
Карта знаний, как элемент контента курса
Узел с картинкой
Создание связей между узлами
Узел с видеороликом
Полезные ссылки• Интернет сервис для работы с сетевыми картами знаний http://popplet.com/• Альтернативный сервис для работы с сетевыми картами знаний:
https://bubbl.us/• Пример библиотеки курсов, использующих карту знаний для навигации:
http://free.megacampus.ru/• Пример курсa, использующего карту знаний для навигации:
http://free.megacampus.ru/xbookM0015/index.html• Учебный ролик «Как использовать popplet для совместной работы
студентов» (ENG): http://youtu.be/v8N6lbC_VCk• Серия скринкастов, посвященная созданию карты знаний при помощи
интернет-сервиса popplet.com• Ролик 1/3: http://youtu.be/YNVdYMFt_bU• Ролик 2/3: http://youtu.be/cabRiDRIrLg• Ролик 3/3: http://youtu.be/9TNW45dk9LQ
Сервис для создания облака тэгов: http://tagul.com/
Сервис для создания облака тэгов: http://tagul.com/
Серия скринкастов, посвященная
разработке облака тэгов при помощи
интернет-сервиса tagul.com.
Ролик 1/3: http://youtu.be/345y-E3S-Vg
Ролик 2/3: http://youtu.be/mLqQezMwUD0
Ролик 3/3: http://youtu.be/XI2DlQ-H7ks
Сервис для создания облака тэгов: результат
Сервис «историй» StoryMapJS: карта путешествия
Сервис «историй» StoryMapJS: слайд, привязанный к пункту путешествия
Сервис «историй» StoryMapJS: режим гигапиксельной иллюстрации
Сервис «историй» StoryMapJS: фрагмент гигапиксельной иллюстрации
Иероним Босх: мультимедиа сайт
Сервис «лонгридов» Tilda Publishing
Образ Иисуса Христа в европейской искусстве
Сервис «лонгридов» Tilda Publishing: модульная сборка проекта
Интерактивная графика и видео:http://www.thinglink.com
Сервис для создания timeline: http://www.dipity.com/
Сервис для создания timeline: http://www.dipity.com/
На YouTube:
Серия скринкастов, посвященная разработке оси времени при
помощи интернет сервиса dipiti.com:
•Ролик 1/5: http://youtu.be/rHTJDUsC4dg
•Ролик 2/5: http://youtu.be/6IS4WmW_SsE
•Ролик 3/5: http://youtu.be/3RRDxi-mDWk
•Ролик 4/5 http://youtu.be/KcCdTdB9VsE
•Ролик 5/5 http://youtu.be/24tGQ8LzoT8
TimeLineJShttp://timeline.knightlab.com
Высшая школа экономики, Москва, 2015
Интерактивность и
мультимедиа1. Медиа в интерактивном
контенте.
2. Интерактивность в медийномконтенте.
3. Интерактивные возможности облачных сервисов.
4. Использование интерактивадля создания видеороликов.
5. Интерактивность - как способ структурирования учебного видео.
Медиа-контент без интерактива…
…интересный, но монотонный
Структура ролика
Внутри ролика должна быть своя структура –он не должен быть монотонным!
CamtasiaStudio – скачиваем бесплатную пробную версию здесь: https://goo.gl/ttvnYH
Интерактивность в
ComtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Интерактив в CamtasiaStudio
Пример интерактивного ролика
Учебный ролик
Интерактивное видео:
ThingLink
Высшая школа экономики, Москва, 2015
Интерактивность и
мультимедиа1. Медиа в интерактивном
контенте.
2. Интерактивность в медийномконтенте.
3. Интерактивные возможности облачных сервисов.
4. Использование интерактивадля создания видеороликов.
5. Интерактивность - как способ структурирования учебного видео.
Публикация
Сохраняем смонтрованный ролик в стандартном разрешении и формате (например, MP4 1280х720)
Публикация
Выбираем облачный сервис
Интерактив в YouTube
Интерактив в YouTube
Интерактив в YouTube
Интерактив в YouTube
Интерактив в YouTube
Высшая школа экономики, Москва, 2015
Интерактивность и
мультимедиа1. Медиа в интерактивном
контенте.
2. Интерактивность в медийномконтенте.
3. Интерактивные возможности облачных сервисов.
4. Использование интерактивадля создания видеороликов.
5. Интерактивность - как способ структурирования учебного видео.
Использование интерактивадля создания видеороликов
Высшая школа экономики, Москва, 2015
Интерактивность и
мультимедиа1. Медиа в интерактивном
контенте.
2. Интерактивность в медийномконтенте.
3. Интерактивные возможности облачных сервисов.
4. Использование интерактивадля создания видеороликов.
5. Интерактивность - как способ структурирования учебного видео.
фото
фото
Интерактивность - как способ структурирования медиа
фото
фото
Интерактивность - как способ структурирования медиа
СКОРО: курс «Профессиональная разработка электронного учебного контента - 2016»
Начало: 15 марта 2015 года
10 вебинаров по 2 акад.ч. (2 раза в неделю)
Практическая работа в СДО
Формы участия и Цена :
Слушатель (цена до 05.03.2016 – 7500 р.)
Слушатель + практика (цена до 05.03.2016 – 10500 р.)
Для участников вебинара - спец. предложение: при оплате до 18.02.2016 – 7000 р. и 10000 р. Для того, чтобы воспользоваться спец. предложением - нужно заполнить форму на странице с описанием курса, или отправить письмо по адресу: [email protected] и написать код «11 февраля».
Программа и подробности: http://contentium.tilda.ws/page84234.html
СКОРО: курс «Профессиональная разработка электронного учебного контента - 2016»
Каллиников Павел Юрьевич
+7 (903) 546-81-84 моб
www.biblioclub.ru
https://www.facebook.com/kallinikov