# Leçons et modules

Pour créer la première leçon du cours, allez à la **« Leçons »** et cliquez sur le bouton **« Créer »** .

<figure><img src="/files/63077b5909c6fff68ef27a33df07ef3e6e695767" alt=""><figcaption></figcaption></figure>

Une page vide s’ouvrira alors, vous permettant d’ajouter des sections de contenu à la leçon.

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

## Contenu de la leçon

Le contenu de la leçon peut inclure divers éléments, tels que des images et des leçons vidéo, à l’aide de sections dédiées (blocs) sur la page.

{% hint style="success" %}
Une section de leçon est un bloc de contenu avec des paramètres prédéfinis qui contient divers textes et fichiers multimédias (vidéos, images) utilisés pour construire la page de la leçon et afficher différents types de contenu.
{% endhint %}

Pour créer la première section de leçon, cliquez sur le **icône plus** au centre de l’écran.

<figure><img src="/files/7ec8da170fb904119c50039b8d20857398b6d331" alt=""><figcaption></figcaption></figure>

Les types de blocs (sections) suivants sont disponibles pour les leçons.

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

Pour ajouter du texte au contenu de la leçon, cliquez sur la section « Titre et texte ». Ainsi, la section de texte sera ajoutée au contenu de votre leçon.

<figure><img src="/files/3b74fcd80e46609bc4a3abe0848876c1f9aa5fe4" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Vous pouvez ajouter autant de sections que nécessaire au contenu de la leçon, chacune avec ses propres paramètres de police, de texte et autres.
{% endhint %}

Chaque champ contenant du texte (y compris ceux des autres sections de la leçon) dispose d’options de mise en forme standard, similaires à celles de n’importe quel éditeur de texte.

<figure><img src="/files/1483ee906b940caf34424398fb978d45b6933ec6" alt=""><figcaption></figcaption></figure>

Vous pouvez définir :

* Styles de texte (Titre 1 – H1, Titre 2 – H2, etc.) ;
* Graisse de police (gras, semi-gras) ;
* Italique ;
* Souligné ;
* Barré ;
* Taille ;
* Police ;
* Couleur de police, surlignage du texte, et bien plus encore.

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

Par exemple, lors de l’ajout du **bloc « Média »**, vous pouvez intégrer une vidéo provenant de différentes plateformes où vous avez précédemment téléversé votre contenu en collant le lien dans le champ ci-dessous.

<div align="left"><figure><img src="/files/9b9a5365e0074cfa874147f4fa4e1dbe69bfdcc0" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ea03b2fb5fa64490d40d0d9a5eb426f31637f06d" alt=""><figcaption></figcaption></figure></div>

Après avoir ajouté le lien, la vidéo se chargera automatiquement dans la leçon du cours, et il ne vous restera plus qu’à enregistrer vos modifications.

{% hint style="info" %}
Les sections de leçon sont structurées de la même manière que celles utilisées sur le site web.\
Pour en savoir plus sur chaque type, rendez-vous dans la [« Blocs du site »](/doc/fr/websites/sites-web/blocks.md)
{% endhint %}

Tous les fichiers multimédias, y compris les vidéos, peuvent être téléversés dans l’espace de stockage des fichiers, puis ajoutés aux sections « Média » (ou à d’autres sections de leçon) via des URL de pièces jointes. Pour cela, allez dans l’espace de stockage des fichiers et téléversez les éléments nécessaires.

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

Ensuite, dans la section, cliquez sur le bouton « Téléverser depuis l’espace de stockage » situé sous le champ URL.

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

Dans la fenêtre qui s’ouvre, sélectionnez la pièce jointe que vous souhaitez téléverser.

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

Ainsi, le média sera chargé dans la section de la leçon.

<figure><img src="/files/7eb153f4762787291d3e716d2719c628f1c47853" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
À quoi cela sert-il ?

1. Si votre format d’image est trop volumineux et que la section de leçon n’autorise pas les téléversements au-delà d’une certaine limite, vous pouvez contourner cela en utilisant l’espace de stockage des fichiers.
2. Pour éviter de perdre des bannières et autres images à jour si vous décidez de supprimer un cours.
   {% endhint %}

### Comment spécifier des intervalles de temps dans une vidéo dans la section Média

Si vous devez ajouter une vidéo avec des intervalles de temps précis (comme cela fonctionne sur YouTube), vous pouvez utiliser des variables.&#x20;

Pour cela, vous aurez besoin de la variable suivante : `#{timecodes(video_id, title, HH.MM.SS)}`, où

**`id`** – l’identifiant de la vidéo que vous souhaitez inclure dans la leçon.\
\&#xNAN;**`title`** – le nom du segment vidéo (par ex. « Début », « Fin », « Moments clés » ou « Résumé »).\
\&#xNAN;**`HH.MM.SS`** – l’horodatage indiquant quand le segment souhaité commence, au format hh:mm:ss.

> Exemple :
>
> \#{timecodes(34, summary, 01:25:23)}

Vous pouvez le trouver en cliquant sur l’icône des variables dans le champ « Texte » dans les paramètres de la section « Média ».

<figure><img src="/files/a844fec0daaa8ef6031d5b9265e2ab04fb155455" alt=""><figcaption><p>Cliquez sur le bouton pour afficher les variables</p></figcaption></figure>

<figure><img src="/files/bdbb9319aa2cb728f32b22556002ba8e8ed9d9db" alt=""><figcaption><p>La variable permettant de définir un horodatage dans la vidéo se trouve dans le bloc « Variables standard »</p></figcaption></figure>

### Comment naviguer vers un contenu en cliquant sur un bouton&#x20;

Le contenu de la leçon peut se composer d’une seule section avec une leçon vidéo ou inclure une grande quantité de contenu textuel.

Pour permettre aux étudiants de voir de quoi se compose une leçon et d’accéder rapidement au contenu qui les intéresse, vous pouvez créer des boutons qui, lorsqu’on clique dessus, ouvrent des sections spécifiques de la leçon.

**Étape 1. Spécifiez le nom de l’ID de la section.**

Pour cela, sélectionnez la section vers laquelle vous souhaitez naviguer, puis cliquez sur le bouton « Modifier ».

Repérez le champ intitulé « ID de section ».

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

Saisissez un nom d’ID de section clair et valide, conformément aux règles établies.

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

Par exemple, le nom de notre section ressemblera à ceci :

<figure><img src="/files/54bd2bda5a5122928142d0671e9e37b959832bd0" alt=""><figcaption></figcaption></figure>

Copiez maintenant le nom et enregistrez les paramètres.

Après cela, créez une section avec des boutons (vous pouvez utiliser soit la section « Menu », soit la section « Boutons personnalisables »).

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

Cliquer sur la section choisie ouvrira automatiquement le menu des paramètres de contenu (dans ce cas, nous avons ajouté la section « Boutons »).

<figure><img src="/files/3ccf81ac8655315daada229dd1e50b59089c0d81" alt=""><figcaption></figcaption></figure>

Cliquez sur le bouton « Paiement » (c’est un bouton par défaut sans fonction de paiement) pour modifier ses paramètres.

Dans la fenêtre modale qui s’ouvre, modifiez le libellé du bouton.

<figure><img src="/files/994e71e243628c22a0041fdc8382d76fd0cb62a7" alt=""><figcaption></figcaption></figure>

La fonction reste « Lien », mais au lieu de la valeur #url, saisissez le nom de l’ID de la section.

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

{% hint style="warning" %}
**ATTENTION !**&#x20;

L’ID de section est saisi avec le caractère spécial `#!`.

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

<figure><img src="/files/2c5ced58f91b7d32c38297e0661957a15c9057bd" alt=""><figcaption></figcaption></figure>

Assurez-vous que la section s’ouvre dans la même fenêtre lors de l’utilisation de son ID.

<figure><img src="/files/831cfde956f5e4d44225268482bd0c7f3fd8d27a" alt=""><figcaption></figcaption></figure>

Ensuite, vous pouvez définir des paramètres personnalisés pour le bouton : couleur, largeur, etc.

<figure><img src="/files/6348de88d3026c64a008b12bd9f8c3bd0a122332" alt=""><figcaption></figcaption></figure>

Puis cliquez sur **« Enregistrer »**.

{% hint style="success" %}
C’est fait !\
Vous savez maintenant comment configurer un clic sur un bouton pour faire défiler vers une section spécifique.
{% endhint %}

{% hint style="warning" %}
Remarque !&#x20;

N’oubliez pas d’enregistrer les paramètres de chaque section.
{% endhint %}

### **Paramètres de la page de la leçon**

Les paramètres généraux de la leçon vous permettent de configurer les aspects clés d’une leçon unique. Vous pouvez :

* Définissez le **titre de la leçon**.
* Attribuer **devoir**.
* Appliquer **paramètres globaux de police** à l’ensemble de la page (ce qui évite de devoir styliser chaque section individuellement).
* **Restreindre l’accès** en fonction de plans tarifaires spécifiques.
* Configurer **des séquences d’e-mails automatisées** pour assurer le suivi auprès des étudiants.

Pour accéder à ces paramètres, cliquez sur **Paramètres** dans le menu supérieur de l’éditeur de leçon.

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

Un menu de paramètres avec différentes sections apparaîtra.

<figure><img src="/files/2ab0f700dfe485842c71ee1e97579d623411c699" alt=""><figcaption></figcaption></figure>

### Général&#x20;

**Informations sur la page**

<figure><img src="/files/2b7e330b72ec053fd39632ab172b61946ebbea8d" alt=""><figcaption></figcaption></figure>

Renseignez les champs suivants dans l’onglet des paramètres :

* **Nom dans la liste :** Le titre interne pour organiser les leçons.
* **Nom de l’onglet du navigateur :** Le titre affiché dans la barre d’adresse et l’onglet du navigateur.

<figure><img src="/files/666f7a3ada6e083885f4e3e3695e23c0efe50670" alt=""><figcaption><p>Champs complétés dans les paramètres</p></figcaption></figure>

#### Paramètres de l’image

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

Pour définir un logo de page unique au lieu de l’icône MaviBot, vous pouvez téléverser votre propre image. Pour ajouter une image d’aperçu de la leçon qui sera affichée sur la page du cours (lorsqu’un étudiant a ajouté le cours et l’a ouvert pour apprendre), téléversez une image dans le champ « Aperçu de la leçon ».

{% hint style="info" %}
Par défaut, la première image de la leçon est affichée comme aperçu de la leçon.
{% endhint %}

#### Paramètres du cours

Dans les paramètres du cours, vous pouvez ajouter cette leçon à des modules (si des modules ont été créés auparavant) et également définir les autorisations d’accès pour cette leçon.

<figure><img src="/files/24dfe8fe0dbb4fb2a48fa4d1e4ea98fece88cf0b" alt=""><figcaption></figcaption></figure>

Par exemple, vous pouvez préciser quels plans tarifaires auront accès à cette leçon si vous proposez plusieurs formules, ainsi que la date à partir de laquelle la leçon sera disponible.<br>

Par défaut, l’en-tête du cours est affiché sur la page de la leçon. Pour le masquer, cochez simplement la case « Masquer l’en-tête du cours ».

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

#### Interface et paramètres d’accès

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

Pour empêcher les moteurs de recherche d’explorer et de stocker le contenu de la page de votre leçon, cochez la case « Interdire l’indexation de la page par les moteurs de recherche ».<br>

Si vous souhaitez restreindre l’accès au cours en fonction de listes spécifiques, cochez l’option « Accès uniquement par listes » et sélectionnez les listes appropriées.

<figure><img src="/files/422d58d4ccbe0a124a9a88904fdb80ff4e8eeffc" alt=""><figcaption></figcaption></figure>

Vous pouvez également activer le zoom des images au clic, masquer le label « Créé avec MaviBot », ajouter le client à des listes ou attribuer des tags lorsque cette leçon est terminée.<br>

Pour enregistrer les statistiques de progression de cette leçon dans la section « Analytique », cochez la case « Enregistrer les données d’analyse pour la conversion ».

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

### **Comment créer un devoir**

**Le devoir est une partie essentielle de tout processus d’apprentissage :** il aide les étudiants à renforcer les connaissances qu’ils ont déjà étudiées, tandis que les mentors (ou les étudiants eux-mêmes) peuvent évaluer dans quelle mesure le contenu a été compris et identifier les points qui nécessiteront peut-être davantage d’attention par la suite.

Lors de la création d’un cours en ligne, vous décidez quelles leçons doivent inclure des devoirs (peut-être toutes) et lesquelles n’en nécessitent pas.

Pour créer un devoir, allez dans les paramètres du cours et cliquez sur « Devoir ».

<figure><img src="/files/56359606e544768bba3f8d396e56c0d4850ca37e" alt=""><figcaption></figcaption></figure>

Puis allez dans l’onglet « Devoir ».

Ici, vous pouvez choisir le format du devoir : soit comme devoir standard, soit comme test.

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

Commencez par saisir le titre du devoir et son texte — ces champs fonctionnent comme dans un éditeur de document classique, où vous pouvez modifier la taille de la police, appliquer du gras ou de l’italique, souligner le texte, et plus encore.

Vous pouvez également joindre un fichier au devoir si nécessaire.

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

Pour faciliter la correction, vous pouvez inclure un corrigé ou des indices pour le devoir. Ces notes sont privées et visibles uniquement par le correcteur.

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

{% hint style="info" %}
Si nécessaire, vous pouvez utiliser les interrupteurs « Accepter les réponses textuelles » ou « Accepter les téléversements de fichiers » pour autoriser des réponses dans deux formats : en texte ou sous forme de fichier, respectivement.
{% endhint %}

### Devoirs sous forme de test

Pour créer un devoir sous forme de test, allez dans l’onglet « Test » correspondant dans les paramètres du devoir.

<figure><img src="/files/9fc1f13db5f178d605ec639dadacf54f905808ca" alt=""><figcaption></figcaption></figure>

Cliquez **« Créer une question »,** puis saisissez le texte souhaité dans le champ de la question.

Ensuite, saisissez les options de réponse pour la question. Par défaut, il y a deux champs de réponse, mais vous pouvez en ajouter autant que nécessaire. Cliquez sur **la coche** à côté de la bonne réponse.<br>

Si votre question comporte plusieurs bonnes réponses, veillez à toutes les sélectionner lors de l’ajout de la question.

<figure><img src="/files/9b4243c4dbdaca2f3030df3e8c0e7641ec1bbf12" alt=""><figcaption></figcaption></figure>

Pour ajouter une autre question, cliquez sur le bouton correspondant.

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

{% hint style="success" %}
Vous pouvez ajouter autant de questions que nécessaire, sans limitation.
{% endhint %}

Vous pouvez également ajouter un champ de réponse ouverte à la question.<br>

La case à cocher « Accepter automatiquement le devoir » permet l’acceptation automatique du devoir en fonction du nombre de bonnes réponses : si l’étudiant atteint le seuil requis au test, le devoir sera marqué comme terminé ; sinon, il devra repasser le test.

<figure><img src="/files/46cbf0a565e3ea1bc08cda6f63f8f724983d4fab" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Lorsqu’un devoir sous forme de test est complété, toutes les réponses sélectionnées par l’étudiant seront enregistrées même si la page du devoir est actualisée, sans qu’il soit nécessaire de l’envoyer.
{% endhint %}

Après avoir fini de créer le devoir sous forme de test, allez dans l’onglet **« Devoir standard »** et cochez la case **« Ajouter le test au devoir. »**

<figure><img src="/files/30e17207727dde40e1ea19a3f9922b8034229336" alt=""><figcaption></figcaption></figure>

### Comment vérifier les devoirs

Le curateur va dans la section « Étudiants », où tous les étudiants inscrits au cours sont affichés.

<figure><img src="/files/4479dfcb31bb145531ff291bebcbee21f288c861" alt=""><figcaption></figcaption></figure>

Ensuite, le curateur doit aller dans la section contenant les devoirs nouvellement soumis.

<figure><img src="/files/7fa6d21c2e0e51ef1fe1072df0bcb33248ace448" alt=""><figcaption></figcaption></figure>

Après que l’étudiant a cliqué sur **« Soumettre le devoir »,** une icône de notification apparaît dans la section « Étudiants » du projet, indiquant qu’un nouveau devoir doit être examiné. Le curateur pourra alors voir des informations détaillées — qui l’a soumis, s’il s’agit de la première soumission ou d’une soumission répétée, et ainsi de suite.

Ensuite, il suffit de cliquer sur l’étudiant pour voir des informations détaillées sur les cours pour lesquels un devoir a été soumis.

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

Pour ouvrir le devoir, le curateur n’a qu’à cliquer sur le bouton correspondant pour afficher le devoir soumis.

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

## Modèles de leçon

Lors de la création de leçons, vous pouvez utiliser le bouton **« Enregistrer comme modèle »** pour les enregistrer comme modèles, ce qui permet d’accélérer considérablement le processus.

<figure><img src="/files/4031d125652cf9f50ebb38b8705a3dd5c9914e81" alt=""><figcaption></figcaption></figure>

Trouvez un nom pour le modèle et cliquez sur le **« Créer »** bouton. Maintenant, pour créer une nouvelle leçon, cliquez simplement sur **« Modules et modèles »** .

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

Puis sélectionnez le modèle souhaité et cliquez sur le **« Créer la leçon »** .

<figure><img src="/files/78b23e0665146a5981d0ab96a8b1df6cef55e410" alt=""><figcaption></figcaption></figure>

## Paramètres des modules de cours

Un module de cours est un regroupement de plusieurs leçons axées sur un ou plusieurs sujets liés, similaires par leur sens et leur contenu.

> Par exemple, « Module 1 : Algorithmes » pourrait comprendre 5 leçons :\
> Leçon 1 : Le concept d’un algorithme et son importance ;\
> Leçon 2 : Fonctions des algorithmes ;\
> Leçon 3 : Types d’algorithmes, et ainsi de suite.

Dans l’onglet « Leçons », trouvez le bouton « Modules et modèles ». Pour créer un module, cliquez sur le bouton portant le même nom.

<figure><img src="/files/3864e4d0cc2098b2b4ed60fef73dc6f5734e21eb" alt=""><figcaption></figcaption></figure>

Une fenêtre s’ouvrira dans laquelle vous devrez saisir le nom du module, sa description, et ajouter les leçons qui doivent être disponibles dans ce module.

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

{% hint style="warning" %}
**ATTENTION !**&#x20;

Un **leçon unique** ne peut pas être ajoutée à plusieurs modules ! Si vous avez besoin que la même leçon apparaisse dans différents modules, vous pouvez facilement en créer une copie à l’aide du **bouton « Copier »** sur la page principale des Leçons.
{% endhint %}

La fonctionnalité de création de module permet également d’ajouter des sous-modules à votre cours en ligne. Pour ce faire, utilisez le **« + Ajouter un sous-module »** bouton dans les paramètres du module.

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

Après avoir cliqué sur le bouton, une fenêtre d’ajout d’un sous-module s’ouvrira, dans laquelle vous pourrez saisir un nom et sélectionner les leçons nécessaires pour le module.

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

Après avoir configuré les paramètres du module, veillez à cliquer sur « Enregistrer » — à la fois dans la fenêtre contextuelle du sous-module (si vous en utilisez une) et en bas de la page de l’onglet « Modules ».

### Comment modifier l’ordre d’affichage des leçons

Pour modifier l’ordre d’affichage et la séquence dans laquelle les leçons sont terminées, vous pouvez les réorganiser dans l’onglet « Leçons ».

{% hint style="info" %}
Les leçons sont affichées dans le panneau du spécialiste technique et apparaissent dans le même ordre sur le site du cours.
{% endhint %}

<figure><img src="/files/d2cc7c1aaf49fa0760cc20a56e8f5c3545a1cd76" alt=""><figcaption><p>Ordre d’affichage des leçons dans les paramètres du cours</p></figcaption></figure>

Pour réorganiser les leçons, maintenez enfoncé le bouton situé dans le coin supérieur droit du bloc de la leçon.


---

# 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/fr/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.
