Дізнайтеся, як вбудувати до курсу зовнішній інтерактивний матеріал за допомогою HTML-коду iFrame. Матеріал iFrame дає змогу відображати в курсі контент із зовнішніх сервісів: інтерактивні вправи, карти, форми, презентації, відео та інші вебресурси.
Останнє оновлення: 03 Серпня
Крок 1.
Перейдіть до розділу «Курси».
Відкрийте потрібний курс.
Перейдіть до редактора змісту курсу.
У потрібному модулі натисніть «+ Додати матеріал».

Крок 2.
У вікні «Додати матеріал» відкрийте розділ «iFrame та Інтеграції».
Оберіть матеріал «iFrame».
Після цього відкриється сторінка налаштування нового матеріалу.

Крок 3.
У розділі «Загальні налаштування» вкажіть:
назву матеріалу;
короткий опис;
зображення матеріалу.
Назва відображатиметься у змісті курсу та кабінеті студента.

Крок 4.
Відкрийте розділ «iFrame».
Скопіюйте код для вбудовування на сайті зовнішнього сервісу.
Вставте повний HTML-код у поле «Вставте html код iframe елемента».
Приклад:
<iframe src="https://example.com/embed/..." width="100%" height="100%" allowfullscreen></iframe>
Використовуйте код лише з надійних HTTPS-ресурсів, які дозволяють вбудовування на інших сайтах.

Крок 5.
Після додавання коду зовнішній матеріал з'явиться в центральній частині редактора.

Натисніть «Перегляд», щоб перевірити:
чи завантажується вміст;
чи працюють інтерактивні елементи;
чи коректно матеріал відображається на сторінці;
чи доступний повноекранний режим, якщо він передбачений сервісом.
Якщо матеріал не відображається, перевірте правильність коду та можливість його вбудовування на сторонніх сайтах.
Крок 6.
У розділі «Навчання та оцінювання» можна:
обрати спосіб оцінювання проходження;
призначити XP-бали;
додати результат до загального рейтингу курсу;
зробити матеріал обов'язковим для завершення курсу.
Застосовуйте ці налаштування відповідно до структури навчальної програми.

Крок 7.
Ще раз перевірте назву, опис, зображення та вбудований контент.
Збережіть внесені зміни.
Опублікуйте матеріал або курс, щоб він став доступним студентам.
