# Уроки та модулі

Щоб створити перший урок у курсі, перейдіть до **«Уроки»** вкладку та натисніть кнопку **«Створити»** кнопку.

<figure><img src="/files/86ef8384fb18910acd5f243cb8581b1b6b2740d9" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/f91364b8d80c45447cc4238d7d99bf285f4d1b10" alt=""><figcaption></figcaption></figure>

## Контент уроку

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

{% hint style="success" %}
Секція уроку — це блок контенту з попередньо налаштованими параметрами, який містить різні тексти та медіафайли (відео, зображення), що використовуються для створення сторінки уроку та відображення різних типів матеріалів.
{% endhint %}

Щоб створити першу секцію уроку, натисніть **значок плюса** у центрі екрана.

<figure><img src="/files/25aa0d58287fe7af1855d9723cd3e0d45004f4ac" alt=""><figcaption></figcaption></figure>

Для уроків доступні такі типи блоків (секцій).

<figure><img src="/files/0cd74af0a8b291ce9b96646a75f1ca05c6abf147" alt=""><figcaption></figcaption></figure>

Щоб додати текст до контенту уроку, натисніть на секцію «Заголовок і текст». Таким чином текстова секція буде додана до вашого контенту уроку.

<figure><img src="/files/47ac98f647399ae5d54392bf87f1897c7cb2ab83" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Ви можете додати до контенту уроку стільки секцій, скільки потрібно, з окремими налаштуваннями шрифту, тексту та іншими параметрами для кожної з них.
{% endhint %}

Кожне поле, що містить текст (зокрема й у інших секціях уроку), має стандартні параметри форматування, подібні до будь-якого текстового редактора.

<figure><img src="/files/f4e7fbdd9433f99427c94bf4f39bd68b6c4769a2" alt=""><figcaption></figcaption></figure>

Ви можете налаштувати:

* Стилі тексту (Заголовок 1 – H1, Заголовок 2 – H2 тощо);
* Насиченість шрифту (жирний, напівжирний);
* Курсив;
* Підкреслення;
* Закреслення;
* Розмір;
* Шрифт;
* Колір шрифту, підсвічування тексту та багато іншого.

<figure><img src="/files/0a754ede6f9abe3d6314d2a479fa8d368d57f757" alt=""><figcaption></figcaption></figure>

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

<div align="left"><figure><img src="/files/d140a6eff4eecbbc8a33655e1107777fe3faa101" alt=""><figcaption></figcaption></figure> <figure><img src="/files/93a98c30fb392880e6cc0a22dcb026f9c0fe1b03" alt=""><figcaption></figcaption></figure></div>

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

{% hint style="info" %}
Секції уроку структуровані так само, як і ті, що використовуються на сайті.\
Щоб дізнатися більше про кожен тип, перейдіть до [«Блоки сайту»](/doc/uk/websites/saiti/blocks.md)
{% endhint %}

Усі медіафайли, включно з відео, можна завантажити у файлове сховище, а потім додати до секцій «Медіа» (або інших секцій уроку) через URL вкладення. Для цього перейдіть до файлового сховища та завантажте необхідні матеріали.

<figure><img src="/files/d4571e6801927efe67e0ca0777b8ee65448749ea" alt=""><figcaption></figcaption></figure>

Далі в секції натисніть кнопку «Завантажити зі сховища», розташовану під полем URL.

<figure><img src="/files/c66341fc4c79aa86b7ed3d369b3f757b02e05f6c" alt=""><figcaption></figcaption></figure>

У вікні, що відкриється, виберіть вкладення, яке потрібно завантажити.

<figure><img src="/files/6cdc6fde1dfcaa11ad3dc5bf83a82a82aedd9a69" alt=""><figcaption></figcaption></figure>

Отже, медіафайл буде завантажено до секції уроку.

<figure><img src="/files/49193063e41d1a286ccbe7fee26aa48cca795503" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Для чого це корисно?

1. Якщо ваш формат зображення занадто великий і секція уроку не дозволяє завантаження понад певний ліміт, ви можете обійти це, використовуючи файлове сховище.
2. Щоб уникнути втрати актуальних банерів та інших зображень, якщо ви вирішите видалити курс.
   {% endhint %}

### Як указати часові інтервали у відео в секції «Медіа»

Якщо вам потрібно додати відео з певними часовими інтервалами (подібно до того, як це працює на YouTube), ви можете використовувати змінні.&#x20;

Для цього вам знадобиться така змінна: `#{timecodes(video_id, title, HH.MM.SS)}`, де

**`id`** — ідентифікатор відео, яке ви хочете включити до уроку.\
\&#xNAN;**`title`** — назва фрагмента відео (наприклад, «Початок», «Кінець», «Ключові моменти» або «Підсумок»).\
\&#xNAN;**`HH.MM.SS`** — мітка часу, що вказує, коли починається потрібний фрагмент, у форматі hh:mm:ss.

> Приклад:
>
> \#{timecodes(34, summary, 01:25:23)}

Ви можете знайти її, натиснувши на іконку змінних у полі «Текст» у налаштуваннях секції «Медіа».

<figure><img src="/files/72ea8972ecdf715847090393dc39cea8225e388b" alt=""><figcaption><p>Натисніть кнопку, щоб показати змінні</p></figcaption></figure>

<figure><img src="/files/3ba0ea93a10876b814e092b8123485f65b94ce45" alt=""><figcaption><p>Змінна для встановлення мітки часу у відео розташована в блоці «Стандартні змінні»</p></figcaption></figure>

### Як перейти до контенту, натиснувши кнопку&#x20;

Контент уроку може складатися з однієї секції з відеоуроком або містити великий обсяг текстового матеріалу.

Щоб учні бачили, з чого складається урок, і могли швидко перейти до потрібного їм контенту, ви можете створити кнопки, які при натисканні переходять до певних секцій уроку.

**Крок 1. Вкажіть назву ID секції.**

Для цього виберіть секцію, до якої потрібно перейти, і натисніть кнопку «Редагувати».

Знайдіть поле з назвою «ID секції».

<figure><img src="/files/b71b48f10a991847cd52b7ea2759264015eda2f1" alt=""><figcaption></figcaption></figure>

Введіть зрозумілу та коректну назву ID секції відповідно до встановлених правил.

<figure><img src="/files/6b285b25493ba6416adbc140b7ed55149b01f8f1" alt=""><figcaption></figcaption></figure>

Наприклад, назва нашої секції виглядатиме так:

<figure><img src="/files/1409245556317b185c1c1aca8b8f00300a373755" alt=""><figcaption></figcaption></figure>

Тепер скопіюйте назву та збережіть налаштування.

Після цього створіть секцію з кнопками (ви можете використати секцію "Меню" або секцію "Налаштовувані кнопки").

<figure><img src="/files/43bc862d60fc6c723bb9963cbc7d353ee575c999" alt=""><figcaption></figcaption></figure>

Натискання на вибрану секцію автоматично відкриє меню налаштувань контенту (у цьому випадку ми додали секцію "Кнопки").

<figure><img src="/files/a7de2f9869b8b18ba137f1aaaf8a64ec6edf992a" alt=""><figcaption></figcaption></figure>

Натисніть на кнопку "Оплата" (це стандартна кнопка без функції оплати), щоб відредагувати її налаштування.

У модальному вікні, що відкриється, змініть напис на кнопці.

<figure><img src="/files/706ae45a1e620c04aedae36d1ff655ab04f3e357" alt=""><figcaption></figcaption></figure>

Функція залишається "Посилання", але замість значення #url введіть назву ID секції.

<figure><img src="/files/86f84e9bc378f4b31324e59b3278fedc837696b6" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**УВАГА!**&#x20;

ID секції вводиться зі спеціальним символом `#!`.

<mark style="color:blue;">**#**</mark><mark style="color:red;">**id\_your\_section**</mark>
{% endhint %}

<figure><img src="/files/c95aab1f61b25c54869ea35a8ad0f295e7a47f3c" alt=""><figcaption></figcaption></figure>

Переконайтеся, що секція відкривається в тому самому вікні під час використання її ID.

<figure><img src="/files/b178147d8df17258dc242d0ecb6711f025d65d9a" alt=""><figcaption></figcaption></figure>

Далі ви можете налаштувати власні параметри кнопки: колір, ширину тощо.

<figure><img src="/files/2565ad1c027dfffecbe5c80d4911fa8ece2f6e0b" alt=""><figcaption></figcaption></figure>

Потім натисніть **«Зберегти»**.

{% hint style="success" %}
Готово!\
Тепер ви знаєте, як налаштувати натискання кнопки для переходу до певної секції.
{% endhint %}

{% hint style="warning" %}
Увага!&#x20;

Не забудьте зберегти налаштування кожної секції.
{% endhint %}

### **Налаштування сторінки уроку**

Загальні налаштування уроку дозволяють вам налаштувати ключові аспекти окремого уроку. Ви можете:

* Встановіть **назву уроку**.
* Призначити **домашнє завдання**.
* Застосувати **загальні налаштування шрифту** до всієї сторінки (щоб не стилізувати кожну секцію окремо).
* **Обмежити доступ** на основі певних тарифних планів.
* Налаштувати **автоматизовані email-ланцюжки** для подальшої взаємодії з учнями.

Щоб отримати доступ до цих налаштувань, натисніть **Налаштування** у верхньому меню редактора уроку.

<figure><img src="/files/4861b1e85693dbb75bdef9daef41f96d98c9c9a2" alt=""><figcaption></figcaption></figure>

Відкриється меню налаштувань із різними розділами.

<figure><img src="/files/f321b53e5a34342f92993a82b62bf4f7041554d4" alt=""><figcaption></figcaption></figure>

### Загальні&#x20;

**Інформація про сторінку**

<figure><img src="/files/50f8bc33c9fd04074e6669fff854e0778c988913" alt=""><figcaption></figcaption></figure>

Заповніть такі поля у вкладці налаштувань:

* **Назва в списку:** Внутрішня назва для впорядкування уроків.
* **Назва вкладки браузера:** Заголовок, що відображається в адресному рядку та вкладці браузера.

<figure><img src="/files/b31fdc663d21a7e0d280437fbeb01bc43e9267d9" alt=""><figcaption><p>Заповнені поля в налаштуваннях</p></figcaption></figure>

#### Налаштування зображення

<figure><img src="/files/db390d0fc5630d00ddce8e86f2e85557ca8d5fef" alt=""><figcaption></figcaption></figure>

Щоб встановити унікальний логотип сторінки замість іконки MaviBot, ви можете завантажити власне зображення. Щоб додати зображення попереднього перегляду уроку, яке відображатиметься на сторінці курсу (коли студент додасть курс і відкриє його для навчання), завантажте зображення в поле "Попередній перегляд уроку".

{% hint style="info" %}
За замовчуванням як попередній перегляд уроку відображається перше зображення з уроку.
{% endhint %}

#### Налаштування курсу

У налаштуваннях курсу ви можете додати цей урок до модулів (якщо модулі були створені раніше), а також установити права доступу для цього уроку.

<figure><img src="/files/e26ca56e58d9bae835576e35492cbe2b8a784a64" alt=""><figcaption></figcaption></figure>

Наприклад, ви можете вказати, які тарифні плани матимуть доступ до цього уроку, якщо ви пропонуєте кілька планів, а також дату, з якої урок стане доступним.<br>

За замовчуванням заголовок курсу відображається на сторінці уроку. Щоб приховати його, просто встановіть прапорець «Приховати заголовок курсу».

<figure><img src="/files/057020243d1377dbe3b7dcd6bd2270fb935f6d38" alt=""><figcaption></figcaption></figure>

#### Інтерфейс і налаштування доступу

<figure><img src="/files/6dcc4e3e862737d7013e968302d8fcb289dcc0d2" alt=""><figcaption></figcaption></figure>

Щоб запобігти скануванню та збереженню вмісту сторінки уроку пошуковими системами, установіть прапорець «Заборонити пошуковим системам індексувати сторінку».<br>

Якщо ви хочете обмежити доступ до курсу на основі певних списків, установіть опцію «Доступ лише за списками» і виберіть відповідні списки.

<figure><img src="/files/a81b6be109bd3300f22cceac7e58cb872e3d3a11" alt=""><figcaption></figcaption></figure>

Ви також можете увімкнути збільшення зображення за кліком, приховати напис «Зроблено з MaviBot», додати клієнта до списків або призначити теги після завершення цього уроку.<br>

Щоб зберегти статистику проходження цього уроку в розділі «Аналітика», встановіть прапорець «Зберігати дані аналітики для конверсії».

<figure><img src="/files/f53017f30d9972fbac4dfda9d8c7ad2bbbfb9583" alt=""><figcaption></figcaption></figure>

### **Як створити домашнє завдання**

**Домашнє завдання є важливою частиною будь-якого процесу навчання:** воно допомагає учням закріпити матеріал, який вони раніше вивчали, а наставники (або самі учні) можуть оцінити, наскільки добре матеріал був засвоєний, і визначити сфери, які згодом можуть потребувати більшої уваги.

Під час створення онлайн-курсу ви вирішуєте, які уроки мають містити домашні завдання (можливо, всі), а які в них не потребують.

Щоб створити домашнє завдання, перейдіть до налаштувань курсу та натисніть "Домашнє завдання".

<figure><img src="/files/6b5951b2d640fb2f71fb7265c91ea7ee8cb0e351" alt=""><figcaption></figcaption></figure>

Потім перейдіть на вкладку "Домашнє завдання".

Тут ви можете обрати формат домашнього завдання: як стандартне завдання або як тест.

<figure><img src="/files/c9a04fca88bc1b4593bd27c80c1aee992b1fbf6b" alt=""><figcaption></figcaption></figure>

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

За потреби ви також можете прикріпити файл до домашнього завдання.

<figure><img src="/files/79213fa6e5b636aff24e3274ae77a10fe1ccd993" alt=""><figcaption></figcaption></figure>

Щоб полегшити оцінювання, ви можете додати ключ відповідей або підказки до завдання. Ці нотатки є приватними й видимі лише перевіряльнику.

<figure><img src="/files/6fc20606e577dbdbe429c67cca244dd13175a5c1" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
За потреби ви можете використати перемикачі «Приймати текстові відповіді» або «Приймати завантаження файлів», щоб дозволити відповіді у двох форматах: текстом або файлом відповідно.
{% endhint %}

### Завдання у форматі тесту

Щоб створити домашнє завдання у формі тесту, перейдіть на відповідну вкладку "Тест" у налаштуваннях домашнього завдання.

<figure><img src="/files/59d375dbce720c4ba4116188f8a1c3560d5e7d35" alt=""><figcaption></figcaption></figure>

Натисніть **«Створити питання»,** потім введіть потрібний текст у поле питання.

Далі введіть варіанти відповідей на питання. За замовчуванням є два поля для відповідей, але ви можете додати стільки, скільки потрібно. Натисніть **позначку** поруч із правильною відповіддю.<br>

Якщо у вашому питанні є кілька правильних відповідей, переконайтеся, що ви вибрали всі з них під час додавання питання.

<figure><img src="/files/58b4b20b9ca056379ed42710631c7ae3ad3f0408" alt=""><figcaption></figcaption></figure>

Щоб додати ще одне питання, натисніть відповідну кнопку.

<figure><img src="/files/1dc92548a274604f9fd6674e533672fe8abda825" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Ви можете додати стільки питань, скільки потрібно, без обмежень.
{% endhint %}

Ви також можете додати до питання поле для розгорнутої відповіді.<br>

Прапорець «Автоматично приймати домашнє завдання» вмикає автоматичне прийняття завдання на основі кількості правильних відповідей: якщо учень набирає необхідний поріг у тесті, домашнє завдання буде позначене як виконане; якщо ні — йому потрібно буде пройти тест повторно.

<figure><img src="/files/eda4f7defa5d870b2b4a1625a4bcbbaf8431c1b5" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Під час виконання тестового завдання всі відповіді, вибрані учнем, зберігатимуться, навіть якщо сторінку домашнього завдання буде оновлено, без потреби надсилати їх.
{% endhint %}

Після того як ви завершите створення тестового завдання, перейдіть на **вкладку «Стандартне завдання»** і встановіть прапорець **«Додати тест до завдання».**

<figure><img src="/files/61818dae512efc3b1f931c71881691768379bd6d" alt=""><figcaption></figcaption></figure>

### Як перевіряти домашні завдання

Куратор переходить до розділу «Учні», де відображаються всі учні, зараховані на курс.

<figure><img src="/files/5368df9c64428e3a7e583cf9e56a5855c9ab92ce" alt=""><figcaption></figcaption></figure>

Далі куратору потрібно перейти до розділу з нещодавно надісланими домашніми завданнями.

<figure><img src="/files/621ade28775fab9ff976b53a8021b2068d5eaf90" alt=""><figcaption></figcaption></figure>

Після того як учень натисне **«Надіслати завдання»,** у розділі «Учні» проєкту з’являється значок сповіщення, що вказує на нове завдання для перевірки. Після цього куратор зможе побачити детальну інформацію — хто його надіслав, це перша чи повторна спроба, і так далі.

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

<figure><img src="/files/38a2d8963c85b132e2d46d914f99b89782d2eb16" alt=""><figcaption></figcaption></figure>

Щоб відкрити домашнє завдання, куратору потрібно лише натиснути відповідну кнопку, щоб переглянути надіслане завдання.

<figure><img src="/files/285b8f072dec943a20ed20e11edc5ab67731197d" alt=""><figcaption></figcaption></figure>

## Шаблони уроків

Під час створення уроків ви можете використовувати **«Зберегти як шаблон»** кнопку, щоб зберігати їх як шаблони, що значно пришвидшує процес.

<figure><img src="/files/a0c4ae6ffb877dabb9a292f94724c859383c6c0d" alt=""><figcaption></figcaption></figure>

Придумайте назву для шаблону та натисніть **«Створити»** кнопку. Тепер, щоб створити новий урок, просто натисніть **«Модулі та шаблони»** кнопку.

<figure><img src="/files/5c1b81992a28612fc62391fd307eaf2362c2c4e8" alt=""><figcaption></figcaption></figure>

Потім виберіть потрібний шаблон і натисніть **«Створити урок»** кнопку.

<figure><img src="/files/2657859e6ae429bdecafc0c0cfdd68dabbf08868" alt=""><figcaption></figcaption></figure>

## Налаштування модуля курсу

Модуль курсу — це групування кількох уроків, зосереджених на одній або кількох пов’язаних темах, які подібні за змістом і сенсом.

> Наприклад, «Модуль 1: Алгоритми» може складатися з 5 уроків:\
> Урок 1: Поняття алгоритму та його важливість;\
> Урок 2: Функції алгоритмів;\
> Урок 3: Типи алгоритмів тощо.

У вкладці «Уроки» знайдіть кнопку «Модулі та шаблони». Щоб створити модуль, натисніть кнопку з такою ж назвою.

<figure><img src="/files/b98bfe8f56485dda2cfcaf9a9995ac0bb641af5c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/6a618d5b4b3137b5882ab7dd180a0f6809e0ec97" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**УВАГА!**&#x20;

Один **один урок** не можна додати до кількох модулів! Якщо вам потрібно, щоб той самий урок відображався в різних модулях, ви можете легко створити копію за допомогою **кнопки «Копіювати»** на головній сторінці Уроків.
{% endhint %}

Функція створення модуля також дає змогу додавати підмодулі до вашого онлайн-курсу. Для цього використовуйте **кнопку «+ Додати підмодуль»** у налаштуваннях модуля.

<figure><img src="/files/754a88192a7e822bd691e9dd837b9f3588829455" alt=""><figcaption></figcaption></figure>

Після натискання кнопки відкриється вікно додавання підмодуля, де ви можете ввести назву та вибрати потрібні уроки для модуля.

<figure><img src="/files/bf5ba36c428584ff5d463847ec9c81ad42941d31" alt=""><figcaption></figcaption></figure>

Після налаштування параметрів модуля обов’язково натисніть «Зберегти» — і у спливаючому вікні підмодуля (якщо ви його використовуєте), і внизу сторінки вкладки «Модулі».

### Як змінити порядок відображення уроків

Щоб змінити порядок відображення та послідовність проходження уроків, ви можете впорядкувати їх у вкладці «Уроки».

{% hint style="info" %}
Уроки відображаються в панелі технічного спеціаліста та з’являються на сайті курсу в тому самому порядку.
{% endhint %}

<figure><img src="/files/5ede0c37af77f3f2b0781c9eebb286f4bf8be2da" alt=""><figcaption><p>Порядок відображення уроків у налаштуваннях курсу</p></figcaption></figure>

Щоб переставити уроки, натисніть і утримуйте кнопку у правому верхньому куті блоку уроку.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/uk/lms/builder/lessons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.