Юнислайд — интерактивная презентация с викториной и опросами

Юнислайд — интерактивная презентация с викториной и опросами

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

И как это работает?

Вы создаёте презентацию в удобном редакторе Юнислайд. Внутрь презентации вставляете вопросы викторины или опроса. Открываете презентацию для показа на мероприятии.

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

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

Правда, интересно? По бесплатному тарифу внутрь презентации можно вставить до 5 вопросов викторины и два опроса. А вот количество участников мероприятия совсем не ограничено!

Но и это ещё не все. В создании презентации вам поможет… искусственный интеллект.

Вот, кстати, и пример такой необычной презентации.

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

Если Вы хотите поучаствовать в презентации, переходите по этой ссылке: https:/unsl.io/ru/challenges/dEiqO90SgAJ3kjguPn8J (её надо скопировать и вставить в строку браузера).

Регистрация

Заходим на сайт сервиса и нажимаем на кнопку «Попробовать».

В форме регистрации указываем имя, адрес электронной почты и пароль. Нажимаема на кнопку «Зарегистрироваться». Можно создать учётную запись и с помощью аккаунта Google.

Дальше нужно ответить на парочку вопросов от создателей сервиса. Нуж ответить, чем мы занимаемся (профессия) и как планируем использовать Юнислайд.

Нажимаем на кнопку «Перейти к моим презентациям».

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

И вот мы в личном кабинете.

Во вкладке «Шаблоны» есть несколько готовых презентаций и квизов. Любой шаблон можно скопировать в личный кабинет и наполнить своим контентом.

Мы попробуем начать работу «с нуля». Для этого нажимаем на кнопку «+ Новая презентация».

Открывается вот такое рабочее поле. В центре — слайд для редактирования, слева — список всех слайдов презентации, справа — инструменты для редактирования слайда. 

Вместо надписи «Новая презентация» вверху слева вписываем своё название проекта.

Чтобы добавить в презентацию новый слайд, нажимаем на синюю кнопку «Добавить слайд»

Выбираем нужный вид слайда:

Слайд с информацией — это картинка или текст без интерактива.

Вопрос с вариантами ответов. Здесь может быть любое количество вариантов ответов и любое количество правильных ответов.

С текстовым ответом — открытый вопрос, ответ на который формулируют сами участники.

Правильный порядок. Варианты ответов уже даны, но их нужно расположить в нужном порядке.

Сопоставление — собирание пары.

Правильное число — открытый вопрос, в котором правильный ответ — это число.

Опрос с выбором варианта ответа позволяет увидеть распределение голосов.

Облако слов — это открытый вопрос, все ответы на который выводятся на экран.

Опрос с текстовым ответом — открытый вопрос, где ответ участники пишут сами.

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

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

Конструируя вопрос с вариантами ответов, указываем вопрос, вписываем варианты ответа, указываем «галочкой» правильные. Варианты можно менять местами, двигая их «мышкой» за значок «=». Удаляем ответ, нажав на значок с «крестиком».

Определяем время, отведенное для ответа на вопрос — для этого настраиваем таймер обратного отсчета.

Выбираем количество очков за правильный ответ.

Решаем, будет ли зависеть количество очков от скорости ответа (Больше очков за быстрый ответ). Настраиваем демонстрацию таблицы очков на следующем слайде.

Выбираем шаблон слайда и, если нужно, добавляем аудио.

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

Это конструктор вопроса «Правильный порядок». Надо указать вопрос и варианты ответов — в правильном порядке. Сервис их затем перемешает. Остальные настройки такие же, как и у других вопросов: количество баллов, время на ответ, выбор шаблона слайда, добавление аудио.

В задании «Сопоставление» участники должны собрать правильную пару из перемешанных элементов. Вписываем в графы конструктора правильные пары, а сервис их затем перемешает.

Дополнительно к парам можно добавит изображения.

«Правильное число» — это открытый вопрос, в котором участник должен вписать в графу ответа число. Указываем вопрос, ответ, устанавливаем время на ответ, количество слайдов, фон и шаблон.

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

В опросе «Облако слов» нам нужно указать сам вопрос и количество ответов, которые будут приниматься от каждого участника.

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

Очень интересный тип слайда — «Искусственный интеллект». От нас требуется только указать тему слайда и выбрать его тип. Всё остальное нейросеть сделает сама. Чтобы запустить её работу, нажимаем на кнопку «Сгенерировать»

Готовый слайд (или слайды) можно сразу же добавить в презентацию.

Слайды презентации можно менять местами, переставляя «мышкой» значки «=».

Заканчивая работу, выбираем тему оформления: для этого нажимаем на кнопку «Оформление» вверху справа.

Рядом находится кнопка «Настройки» — она поможет фильтровать ненормативную лексику в ответах участников.

Чтобы посмотреть, что же в итоге получилось, запускаем «Предпросмотр».

Показ презентации

Чтобы начать показ презентации, нажимаем на кнопку «Запустить».

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

Есть два способа подключиться к презентации:

  • отсканировать QR-код с помощью камеры своего гаджета;
  • зайти на сайт unsl.io и ввести уникальный код презентации.

Как только все участники подключились, ведущий начинает показа презентации с помощью кнопки «Начать презентацию».

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

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

Будет показано количество запусков и количество участников. Более подробная статистика доступна в платной подписке.

Презентация в режиме теста

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

Для этого снова нажимаем на значок с тремя точками и выбираем вариант «Запустить в режиме теста».

Копируем ссылку или QR-код и рассылаем участникам.

Здесь же хранится статистика по ответам участников — её можно просмотреть. А вот скачать в виде таблицы Excel — это уже в платном тарифе.

Как только все участники подключились, ведущий начинает показа презентации с помощью кнопки «Начать презентацию».

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

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

Будет показано количество запусков и количество участников. Более подробная статистика доступна в платной подписке.

Универсальный конструктор Удоба. Часть 8. Игры с картинками

Универсальный конструктор Удоба. Часть 8. Игры с картинками

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

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

На всякий случай — несколько слов о регистрации в сервисе.

Регистрация

Для начала давайте зарегистрируемся. Заходим на стартовую страницу сервиса и нажимаем «Создать пользователя».

Заполняем предложенную форму: имя пользователя, адрес электронной почты, пароль, капча… В заключение нажимаем кнопку «Регистрация».

На указанный адрес электронной почты придёт письмо с одноразовой ссылкой для входа на сайт. Переходим по ней.

Осталось нажать «Войти», чтобы перейти к созданию собственной библиотеки на сайте.

Нажимаем на кнопку «Создать библиотеку». 

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

Игра «Выбор изображения»

Это очень простая игра, где нужно ответить всего на один вопрос, выбрав ответ из предложенных картинок.  Мой пример — «Красная книга Мурманской области».

Для начала выбираем шаблон.

Придумываем название игре (поле «Заголовок»). В разделе «Media» можно добавить к вопросу дополнительный медиаконтент: текст (Text), изображение (Image), аудио (Audio) или видео (Video).

В поле «Вопрос» вписываем вопрос.

А теперь в разделе «Без названия Image» загружаем для ответа картинку с ПК. Можно добавить к ней текст, который будет появляться при наведении курсора. Если нужно, отмечаем ответ как правильный.

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

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

В разделе «Общая обратная связь» можно задать диапазон оценок, чтобы дать участникам обратную связь. Например, диапазон 0-30% — это плохая оценка, 31-70% — средняя, 71-100% — отличная оценка.

Для добавления нового диапазона оценок нажимаем одноимённую кнопку (Добавить Range). А если нажать на «Распределять равномерно», сервис создаст диапазоны самостоятельно.

Переходим во вкладку «Поведенческие настройки». Здесь настраиваем показ кнопок и внешний вид вопроса (автоматический, с выбором одного ответа и с выбором нескольких ответов).

Устанавливаем, сколько ответов может максимально помещаться в одной строке (от 1 до 4).

Игра готова? Значит, нажимаем на кнопку «Сохранить».

Игра «Найди пару изображений»

По-другому эта игра называется «Memory Game» (игра на запоминание). Задача игрока — переворачивая карточки, запоминать их местоположение и подбирать к ним пару: или точно такие же или логически с ними связанные. 

Пример моей игры — «Сказки А.С. Пушкина» (нужно собирать логически связанные пары-картинки).

Для начала выбираем шаблон.

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

Если парная карточка будет точно такая же, то поля «Соответствующее изображение» и «Соответствующая звуковая дорожка» оставляем пустыми. А если парная карточка будет другая, то загружаем нужную картинку и аудио.

Чтобы создать новую пару, нажимаем на кнопку «Добавить Карточка».

В разделах «Настройки поведения» и «Смотреть и чувствовать» есть несколько дополнительных настроек игры. Здесь же можно выбрать цвет темы для игры и загрузить картинку для оборотной стороны карточек.

И нажимаем «Сохранить».

Перетаскивание

Еще одна интересная игра — «Перетаскивание»

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

Это пример такой игры.

Как всегда, начинаем с выбора шаблона.

Для начала придумываем название игры.

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

В разделе «Задача» нажимаем на значок с изображением точки (Добавить Зона перемещения).

Появляется окошко, в котором указываем название «зоны вброса». Выбираем нужное значение в поле «Непрозрачность фона» (я поставила 20, если оставить 100 — эта зона будет полностью непрозрачной — белой).

Устанавливаем, если нужно, дополнительные опции: «Эта область размещения может содержать только один элемент» (если правильным будет только один выбор) и «Включить авто-выравнивание».

Нажимаем «Готово».

Появляется рамочка, обозначающая границы «территории вброса». Границы можно растянуть на всё изображение или только на его часть.

Так поступаем со всеми частями изображения. Должно получиться примерно вот так.

Добавляем варианты ответа на задание. Выбираем значок «Text» и вписываем нужный вариант ответа. Выбираем «зону вброса» из ранее созданных.

Чтобы запутать игроков, можно выбрать сразу все отмеченные зоны (Select all). Нажимаем «Готово».

Похожим образом в качестве ответа можно добавить картинку с ПК (нажимаем на кнопку «Image»).

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

В разделе «Общий отзыв» можно настроить обратную связь. Нажимаем  «Добавить диапазон» и добавляем оценки в зависимости от количества правильных ответов.

Например, если правильных ответов всего 20%, выбираем оценку «неплохо», если от 20 до 80% — «хороший результат», от 80 до 100% — «отлично».

Кстати, сервис может распределить оценки автоматически: достаточно нажать «Распределять равномерно».

В «Настройках поведения» выставляем нужные опции. 

Да, и не забываем нажать «Сохранить».

Публикация

Для того чтобы получить код для встраивания на страницу сайта или блога, нажимаем внизу “Вставить”.

Копируем код из открывшегося окошечка. 

Код будет выглядеть примерно вот так:

<iframe src=»https://udoba.org/h5p/embed/57096» width=»606″ height=»492″ frameborder=»0″ allowfullscreen=»allowfullscreen» allow=»geolocation *; microphone *; camera *; midi *; encrypted-media *» title=»Достопримечательности Москвы»></iframe><script src=»https://udoba.org/sites/all/modules/h5p/library/js/h5p-resizer.js» charset=»UTF-8″></script>

Кстати, из этого кода можно извлечь ссылку для красивого полноэкранного просмотра плаката. Эту ссылку я выделила красным.

Чтобы вновь вернуться к редактированию проекта, нажимаем на вкладку «Редактировать» вверху.

Универсальный конструктор Удоба. Часть 7. Игры со словами

Универсальный конструктор Удоба. Часть 7. Игры со словами

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

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

Регистрация

Для начала давайте зарегистрируемся. Заходим на стартовую страницу сервиса и нажимаем «Создать пользователя».

Заполняем предложенную форму: имя пользователя, адрес электронной почты, пароль, капча… В заключение нажимаем кнопку «Регистрация».

На указанный адрес электронной почты придёт письмо с одноразовой ссылкой для входа на сайт. Переходим по ней.

Осталось нажать «Войти», чтобы перейти к созданию собственной библиотеки на сайте.

Нажимаем на кнопку «Создать библиотеку». 

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

Заполнение пропусков

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

Начинаем с выбора шаблона.

Придумываем название игре (Заголовок). В разделе “Mедиа” можно прикрепить изображение (Image), аудио (Audio) или видео (Video).

В графу “Описание задачи” вписываем задание игры, например, «Заполни пропуски». В разделе “Текстовые блоки” помещаем текст с пропусками, которые нужно заполнить. «Секретное» слово на месте пропуска отмечаем с двух сторон “звездочками”. Например: Осло — столица *Норвегии*.

Чтобы добавить новый блок с пропущенными словами, нажимаем  “Добавить текстовый блок”.

В блоке «Общий отзыв» можно задать диапазон оценок, чтобы дать участникам обратную связь. Например, диапазон 0-30% — это плохая оценка, 31-70% — средняя, 71-100% — отличная оценка.

Для добавления нового диапазона оценок нажимаем одноимённую кнопку (Добавить диапазон). А если нажать на «Распределять равномерно» сервис создаст диапазоны самостоятельно.

Переходим в блок «Настройки поведения». Устанавливаем «галочки», чтобы:

  • включить кнопку «Повторить»;
  • включить кнопку «Показать решение»;
  • автоматически проверять ответы после ввода;
  • задать требование, чтобы пользователь вводил точное слово/фразу;
  • требовать заполнить все поля, прежде чем посмотреть решение;
  • помещать поля ввода в отдельные строки;
  • показать диалог подтверждения на «Проверить» (параметр не совместим с опцией «Автоматически проверять ответы после ввода»);
  • показать диалог подтверждения на «Повторить»;
  • позволить незначительные орфографические ошибки (3-9 знаков в слове/фразе: 1 орфографическая ошибка, более 9 знаков: 2 орфографические ошибки).

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

Отметь слова

В этом задании нужно найти в тексте и отметить слова. Вот небольшой  пример с устаревшими словами.

Начинаем с выбора шаблона.

Придумываем название игре (Заголовок). В разделе “Mедиа” можно прикрепить изображение (Image), аудио (Audio) или видео (Video).

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

В блоке «Общий отзыв» можно задать диапазон оценок, чтобы дать участникам обратную связь. Например, диапазон 0-30% — это плохая оценка, 31-70% — средняя, 71-100% — отличная оценка.

Для добавления нового диапазона оценок нажимаем одноимённую кнопку (Добавить диапазон). А если нажать на «Распределять равномерно» сервис создаст диапазоны самостоятельно.

В  «Настройках поведения» устанавливаем, надо ли показывать кнопки  «Повторить», «Показать решение» и «Показать результат».

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

Перетаскивание слов

Эта игра очень похожа на упражение «Заполнение пропусков», только слова нужно брать из предложенного списка.

Для начала — пример.

Начинаем с выбора шаблона.

Придумываем название игре (Заголовок). В разделе “Mедиа” можно прикрепить изображение (Image), аудио (Audio) или видео (Video).

В разделе “Описание задачи” помещаем задание к упражнению. В разделе  “Текст” — текст с пропусками, которые нужно заполнить. Нужное слово на месте пропуска отмечаем с двух сторон “звездочками”. Например: Осло — столица *Норвегии*. Можно добавить текстовую подсказку, используя двоеточие (:) перед подсказкой.

В блоке «Общий отзыв» можно задать диапазон оценок, чтобы дать участникам обратную связь. Например, диапазон 0-30% — это плохая оценка, 31-70% — средняя, 71-100% — отличная оценка.

Для добавления нового диапазона оценок нажимаем одноимённую кнопку (Добавить диапазон). А если нажать на «Распределять равномерно» сервис создаст диапазоны самостоятельно.

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

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

Найди слова

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

Выглядит это примерно вот так. 

Начинаем с выбора шаблона.

Придумываем название игре (Заголовок). В разделе “Task description”  помещаем задание к упражнению.

В разделе “Word list” — список слов, которые нужно найти в таблице. Записываем их через запятую, без пробелов. 

А в следующем поле размещаем алфавит — набор букв без пробелов и запятых. Нажимаем «Сохранить». Игра готова!

Кроссворд

Начинаем с выбора шаблона.

Придумываем название кроссворду (Заголовок). В разделе “Task description” помещаем задание.

Слова в кроссворд добавляет кнопка «Добавить Word». У каждого слова заполняем поля «Clue» (Вопрос) и «Answer» (Ответ).

В разделе «Extra clue» из выпадающего списка выбираем подсказку: текст (Text), картинку (Image), аудио (Audio) и видео (Video).

В поле «Overall solution word» можно вписать ключевое слово для кроссворда.

В разделе «Overall Feedback» можно задать диапазон оценок, чтобы дать участникам обратную связь. Например, диапазон 0-30% — это плохая оценка, 31-70% — средняя, 71-100% — отличная оценка.

Для добавления нового диапазона оценок нажимаем одноимённую кнопку (Добавить Range). А если нажать на «Распределять равномерно» сервис создаст диапазоны самостоятельно.

Переходим во вкладку «Theme». Здесь можно загрузить фоновое изображение для кроссворда, выбрать цвет фона, сетки, ячеек и текста в этих ячейках.

И ещё вкладка — «Behavioural settings». Здесь подкючаем нужные кнопки, например, «Повторить» и «Показать решение».

Устанавливаем, если нужно, начисление баллов (в случае правильного ответа) и штрафов (в случае неправильного). 

В поле «Number of words to be shown» можно установить количество показываемых слов. Если оставить поле незаполненным, отображаться будут все слова кроссворда.

В разделе «Переопределение текста и переводы» можно перевести названия кнопок на русский язык (во вкладке «Crossword»). Например, вместо «Across» написать «По горизонтали», а вместо «Down» — «По вертикали».

Нажимаем на кнопку «Сохранить» и любуемся полученным кроссвордом.

Игра «Отсортируй абзацы»

Цель игры — построить перемешанные сервисом абзацы (текстовые блоки) в правильном порядке. 

Может получиться вот такая игра.

Начинаем с выбора шаблона.

Придумываем название кроссворду (Заголовок). В разделе “Task description” помещаем задание.

Во вкладке «Media» можно добавить к игре изображение (Image), аудио (Audio) или видео (Video).

А дальше в правильном порядке записываем абзацы. Чтобы добавить новый текстовый блок, нажимаем на кнопку «Добавить Paragraph».

В разделе «Overall Feedback» можно задать диапазон оценок, чтобы дать участникам обратную связь. Например, диапазон 0-30% — это плохая оценка, 31-70% — средняя, 71-100% — отличная оценка.

Для добавления нового диапазона оценок нажимаем одноимённую кнопку (Добавить Range). А если нажать на «Distribute Evently» сервис создаст диапазоны самостоятельно.

И последняя вкладка — «Behavioural settings». Здесь подкючаем нужные кнопки, например, «Повторить» и «Показать решение».

Устанавливаем режим подсчёта баллов. Есть два варианта: «Correctly placed paragraph» (за каждый правильно поставленный абзац) и «Correct sequence» (за правильную последовательность).

В разделе «Переопределение текста и переводы» можно перевести названия кнопок на русский язык (во вкладке «Sort the Paragraphs»).

Чтобы сохранить игру, нажимаем на одноимённую кнопку. 

Публикация

После того, как мы нажали «Сохранить», игра откроется в режиме просмотра. Для того, чтобы получить код для встраивания на страницу сайта или блога, нажимаем внизу под викториной “Вставить”.

Копируем код из открывшегося окошечка.

Код будет выглядеть примерно вот так:

<iframe src=»https://udoba.org/h5p/embed/56860» width=»925″ height=»1261″ frameborder=»0″ allowfullscreen=»allowfullscreen» allow=»geolocation *; microphone *; camera *; midi *; encrypted-media *» title=»Чёрная курица»></iframe><script src=»https://udoba.org/sites/all/modules/h5p/library/js/h5p-resizer.js» charset=»UTF-8″></script>

Кстати, из этого кода можно извлечь ссылку для красивого полноэкранного просмотра. Эту ссылку я выделила красным.

Чтобы вновь вернуться к редактированию проекта, нажимаем на вкладку «Редактировать» вверху.

Универсальный конструктор Удоба. Часть 4. «Весёлые картинки»

Универсальный конструктор Удоба. Часть 4. «Весёлые картинки»

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

А если сделать эти метки невидимыми? Тогда может получиться неплохая игра для смекалистых и догадливых!

Например, вот такая, сделанная с помощью сервиса Удоба.

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

Регистрация

Для начала давайте зарегистрируемся. Заходим на стартовую страницу сервиса и нажимаем «Создать пользователя».

Заполняем предложенную форму: имя пользователя, адрес электронной почты, пароль, капча… В заключение нажимаем кнопку «Регистрация».

На указанный адрес электронной почты придёт письмо с одноразовой ссылкой для входа на сайт. Переходим по ней.

Осталось нажать «Войти», чтобы перейти к созданию собственной библиотеки на сайте.

Нажимаем на кнопку «Создать библиотеку». 

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

В поисках секретной метки

Для создания игры выбираем шаблон «Поиск областей на изображении» (Find the Hotspot).

В разделе «Фоновое изображение» загружаем загадковую картинку с ПК. По желанию можно её немножко подредактировать (обрезать, повернуть — «Изменить изображение») или указать копирайт (Изменить авторское право).

Переходим во вкладку “Активные точки”. В графе “Описание задания”  можно дать инструкцию для выполнения. Теперь выбираем вид метки (круг, квадрат) и переносим её «мышкой» на изображение.

Открывается окно для редактирования. Здесь указываем, правильно или неверно найдена метка и даём обратную связь (“Правильно!” или  “Попробуй еще раз!”).  Нажимаем “Готово” и перемещаем метку на нужное место.

«Мышкой» можно увеличить или уменьшить её размеры, захватив нужную часть картинки. На изображении может быть несколько меток (“горячих точек”), одна из них обозначает правильный ответ на вопрос.

В графу “Обратная связь, если пользователь выбирает пустое место” вписываем текст, который появляется, если игрок не найдет ни одной “горячей точки” на изображении.

Когда все метки созданы и отредактированы, нажимаем “Сохранить”.

А если правильных ответов несколько?

Тогда можно попробовать шаблон «Найди множества областей изображения» (Find Multiple Hotspots).

Принцип работы всё тот же: сначала загружаем изображение…

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

Дополнительно в разделе “Hotspots” можно продублировать задание, дать название искомым меткам и отметить, сколько же верных ответов в игре.

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

Пора по парам

С помощью волшебного сервиса Удоба ещё и не то можно смастерить! Как вам игра «Найди пару»? Например, вот такая — «Литературные котики»? Нужно «мышью» перенести картинку из левого столбика в правый, собрав пару картинок вместе.

Смастерить такую игру несложно. Поможет шаблон «Пары изображений» (Image Pairing).

Придумываем название игры, даём хитрое задание. И загружаем попарно картинки. Чтобы добавить новую пару, нажимаем «Добавить Сard».

После нажатия «Сохранить» сервис быстренько перемешает все картинки — и можно играть.

Ну-ка, фрукты, встаньте в ряд!

Еще одна интересная игра — на расстановку картинок по порядку

Шаблон для создания такой игрушки называется «Последовательность изображений» (Image Sequencing).

И опять всё по знакомому сценарию: придумываем название, находим шаблон, записываем задание к игре, а потом начинаем в нужном порядке загружать картинки с ПК. К ним еще и описания нужно добавить, правда, небольшие — в 30 знаков.

Да, и не забываем нажать «Сохранить».

И поделиться

Для того, чтобы получить код для встраивания на страницу сайта или блога, нажимаем внизу “Вставить”.

Копируем код из открывшегося окошечка. 

Код будет выглядеть примерно вот так:

<iframe src=»https://udoba.org/h5p/embed/2916» width=»1014″ height=»760″ frameborder=»0″ allowfullscreen=»allowfullscreen» allow=»geolocation *; microphone *; camera *; midi *; encrypted-media *» title=»Книги о Гарри Поттере»></iframe><script src=»https://udoba.org/sites/all/modules/h5p/library/js/h5p-resizer.js» charset=»UTF-8″></script>

Кстати, из этого кода можно извлечь ссылку для красивого полноэкранного просмотра плаката. Эту ссылку я выделила красным.

Чтобы вновь вернуться к редактированию проекта, нажимаем на вкладку «Редактировать» вверху.

Универсальный конструктор Удоба. Часть 2. Викторины

Универсальный конструктор Удоба. Часть 2. Викторины

Продолжаем эксперименировать с сервисом Удоба. И сегодня на повестке дня создание викторин и тестов.

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

Регистрация

Для начала давайте зарегистрируемся. Заходим на стартовую страницу сервиса и нажимаем «Создать пользователя».

Заполняем предложенную форму: имя пользователя, адрес электронной почты, пароль, капча… В заключение нажимаем кнопку «Регистрация».

На указанный адрес электронной почты придёт письмо с одноразовой ссылкой для входа на сайт. Переходим по ней.

Осталось нажать «Войти», чтобы перейти к созданию собственной библиотеки на сайте.

Нажимаем на кнопку «Создать библиотеку». 

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

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

Для начала небольшой пример — викторина «Русские народные сказки».

Это самая простая викторина (со звуком), создаётся буквально за несколько минут. Для этого нам понадобится шаблон «Опрос с одним вариантом ответа» (Single Choice Set).

Вписываем в соответствующие графы вопрос и варианты ответов. Первый из вариантов — правильный. Чтобы добавить новый вариант, нажимаем  “Добавить ответ”. А новый вопрос добавляет кнопка “Добавить вопрос”.  Кнопка «Сохранить» в самом низу поможет сохранить викторину.

В разделе «Общий отзыв» можно настроить обратную связь. Нажимаем  «Добавить диапазон» и добавляем оценки в зависимости от количества правильных ответов.

Например, если правильных ответов всего 20%, выбираем оценку «неплохо», если от 20 до 80% — «хороший результат», от 80 до 100% — «отлично».

Кстати, сервис может распределить оценки автоматически: достаточно нажать «Распределять равномерно».

В разделе «Настройки поведения» тоже есть несколько дополнительных опций для показа викторины.

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

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

Сделана эта викторина на основе шаблона «Резюме» (Summary).

Порядок действий похожий. В графу “Вводный текст” вписываем задание, например: “Выберите из предложенных утверждений верное”.

В графы “Определение утверждений” вносим утверждения, первое из них — верное. Чтобы добавить новое утверждение, нажимаем “Добавить утверждение”. Если необходимо, в разделе “Подсказка” добавляем подсказку.

Чтобы добавить новый набор утверждений, нажимаем на кнопку внизу “Добавить утверждения”.

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

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

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

Для создания такой викторины нужен шаблон «Набор вопросов» (Question Set). Даём название нашей работе, загружаем фоновое изображение для обложки.

Можно настроить индикаторы для показа процесса «отвечания» на вопросы викторины (точки или текст, по умолчанию — точки).

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

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

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

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

1. Multiple Choice

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

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

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

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

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

В разделе «Задача» нажимаем на значок с изображением точки (Add Drop Zone) и перетягиваем его на нашу картинку.

Появляется рамочка, обозначающая границы «территории вброса». Границы можно растянуть на всё изображение или только на его часть.

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

Если вариант ответа — это картинка, выбираем значок «Image» (он находится рядом, справа) и повторяем манипуляции (изображение загружается с ПК).

Для дальнейшего редактирования текстов и картинок нажимаем во всплывающем меню на значок «карандаш», для удаления — на значок «корзинка».

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

3. Fill in Blanks

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

В графу “Описание задачи” вписываем задание. В разделе “Текстовые блоки” помещаем текст с пропусками, которые нужно заполнить. «Секретное» слово на месте пропуска отмечаем с двух сторон “звездочками”. Например: Осло — столица *Норвегии*.

В одну графу можно добавить только одно предложение с пропуском. Чтобы добавить новое предложение, нажимаем “Добавить текстовый блок”.

4. Mark the Words

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

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

5. Drag the Words

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

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

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

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

7. Эссе (Essay)

Это открытый вопрос, отвечая на который участник может написать небольшое высказывание (эссе).

Сначала указываем задание, если необходимо, даем пример решения и объяснение к нему. В разделе «Медиа» можно добавить к вопросу изображение, аудио или видео.

Задание будет проверяться по наличию в нем ключевых слов. Их и надо прописать в разделе «Ключевые слова». Отдельные слова записываем между двумя звездочками, например, *береза*. Если ключевым будет целое выражение, то отмечаем его с двух сторон слешем, например, /будьте здоровы/. Вписать в графу можно одно слово или выражение.

Если нужны еще ключевые слова, нажимаем на кнопку «Добавить ключевые слова».

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

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

Баллы прописываются для каждого ключевого слова.

8. Вопрос с картинками

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

Указываем вопрос и загружаем картинки как варианты ответов. Кстати, вместо картинок можно добавить аудил или видео. Отмечаем правильные ответы «галочкой» «Правильно».

Затем переходим к следующему вопросу и продолжаем в том же духе.

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

Личностный опрос

Личностный опрос — это такой тест, в котором нет правильных и неправильных ответов. В зависимости от того, как отвечает участник, сервис автоматически причисляет его к одному из нескольких типов. Характеристику своего типа участник получает, ответив на все вопросы. В общем, это что-то из серии «Какой Вы котик?».

Вот небольшой пример.

Сделать такой тест можно с помощью шаблона «Личностный опрос».

Сначала придумываем название тесту, даём задание отвечающим (Title Screen).

В разделе «Optional: Image» можно загрузить с ПК фоновую картинку для стартовой страницы теста.

Теперь переходим к описанию личностей (Personality). По умолчанию в шаблоне их две. Можно добавить и больше, нажав на кнопку «Добавить personality».

В нужные графы вписываем название личности (Personality name) и её описание (Description).

Осталось добавить вопросы (Добавить question) и ответы (Добавить answer), при этом каждый ответ «прикрепить» к одной из личностей, с которыми мы определились на предыдущем этапе (раздел «Personalities»).

В графе «Optional: Image» можно добавить к вопросам и ответам картинки, загрузив их с ПК. 

А так выглядят дополнительные настройки опроса. Не забываем в конце работы нажать «Сохранить».

Публикация

После того, как мы нажали «Сохранить», викторина откроется в режиме просмотра. Для того, чтобы получить код для встраивания на страницу сайта или блога, нажимаем внизу под викториной “Вставить”.

Копируем код из открывшегося окошечка.

Код будет выглядеть примерно вот так:

<iframe src=»https://udoba.org/h5p/embed/23514» width=»1014″ height=»441″ frameborder=»0″ allowfullscreen=»allowfullscreen» allow=»geolocation *; microphone *; camera *; midi *; encrypted-media *» title=»Москвич или петербуржец?»></iframe><script src=»https://udoba.org/sites/all/modules/h5p/library/js/h5p-resizer.js» charset=»UTF-8″></script>

Кстати, из этого кода можно извлечь ссылку для красивого полноэкранного просмотра. Эту ссылку я выделила красным.

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

Конструктор Fliktop. Часть 1. Статьи, викторины и рабочие листы

Конструктор Fliktop. Часть 1. Статьи, викторины и рабочие листы

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

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

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

Регистрация

Заходим на сайт, нажимаем на кнопку «Войти».

Дальше нажимаем на надпись «Зарегистрируйтесь!» внизу.

Для регистрации можно использовать аккаунт Google. 

Если регистрируемся через электронную почту, указываем её адрес и придумываем пароль. Нажимаем на кнопку «Зарегистрироваться».

Обязательно надо подтвердить свой аккаунт по ссылке, которая придет на почту, иначе сервис будет работать некорректно.

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

Для этого открываем одноимённую вкладку и нажимаем «Создать».

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

Статья

Для начала пример моей статьи — лонгрида про поморские пироги. Можно перейти по ссылке или щёлкнуть по картинке.

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

Можно изменить шрифт и размер текста, выбрать цвет и фон, прикрепить гиперссылку.

Если нажать на значок «+», можно вставить в статью маркированные списки или разные заголовки.

Через меню «Вставка» на панели инструментов справа можно добавить внутрь статьи веб-ресурсы, например, видео с VK, RuTube, YouTube и материалы c сервисов Genially, LeningApps, WordWall, Prezi, Quizlet, Educaplay и других. 

Для это просто вставляем ссылку на материал в сроку «Вставьте ссылку» — он добавится автоматически.

Через меню «Загрузки» можно загрузить свои изображения, документы, видео и аудио. Единственное ограничение – нельзя загружать материалы тяжелее 3 мегабайт. 

Картинки, аудио и видео также можно взять из библиотеки сервиса  — через меню «Фото», «Фоны», «Аудио» и «Видео».

Также можно добавить стикеры, эмоджи, цитаты и многое другое. Для этого есть вкладки «Гифки», «Эмоджи», «Стикеры», «Цитаты», «Модели», «Фразы», «Элементы».

Недавно на панели инструментов появилась новая вкладка — «AI Голос». С помощью этого инструмента можно озвучить любой текст — озвучивать будет нейросеть.

Для этого вписываем текст для озвучки в предложенное поле и нажимаема на клавиатуре «Enter». Затем выбираем подходящий голос и двойным щелчком «мыши» добавляем озвучку в проект.

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

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

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

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

Викторина

Перейдём к созданию тестов и викторин. Выбираем создание карточки («Создать» — «Карточка») и далее — «Тест».

Это окно для добавления теста или викторины. Внутрь викторины можно вставить более 20 разных типов вопроса: обычные тесты с выбором ответа, игры «Собери пару» и «Расставь по порядку», анаграммы, «Собери басню» и многое другое.

В качестве примера — моя небольшая викторина «Эти удивительные кошки». Можно перейти по ссылке или щёлкнуть по картинке.

Внутрь викторины можно встроить любое количество вопросов разных типов. Давайте присмотримся к каждой разновидности. Чтобы добавить вопрос в викторину, просто щёлкаем по нему «мышкой».

Начнём с вопроса «Выбрать из списка». В этом задании нужно установить соответствие между медиа (картинкой или аудио) и текстовой подписью.

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

Дополнительно к каждому вопросу можно записать голосове сопровождение, нажав вверху на кнопку «Записать голос».

Чтобы перейти  к добавлению нового вопроса, нажимаем на значок «+» внизу.

«Вписать верный ответ» — это вопрос, в котором участник должен подписать изображения / аудио / видео, вписав правильные варианты в предложенное поле.

Записываем вопрос, загружаем медиа, подписываем под каждым правильный ответ. Если есть несколько вариантов правильного ответа, то указываем и их тоже.

«Сопоставить с картинками» — это игра на поиск соответствия между медиа и текстом.

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

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

Название задания «Заполнить пропуск» говорит само за себя.

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

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

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

«Выбрать из списка» — похожее задание с установлением пропусков. Вписываем текст, выбираем слово, которые нужно вставить, устанавливаем на его месте пропуск.

В выпадающем списке добавляем несколько вариантов, из которых надо будет выбирать. Также есть возможность добавлять картинки-подсказки.

«Вписать верный ответ» — это открытый вопрос, в котором участник должен сам вписать правильный вариант.

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

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

Так выглядит конструктор «Собрать в верном порядке». Записываем некий набор слов или текст, в котором слова нужно выстроить в правильном порядке. Если необходимо, добавляем картинки и неправильные ответы для усложнения.

Задание «Составить слово из букв» — это анаграмма. Записываем слово, сервис автоматически перемешивает буквы. Для усложнения можно подкинуть еще букв. Дополнительно добавляем картинки.

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

Другой вариант этого же конструктора представлен в горизонтальном виде.

Задание на сортировку называется «Сортировка по группам». Мы создаем группы, в каждую добавляем содержание: тексты и изображения.  Для усложнения можно добавить несколько неправильных вариантов, которые не подходят ни к одной группе.

Вопрос «Соответствие» предлагает собирать пары из текстов и медиа. Мы создаём пары, которые сервис затем перемешает.

А если использовать кнопку «+» справа, то можно собирать уже не пару, а тройку, четверку, то есть ещё больше усложнить игру.

«Найди пару» — это похожее задание, в котором нужно собирать соответствия между текстами и картинками. В отличие от предыдущего задания, это более красочное и эффектное.

«Колода знаний» — это игра на сортировку картинок или текстов по группам. Карточки с заданиями как раз и представлены в виде колоды.

Мы создаем группы, в каждую добавляем содержание: тексты и изображения.  Сервис все это перемешает.

В игре «Гравитация» нужно распределять карточки, которые падают сверху, по двум категориям. Скорость падения карточек меняется — время от времени они ускоряются. Надо не только найти правильный ответ, но и успеть это сделать, пока карточка не упала вниз.

Конструктор здесь такой же, как и в предыдущем задании. В настройках игры можно выбрать уровень сложности и эффекты.

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

Для «Открытого вопроса» нужен только сам вопрос. Ещё можно выбрать, как именно участник будет выполнять задание: напишет в предложенном поле или прикрепит файл. Прикреплять файлы могут только авторизованные в сервисе пользователи.

Задание «Выбрать верный вариант» создается просто. Вписываем вопрос, варианты ответа, правильный отмечаем синей галочкой справа. К вопросу и вариантам ответа можно прикрепить изображения.

Внутрь викторины можно добавить текстовый блок – для дополнительной информации по теме, разъяснения непонятных терминов и т.д. Этот блок называется «Текстовый редактор».

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

«Флеш-карточки» — это тоже информационный блок. С одной стороны карточки пишем вопрос, с другой — ответ, с одной — термин, с другой — его объяснение, с одной — слово, с другой — изображение и т.д.

В конструкторе создаем такие пары для лицевой и оборотной стороны.

А ещё внутрь викторины можно добавить так называемые диалоги, или сторителлинг. Это те же самые задания с выбором ответа, заполнением пропусков и расстановкой по порядку, только оформленные в виде диалога между двумя персонажами. То есть, по сути, это небольшая история.

Посмотрим на эти диалоге пристальней. Например, на диалог «Заполните пропуски».

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

Записываем первую реплику с вопросом. Загружаем аватарку персонажа – с ПК или из библиотеки сервиса. В вопросе даем альтернативу для выбора.
Дальше пишем уже от другого лица ответ в виде реплики. Правильный ответ выделяем как пропуск. Если нужно, добавляем неправильные ответы для усложнения задачи.

В качестве подсказки можно добавить картинку. Диалог может состоять не только из двух реплик, но развиваться и дальше. Реплики можно озвучить голосом и загрузить внутрь диалога с ПК, нажав на значок с изображением мегафона.

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

Диалог «Выбрать из списка» строится так: задаём вопрос, даем правильный ответ на него и добавляем еще несколько неправильных. Оформляем в виде диалога с использованием аватарок, картинок, видео и звукозаписи.

В диалоге «Расставить по порядку» записываем в правильном порядке несколько реплик героев. Сервис их перемешивает. Задача участника – составить диалог из перемешанных фраз.

К каждому вопросу можно добавить подсказку, пояснение, фон. Для этого используем меню слева.

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

Слева вверху можно вписать название викторины (вместо надписи «Нет названия»). Нажав на значок с шестеренки рядом с названием можно настроить показ игры.

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

Щёлкнув по картинке рядом с названием теста, можно изменить его обложку.

Затем нажимаем на кнопку «Сохранить и закрыть» справа вверху. 

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

Интерактивный лист

Интерактивный рабочий лист – комплексное задание с различным контентом: текстами, видео, викторинами и учебными упражнениями.

Вот небольшой пример такого листа, посвящённого А. П. Чехову. Можно перейти по ссылке или щёлкнуть по картинке.

Как создаётся лист? Нажимаем вверху на кнопку «Создать» и выбираем вариант «Карточка». Среди карточек выбираем «Интерактивный лист».

Открывается шаблон для создания интерактивного листа — чистая бесконечная страница. Вверху — кнопка «Добавить обложку». Если лист будет состять из нескольких страниц, то для добавления новой страницы нажимаем на значок «+»» внизу.

Контент будет добавляться в лист блоками. Для этого нажимаем на кнопку «Добавить блок».

После этого откроется список всех возможных боков, которые можно добавить в лист. Основные блоки – это различные виды текстов и списков, а также выбор фона.

Через раздел «Медиа» добавляется видео, фото, аудио, загружаются документы с ПК, добавляются гифки, эмодзи и другие элементы. Медиа можно добавлять без нажатия на кнопку «Добавить блок», а прямо из меню справа.

У текста, который мы размещаем на листе, можно изменить шрифт и размер, выбрать цвет и фон, можно прикрепить к нему гиперссылку.

Через меню «Вставка» можно добавить внутрь листа веб-ресурсы, например, видео с ВК, RuTube, YouTube и материалы c сервисов Genially, LeningApps, WordWall, Prezi, Quizlet, Educaplay. 

Для это просто вставляем ссылку на материал в сроку «Вставьте ссылку» — он добавится автоматически.

Через меню «Загрузки» можно загрузить свои изображения, документы, видео и аудио. Единственное ограничение – нельзя загружать материалы тяжелее 3 мегабайт. 

Картинки, аудио и видео также можно взять из библиотеки сервиса  — через меню «Фото», «Фоны», «Аудио» и «Видео».

Также можно добавить стикеры, эмоджи, цитаты и многое другое. Для этого есть вкладки «Гифки», «Эмоджи», «Стикеры», «Цитаты», «Модели», «Фразы», «Элементы».

С помощью «AI Голос» можно озвучить любой текст — озвучивать будет нейросеть.

Для этого вписываем текст для озвучки в предложенное поле и нажимаем на клавиатуре «Enter». Затем выбираем подходящий голос и двойным щелчком «мыши» добавляем озвучку в проект.

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

Чтобы добавить вопрос в интерактивный лист, просто щёлкаем по нему «мышкой».

Начнём с вопроса «Выбрать из списка». В этом задании нужно установить соответствие между медиа (картинкой или аудио) и текстовой подписью.

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

Дополнительно к каждому вопросу можно записать голосове сопровождение, нажав вверху на кнопку «Записать голос».

Чтобы перейти  к добавлению нового вопроса, нажимаем на значок «+» внизу.

«Вписать верный ответ» — это вопрос, в котором участник должен подписать изображения / аудио / видео, вписав правильные варианты в предложенное поле.

Записываем вопрос, загружаем медиа, подписываем под каждым правильный ответ. Если есть несколько вариантов правильного ответа, то указываем и их тоже.

«Сопоставить с картинками» — это игра на поиск соответствия между медиа и текстом.

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

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

Название задания «Заполнить пропуск» говорит само за себя.

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

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

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

«Выбрать из списка» — похожее задание с установлением пропусков. Вписываем текст, выбираем слово, которые нужно вставить, устанавливаем на его месте пропуск.

В выпадающем списке добавляем несколько вариантов, из которых надо будет выбирать. Также есть возможность добавлять картинки-подсказки.

«Вписать верный ответ» — это открытый вопрос, в котором участник должен сам вписать правильный вариант.

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

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

Так выглядит конструктор «Собрать в верном порядке». Записываем некий набор слов или текст, в котором слова нужно выстроить в правильном порядке. Если необходимо, добавляем картинки и неправильные ответы для усложнения.

Задание «Составить слово из букв» — это анаграмма. Записываем слово, сервис автоматически перемешивает буквы. Для усложнения можно подкинуть еще букв. Дополнительно добавляем картинки.

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

Другой вариант этого же конструктора представлен в горизонтальном виде.

Задание на сортировку называется «Сортировка по группам». Мы создаем группы, в каждую добавляем содержание: тексты и изображения.  Для усложнения можно добавить несколько неправильных вариантов, которые не подходят ни к одной группе.

Вопрос «Соответствие» предлагает собирать пары из текстов и медиа. Мы создаём пары, которые сервис затем перемешает.

А если использовать кнопку «+» справа, то можно собирать уже не пару, а тройку, четверку, то есть ещё больше усложнить игру.

«Найди пару» — это похожее задание, в котором нужно собирать соответствия между текстами и картинками. В отличие от предыдущего задания, это более красочное и эффектное.

«Колода знаний» — это игра на сортировку картинок или текстов по группам. Карточки с заданиями как раз и представлены в виде колоды.

Мы создаем группы, в каждую добавляем содержание: тексты и изображения.  Сервис все это перемешает.

В игре «Гравитация» нужно распределять карточки, которые падают сверху, по двум категориям. Скорость падения карточек меняется — время от времени они ускоряются. Надо не только найти правильный ответ, но и успеть это сделать, пока карточка не упала вниз.

Конструктор здесь такой же, как и в предыдущем задании. В настройках игры можно выбрать уровень сложности и эффекты.

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

Для «Открытого вопроса» нужен только сам вопрос. Ещё можно выбрать, как именно участник будет выполнять задание: напишет в предложенном поле или прикрепит файл. Прикреплять файлы могут только авторизованные в сервисе пользователи.

Задание «Выбрать верный вариант» создается просто. Вписываем вопрос, варианты ответа, правильный отмечаем синей галочкой справа. К вопросу и вариантам ответа можно прикрепить изображения.

Внутрь викторины можно добавить текстовый блок – для дополнительной информации по теме, разъяснения непонятных терминов и т.д. Этот блок называется «Текстовый редактор».

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

«Флеш-карточки» — это тоже информационный блок. С одной стороны карточки пишем вопрос, с другой — ответ, с одной — термин, с другой — его объяснение, с одной — слово, с другой — изображение и т.д.

В конструкторе создаем такие пары для лицевой и оборотной стороны.

А ещё внутрь викторины можно добавить так называемые диалоги, или сторителлинг. Это те же самые задания с выбором ответа, заполнением пропусков и расстановкой по порядку, только оформленные в виде диалога между двумя персонажами. То есть, по сути, это небольшая история.

Посмотрим на эти диалоге пристальней. Например, на диалог «Заполните пропуски».

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

Записываем первую реплику с вопросом. Загружаем аватарку персонажа – с ПК или из библиотеки сервиса. В вопросе даем альтернативу для выбора.
Дальше пишем уже от другого лица ответ в виде реплики. Правильный ответ выделяем как пропуск. Если нужно, добавляем неправильные ответы для усложнения задачи.

В качестве подсказки можно добавить картинку. Диалог может состоять не только из двух реплик, но развиваться и дальше. Реплики можно озвучить голосом и загрузить внутрь диалога с ПК, нажав на значок с изображением мегафона.

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

Диалог «Выбрать из списка» строится так: задаём вопрос, даем правильный ответ на него и добавляем еще несколько неправильных. Оформляем в виде диалога с использованием аватарок, картинок, видео и звукозаписи.

В диалоге «Расставить по порядку» записываем в правильном порядке несколько реплик героев. Сервис их перемешивает. Задача участника – составить диалог из перемешанных фраз.

Чтобы оформить рабочий лист, обращаем внимание на панель инструментов слева. 

Здесь можно изменить тему оформления, выбрав из предложенных сервисом.

Нажав на значок «шестерёнка», можно установить время, необходимое для работы с интерактивным листом и «количество жизней», то есть количество попыток, которые ученик может предпринять, выполняя задания листа.

Слева вверху можно вписать название листа (вместо надписи «Нет названия»). Нажав на значок с шестеренки рядом с названием можно настроить показ листа.

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

Щёлкнув по картинке рядом с названием листа, можно изменить его обложку.

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

Копируем ссылку, нажав на одноименную кнопку.

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