Создание интерактивного видео

Уважаемые коллеги!

Среди сервисов, которые могут быть полезны в школе, хочется отдельно выделить конструкторы интерактивного видео.

Интерактивность – это свойство ресурсов, позволяющее обучающемуся перейти из позиции пассивного слушателя к активному взаимодействию с ресурсами. Словосочетание "интерактивное видео" звучит несколько необычно. Тем не менее, видео может иметь элементы интерактивности. Это может быть возможность пройти по ссылкам для более подробного знакомства с материалом, необходимость ответить на заданные в форме теста вопросы для продолжения просмотра видео, предложение высказать свое мнение и др.

Причем вопросы и задания предлагаются не после просмотра, а прямо по ходу, что помогает акцентировать и удерживать внимание ученика, а при необходимости дает обучающемуся возможность просмотреть нужный кусочек еще раз.

Работать в конструкторах интерактивного видео можно не только со своим авторским видеороликом, но и взять за основу готовый видеоурок в сети: как правило, конструкторы интегрируются с YouTube, и позволяют добавлять содержание оттуда. При этом все дополняющие видео элементы видны только при работе с видеоуроком на сервисе конструктора, и, естественно, никак не влияют на исходный видеофайл на YouTube.

К конструкторам интерактивного видео можно отнести:

• Н5Р
• Thinglink
• Edpuzzle

У каждого из них есть свои особенности и преимущества.

Проект Н5Р

Видео можно загрузить непосредственно на сайт (если оно не более 16 МБ) или взять за основу видеоролик, размещенный на YouTube. Добавить к нему можно начальный кадр (например, разместив на нет текст задания, закладки, ссылки, вопросы с единичным и множественным выбором, задания в которых потребуется вставить пропущенные слова, перетащить картинки, рассортировав их по зонам, вопросы, в которых надо выделить нужное слово или определить истинность утверждения, надписи, картинки, таблицы. Можно убрать оригинальное озвучивание видеоролика и добавить свои титры. В конце можно вставить итоговое задание, в котором из нескольких предложенных вариантов ученику нужно будет выбрать то, которое является выводом по видеоуроку.

Инструкция для создания видео в Н5Р (Ссылки на внешний сайт.)

Подробная инструкция по работе с сервисом H5P

Пример. Видеоролик "Строительные материалы вчера и сегодня", внеурочная деятельность.

Ссылка на ресурс на сервисе (Ссылки на внешний сайт.)

Вот так выглядел исходный видеоролик Исходный видеоролик (Ссылки на внешний сайт.

Сервис Edpuzzle

В сервисе EDpuzzle (Ссылки на внешний сайт.) можно вставлять вопросы с единичным и множественным выбором, а также предложение поделиться мнением по какому-то вопросу (развернутый ответ). Задания вставляются по ходу видео, кроме того, их можно добавить и в конце.

Здесь можно создать аккаунты для учеников, тогда у учителя будет статистика, кто и как из его учеников отвечал на вопросы. Настройки предлагают автору выбрать, сможет ли зритель пропустить вопрос, либо для дальнейшего просмотра требуется дать ответ.

Полученный продукт можно вставить на сайт или в блог.

Инструкция по работе с сервисом (Ссылки на внешний сайт.)

Ссылка на ресурс на сервисе (Ссылки на внешний сайт.)

Исходный ролик на YouTubeисходный ролик (Ссылки на внешний сайт.)

Анимированое видео

Создание презентации с интерактивными слайдами

Информация о сервисе

Проект Н5Р (https://h5p.org/) предназначен для создания разнообразного интерактивного контента: презентаций, видео, лент времени, интерактивных плакатов, упражнений, опросов и игр. Пользователи могут создавать интерактивный контент на сервисах проекта и затем использовать его на страницах сайтов или блогов. Проект не требует оплаты за использование. Поддерживает кириллицу.

Возможности сервиса для образовательной деятельности

С помощью сервиса можно подготовить интересный учебный интерактивный материал, организовать опрос и тестирование учащихся, предложить им разнообразные упражнения для самопроверки.

Где можно делиться материалами с сервиса

Созданные в сервисе работы можно встроить на страницу сайта или блога и поделиться им в социальных сетях (Twitter, Facebook), также можно получить прямую ссылку на созданную работу.

Алгоритм работы в сервисе

Регистрация (производится только один раз)

Создание интерактивной презентации

Распространение

Описание сервиса

В ходе создания презентации, сервис предлагает большой выбор инструментов для интеграции контента. Элементы, такие как ключевые слова, ссылки, изображения, аудио и видео клипов, а также различного рода интерактивные объекты, можно врезать в слайды презентации. Обучающиеся работают со слайдами, чтобы познакомиться с учебным материалом, решая различные викторины или просматривая видео.

Презентация состоит из слайдов, в которые есть возможность добавлять различные мультимедиа и интерактивные элементы для вовлечения обучающегося в учебный процесс. Добавление контента осуществляется при использовании инструментария в верхней части визуального редактора. Здесь для работы пользователю предложено несколько вариантов тестов, опросов, результирующих опросов, интерактивное видео.

Презентации, созданные с использованием инструментария сервиса, являются гибкими в использовании, так как они просты для создания, публикации и редактирования. Готовую презентацию можно сохранить, встроить, использовать ссылку. Это отличный инструмент для использования в электронном обучении.

Для владеющих английским языком или умеющих осуществлять машинный перевод доступна инструкция от авторов.

Предлагаю посмотреть видео от автора курса.

Примеры работ Коломийцева Михаила

1. Форма, размеры и движение Земли
2. Создание презентации в Н5Р
3. Каравелла - синоним эпохи Великих географических открытий

Рассмотрим более подробно работу с сервисом.

Пройдите процедуру авторизации.

3. Познакомьтесь с интерфейсом. Для создания интерактивной презентации достаточно основных элементов представленных в рисунке. Однако приветствуется любое дополнение. При создании опроса рассмотрим только один вариант тестов. Каждый участник имеет полное право отойти от инструкции и попробовать создать опрос в другой форме.

4. Добавьте поясняющий текст на первый слайд презентации. Для этого нажмите на букву "Т". Введите или скопируйте поясняющий текст. После его вставки сохраните. В случае ошибки можно отредактировать и изменить текст.

Когда вы закончите добавление интерактивных объектов к использованному видео, то нажмите кнопку «Сохранить». После вы сможете посмотреть результат работы, получить код и ссылку, поделиться в соцсетях, сохранить на своём компьютере. В случае если вы используете видео, изображения и текст, которые защищены авторскими правами, то на сервисе в диалоговом окне каждой формы предусмотрена возможность добавления копирайта и логотипа.

Задание.

В этом задании вам необходимо создать презентацию о научном открытии, которое сыграло огромную роль и имело большое значение не только для эпохи, породившей его, но и для последующих эпох и поколений. При создании презентации ОБЯЗАТЕЛЬНО добавьте различные формы опроса. Такая презентация станет интерактивной.

Biteable - сервис для создания анимированного видео

Biteable – это онлайн-сервис для создания анимированного видео любой тематики. Преимущества сервиса: есть бесплатный тарифный план; поддерживает кириллицу; позволяет загружать собственные изображения и аудиофайлы; есть инструменты для редактирования загруженных изображений (обрезка, поворот), предоставляет наборы анимированных шаблонов, музыкальных треков, выбор цветовой палитры; есть возможность экспорта готового видео на YouTube.

Количество создаваемых работ не ограничено. В одном видео можно создать до 100 анимированных сцен (эпизодов). В бесплатном аккаунте на видео наносится водяной знак. Готовую работу можно встроить на страницу сайта или блога.

Вiteable

автор инструкции - Марина Орешко,

методист ЦДО “Снейл”

• Информация о сервисе

Biteable (https://app.biteable.com/) - онлайн-сервис для создания анимированного видео любой тематики.

Преимущества сервиса:

- есть бесплатный тарифный план;

- поддерживает кириллицу;

- позволяет загружать собственные изображения и аудиофайлы;

- есть инструменты для редактирования загруженных изображений (обрезка, поворот),

- предоставляет наборы анимированных шаблонов, музыкальных треков, выбор цветовой палитры;

- есть возможность экспорта готового видео на YouTube.

2. Где можно делиться материалами с сервиса

Можно получить прямую ссылку на созданную работу или код для встраивания видео на страницу сайта или блога. Также можно поделиться видеороликом в социальных сетях (Facebook, Twitter).

3. Алгоритм работы в сервисе

Регистрация

Создание видео

Создание слайдов

Выбор цветовой палитры

Выбор музыкального сопровождения

Сохранение и распространение

Настройки презентации

Онлайн-трансляция

Распространение и аналитика

Регистрация

Чтобы начать работу, необходимо зарегистрироваться. Заходим на сайт сервиса (https://app.biteable.com/) и нажимаем “Sign up - Free” или “Get started - it’s free”. В дальнейшем после регистрации, чтобы зайти на сайт, можно использовать кнопку “Login”.

Рисунок 1. Register

Для регистрации указываем имя, адрес электронной почты и придумываем пароль. Далее нажимаем “Create my free account”. Можно создать учетную запись, используя аккаунты Facebook и Google.

Рисунок 2. Register-2

Далее можно выбрать тип шаблона для будущего видео:

• реклама;
• презентация
• введение в тему;
• слайд-шоу;
• бизнес-обучалка.

Можно начать работу с нуля, нажав “Start from scratch”.

Если выбран шаблон, то открывается редактор видео с уже готовым набором сцен и изображений. Пользователь может поменять текст для каждой сцены, убрать ненужные слайды-сцены и добавить свои. Если выбрана работа с нуля, то пользователь может использовать разные сцены из разных наборов шаблонов, самостоятельно загружать изображения, добавлять и удалять слайды-сцены.

Рисунок 4. Start from scratch

Открываются наборы шаблонов, которые можно использовать для создания видео. Они сгруппированы в 3-х разделах:

• Animation - анимированные сценки разной тематики.
• Footage - красивые видеопереходы между частями ролика.
• Upload picture - анимированное фоновое изображение для размещения на нём текста.

Рисунок 6. Templates

Создание слайдов

При наведении курсора на шаблон запускается его предварительный просмотр. Чтобы выбрать шаблон для использования, щёлкаем по нему мышью. Открывается редактор. Во вкладке “Timeline” к выбранному шаблону можно добавить текст, кириллица поддерживается. Максимальное количество знаков, которое можно использовать в тексте, указано в правом нижнем углу.

Для каждого шаблона установлено определённое время проигрывания, при желании можно ускорить слайд, выбрав “короткую” версию шаблона (Short version): для этого нажимаем на значок с изображением часов.

Рисунок 7. Timeline

Изображения весом не более 3 Mb можно загрузить в шаблон с ПК или добавить из “облака” (Диск Google, Dropbox, Flickr), из социальных сетей (Facebook, Instagram), из электронной почты (Gmail). Также можно найти нужное изображение в Сети и добавить его в проект.

Рисунок 8.Timeline-2

После загрузки изображения его можно немного отредактировать. Во вкладке “Crop” можно обрезать изображение, потянув “мышью” за ограничительные маркеты, а также развернуть его (Rotate) и выделить нужную область картинки в виде круга (Circle).

Рисунок 9. Crop

Для предварительного просмотра нажимаем “Preview updates”. Чтобы добавить новый слайд, нажимаем на значок “+”: открывается коллекция шаблонов, из которой выбираем новый эпизод видео.

Когда все сцены будут добавлены в видеоролик, нажимаем “Save & Next” и переходим во вкладку “Color”. В любой момент можно вернуться к редактированию слайдов: для этого выбираем вкладку “Timeline” вверху.

Рисунок 11.Timeline-2

Выбор музыкального сопровождения

Переходим во вкладку “Audio”, чтобы добавить музыкальный фон к видео. Из предложенной библиотеки можно выбрать подходящий файл. Также можно загрузить своё аудио (Upload a Track).

Рисунок 14. Audio

Сохранение и распространение

Когда работа над видео будет закончена, нажимаем “Save” и переходим во вкладку “Preview”. Чтобы запустить предварительный просмотр готовой работы, нажимаем “Build My Preview”. Сохранение и запуск предпросмотра займут какое-то время.

Рисунок 16. Build My Preview

После публикации можно получить ссылку на готовую работу, поделиться видео в социальных сетях (Facebook, Twitter), встроить его на страницу сайта или блога с помощью кода. Чтобы загрузить видео на YouTube, нажимаем на соответствующий логотип.

Рисунок 18. Publish-2

Все работы, созданные в сервисе, сохраняются в личном кабинете. Их можно редактировать, копировать и удалять. В бесплатном аккаунте сохранить на свой ПК видео нельзя - это платная функция.

Рисунок 19. Publish-3

4. Примеры работ

• Владимир Иванович Даль [Электронный ресурс] // YouTube. - Режим доступа: https://youtu.be/UpCAD7jcaRs
• Да будет свет! [Электронный ресурс] // YouTube. - Режим доступа: https://youtu.be/GeGU3tpgD-w
• Иван Мичурин [Электронный ресурс] // YouTube. - Режим доступа: https://youtu.be/on5kcZZwrLM
• Павел Флоренский [Электронный ресурс] // YouTube. - Режим доступа: https://youtu.be/OgQvArKCnY8
• Пирогов Николай Иванович [Электронный ресурс] // YouTube. - Режим доступа: https://youtu.be/gnV6AJ6WDZ0
• Софья Ковалевская [Электронный ресурс] // YouTube. - Режим доступа: https://youtu.be/qBMv8UhTZnc

5. Полезные ссылки

• Баданов А. Biteable manual [Электронный ресурс] // Google Презентация. - Режим доступа: https://docs.google.com/presentation/embed?id=1VbMdOaexkoxaciAtdvCMeksfRTwkqFkPZMKyjdu4XNM&start=false&loop=false&delayms=3000
• Гиндеберя С. Biteable [Электронный ресурс] // ВикиСибириаДа. - Режим доступа: http://wiki-sibiriada.ru/Biteable
• Сухачёва А. Biteable.com — сервис для создания анимационных видеороликов [Электронный ресурс] // Новый репортёр. - Режим доступа: http://newreporter.org/2016/07/15/biteable-com-servis-dlya-sozdaniya-animacionnyx-videorolikov/

Google Диск–Сообщение о нарушении–Интервал автоматического обновления в минутах: 5

Познакомьтесь с возможностями сервиса Biteable, изучите предложенные примеры.

2

Изучите инструкцию по работе с сервисом. Зарегистрируйтесь в Biteable, используя адрес электронной почты или учётную запись в социальных сетях (Facebook, Google+). Потренируйтесь в использовании шаблонов, добавлении текстов и изображений.

3

Выберите любую тему для анимированного видео и создайте его, используя предложенные в сервисе шаблоны.

4

На что стоит обратить внимание?

1

Выбираем шаблоны

Для создания первой работы в сервисе лучше выбирать опцию "Создать работу с нуля", тогда выбор шаблонов для творчества будет максимально большим.

2

Публикация и распространение

Не забываем после предварительного просмотра нажимать "Publish", чтобы опубликовать готовый видеоролик. Только после публикации будет доступна ссылка на видео.

Анимированное видео можно прямо из сервиса загрузить в свой канал на YouTube, для этого нужно разрешить сервису доступ к аккаунту YouTube. Экспорт займет от 10 до 30 минут.

Для тех, кто любит посложнее (дополнительное задание)

1

Самостоятельно познакомьтесь с возможностями сервиса PowToon для создания интерактивного плаката.

Изучите инструкцию по работе с сервисом и создайте анимированное видео по любой теме.

3

Полезные материалы

• Баранова Н. 7 онлайн-сервисов для создания видеопрезентаций
• Гиндеберя С. Animaker
• Ница А. Animaker - простой инструмент для создания качественной анимации
• Сухачёва А. Biteable.com — сервис для создания анимационных видеороликов
• 6 сер­ви­сов для созда­ния видео­пре­зен­та­ций

Конструктор интерактивного видео - EDpuzzle

Сервис позволяет:

• обрезать видео, вырезав из него только ту часть, которая нужна для объяснения материала ученикам;
• добавить собственное озвучивание;
• поместить перед видео звуковой комментарий;
• добавить по ходу видео вопросы с выбором ответа или кратким ответом, задание написать комментарий в обсуждении;
• создать свой виртуальный класс, дать ученикам доступ и отслеживать их результаты.

Переходим по ссылке: https://edpuzzle.com/

На сервисе надо зарегистрироваться или войти с учетной записи Google или Edmodo