Hapyak
 | Название сервиса: Hapyak На основе одного видео можно создать интерактивную викторину с открытыми и закрытыми вопросами, прикрепить аннотации, комментарии и изображения к видеосюжету, добавить ссылки на другие веб-ресурсы, встроить видео в видео, а также разбить видео на части («главы») и создать меню на основе «глав» для более удобного просмотра. Есть возможность рисовать поверх видеосюжета. Возможность организации групповой работы в сервисе Возможности сервиса для образовательной деятельности Где можно делиться материалами с сервиса |
Алгоритм работы в сервисе
Регистрация | ||
 | Для работы в сервисе необходима регистрация. Для этого заходим на сайт 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». | |
 | Откроется рабочее поле. В центре — видео для редактирования. Внизу под видео — панель инструментов для добавления интерактивных элементов: — Аннотации — Изображения — «Горячие точки» — Главы (части) видео и меню этих глав — Викторина — Встраиваемые объекты — Рисунок поверх видео. | |
Добавление аннотаций | ||
 | Чтобы добавить аннотацию, проигрываем видео до необходимого момента, ставим на «паузу» и нажимаем на окошко для добавления аннотаций. Поверх видео появляется окно для внесения заметок, аннотаций и комментариев к видеосюжету. Справа находится набор инструментов для редактирования аннотации. | |
 | Start Time: установка времени начала показа комментария, аннотации. | |
 | Значок с изображением часов: установка продолжительности показа аннотации (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until the end of the video», комментарий будет виден до окончания видео. | |
 | Editor: редактирование текста аннотации. | |
 | Link: добавление ссылки к аннотации. В окне «Load external URL» добавляется адрес веб-ресурса. В окне «Jump to video time» можно установить временной фрагмент данного видео, на который попадет зритель, нажав на аннотацию. В разделе «Action to take if the viewer doesn't click» можно выбрать вариант развития событий, если зритель не нажмёт на ссылку: «Continue video» — продолжить просмотр; «Loop back» — начать просмотр видео заново. | |
 | Pause: добавление паузы на время просмотра заметки: Y- пауза добавлена; N — паузы нет. | |
 | Styles: выбор фона для комментария. | |
 | Theme: выбор шаблона для аннотации из выпадающего списка Transitions: выбор варианта появления аннотации в кадреДля предварительного просмотра нажимаем «Preview», для сохранения аннотации — «Done», для удаления — «Delete». | |
Добавление изображений | ||
 | Чтобы добавить изображение к видео, проигрываем его до необходимого момента, ставим на «паузу» и нажимаем на значок «Add image». Изображение можно добавить по ссылке, загрузить с ПК или добавить через веб-камеру. После загрузки нажимаем «Submit». | |
 | Рядом с загруженным изображением появится меню для его редактирования. — Start Time: установка времени для начала показа изображения. — Значок с изображением часов: установка продолжительности показа изображения (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until the end of the video», изображение будет видно до окончания видео. — Editor: добавление подписи или другого текста к рисунку — Link: добавление ссылки к изображению. В окне «Load external URL» добавляется адрес веб-ресурса. В окне «Jump to video time» можно установить временной фрагмент данного видео, на который попадет зритель, нажав на изображение. В разделе «Action to take if the viewer doesn't click» можно выбрать вариант развития событий, если зритель не нажмёт на ссылку: «Continue video» — продолжение просмотра; «Loop back» — начать просмотр видео заново. — Pause: добавление паузы на время просмотра изображения: Y- пауза добавлена; N — паузы нет. — Transitions: выбор варианта появления изображения в кадре Для предварительного просмотра нажимаем «Preview», для сохранения аннотации — «Done», для удаления — «Delete». | |
Добавление «горячих точек» | ||
 | «Горячая точка» (Hot Spot) — область видео, содержащая ссылку на какой-либо веб-ресурс. Чтобы добавить «горячую точку», нажимаем на значок со стрелкой (Add Hot Spot). На видео появится выделенная область для редактирования «горячей точки», а рядом — набор инструментов. | |
 | — Start Time: установка времени появления «горячей точки» на экране — Значок с изображением часов: установка продолжительности показа «горячей точки» (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until the end of the video», она будет видна до окончания видео. — Editor: редактирование текста «горячей точки». — Link: добавление ссылки. В окне «Load external URL» добавляется адрес веб-ресурса. В окне «Jump to video time» можно установить временной фрагмент данного видео, на который попадет зритель, нажав на изображение. В разделе «Action to take if the viewer doesn't click» можно выбрать вариант развития событий, если зритель не нажмёт на ссылку: «Continue video» — продолжение просмотра; «Loop back» — начать просмотр видео заново. — Pause: добавление паузы на время просмотра изображения: Y- пауза добавлена; N — паузы нет. — Styles: выбор фона для «горячей точки». Для предварительного просмотра нажимаем «Preview», для сохранения аннотации — «Done», для удаления — «Delete». | |
Добавление «глав» | ||
 | Для более удобного просмотра видео можно разделить его на части («главы») и создать меню этих «глав». Нажимая на название «главы» в списке (меню), зритель автоматически попадает на необходимый фрагмент видео. Чтобы добавить главу в видео, нажимаем на значок «Add Chapter». В верхнем правом углу откроется окно для настройки созданной «главы». | |
 | — Start Time: установка временной отсечки для начала «главы». — Значок с изображением часов: установка продолжительности показа названия главы (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until the end of the video», название будет видно до окончания видео. — Editor — окно для внесения названия «главы». — Pause: добавление паузы на время просмотра названия «главы»: Y- пауза добавлена; N — паузы нет. — Styles: выбор одного из стилей оформления главы (выбираем из выпадающего списка: «Invisible» — название «главы» на прозрачном фоне; «Bookmark» — «глава» отображается в виде книжной закладки; «Minimal» — «глава» отображается в виде маленькой книжной закладки; «Title Card» — название «главы» отображается в виде заставки. Для предварительного просмотра нажимаем «Preview», для сохранения «главы» -«Done», для удаления — «Delete». | |
 | Из нескольких «глав» можно собрать меню видеоролика. Обычно его размещают в самом начале видео. Для этого нажимаем на значок «Add Chapter Menu». Слева появится список «глав» видео и инструменты для редактирования меню. | |
 | — Start Time: установка временной отсечки для начала показа меню. — Значок с изображением часов: установка продолжительности показа меню (по умолчанию — 10 секунд); если поставить «галочку» напротив «Until the end of the video», меню будет видно до окончания видео. — Styles: выбор одного из стилей оформления меню (выбираем из выпадающего списка: Adaptive — меню раскрывается на весь экран; 1 Column — меню открывается в виде списка. — 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» можно вставить правильный ответ: он будет выводиться на экран для самопроверки после того, как зритель сделает свой выбор или даст ответ. | |
 | Для опроса доступны те же настройки, что и для других интерактивных элементов: — Start Time: установка временной отсечки для начала показа вопроса. — Значок с изображением часов: установка продолжительности показа вопроса (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until action», вопрос будет виден, пока зритель не даст ответ на него. — View Mode: просмотр, как будет выглядеть опрос на экране. — Pause: добавление паузы на время опроса: Y- пауза добавлена; N — паузы нет (по умолчанию пауза добавлена: пока не будет дан ответ, видео не продолжится). Для предварительного просмотра нажимаем «Preview», для сохранения опроса — «Done», для удаления — «Delete». | |
Добавление встраиваемых объектов | ||
 | К видео можно добавить встраиваемые объекты (iframe), например, другое видео. Для этого нажимаем «Add IFRAME» и в открывшееся окно вставляем ссылку на встраиваемый объект (вкладка «URL»). | |
 | К встраиваемому объекту можно применить несколько настроек: — Start Time: установка временной отсечки для начала показа видео. — Значок с изображением часов: установка продолжительности показа встраиваемого видео (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until the end of the video», встроенное видео будет просматриваться до конца. — Editor: название видео или любой другой текст. — Pause: добавление паузы на время просмотра встроенного видео: Y- пауза добавлена; N — паузы нет (по умолчанию пауза добавлена: пока встроенное видео не будет просмотрено, основной видеоролик не продолжится). Для предварительного просмотра нажимаем «Preview», для сохранения опроса — «Done», для удаления — «Delete». | |
Рисование поверх видео | ||
 | Чтобы сделать пометки поверх видео (нарисовать, подчеркнуть, выделить что-либо), нажимаем «Add Drawing» и выбираем необходимые настройки из предложенных. | |
 | — Start Time: установка временной отсечки для начала рисования. — Значок с изображением часов: установка продолжительности показа нарисованного (по умолчанию — 3 секунды); если поставить «галочку» напротив «Until the end of the video», нарисованное будет сохраняться на экране до конца видео. — Цветовая палитра позволяет выбрать цвет для рисования (доступно 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