понедельник, 25 июня 2018 г.

Универсальный конструктор H5P. Часть 1. Викторины

Эх, давно Полярная Сова не брала в руки шашек не разгонялась на серию ИКТ-постов! Последний раз это было пять лет назад, и писала я тогда про свой любимый скрайбинг. Почему бы не повторить опыт и не написать ещё и про любимый сервис, претендующий на звание самого универсального моего инструмента, - конструктор H5P?

И действительно, где ещё с помощью одного аккаунта можно создать и игру, и флеш-карточки, и интерактивное изображение, и презентацию, и ленту времени, и видеовикторину, и многое-многое другое... И всё это совершенно бесплатно и в неограниченном количестве. Готовую работу легко пристроить на страницу сайта или блога.

Сегодня расскажу, как с помощью этого инструмента смастерить викторину.


Регистрация


Для начала зарегистрируемся. Заходим на сайт https://h5p.org/ и нажимаем “Create free account”. В дальнейшем можно заходить в сервис, используя клавишу “Log in”.


В форме для регистрации нужно назвать имя (никнейм), адрес электронной почты, придумать  пароль.


По желанию можно рассказать о себе в разделе “Description”, подписаться на новости проекта или отказаться от них (снять “галочку”), в заключение пройти проверку, ответив на контрольный вопрос (так называемая “капча”) и записав ответ на него в виде слова. Мне, например, достался такой: "What do you get if you add two and four? Answer is a three letter word" (Что будет, если сложить 2 и 4? Ответ надо записать в виде слова из 3-х букв). Отвечать придется на английском языке, но ведь всегда можно попросить помощи у Google-переводчика, разве нет?



Ну вот, самое сложное позади. Открывается личный кабинет. Чтобы приступить уже к созданию викторины, нажимаем “Create New Content”.



Теперь осталось дать название будущей игре и выбрать из выпадающего списка нужный шаблон.


Викторина с одним правильным ответом


Для начала небольшой пример - викторина "Русские народные сказки":



Это самая простая викторина (со звуком), создаётся буквально за несколько минут. Даём название будущей игре, из выпадающего списка выбираем шаблон “Single Choice Set”.

В графу “Question” вписываем вопрос, в графы “Alternative” - варианты ответа. Первый из вариантов - правильный. Чтобы добавить новый вариант, нажимаем “Add answer”. А новый вопрос добавляет кнопка “Add question”.




Кнопка "Save" в самом низу поможет сохранить викторину.

В разделе "Overall Feedback" можно настроить обратную связь. Нажимаем "Add Range" и добавляем оценки в зависимости от количества правильных ответов. Например, если правильных ответов всего 20%, выбираем оценку "неплохо", если от 20 до 80% - "хороший результат", от 80 до 100% - "отлично". Кстати, сервис может распределить оценки автоматически: достаточно нажать "Distribute Evenly".



Викторина на основе утверждений


Ещё один вариант простой викторины, и тоже по сказкам. Только теперь это сказки А.С. Пушкина.


Порядок действий похожий. В графу “Introduction text” вписываем задание, например: “Выберите из предложенных утверждений верное”.  В графы “Statement” вносим утверждения, первое из них - верное. Чтобы добавить новое утверждение, нажимаем “Add statement”. Если необходимо, в разделе “Tip” добавляем подсказку. Чтобы добавить новый набор утверждений, нажимаем “Add statements”.



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



Викторина с разными типами вопросов



Чего-то всё-таки не хватает, правда? Картинок, разнообразия заданий... Ну что ж, есть и такие викторинные шаблоны. Вот, например, игра про северных животных.




Для создания такой викторины  нужен шаблон "Quiz (Question Set)". В разделе "Quize introduction" даём ей название, добавляем краткую инструкцию (если нужно) и текст для стартовой кнопки, загружаем фоновое изображение для обложки.


Можно настроить индикаторы для показа процесса "отвечания" на вопросы викторины (точки или текст, по умолчанию - точки). А ещё можно указать в процентах количество правильных ответов, необходимых, чтобы считать викторину пройденной (по умолчанию - 50%).



В такой игре предусмотрено шесть типов вопросов:

  • Multiple Choice - вопрос с одним или несколькими правильными ответами
  • Drag and Drop - подбор пары: текста и изображения, двух изображений
  • Fill in Blanks - заполнение пропусков в тексте или предложении
  • Mark the Words - задание отметить нужные слова в списке или тексте
  • Drag Text - заполнение пропусков в тексте словами из предложенного списка
  • True/False Question - вопрос "Правда или ложь"


Все вопросы добавляются кнопкой "Add question". "Мышкой" можно менять их порядок. Итак, приступим...

1. Multiple Choice

В графу “Question” вписываем вопрос, в графу “Text” - первый вариант ответа на него. Отмечаем, правильный ли ответ (Correct). Продолжаем работать по этому алгоритму с остальными вариантами ответов. Правильных ответов может быть сколько угодно: и один, и несколько. В разделе "Media" к вопросу можно прикрепить картинку или видео (до 16 Mb), загрузив их с ПК.


По желанию в разделе “Tips and feedback” даем подсказку отвечающему.


2. Drag and Drop (дословно: "Тяни и бросай")

Для начала в разделе "Settings" придумываем задание. Например: "Как называется это животное? Перенесите "мышью" на изображение верный ответ" и загружаем картинку, к которой нужно будет подобрать пару: текст, слово, изображение. На языке сервиса картинка называется "территорией вброса".


В разделе "Task" нажимаем на значок с изображением точки (Insert Drop Zone) и перетягиваем его на нашу картинку. Появляется рамочка, обозначающая границы "территории вброса". Границы можно растянуть на всё изображение или только на его часть.


Добавляем варианты ответа на задание. Выбираем значок "Text" и переносим его на картинку, вписываем нужный вариант ответа, меняем границы, если надо. Если вариант ответа - это картинка, выбираем значок "Image" (он находится рядом, справа) и повторяем манипуляции (изображение загружается с ПК).


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


3. Fill in Blanks

В этом задании надо заполнить пропуски в предложенном тексте, вставляя подходящие по смыслу слова. В разделе “Media” можно прикрепить изображение (Image) или видео (Video).

В графу “Task description” вписываем задание. В разделе “Text blocks” помещаем текст с пропусками, которые нужно заполнить. "Секретное" слово на месте пропуска отмечаем с двух сторон “звездочками”. Например: Осло - столица *Норвегии*. В одну графу можно добавить только одно предложение с пропуском. Чтобы добавить новое предложение, нажимаем “Add text block”.



4. Mark the Words

В этом задании ищем и выделяем в тексте нужные слова. 

В графу “Task description” вносим задание. В графу “Textfield” вписываем текст со словами, которые нужно найти и отметить. Слова, которые будут правильными ответами на вопрос, отмечаем с двух сторон значком “звездочка”, например: *ответ*. 


5. Drag Text

Очень похоже на задание "Fill in Blanks", только слова для заполнения пропусков в тексте нужно брать из предложенного списка.

В разделе “Task description” - задание к упражнению. В разделе “Textfield” помещаем текст с пропусками, которые нужно заполнить. Нужное слово на месте пропуска отмечаем с двух сторон “звездочками”. Например: Осло - столица *Норвегии*. 

6.  True/False Question (Правда или ложь?)

Всё просто: в графу “Question” вносим какое-нибудь утверждение и отмечаем, правда это или нет. В разделе “Media” можно прикрепить изображение (Image) или видео (Video) к заданию.



***
Завершая создание викторины, можно настроить обратную связь (Overall Feedback), как это было в предыдущих викторинах.




Дополнительные настройки и публикация


Создатели сервиса предусмотрели каждый каприз пользователя: здесь можно настроить любую мелочь, начиная с перемешивания вариантов ответа и заканчивая настройками показа видеороликов. Такое обилие настроек вначале может напугать. На первых порах можно обойти их стороной (они находятся в разделе "Behavioural settings"). 



Если хочется настроить викторину на свой лад, советую подключить Google Переводчик, который поможет справиться с хитростями английского языка (перевод достаточно корректный - проверено).

Ещё одно интересное поле называется "Text overrides and translations". В этом разделе можно перевести на русский язык все надписи на кнопках, которые будут появляться по ходу викторины. Например: "Проверить", "Показать ответ", "Следующий вопрос", "Попробовать ещё раз" и т.д. И опять вначале без помощи Google Переводчика не обойтись!


После того, как мы нажали "Save", викторина откроется в режиме просмотра. Ссылку на неё можно взять вверху из строки браузера. Для того, чтобы получить код для встраивания на страницу сайта или блога, нажимаем внизу под викториной “Embed” (не забудьте указать в открывшемся окошке размеры викторины в пикселях, чтобы она вписалась в блог). 



Успешной работы! Продолжение следует...

Что ещё почитать по теме?
Универсальный конструктор H5P. Часть 2. Интерактивный плакат
Универсальный конструктор H5P. Часть 3. "Весёлые картинки"
Универсальный конструктор H5P. Часть 4. Лента времени
Универсальный конструктор H5P. Часть 5. Флеш-карточки
Универсальный конструктор H5P. Часть 6. Интерактивное видео
Универсальный конструктор H5P. Часть 7. Презентация
Универсальный конструктор H5P. Часть 8. Полезные мелочи

4 комментария:

  1. Как ИНТЕРЕСНО! СПАСИБО! СПАСИБО!

    ОтветитьУдалить
  2. Интересный сервис! Я уже создавала в нем интерактивный плакат! Буду пробовать дальше! Спасибо!

    ОтветитьУдалить
    Ответы
    1. Да. согласна, сервис и правда очень интересный. Здорово, что с одного аккаунта можно создать сразу много чего интересного. И всё это просто и быстро.

      Удалить

Этот пост ждёт ваших комментариев.
Не знаете, как оставить комментарий?
Тогда эта инструкция для вас!

- Нажмите на стрелку рядом с окошком "Подпись комментария".
- Выберите "Имя/URL".
- Напишите своё имя, строчку URL можно оставить пустой.
- Нажмите "Продолжить" и комментируйте.

Заранее спасибо!

Related Posts Plugin for WordPress, Blogger...