Использование информационных сервисов «Учебная работа в

Применение интернет-сервисов для
создания интерактивных элементов
учебного контента
Каллиников П.Ю.
Электронно-библиотечная система
«Университетская библиотека
онлайн»
Предыстория. Или как научить сотню преподавателей
вуза создавать электронный учебный контент
Предыстория. Или как научить сотню преподавателей
вуза создавать электронный учебный контент
LMS?
SCORM?
ИНТЕРНЕТ-СЕРВИСЫ!
Авторские системы?
Почему интернет-сервисы?
 Революция медиаформатов
 Взрывной рост скорости
информационного «метаболизма»
 Контент: быстрая разработка –
быстрое потребление
 Интерактивность – простая, но
функциональная
Какие сервисы?
Создание простой инфографики
при помощи datawrapper.de
Создание карты знаний при
помощи poplett.com
Создание облака тэгов при
помощи tagul.com
Создание оси времени (timline)
при помощи dipity.com
Создание истории (stotytelling)
при помощи storify.com
Сервис как средство создания
альтернативной структуры контента
Одно поле контента – много
входов
Один контент – много контекстов
Один набор «кирпичей» - много
проектов «дома»
Сервис для создания простой инфографики:
datawrapper.de
Сервис для создания простой инфографики:
datawrapper.de
Создание карты знаний при помощи
сервиса poplett.com
Создание карты знаний при помощи
сервиса poplett.com
Сервис для создания timeline:
http://www.dipity.com/
Сервис для создания timeline:
http://www.dipity.com/
На YouTube:
Серия скринкастов, посвященная разработке оси времени при
помощи интернет сервиса dipiti.com:
•Ролик 1/5:
•Ролик 2/5:
•Ролик 3/5:
•Ролик 4/5
•Ролик 5/5
http://youtu.be/rHTJDUsC4dg
http://youtu.be/6IS4WmW_SsE
http://youtu.be/3RRDxi-mDWk
http://youtu.be/KcCdTdB9VsE
http://youtu.be/24tGQ8LzoT8
Сервис для создания timeline: создать ось
времени http://www.dipity.com/
Сервис для создания timeline: заголовок
timeline http://www.dipity.com/
Сервис для создания timeline: список
событий http://www.dipity.com/
Сервис для создания timeline: результат
http://www.dipity.com/
Сервис для создания timeline: одно из
событий оси http://www.dipity.com/
Сервис для создания timeline:
использование http://www.dipity.com/
Сервис для создания облака тэгов:
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
Сервис для создания облака тэгов:
выбор источника
Сервис для создания облака тэгов:
первичная визуализация
Сервис для создания облака тэгов:
выбор формы облака
Сервис для создания облака тэгов:
выбор языка и шрифта
Сервис для создания облака тэгов:
выбор цвета и внешнего вида
Сервис для создания облака тэгов:
выбор контраста и плотности
Сервис для создания облака тэгов:
импорт результата
Сервис для создания облака тэгов:
результат
Сервис для создания «историй»:
http://storify.com/
Что такое «история»
Сервис для создания «историй»:
http://storify.com/
• Какие бывают «истории»
• С чего начинался Сторителинг: http://www.nytimes.com/projects/2012/snowfall/#/?part=tunnel-creek
• http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/ - продвинутый
вариант
• http://pulya.ru/colorado#top (плагин для ворпресс)
• Какие бывают сервисы для создания timeline
• http://storify.com/
• https://www.scrollkit.com/
• Дополнительные материалы:
•
•
•
http://youtu.be/P3fi-GLa79s "Сторителлинг в обучении"
http://www.edutainme.ru/post/6-servisov-dlya-storitellinga/ - обзор
http://elearningindustry.com/free-storyboard-templates-for-elearning
• Серия скринкастов, посвященная созданию "историй" при помощи интернет
сервиса storify.com:
•
•
•
•
Ролик 1/4:
Ролик 2/4:
Ролик 3/4:
Ролик 4/4
http://youtu.be/uHVGb0-PsuI
http://youtu.be/QzQMuoi4TUo
http://youtu.be/xqNdyd9kRjE
http://youtu.be/Cdjnn18fffY
Сервис для создания «историй»: создание
заголовка http://storify.com/
Сервис для создания «историй»: панель
поиска контента http://storify.com/
Сервис для создания «историй»:
создание текстового блока
http://storify.com/
Сервис для создания «историй»: создание
видео-блока http://storify.com/
Сервис для создания «историй»: лента
истории http://storify.com/
Сервис для создания «историй»:
использование http://storify.com/
Создание учебных курсов с использованием
«Университетской библиотеки ONLINE»
Вставка фреймом
<iframe src="http://biblioclub.ru/index.php?
page=book_view_strip
&book_id=137755
&page_id=54
&page_fin=59"
height="800"
width="800“
align="left"> </iframe>
Создание учебных курсов с использованием
«Университетской библиотеки ONLINE»
Полезные ссылки
•
Как создавать интерактивные и мультимедийные вставки в электронном курсе при
помощи интернет сервисов:
• http://popplet.com,
• http://infogr.am,
• http://datawrapper.de/,
• 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
Полезные ссылки
•
Как создавать интерактивные и мультимедийные вставки в электронном курсе при
помощи интернет сервисов:
• http://storify.com/,
•
•
•
•
Ролик 1/4:
Ролик 2/4:
Ролик 3/4:
Ролик 4/4
http://youtu.be/uHVGb0-PsuI
http://youtu.be/QzQMuoi4TUo
http://youtu.be/xqNdyd9kRjE
http://youtu.be/Cdjnn18fffY
• http://www.dipity.com/
• Примеры timeline «ручного» изготовления
•
•
•
http://research.google.com/bigpicture/music/#
http://bolid.es/
http://www.youtube.com/watch?v=vFD4NRHcywY
• Серия скринкастов, посвященная разработке timeline при помощи dipity.com
•
•
•
•
•
•
Ролик 1/5:
Ролик 2/5:
Ролик 3/5:
Ролик 4/5
Ролик 5/5
http://youtu.be/rHTJDUsC4dg
http://youtu.be/6IS4WmW_SsE
http://youtu.be/3RRDxi-mDWk
http://youtu.be/KcCdTdB9VsE
http://youtu.be/24tGQ8LzoT8
http://timeline.knightlab.com/ - еще один сервис timeline
ООО «Директ-Медиа»
Каллиников Павел
Руководитель учебно-методического центра
 +7 (495) 334-72-11 (доб. 503)
 +7 (495) 333-40-06
 [email protected]
 www.biblioclub.ru