Hapyak

Автор инструкции по работе с сервисом

 

Орешко Марина Анатольевна,

 

 заведующая сектором литературного краеведения Библиотеки-музея имени Н.Н. Блинова г. Мурманск

Название сервиса: Hapyak

Описание: онлайн-сервис для создания интерактивного видео. За основу можно брать видео с YouTube, Vimeo, Brightcover, Wistia, Vzaar, JWPlayer, VideoJS, FlowPlayer, HealthStream и др., а также загружать со своего ПК

Внимание! Сервис стал платным

Язык: английский

Ссылка:  https://corp.hapyak.com/

На основе одного видео можно создать интерактивную викторину с открытыми и закрытыми вопросами, прикрепить аннотации, комментарии и изображения к видеосюжету, добавить ссылки на другие веб-ресурсы, встроить видео в видео, а также разбить видео на части («главы») и создать меню на основе «глав» для более удобного просмотра. Есть возможность рисовать поверх видеосюжета.

Зрителям для работы с интерактивным видео, созданным с помощью Hapyak, регистрация не требуется.В бесплатном аккаунте доступно создание пяти интерактивных видеороликов.

 

Возможность организации групповой работы в сервисе

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

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

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

 

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

Видеоурок можно встроить на страницу сайта или блога (пример размещения в блоге - http://moya-pesochnitsa.blogspot.ru/2016/03/hapyak.html)

 

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

Регистрация

Для работы в сервисе необходима регистрация. Для этого заходим на сайт https://corp.hapyak.com/ и нажимаем «Try It Free». В дальнейшем можно заходить на сервис, используя клавишу «Sign in».

В форме для регистрации указываем имя (First Name), фамилию (Last Name), организацию (Organization), телефон (Phone Number), адрес электронной почты (E-mail Address) и придумываем пароль (Password). Нажимаем «Submit».

После прохождения регистрации нажимаем «Next».

Далее будет предложено посмотреть учебный фильм по работе с сервисом (на английском языке) или получить персональную помощь по телефону. Чтобы пропустить эти шаги, нажимаем «Next».

На последнем этапе вводим адрес электронной почты и пароль в открывшееся окно. Нажимаем «Sign in», далее - «OK. Let’s Get Started».

Перед созданием первого видео необходимо ответить на несколько вопросов:What do you use video for? (С какой целью Вы создаёте видео?).

About how many videos do you think you'll produce this year? (Сколько видео Вы планируете создать в этом году?).

Which video player / host do you primarily use? (Какой плеер или видеохостинг Вы предпочитаете использовать?).

What are you looking to do with interactive video? (Что Вы хотите сделать с интерактивным видео?)

На четвертый вопрос необходимо написать ответ в предложенном окне. Например, «Использовать на уроках литературы» (кириллица поддерживается). Далее нажимаем «ОК» и «Submit».

Загрузка видео

Для создания видео нажимаем «Create First Interactive Video».

После этого вновь вводим свой адрес электронной почты и пароль. Нажимаем «Sign in».

Открывается личный кабинет. Для создания видео нажимаем «New Project».

Далее даём название видеосюжету (Title). В окно «Embed type» из выпадающего списка выбираем название видеохостинга (например, YouTube). В окно «URL or embed code» вставляем ссылку на необходимое видео.

Можно загрузить видеоролик с ПК. Для этого открываем вкладку «Upload video» и нажимаем «Выберите файл» - «Upload». После загрузки нажимаем «Submit».

Откроется рабочее поле. В центре - видео для редактирования. Внизу под видео - панель инструментов для добавления интерактивных элементов:

  1. Аннотации

  2. Изображения

  3. «Горячие точки»

  4. Главы (части) видео и меню этих глав

  5. Викторина

  6. Встраиваемые объекты

  7. Рисунок поверх видео.

Добавление аннотаций

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

1. Start Time: установка времени начала показа комментария, аннотации.

Значок с изображением часов: установка продолжительности показа аннотации (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until the end of the video», комментарий будет виден до окончания видео.

3. Editor: редактирование текста аннотации.

4. Link: добавление ссылки к аннотации.

В окне «Load external URL» добавляется адрес веб-ресурса. В окне «Jump to video time» можно установить временной фрагмент данного видео, на который попадет зритель, нажав на аннотацию. В разделе «Action to take if the viewer doesn't click» можно выбрать вариант развития событий, если зритель не нажмёт на ссылку: «Continue video» - продолжить просмотр; «Loop back» - начать просмотр видео заново.

5. Pause: добавление паузы на время просмотра заметки: Y- пауза добавлена; N - паузы нет.

6. Styles: выбор фона для комментария.

7. Theme: выбор шаблона для аннотации из выпадающего списка

8. Transitions: выбор варианта появления аннотации в кадреДля предварительного просмотра нажимаем «Preview», для сохранения аннотации - «Done», для удаления - «Delete».

Добавление изображений

Чтобы добавить изображение к видео, проигрываем его до необходимого момента, ставим на «паузу» и нажимаем на значок «Add image». Изображение можно добавить по ссылке, загрузить с ПК или добавить через веб-камеру. После загрузки нажимаем «Submit».

Рядом с загруженным изображением появится меню для его редактирования.

1.Start Time: установка времени для начала показа изображения.

2.Значок с изображением часов: установка продолжительности показа изображения (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until the end of the video», изображение будет видно до окончания видео.

3. Editor: добавление подписи или другого текста к рисунку

4. Link: добавление ссылки к изображению.

В окне «Load external URL» добавляется адрес веб-ресурса. В окне «Jump to video time» можно установить временной фрагмент данного видео, на который попадет зритель, нажав на изображение. В разделе «Action to take if the viewer doesn't click» можно выбрать вариант развития событий, если зритель не нажмёт на ссылку: «Continue video» - продолжение просмотра; «Loop back» - начать просмотр видео заново.

5. Pause: добавление паузы на время просмотра изображения: Y- пауза добавлена; N - паузы нет.

6. Transitions: выбор варианта появления изображения в кадре

Для предварительного просмотра нажимаем «Preview», для сохранения аннотации - «Done», для удаления - «Delete».

Добавление «горячих точек»

«Горячая точка» (Hot Spot) - область видео, содержащая ссылку на какой-либо веб-ресурс. Чтобы добавить «горячую точку», нажимаем на значок со стрелкой (Add Hot Spot). На видео появится выделенная область для редактирования «горячей точки», а рядом - набор инструментов.

1.Start Time: установка времени появления «горячей точки» на экране

2.Значок с изображением часов: установка продолжительности показа «горячей точки» (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until the end of the video», она будет видна до окончания видео.

3. Editor: редактирование текста «горячей точки».

4. Link: добавление ссылки.

В окне «Load external URL» добавляется адрес веб-ресурса. В окне «Jump to video time» можно установить временной фрагмент данного видео, на который попадет зритель, нажав на изображение. В разделе «Action to take if the viewer doesn't click» можно выбрать вариант развития событий, если зритель не нажмёт на ссылку: «Continue video» - продолжение просмотра; «Loop back» - начать просмотр видео заново.

5. Pause: добавление паузы на время просмотра изображения: Y- пауза добавлена; N - паузы нет.

6. Styles: выбор фона для «горячей точки».

Для предварительного просмотра нажимаем «Preview», для сохранения аннотации - «Done», для удаления - «Delete».

Добавление «глав»

Для более удобного просмотра видео можно разделить его на части («главы») и создать меню этих «глав». Нажимая на название «главы» в списке (меню), зритель автоматически попадает на необходимый фрагмент видео. Чтобы добавить главу в видео, нажимаем на значок «Add Chapter». В верхнем правом углу откроется окно для настройки созданной «главы».

1. Start Time: установка временной отсечки для начала «главы».

2. Значок с изображением часов: установка продолжительности показа названия главы (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until the end of the video», название будет видно до окончания видео.

3. Editor - окно для внесения названия «главы».

4. Pause: добавление паузы на время просмотра названия «главы»: Y- пауза добавлена; N - паузы нет.

5. Styles: выбор одного из стилей оформления главы (выбираем из выпадающего списка: «Invisible» - название «главы» на прозрачном фоне; «Bookmark» - «глава» отображается в виде книжной закладки; «Minimal» - «глава» отображается в виде маленькой книжной закладки; «Title Card» - название «главы» отображается в виде заставки.

Для предварительного просмотра нажимаем «Preview», для сохранения «главы» - «Done», для удаления - «Delete».

Из нескольких «глав» можно собрать меню видеоролика. Обычно его размещают в самом начале видео. Для этого нажимаем на значок «Add Chapter Menu». Слева появится список «глав» видео и инструменты для редактирования меню.

1. Start Time: установка временной отсечки для начала показа меню.

2. Значок с изображением часов: установка продолжительности показа меню (по умолчанию - 10 секунд); если поставить «галочку» напротив «Until the end of the video», меню будет видно до окончания видео.

3. Styles: выбор одного из стилей оформления меню (выбираем из выпадающего списка: Adaptive - меню раскрывается на весь экран; 1 Column - меню открывается в виде списка.

4. Position: выбор местонахождения меню на экране: слева вверху (top-left), справа вверху (top-right), слева внизу (bottom-left), слева вверху (bottom-right). Для сохранения меню - «Done», для удаления - «Delete».

При просмотре видео меню будет показываться в свернутом виде в одном из углов экрана (надпись - «Chapter»). Для его развертывания щёлкаем по надписи «мышью».

Добавление викторины

Чтобы добавить опрос к видеосюжету, нажимаем на значок «Add Quiz». Откроется окошко для добавления вопроса. В строку «Enter Question» заносим формулировку вопроса. Чтобы добавить варианты ответа, нажимаем «+Choice» и вписываем в соответствующие строки возможные варианты ответов.Если необходимо создать открытый опрос, нажимаем «+Input» и оставляем это окно незаполненным, чтобы зритель мог вписать в сюда свой ответ.

К одному фрагменту видео можно добавить сразу несколько вопросов. Для добавления ещё одного вопроса нажимаем «+Question» слева вверху.

Дополнительные настройки опроса находятся в разделе «Options» справа вверху. Одна из настроек - «Review screen».

В окошко «Review screen message» можно вставить правильный ответ: он будет выводиться на экран для самопроверки после того, как зритель сделает свой выбор или даст ответ.

Для опроса доступны те же настройки, что и для других интерактивных элементов:

1. Start Time: установка временной отсечки для начала показа вопроса.

2. Значок с изображением часов: установка продолжительности показа вопроса (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until action», вопрос будет виден, пока зритель не даст ответ на него.

3. View Mode: просмотр, как будет выглядеть опрос на экране.

4. Pause: добавление паузы на время опроса: Y- пауза добавлена; N - паузы нет (по умолчанию пауза добавлена: пока не будет дан ответ, видео не продолжится).

Для предварительного просмотра нажимаем «Preview», для сохранения опроса - «Done», для удаления - «Delete».

Добавление встраиваемых объектов

К видео можно добавить встраиваемые объекты (iframe), например, другое видео. Для этого нажимаем «Add IFRAME» и в открывшееся окно вставляем ссылку на встраиваемый объект (вкладка «URL»).

К встраиваемому объекту можно применить несколько настроек:

1. Start Time: установка временной отсечки для начала показа видео.

2. Значок с изображением часов: установка продолжительности показа встраиваемого видео (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until the end of the video», встроенное видео будет просматриваться до конца.

3. Editor: название видео или любой другой текст.

4. Pause: добавление паузы на время просмотра встроенного видео: Y- пауза добавлена; N - паузы нет (по умолчанию пауза добавлена: пока встроенное видео не будет просмотрено, основной видеоролик не продолжится).

Для предварительного просмотра нажимаем «Preview», для сохранения опроса - «Done», для удаления - «Delete».

Рисование поверх видео

Чтобы сделать пометки поверх видео (нарисовать, подчеркнуть, выделить что-либо), нажимаем «Add Drawing» и выбираем необходимые настройки из предложенных.

1. Start Time: установка временной отсечки для начала рисования.

2. Значок с изображением часов: установка продолжительности показа нарисованного (по умолчанию - 3 секунды); если поставить «галочку» напротив «Until the end of the video», нарисованное будет сохраняться на экране до конца видео.

3. Цветовая палитра позволяет выбрать цвет для рисования (доступно 4 цвета).

4. Pause: добавление паузы на время рисования: Y- пауза добавлена; N - паузы нет (по умолчанию паузы нет).

«Рисовать» можно «мышью». Чтобы удалить нарисованное, нажимаем «Clear», чтобы отменить последнее действие - «Undo». Для предварительного просмотра нажимаем «Preview», для сохранения опроса - «Done», для удаления - «Delete».

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

Для того, чтобы получить код для встраивания видео на страницу сайта или блога, нажимаем «Embed».

Для просмотра статистика просмотра видео нажимаем «View reports» слева вверху.В открывшемся окне можно увидеть статистику просмотров видео и активностей зрителей. Отдельно можно проследить работу со ссылками (Links), «главами» (Chapters), опросами (Questions).

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

Витамины и их роль в организме человека [Электронный ресурс] // Моя песочница. - Режим доступа: http://moya-pesochnitsa.blogspot.ru/2016/03/hapyak.html

 

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

Пуляевская А.М. Hapyak [Электронный ресурс] // NITforYou. - Режим доступа: http://nitforyou.com/kurs_quiz1/intervideo.html