Rivalry2

HTML Diff

2 added 2 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>17 июн 2024</li>

3 <li>0</li>

4 </ul><h2>Как создавать интерактивные учебные материалы на платформе "Удоба"</h2>

5 Разбираемся в возможностях бесплатного российского сервиса со множеством функций.

6 Иллюстрация: freepik / Freepik / Austin Distel / neom / Ricardo Gomez Angel / Unsplash / Дима Руденок для Skillbox Media

7 Редактор направления "Образование" Skillbox Media.

8 Отечественный конструктор интерактивных образовательных ресурсов "Удоба" появился в 2020 году - в самый разгар пандемийных ограничений, когда учителям и преподавателям были особенно необходимы инструменты для проведения онлайн-занятий.

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

10 "Удоба" работает на базе конструктора H5P с открытым исходным кодом, разработанного Массачусетским технологическим институтом, и электронной библиотечной системы ELiS,<a>входящей</a>в реестр отечественного ПО. Пользоваться платформой можно совершенно бесплатно.

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

12 На <a>главной странице</a>платформы находятся две кнопки:"Войти на сайт"и "Создать пользователя". Вторая открывает стандартную страницу регистрации - нужно ввести имя пользователя и адрес электронной почты, придумать пароль. А после регистрации - нажать на кнопку"Создать библиотеку". Библиотека будет содержать все материалы, которые вы создадите.

13 Скриншот: "<a>Удоба</a>"Важный момент - любой контент, созданный в "Удобе", публикуется в общем доступе. Сделать упражнение доступным только для ваших учеников по ссылке не получится. Все материалы располагаются в <a>списке публикаций</a>, от самых новых к старым, а по ссылке на созданный вами ресурс можно перейти в вашу библиотеку и увидеть всё содержимое.

14 После создания библиотеки платформа предложит заполнить её контентом. Здесь пользователь увидит три кнопки:"Домашнее задание","Интерактивный контент"и "Папка". Последний вариант нужен для организации ваших материалов - например, по предметам, темам или классам.

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

15 + Формат домашнего задания предполагает, что преподаватель составляет задание и отправляет ссылку на н��го ученикам. После выполнения они по той же ссылке загружают фотографии страниц с результатом или снимки экрана. Регистрироваться на платформе им для этого не нужно, достаточно только представиться, чтобы преподаватель мог выставить оценки.

16 - Скр��ншот: "<a>Удоба</a>"А сейчас - рассмотрим, как создавать собственные интерактивные ресурсы, используя многочисленные шаблоны, предлагаемые "Удобой".

16 + Скриншот: "<a>Удоба</a>"А сейчас - рассмотрим, как создавать собственные интерактивные ресурсы, используя многочисленные шаблоны, предлагаемые "Удобой".

17 При нажатии на "Интерактивный контент" откроется страница, где по ссылкеGet shared contentможно воспользоваться каталогом платформы H5P, на которой основана "Удоба", - в нём собраны материалы, разработанные педагогами со всего мира. Сервис предлагает отфильтровать ресурсы по предмету, формату, уровню учащихся и языку, скопировать их в свою библиотеку, отредактировать при необходимости и применять со своими учениками. Или же просто использовать как источник вдохновения, изучая возможности платформы.

18 Другой вариант - по ссылке"Загрузить"добавить в библиотеку файл в формате H5P, который вы сохранили ранее. Например, это может быть ресурс, разработанный вашим коллегой или скачанный с официального<a>сайта H5P</a>, где представлены все доступные форматы.

19 В этом руководстве рассмотрим, как создать свой материал с нуля. Нажав на "Создать контент", пользователь увидит список из десятков шаблонов. Чтобы было проще подобрать вариант под образовательную задачу, разделим их на пять категорий: информационные форматы, вопросы и задания, игры, мультимедийные шаблоны (например, интерактивные презентации, которые могут содержать одновременно информацию для изучения, игры и тесты) и вспомогательные форматы.

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

21 <ul><li>Интерактивные области на изображении - изображение с кликабельными точками, при нажатии на которые всплывают дополнительные материалы (например, текстовые пояснения или видео).</li>

22 </ul><ul><li>Аккордеон - формат для структурированной подачи объёмных текстовых материалов. По умолчанию основное содержание скрыто за подзаголовками и открывается, если на них нажать.</li>

23 </ul><ul><li>Информационная стена- похожий формат, только к текстовым блокам добавляются ключевые слова, по которым ученик сможет быстро отыскать нужную информацию в документе.</li>

24 </ul><ul><li>Диалоговые карточки- карточки для повторения и закрепления материала. На них можно разместить, например, иностранные слова и их значения, даты и события, физические явления и соответствующие формулы.</li>

25 </ul><ul><li>Коллаж- этот инструмент позволяет создать композицию из отдельных изображений.</li>

26 </ul><ul><li>Шкала времени- лента, представляющая события в хронологической последовательности, также её называют таймлайном. Может включать не только текст, но и изображения, аудио, видео, локации из "Google Карт". О других сервисах для создания таймлайнов мы рассказывали в <a>этой подборке</a>.</li>

27 </ul>Скриншот: "<a>Удоба</a>"<ul><li>Аудио - просто аудиофайл, добавленный по ссылке или загруженный с компьютера пользователя (поддерживаются форматы MP3, WAV и OGG). Можно включить автоматическое воспроизведение.</li>

28 </ul><ul><li>Слайдер изображений- галерея изображений без подписей.</li>

29 </ul><ul><li>Сравнение последовательности изображений- по сути, такая же галерея, только к каждому изображению можно добавить текст. Разработчики платформы предлагают использовать этот формат для того, чтобы показывать изменения объекта со временем, детализировать схемы или карты.</li>

30 </ul><ul><li>Сопоставление изображений- пара изображений для наглядного сравнения. Перетаскивая слайдер, ученик может рассмотреть, например, один и тот же городской ландшафт в современности и прошлом веке или природный пейзаж в разные времена года.</li>

31 </ul>Скриншот:<a>Боровинский Арсен Исаевич / "Удоба"</a><ul><li>Аудиорекордер- запись голоса, которую можно будет воспроизвести по ссылке или скачать на своё устройство в формате WAV.</li>

32 <li>Диаграмма - шаблон, представляющий введённые данные в форме круговой или столбчатой диаграммы.</li>

33 <li>KewAr-код - так на платформе называется инструмент создания QR-кодов, с помощью которого можно закодировать ссылку, местоположение, контактную информацию и многое другое.</li>

34 </ul>Интерактивные шаблоны из этой категории содержат вопросы (с выбором, вводом ответа или записью аудио) или задания с различными механиками - например, с перетаскиванием объектов и заполнением пробелов.

35 <ul><li>Опрос с одним вариантом ответа - стандартный тестовый вопрос с выбором одного верного варианта.</li>

36 <li>Множественный выбор - формат квиза с выбором нескольких правильных вариантов ответа. Вопрос может сопровождать картинка, аудио или видео, а ответы - только текстовые.</li>

37 <li>Истина/ложь- утверждение, которое ученику нужно оценить на достоверность.</li>

38 </ul>Источник:<a>H5P.org</a>Скриншот:<a>"</a><a>Удоба</a>"<ul><li>Личностный опрос - шаблон для создания развлекательных квизов в духе "Какой ты котик", в котором каждый вариант ответа сопоставляется с тем или иным результатом.</li>

39 <li>Опросник - вариант для проведения опросов, который не показывает итоговый результат, а только сохраняет выбранные пользователем или напечатанные им ответы.</li>

40 <li>Набор вопросов - это, по сути, викторина, сочетающая разные тестовые вопросы и задания. При желании настраивается порог прохождения, а также фидбэк для разных результатов.</li>

41 <li>Заполнение пропусков - текст, в котором учащемуся нужно ввести пропущенные слова.</li>

42 </ul>Источник:<a>H5P.org</a>Скриншот: "<a>Удоба</a>"<ul><li>Перетаскивание слов - похожая механика, только пользователь не печатает слова, а выбирает из предложенных и переносит их в нужное место.</li>

43 <li>Отметь слова - ученик читает текст и отмечает в нём слова, согласно инструкции задания.</li>

44 <li>Флеш-карты- каждая карточка содержит изображение с вопросом, а ученику нужно ввести правильный ответ.</li>

45 <li>Отсортируй абзацы- ученику нужно расставить в правильном порядке текстовые блоки, такие как строки стихотворения или программного кода, этапы какого-либо процесса.</li>

46 </ul>Источник:<a>H5P.org</a>Скриншот: "<a>Удоба</a>"<ul><li>Угадай ответ- шаблон для самопроверки или синхронного опроса во время урока. На карточке расположена картинка с вопросом, а правильный ответ открывается нажатием на кнопку.</li>

47 <li>Эссе - ученику нужно написать эссе на заданную тему, используя ключевые слова. В задании настраивается автоматический фидбэк в зависимости от того, встречаются эти слова в работе или нет.</li>

48 <li>Перетаскивание - задание на перемещение объекта в правильную область на странице.</li>

49 </ul>Источник:<a>H5P.org</a>Скриншот: "<a>Удоба</a>"<ul><li>Арифметическая викторина- преподавателю нужно выбрать тип заданий (арифметические вычисления или решение линейных уравнений разной сложности) и их количество, а платформа сама сгенерирует примеры.</li>

50 <li>Скажи слова - вопрос или серия вопросов, на которые ученик отвечает голосом, используя микрофон своего устройства.</li>

51 <li>Резюме - разновидность теста на понимание пройденного материала, например, главы учебника или видеолекции. Ученику предлагается серия утверждений, среди которых он должен выбрать верные. Отвечая, он получает баллы, а в конце все верные тезисы складываются в саммари изученной темы.</li>

52 <li>Поиск областей на изображении- разновидность теста, где ученику нужно кликнуть на верный участок картинки, в соответствии с условиями задания. Есть такой же шаблон с множественным выбором.</li>

53 </ul>Скриншот: "<a>Удоба</a>"<ul><li>Выбор изображения- похожий тестовый формат, только учащийся выбирает не области на изображении, а правильные картинки целиком.</li>

54 <li>Пары изображений- задание на сопоставление изображений по признакам, названным в инструкции.</li>

55 <li>Диктант- ученик слушает аудиозапись и вводит текстом то, что он услышал. Правильные ответы учитель должен добавить заранее.</li>

56 <li>Последовательность изображений- набор картинок, которые нужно расположить в правильном порядке.</li>

57 </ul>Скриншот: "<a>Удоба</a>"Это развлекательные форматы, в первую очередь предназначенные для вовлечения учеников или отдыха в процессе занятия.

58 <ul><li>Найди пару изображений - игра на тренировку памяти с изображениями, которые открываются по клику, а ученику нужно запомнить, где они расположены, чтобы найти пары одинаковых картинок.</li>

59 <li>Найди слова- игра на внимательность, в которой ученик ищет заданные слова в сетке из букв.</li>

60 </ul>Источник:<a>H5P.org</a>Скриншот: "<a>Удоба</a>"<ul><li>Кроссворд- шаблон позволяет создавать кроссворды с гибкой кастомизацией, в том числе настраивается подсчёт результатов и фидбэк для учеников. Можно создать большой банк слов с определениями и затем генерировать новые кроссворды с заданным количеством слов.</li>

61 </ul>Эти форматы сочетают сразу множество шаблонов в одном. Они могут иметь очень высокую степень интерактивности, так как ученик не только потребляет контент, но и взаимодействует с ним - например, отвечает на вопросы.

62 <ul><li>Интерактивное видео- ученик просматривает видеоролик, в котором на временных отметках размещены точки взаимодействия, например квиз по содержанию видео.</li>

63 <li>Презентация курса- так называется шаблон со слайдами, которые могут содержать текст, изображения, аудио и видео (в том числе интерактивные), а также различные вопросы и задания - например, с выбором ответа, перетаскиванием слов и изображений, заполнением пробелов. На слайдах можно настроить триггеры - кликабельные участки, перемещающие пользователя на заданный слайд. Они используются в разработке<a>нелинейных квестов</a>или тестов, где следующий вопрос зависит от ответа на предыдущий.</li>

64 <li>Ветвящийся сценарий- этот формат специально предназначен для разработки нелинейных сюжетов. Сочетая медиаконтент, игры и задания с вопросами, ответы на которые ведут на ту или иную "ветку", можно создать историю, которая развивается в зависимости от решений пользователя.</li>

65 </ul>Источник:<a>H5P.org</a>Скриншот: "<a>Удоба</a>"<ul><li>Колонка - интерактивный лонгрид, в который можно включить любые доступные на платформе форматы. В отличие от слайдовой презентации, материалы располагаются вертикально и адаптируются под экран пользователя, что удобно при обучении со смартфона.</li>

66 <li>Интерактивная книга- многостраничный интерактивный лонгрид, обладающий всеми его возможностями.</li>

67 <li>360-градусное окружение- инструмент для создания виртуальных туров с использованием панорамных и обычных изображений. Настраивается навигация между сценами и точки взаимодействия в каждой из них - например, чтобы по нажатию открывались дополнительные материалы, в том числе аудио и видео, или тестовые вопросы. Панорамные изображения можно найти в поисковых системах и фотохостингах по запросу "панорама 360" или "3D-панорама".</li>

68 </ul><ul><li>Дополненная реальность- с помощью этого формата преподаватель загружает на платформу 3D-модель в формате GLB, создаёт для неё метку, которая работает по принципу QR-кода, и распечатывает. Ученик проходит по специальной ссылке со своего смартфона, с помощью камеры сканирует метку - и видит на экране объёмную модель, которую можно рассмотреть со всех сторон. К меткам также можно прикрепить задания и другие активности. Есть подробная<a>инструкция</a>от разработчика "Удобы".</li>

69 <li>Игровая карта - шаблон для создания квестов-путешествий. На игровой карте размещаются точки взаимодействия (медиаконтент, вопросы и задания), а ученики проходят их одну за другой. Здесь очень гибкие настройки: например, можно ограничить время на выполнение конкретного задания или сделать так, чтобы активность открывалась, только если пользователь набрал нужное количество баллов на предыдущих этапах.</li>

70 </ul>Источник:<a>H5P.org</a>Скриншот: "<a>Удоба</a>"Форматы для поддержки обучения - установки целей и планирования, ведения конспектов и структурирования письменных работ.

71 <ul><li>Конспект Корнелла- ученики получают материал в виде текста, аудио или видео, а также шаблон для ведения конспектов по <a>методу Корнелла</a>. Страница конспекта делится на три блока, в одном из которых записываются основные понятия и тезисы, во втором они раскрываются подробнее, а в третьем резюмируется содержание целиком.</li>

72 </ul>Скриншот: "<a>Удоба</a>"Источник:<a>H5P.org</a><ul><li>Структурная полоса - инструмент для структурирования письменных работ, с помощью которого можно задать необходимый объём каждой части текста.</li>

73 <li>Документация- инструмент для постановки целей и планирования. После заполнения шаблона получается структурированный документ, где отображены все этапы работы над проектом или комплексной задачей.</li>

74 </ul>Если вы уже работали в конструкторах интерактивного контента, то в "Удобе" будет несложно разобраться - ко всем полям для заполнения и опциям в настройках есть пояснения. Также на официальном сайте H5P есть подробные<a>инструкции</a>к разным форматам - они на английском, но автоматический перевод в браузере справляется хорошо.

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

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

77 Если на вкладке просмотра пролистать страницу вниз, там будет несколько кнопок."Переиспользовать"позволяет сохранить контент в формате H5P, чтобы, например, загрузить его в другой конструктор. По кнопкеSCORMматериал сохраняется как<a>архив с курсом</a>для встраивания в LMS."Вставить"позволяет скопировать HTML-код и встроить его в сайт.

78 Скриншот: "<a>Удоба</a>"Чтобы открыть материал на своём устройстве, ученикам нужна только ссылка на него видаhttps://udoba.org/node/******. Однако таким образом легко перейти в вашу библиотеку и увидеть все прочие материалы. Если вы этого не хотите, имеет смысл достать ссылку из окна, всплывающего по кнопке "Вставить", скопировав часть в кавычках. Она выглядит вот так:https://udoba.org/h5p/embed/******. По этой ссылке откроется только страница с контентом, без лишних элементов интерфейса.

79 Скриншот: "<a>Удоба</a>"Все взаимодействия с контентом из вашей библиотеки "Удоба" собирает на вкладке "Отчёты". Но так как регистрация для выполнения заданий ученикам не нужна, по умолчанию все сессии анонимные - то есть вы увидите, как пользователи отвечали на вопросы и выполняли задания, но они все будут скрываться под именем guest.

80 Есть несколько способов собирать индивидуальную статистику выполнения заданий, хотя они не идеальны.

81 <ul><li>Попросить учащихся зарегистрироваться на "Удобе" - тогда в отчётах будет отображаться имя пользователя. Если вы используете платформу для обучения взрослых людей, это самый удобный способ. Однако в школах и организациях СПО могут возникнуть сложности: такой вариант подразумевает обработку персональных данных, а для этого, согласно требованиям обновлённой<a>статьи 16</a>закона "Об образовании в Российской Федерации", можно использовать только государственные информационные системы.</li>

82 <li>Добавлять к заданиям поле для ввода имени. Создавая квиз или используя шаблон, сочетающий разные форматы (например, колонку или интерактивную книгу), можно добавить обязательный вопрос "Ваше имя". В отчётах пользователь всё равно будет подписан как guest, но вы его идентифицируете, когда откроете результаты.</li>

83 <li>Использовать уникальные ссылки с кодом.Каждый раз, когда пользователь взаимодействует с материалом, платформа генерирует уникальную ссылку видаhttps://udoba.org/node/******/sharereport? sharecode=123456с данными об активности, включая ответы на вопросы. Её можно найти внизу страницы, рядом со ссылками на скачивание и встраивание контента. Выполнив задание, ученик может скопировать эту ссылку и любым удобным способом отправить преподавателю. Вот<a>здесь</a>это объясняется подробнее.</li>

84 </ul>Скриншот: "<a>Удоба</a>"Больше интересного про образование ― в нашем<a>телеграм-канале</a>. Подписывайтесь!

85 <a>Научитесь: Профессия Методист с нуля до PRO + ИИ Узнать больше</a>