DiaClass — инструмент для создания интерактивных презентаций

DiaClass — так называется российская платформа для создания интерактивных презентаций. «В чём интерактивность?» — спросите вы.

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

Бесплатно можно создать до трёх презентаций до пяти слайдов в каждой. Цены на платную подписку стартуют от 419 рублей в месяц. Кроме того, выделяется 210 токенов для использование искусственного интеллекта (генерация картинок, текстов и викторин). Сотрудникам образовательных организаций при оплате создатели сервиса предлагают скидку в 30% (жаль, что не библиотекарям).

Вот такая небольшая презентация получилась у меня.

Регистрация

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

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

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

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

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

Разделы «Нейросеть для презентаций» и «Нейросеть для викторин» работют только для платных тарифов. Поэтому попробуем создать презентацию «с нуля». Для этого нажимаем на кнопку «Создать самостоятельно» справа.

Выбираем тип презентации: публичная (будет видна всем) или приватная (увидеть её сможем только мы). Бесплатно можно создать только публичную, её и выбираем. Нажимаем на кнопку «Создать».

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

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

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

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

Самая интересная вкладка — «Тип слайда». Сервис предлагает 5 типов слайдов для вопросов, 3 типа слайдов для контента и 4 типа слайдов-опросов.

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

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

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

Да/нет. Задаём вопрос, ответом на который будет «да» или «нет». Если ответом будет «да», нажимаем на кнопку-ползунок, чтобы она стала зелёной.

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

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

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

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

Переходим к слайдам с опросами.

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

Текстовый опрос. Задаём вопрос, на который участники должны написать ответ. Результаты опроса можно показать на следующем слайде.

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

Вращающееся колесо — это слайд, который позволяет выбирать случайное значение или участника.

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

Остались слайды с контентом. Их три.

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

QR-код. Выводим QR-код на слайд для удобного подключения к презентации — подойдет для демонстрации презентации на мероприятии.

Контент. С помощью этого типа создаём информативные слайды и наполняем их контентом.

Добавляем и редактируем объекты

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

Чтобы добавить на слайд текст, нажимаем на кнопку «Т»

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

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

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

Чтобы добавить на слайд иллюстрацию / фото, нажимаем на значок с изображением картинки. Иллюстрцию можно загрузить с ПК или добавить из фотостока (одноимённая вкладка) по поиску.

Можно сгенерировать картинку с помощью ИИ (за это снимаются токены).

А это редактор для фотографий. Изображение можно снабдить рамкой. Также можно добавить к картинке тень и ссылку.

Видео добавляется нажатием на кнопаку с изображением видеокамеры. Вставить его можно по ссылке из YouTube, Vimeo, RuTube и VK.

Стикеры и GIFы добавляются через поиск.

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

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

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

Дизайн и оформление

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

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

Готовые варианты для оформления можно посмотреть во вкладках «Шаблоны» и «Макеты».

Запуск презентации на мероприятии

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

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

Для отображения 5-секундного обратного отсчета перед началом презентации отмечаем кнопку-ползунок «Обратный отсчет 5 сек».

Для ручного одобрения подключившихся участников и возможности их исключения отмечаем кнопку-ползунок «Модерация участников».

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

Для автоматического переключения слайдов по истечении времени отмечаем кнопку-ползунок «Автоматически переключать слайды по истечении времени».

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

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

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

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

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

Кстати, здесь же находится кнопка для встраивания презентации на сайт.

Нажимаем на кнопку «Запустить».

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

Подключиться к презентации можно тремя способами: по ссылке, по QR-коду и коду викторины (он выделен жирным шрифтом) на сайте DiaClass.

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

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

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

К сожалению, скачать презентацию нельзя — это платная опция.

Работаем с Яндекс Презентацией

Работаем с Яндекс Презентацией

Сегодня знакомимся с сервисом Яндекс Презентация.

С его помощью бесплатно и без ограничений можно создать презентацию с использованием анимации и гиперссылок, скачать её на ПК или организовать на её основе совместную работу с другими соавторами. Единственное, что необходимо, — это аккаунт Яндекс.

Вот пример презентации, созданной с помощью этого онлайн-инструмента (можно перейти по ссылке или щёлкнуть по картинке).

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

Для начала заходим на свой Яндекс Диск и нажимаем на кнопку  “Загрузить” в верхней левой части экрана.

Нажимаем на пункт меню под названием «Презентацию».

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

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

Инструменты

Рабочее поле Яндекс Презентации похоже на рабочее поле в PowerPoint. Давайте познакомимся с инструментами.

Вкладка «Файл» отвечает за действия с презентацией: её можно скачать и распечатать.

Вкладка «Главная» — основная, здесь находятся все основные инструменты для редактирования: для добавления слайдов и объектов, редактирования текстов, выбора оформления.

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

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

Вкладка «Анимация» помогает с анимированием объектов и текстов на слайдах.

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

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

Оформление слайдов

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

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

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

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

Чтобы изменить формат слайда, нажимаем вверху на кнопку «Выбор размеров слайда». Можно установить один из размеров: 4:3 или 16:9. Если выбрать «Дополнительные параметры», можно изменить ориентацию слайдов с альбомной на книжную.

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

Начинаем работу. Добавляем текст

Переходим к добавлению и редактированию объектов.

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

Другой способ — действовать через меню «Вставка» — «Надпись».

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

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

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

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

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

Ссылка может вести на другой слайд, для этого во вкладке «Слайд в этой презентации» указываем в списке слайдов нужный и нажимаем «ОК».

На слайд также можно добавить объект Text Art. Для этого вызываем меню «Вставка» и нажимаем на кнопку «Text Art». Выбираем нужный шаблон.

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

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

Добавляем изображения, линии, фигуры

Картинку можно добавить через кнопку «Изображение» или через меню «Вставка» — «Изображение».

Картинку можно загрузить с ПК или по ссылке.

Изображение можно обрезать, повернуть, заменить. Для этого используем панель инструментов справа.

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

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

Чтобы добавить на слайд график или диаграмму, вызываем меню «Вставка» — «Диаграмма».

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

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

Также на слайд можно добавить различные объекты Smart. Для этого вызываем меню «Вставка» — «Smart Art».

Заполняем объект текстом и форматируем, используя панель инструментов справа.

Добавляем анимацию и переходы между слайдами

К любому объекту на слайде можно применить анимацию. Для этого выделяем объект «мышкой» и переходим во вкладку «Анимация». Нажимаем на кнопку «Добавить анимацию».

Анимация нескольких видов: на вход, на выход, на выделение и на путь перемещения по слайду.

Можно настроить запуск анимации: по щелчку, вместе с предыдущим или после предыдущего.

Более сложная анимация — с использованием тригеров. Работает это так: при нажатии на определённую надпись, картинку появляется другой объект. Например, при нажатии на надпись «Правильный ответ» появляется картинка.

Как это сделать? Добавляем на слайд и надпись, и объект, который будет появляться. К объекту добавляем анимацию на появление.

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

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

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

Последние штрихи. Скачивание и публикация 

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

Если выделить с помощью зажатой клавиши Ctrl несколько картинок на слайде, их можно с помощью этой же кнопки сгруппировать в единое целое.

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

Здесь же находится кнопка для печати презентации.

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

Можно получить QR-код для рассылки зрителям. А если нажать на значок с изображением конверта, можно отправить ссылку на работу по электронной почте.

Последние штрихи. Скачивание и публикация 

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

Можно получить QR-код для рассылки соавторам. А если нажать на значок с изображением конверта, можно отправить ссылку на работу по электронной почте.

Во вкладке «Совместная работа» настроиваем параметры сотворчества. Можно выбрать базовый вариант сохранения изменений — в автоматическом режиме или с помощью кнопки «Сохрать» (Строгий режим).

Рядом кнопка для добавления комментариев (Добавить комментарий). Вписываем текст комментария и нажимаем «Добавить». Комментарии можно удалять и решать.

Как использовать Яндекс Презентацию на мероприятиях?

Чтобы показать презентацию в полноэкранном режиме, во вкладке  «Главная» нажимаем на кнопку «Начать показ слайдов» и выбираем вариант показа. Если выбрать «Параметры показа слайдов», можно запустить непрерывный цикл показа до нажатия кнопки Esc.

Как создать презентацию с помощью Supa

Как создать презентацию с помощью Supa

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

В распоряжении пользователя — большое количество шаблонов на все случаи жизни. А мы попробуем с помощью Supa создать презентацию.

Например, вот такую. Можно перейти по ссылке или щёлкнуть по картинке.

Регистрация и выбор шаблона

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

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

Можно создать учётную запись с помощью аккаунта Google, ВКонтакте, Яндекс.

На почту придёт письмо с логином и паролем для сайта. Нажимаем на кнопку «Подтвердить регистрацию в Supa». И оказываемся в личном кабинете.

Нажимаем на кнопку «Продолжить».

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

Попадаем в библиотеку шаблонов. Все они рассортированы по категориям: «Соцсети», «Видео», «Изображения», «Реклама», «Печать» и т.д.

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

Можно создать презентацию «с нуля» или выбрать подходящий шаблон. Щёлкаем по понравившемуся шаблону — и он откроется для редактирования. Часть шаблонов — платная: помечена фиолетовым значком.

К примеру, я выбрала вот такой шаблон для презентации. Он состоит из 12 слайдов. 

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

Щёлкая по слайдам, переходим между ними и редактируем содержимое.

Основные инструменты

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

Слева — панель инструментов для добавления объектов. Справа — список слайдов проекта.

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

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

Другой вариант — щёлкнуть прямо по слайду правой клавишей «мыши» и выбрать «Удалить слайд».

Пробежимся по вкладкам слева.

Вкладка «Загрузки» поможет загрузить в проект свои изображения и другую графику с ПК.

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

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

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

Вкладка «Объекты» добавляет в проект разнообразную графику: линии, фигуры, иконки, рамки, градиенты, фотографии, диаграммы…

Вкладка «Фото» нужна для добавления фотографий.

Если нажать на надпись «Сгенерировать изображение по запросу», можно попросить нейросеть создать картинку. Стоимость генерации одной картинки — 3 кредита.

Генерировать изображение можно по текстовому запросу, а можно загрузить с ПК свою картинку и создать что-то подобное.

С помощью ИИ можно сгенерировать векторный рисунок, объект и даже музыку. Стоимость генерации — 6 кредитов.

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

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

Один из инструментов называется «Оформить холст» (Supa Magic). Чтобы его использовать, нажимаем на кнопку «Сделать красиво», и сервис предлагает несколько дизайнерских решений для оформления. Готовый дизайн можно подредактировать.

Нейросети помогут удалить фон с изображений, улучшить качество картинок и удалить ненужные объекты на изображении. Стоимость — 1 кредит.

Также можно переводить текст с одного языка на другой (1 кредит). 

Вкладка «Фон» поможет отредактировать фон картинки.

Если нажать на кнопку «Больше», можно вставить в работу что-то из графики, мокап или диаграмму. А недавно появилась ещё и опция «Рисовать» — для тех, кто чувствует в себе талант художника.

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

Редактируем объекты

Теперь давайте посмотрим, как редактируются различные объекты. И начнём с текста.

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

Искусственный интеллект («Нейросети») поможет не только написать текст. Он умеет уже написанный фрагмент «Сделать поподробнее» или, наоборот, «Обобщить». А ещё он умеет переводить надпись на любой другой язык. 

К тексту можно прикрепить ссылку (значок с изображением цепочки). Она может вести на внешний ресурс (Переход по ссылке) или на другой слайд проекта (Переход на слайд).

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

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

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

У фона настройки очень простые — его можно только сделать чуть прозрачнее.

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

Дополнительные возможности

Как удалять объекты из проекта? Можно выделить их «мышкой» и нажать на клавиатуре кнопку «Delete».

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

То же контекстное меню можно вызвать, щёлкнув по объекту правой клавишей «мыши».

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

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

Выбираем вариант анимации и нажимаем на кнопку «Применить анимацию».

Публикация и скачивание

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

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

Чтобы скачать проект, нажимаем справа на одноимённую клавишу. Выбираем формат: JPG, PNG, PDF, выбираем качество и нажимаем на кнопку «Сгенерировать изображение».

Если в проекте 2 слайда и больше, каждый будет сгенерирован как отдельная картинка в составе zip-файла.

Через несколько секунд файл будет готов для скачивания. Его можно сохранить на ПК или добавить в облачное хранилище (Google Диск, Dropbox).

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

Универсальный конструктор Удоба. Часть 12. Презентация

Универсальный конструктор Удоба. Часть 12. Презентация

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

А ещё можно встроить изображение, гиперссылку, таблицу, видео, аудио… Возможности практически безграничные.

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

Регистрация

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

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

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

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

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

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

Первые шаги

Шаблон для создания презентации называется “Презентация курса”.

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

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

— Текст.
— Ссылка на веб-ресурсы.
— Изображение.
— Видео.
— Аудио.
— Гиперссылка с переходом на другой слайд.
— Задание с заполнением проспусков в тексте.
— Вопрос с выбором одного правильного ответа.
— Вопрос с выбором нескольких правильных ответов.
— Вопрос “Правда или ложь?”
— Задание «Drag and Drop».
— Викторина на основе утверждений.

Если нажать на значок с тремя точками в правом верхнем углу, возможностей станет ещё больше. Теперь можно добавить с списку:

— Упражнение с переносом слов.
— Упражнение “Отметь слова”.
— Диалог-карты.
— «Непрерывный текст» (большой текстовый массив).
— Экспортируемый текст
— Таблицу.
— Интерактивное видео (о том, как его создавать и редактировать — здесь).
— Контент из Twitter.
— Аудиозапись от отвечающего.
— Викторина с медиафайлами.

У каждого слайда можно устанавливать фоновое изображение, загружая его с ПК, или заливку фона. Чтобы добавить в презентацию новый слайд, нажимаем “+” справа внизу.

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

Элементы презентации

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

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

Экспортируемый текст отображается на слайдах презентации с дополнением в виде окошка, в которое зритель при желании может добавлять свои комментарии. Этот текст он может потом сохранить на ПК (своеобразные пометки к презентации). Вместо текста тут может быть вопрос, на который зритель должен дать ответ.

Это окно для добавления гиперссылки.

Изображение загружается с ПК.

А видео — по ссылке из YouTube или с компьютера. В разделах  “Визуализация” и “Воспроизведение” скрываются дополнительные видеонастройки. Не проходим мимо!

Нажав на значок «Формы», можно добавить на слайды линии, прямоугольники и круги. Для каждого элемента — целый ряд настроек (цвет, размер, границы, заливка и т.д.). Например, это настройки для прямоугольника.

Аудиофайл загружаем с ПК или по ссылке из Сети. Можно устанавливать размер аудиоплеера, выбирать дизайн (обычный или минималистичный), настраивать автозапуск.

Сервис позволяет делать ссылки с одного слайда презентации на другой. Для этого нажимаем на значок “якорь” и указываем номер слайда для перехода или выбираем предыдущий / последующий слайд. Надпись для перехода можно сделать невидимой.

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

Викторины и задания

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

Задание с заполнением пропусков (Fill in the Blanks)

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

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

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

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

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

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

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

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

Вопрос с одним правильным ответом (Single Choice Set)

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

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

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

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

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

Вопрос с несколькими верными вариантами ответа (Multiple Choice)

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

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

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

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

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

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

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

Вопрос «Правда или ложь?» (True/False Question)

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

Дополнительные настройки показа ищем в разделе «Настройки поведения».

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

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

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

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

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

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

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

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

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

А это несколько дополнительных настроек.

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

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

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

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

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

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

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

Задание с переносом слов (Drag the Words)

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

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

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

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

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

Так выглядят настройки.

Задание с выделением слов (Mark the Words)

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

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

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

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

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

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

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

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

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

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

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

В разделе «Поведенческие настройки» — несколько полезных опций.

Диалог-карты (Dialog Cards)

В разделе “Описание задачи” помещаем задание. И начинаем создавать карточки.

Раздел “Текст” — текст на лицевой стороне карточки (вопрос). Раздел “Ответ” — текст для оборотной стороны (ответ).

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

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

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

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

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

Публикация

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

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

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

<iframe src=»https://udoba.org/h5p/embed/3272» width=»1014″ height=»596″ 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>

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

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

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

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

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

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

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

Регистрация

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

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

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

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

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

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

Первые шаги

Для работы выбираем шаблон, который называется «Колонка».

Придумываем название рабочего листа и вписываем его в графу  «Заголовок»

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

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

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

Итак, приступаем к редактированию. В разделе «Список содержимого контента» выбираем из выпадающего списка «Контент» нужный инфо-блок.

Вот что можно добавить на лист:

— Аккордеон (большой объём текста, скрытый под заголовками: при нажатии на заголовок открывается текст).
— Слайдер (одно изображение плавно переходит в другое).
— Аудио.
— Онлайн-аудиозапись.
— Игра «Заполни пропуски».
— Диаграмма.
— Коллаж.
— Презентация.
— Диалог-карты.
— Задание «Drag and Drop».
— Задание «Перенеси слова».
— Эссе.
— Игра «Угадай ответ».
— Таблица.
— Текст.
— Встраиваемый объект.
— Изображение.
— Интерактивный плакат.

И ещё в списке контента:

— Задание «Найди горячую точку».
— Фотогалерея.

— Интерактивное видео.
— Ссылка.
— Задание с выделением слов.
— Игра на запоминание.
— Вопрос с несколькими верными вариантами ответа.
— Опросник.
— Набор вопросов.
— Вопрос с одним правильным ответом.
— Викторина на основе утверждений.
— Лента времени.
— Вопрос «Правда или ложь?».
— Видео.
— Вопрос с картинками (Multimedia Choice)

Аккордеон

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

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

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

Слайдер Agamotto

Agamotto — это слайдер, в котором одна фотография при просмотре будет медленно превращаться в другую. Хорошо подойдёт для иллюстрации «что было-что стало», например.

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

Аудио

Аудиофайл загружаем с ПК или по ссылке из Сети. Можно устанавливать размер аудиоплеера, выбирать дизайн (обычный или минималистичный), настраивать автозапуск.

Онлайн-аудиозапись

Аудиорекодер (Audio Recorder) — это блок для аудиозаписи онлайн. Читатель книги может нажать на кнопку записи и создать аудиотрек. А готовую запись можно скачать на ПК. Опция подходит только для браузера Google Chrome.

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

Игра «Заполни пропуски»

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

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

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

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

Диаграмма

Для создания диаграммы выбираем шаблон “Chart” и устанавливаем её тип: круговая или гистограмма.

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

Коллаж

Для создания коллажа выбираем одноимённый шаблон — “Collage”. Можно создать коллаж из 2-6 фотографий. Изображения масштабируем, нажимая на значки «+» и «-» в левом верхнем углу каждой фотографии.

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

Презентация

Чтобы добавить внутрь листа презентацию, выбираем шаблон «Course Presentation».

Подробнее о создании презентации можно прочитать здесь.

Диалог-карты

Диалоговые карточки добавляются с помощью шаблона «Dialog Cards».

Выбираем режим показа карточек (обычный или повторяющийся).

В разделе “Описание задачи” помещаем задание. И начинаем создавать карточки.

Раздел “Текст” — текст на лицевой стороне карточки (вопрос). Раздел “Ответ” — текст для оборотной стороны (ответ). К каждой карточке можно прикрепить изображение и аудиофайл, загрузив его с ПК.

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

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

Задание «Drag and Drop» (Тащи и бросай)

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

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

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

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

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

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

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

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

А это несколько дополнительных настроек.

Задание «Перенеси слова»

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

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

Так выглядят настройки.

Эссе

Эссе (Essay) — это задание, в котором участник должен в ответ на вопрос создать небольшое высказывание-сочинение с использованием ключевых слов (по этим ключевым словам, которые задаёт создатель книги, и будет происходить оценивание и начисление баллов).

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

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

Игра «Угадай ответ» (Guess the Answer)

Инфо-блок «Guess the Word» — это вопрос с картинкой. Читатель книги отвечает на вопрос, а затем нажимает на кнопку, чтобы проверить ответ.

Придумываем вопрос, записываем в нужную графу решение, а в разделе  «Медиа» прикрепляем к вопросу картинку (Image) или видео (Video).

Таблица

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

Текст

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

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

Чтобы добавить встраиваемый объект, выбираем шаблон «Iframe Embedder».

В графах «Ширина», «Минимальная ширина», «Высота» устанавливаем размеры встраиваемого объекта, а в графу «Источник» вставляем ссылку на веб-ресурс.

Изображение (Image)

Изображение в книгу загружается с ПК.

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

Чтобы добавить в лист интерактивный плакат (интерактивное изображение), выбираем шаблон «Image Hotspots».

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

Задание «Найди горячую точку»

Цель такой игры — отвечая на вопрос, найти на изображении правильный ответ, который обозначен невидимой меткой в виде круга или квадрата. Для её создания выбираем шаблон «Find the Hotspot».

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

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

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

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

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

Фотогалерея

Шаблон для создания фотогалереи называется «Image Slider».

Загружаем нужные фотографии в определённом порядке и устанавливаем соотношение сторон слайдера: автоматическое, обычное, нефиксированное. По умолчанию режим автоматический.

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

Интерактивное видео

Шаблон для добавления интерактивного видео так и называется —  «Interactive Video».

Подробнее о нём можно прочитать здесь.

Ссылка

Для добавления гиперссылки выбираем шаблон «Link».

Так выглядит окошко для её добавления.

Задание с выделением слов (Mark the Words)

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

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

И в конце — несколько дополнительных настроек.

Игра на запоминание (Memory Game)

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

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

Новую картинку загружаем, нажав на кнопку «Добавить карточка».

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

Вопрос с несколькими верными вариантами ответа (Multiple Choice)

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

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

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

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

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

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

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

Опросник (Questionnaire)

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

В разделе «Библиотека» выбираем тип вопроса и переходим к заполнению шаблона.

Это шаблон для открытого вопроса.

Достаточно придумать вопрос, текст-заполнитель, который исчезнет, когда отвечающий начнёт печатать, и определить высоту поля для ответа. 

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

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

Для закрытого вопроса выбираем, сколько ответов на вопрос принимается: один или несколько. Указываем вопрос и варианты ответов.

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

Викторина с одним правильным ответом (Single Choice Set)

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

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

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

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

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

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

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

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

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

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

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

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

Лента времени (Timeline)

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

Вопрос «Правда или ложь?»(True/False Question)

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

Дополнительные настройки показа ищем в разделе «Настройки поведения».

Видео (Video)

Видео добавляется по ссылке из YouTube или с компьютера. В разделах “Визуализация” и “Воспроизведение” скрываются дополнительные видеонастройки. 

Вопрос с картинками (Multimedia Choice)

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

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

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

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

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

Внизу, в «Поведенческих настройках», есть еще несколько полезных опций.

Викторина с разными типами вопросов (Question Set)

Сначала даём название нашей викторине, загружаем фоновое изображение для обложки.

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

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

В такой игре предусмотрено восемь типов вопросов, которые нам уже знакомы:

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

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

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

Публикация

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

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

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

<iframe src=»https://udoba.org/h5p/embed/138638» width=»1117″ height=»3386″ frameborder=»0″ allowfullscreen=»allowfullscreen» allow=»geolocation *; microphone *; camera *; midi *; encrypted-media *» title=»М. Ю. Лермонтов &quot;Мцыри&quot;»></iframe><script src=»https://udoba.org/sites/all/modules/h5p/library/js/h5p-resizer.js» charset=»UTF-8″></script>

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

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