> ## Documentation Index
> Fetch the complete documentation index at: https://docs-strived.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Classes et salons de discussion

> Créer une classe pour un groupe d'apprenants et leur formateur, lui donner un contenu et un salon de discussion, puis lire et modérer tous les salons — étape par étape, avec captures d'écran.

Une **classe** réunit un groupe d'apprenants et un formateur, pour une durée donnée. Elle a une
page de contenu et, si vous en créez un, un **salon de discussion** : une discussion de groupe pour
le formateur et les apprenants. Ce guide couvre les deux.

> [!NOTE]
>
> Tout ce qui suit concerne l'**application web** sur ordinateur, avec un compte **Admin**. Les
> apprenants trouvent leurs classes dans **Mon contenu → Classrooms & Chat** : voir le guide
> étudiant [Classes et salons de discussion](https://docs-strived.mintlify.site/fr/student-guide/classrooms-and-chat.md).

***

## Sommaire

* **Étape 1 — Ouvrir les classes**
* **Étape 2 — Créer une classe**
* **Étape 3 — Ajouter le salon de discussion et le contenu**
* **Étape 4 — Visualiser une classe et notifier ses membres**
* **Étape 5 — Lire les salons de discussion**
* **Étape 6 — Modérer un salon de discussion**
* **Bon à savoir**

***

## Étape 1 — Ouvrir les classes

Cliquez sur **Classes** dans la barre latérale.

![Le tableau Classes avec deux classes, leur formateur, leur description, leur date d'expiration et leurs apprenants](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/01-classrooms.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=4e2fb2cd82ed0e2916f8aa6958d52aa2)

Classes.

Chaque ligne affiche la couleur et le nom de la classe, le formateur (**Créé par**), la
**Description**, la **Date d'expiration** et le nombre d'**Apprenants**. La cloche envoie un
message à la classe (Étape 4), et **⋯** propose **Visualiser**, **Modifier**, **Notifier la
classe** et **Archiver**.

***

## Étape 2 — Créer une classe

Cliquez sur **Créer une salle de classe** en haut à droite. L'éditeur a trois onglets : **Détails**,
**Salon de discussion** et **Contenu**.

![L'onglet Détails avec le titre, l'identifiant, la description, la couleur du thème, la date d'expiration, le formateur et les apprenants de la classe](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/02-create-classroom.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=953cb90d5218c5ebf92e0d9e0f8b02ce)

Créer une salle de classe → Détails.

**1. Nommez-la et décrivez-la**

**Titre de la salle de classe** et **Description de la salle de classe**. L'**Identifiant de la
classe** (son nom court sur le web) est généré à partir du titre à l'enregistrement ; vous
pourrez le modifier ensuite.

**2. Choisissez une couleur**

**Couleur du thème de la salle de classe** : la couleur de l'icône de la classe, pour les
apprenants et dans votre liste.

**3. Fixez la date de fin**

**Date d'expiration**. Laissée vide, elle vaut par défaut un mois à partir d'aujourd'hui.

**4. Ajoutez les personnes**

**Instructeur** : la personne qui anime la classe. **Apprenants** : tous ceux qui y participent.

**5. Enregistrer et continuer**

Cliquez sur **Enregistrer et continuer**. La classe est créée et l'onglet **Salon de
discussion** s'ouvre.

***

## Étape 3 — Ajouter le salon de discussion et le contenu

![L'onglet Salon de discussion de classroom 009 : Le salon est prêt, Ouvert aux apprenants, avec le slug, l'e-mail du formateur, le nombre d'apprenants et de messages](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/03-chatroom-tab.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=453db95cb201a7216ddc595deaf4562d)

L'onglet Salon de discussion, une fois le salon créé.

**1. Créez le salon de discussion (facultatif)**

Tant que la classe n'a pas de salon, l'onglet résume le salon à venir : **Titre**, **Slug**,
**E-mail du formateur** et **E-mails des apprenants**. Cliquez sur **Créer le salon**. Vous
pouvez aussi passer cette étape et le créer plus tard depuis **Modifier**. Une fois le salon
créé, l'onglet affiche **Le salon est prêt** avec son **Slug**, l'**E-mail du formateur** et
le nombre d'**Apprenants** et de **Messages**.

**2. Rédigez le contenu**

**Page suivante** ouvre **Contenu** : un éditeur de texte enrichi (texte, images, tableaux,
fichiers, vidéos, liens). Rédigez ce que les apprenants doivent trouver dans la classe :
planning, consignes, ressources.

**3. Enregistrez**

Cliquez sur **Enregistrer**.

Pour modifier une classe plus tard, utilisez **⋯ → Modifier** : les trois mêmes onglets, avec
**Page suivante** / **Précédent**, et un seul **Enregistrer** à la fin. L'enregistrement met aussi
à jour le titre et les membres du salon de discussion.

### L'éditeur de contenu

![L'onglet Contenu : la barre d'outils de l'éditeur au-dessus de la page de class - 10, avec son texte d'accueil, une carte Google Meet et son bouton Join Google Meet, et le plan de la semaine](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/09-content-editor.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=e8a0973ed1ede80131e0e90cd6178eb6)

Contenu : l'éditeur de texte enrichi, ici avec la page de class - 10.

| Boutons | Ce qu'ils font |
| :- | :- |
| **Formats**, **Taille** | Titres, styles de paragraphe et taille du texte. |
| Gras, souligné, italique, barré, indice, exposant | Les styles de texte. |
| Couleur du texte, surlignage, effacer le formatage | Les couleurs, et la suppression de tous les styles de la sélection. |
| Alignement, listes numérotées et à puces, retrait, hauteur de ligne | La mise en page des paragraphes. |
| Citation, bloc de code, ligne horizontale, tableau, lien | Les blocs, les tableaux et les liens. |
| Image, PDF, vidéo, intégration, Google Agenda | Les images et les PDF sont envoyés vers le stockage cloud, dans le dossier de la classe. **Intégrer** accepte un code `<iframe>` ou un lien (YouTube, Google Drive…). |
| De gauche à droite / de droite à gauche, voir les blocs, voir le code (`<>`) | Le sens d'écriture, le contour des blocs, et le HTML de la page. |

> [!TIP]
>
> La page des apprenants garde les titres, les listes, les couleurs du texte, les liens, les images
> et les **tableaux** avec leurs bordures et leurs couleurs de fond. Pour dessiner une carte ou un
> bouton, utilisez un tableau, comme la carte Google Meet ci-dessus : l'éditeur supprime les styles
> pour lesquels il n'a pas d'outil (marges intérieures, coins arrondis, `<div>` ou boutons stylés).
> Après l'enregistrement, vérifiez le résultat avec **⋯ → Visualiser**.

> [accordion] Réutiliser la carte Google Meet
>
> Ouvrez la vue du code (`<>`), collez le HTML ci-dessous à l'endroit où doit aller la carte, et
> changez le lien (il apparaît deux fois), les jours et les horaires. Refermez la vue du code et
> cliquez sur **Enregistrer**. Gardez une description d'environ deux lignes : sur la page des
> apprenants, un tableau n'est pas plus large que ce qu'exige son texte.
>
> ```html theme={null}
> <table style="width: 100%; border: 1px solid #dadce0; background-color: #f8fafd">
>   <tbody>
>     <tr>
>       <td style="border: 0"><p style="margin: 0 10px">&nbsp;</p></td>
>       <td style="border: 0; text-align: center; vertical-align: top">
>         <p style="margin: 0; line-height: 18px"><br></p>
>         <img src="https://fonts.gstatic.com/s/i/productlogos/meet_2020q4/v6/web-96dp/logo_meet_2020q4_color_2x_web_96dp.png" alt="Google Meet logo" style="width: 56px; height: auto">
>       </td>
>       <td style="border: 0"><p style="margin: 0 7px">&nbsp;</p></td>
>       <td style="border: 0; vertical-align: top">
>         <p style="margin: 20px 24px 2px 0"><span style="color: #1a73e8"><strong>EN DIRECT SUR GOOGLE MEET</strong></span></p>
>         <h3 style="margin: 0 24px 4px 0">Réunion quotidienne</h3>
>         <p style="margin: 0 24px 6px 0"><span style="color: #5f6368">Notre point quotidien : un rappel de la séance d'hier, le sujet du jour et quinze minutes pour vos questions. Apportez vos notes de la formation et les questions de quiz que vous avez ratées : nous les reprenons ensemble.</span></p>
>         <p style="margin: 0 24px 14px 0"><strong>Du lundi au vendredi · 9 h 00 – 9 h 30</strong></p>
>         <table style="border-collapse: collapse">
>           <tbody>
>             <tr>
>               <td style="background-color: #1a73e8; border: 0">
>                 <p style="margin: 10px 22px"><a href="https://meet.google.com/meet/pym-zgds-caj"><span style="color: #ffffff"><strong>Rejoindre Google Meet</strong></span></a></p>
>               </td>
>             </tr>
>           </tbody>
>         </table>
>         <p style="margin: 10px 24px 20px 0"><span style="color: #5f6368">ou ouvrez </span><a href="https://meet.google.com/meet/pym-zgds-caj">meet.google.com/meet/pym-zgds-caj</a></p>
>       </td>
>     </tr>
>   </tbody>
> </table>
> ```

***

## Étape 4 — Visualiser une classe et notifier ses membres

**⋯ → Visualiser** ouvre la classe telle que la voient ses membres.

![La page de class - 10 : son texte d'accueil, la carte Google Meet et le plan de la semaine à gauche, le panneau Membres à droite](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/04-classroom-preview.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=980533d6656ca280cf77cd88ceb425cc)

L'aperçu d'une classe.

* **Contenu** / **Salon de discussion**, en haut à droite, passent de la page de contenu à la
  discussion de groupe.
* Le panneau **Membres** liste l'**Instructeur** et les **Apprenants**, avec **Rechercher un
  membre**. L'icône tout en haut à droite le masque ou l'affiche.
* **Notifier la classe**, en bas, envoie une notification dans l'application à tous les membres
  (comme la cloche de la liste).

**Salon de discussion** affiche la conversation de la classe. Un salon qui vient d'être créé est
encore vide ; si la classe n'a pas encore de salon, la vue indique **Pas encore de salon** et
propose **Créer le salon**.

![La vue Salon de discussion de classroom 009 : Ouvert aux apprenants, l'interrupteur Les apprenants peuvent écrire, une conversation vide et le champ Écrire un message](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/05-no-chatroom.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=053d62dfdd8e866fa37191d285df2726)

Le salon de discussion d'une classe, encore sans message.

***

## Étape 5 — Lire les salons de discussion

Cliquez sur **Salons de discussion** dans la barre latérale : tous les salons de la plateforme,
dans un tableau (**Liste**) ou sous forme de messagerie (**Discussion**).

![Le tableau des salons de discussion avec le formateur, les apprenants, les messages, la dernière activité et le statut de chaque salon](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/06-chatrooms.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=8dbf82f4562e3d6f3766cba3fbe063d7)

Salons de discussion → Liste.

| Colonne | Ce qu'elle montre |
| :- | :- |
| **Salon de discussion** | Son nom et son slug. |
| **Formateur** | Le formateur de la classe. |
| **Apprenants** / **Messages** | Le nombre d'apprenants qui en font partie, le nombre de messages qu'il contient. |
| **Dernière activité** | Quand le dernier message a été publié, avec un extrait. |
| **Statut** | **Ouvert aux apprenants**, ou **Apprenants en lecture seule** quand vous les avez arrêtés (Étape 6). |

**Discussion**, en haut à droite, ouvre la vue messagerie : les salons à gauche, la conversation à
droite.

![La vue Discussion avec la liste des salons, la conversation de class - 10 entre le formateur et un apprenant, l'interrupteur Les apprenants peuvent écrire et la zone de message](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/08-chatroom-chat.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=188001fd4995dc604498fbe2fcf3b6b2)

Salons de discussion → Discussion.

Vous pouvez écrire dans n'importe quel salon : tapez dans **Écrire un message…**, appuyez sur
**Entrée** pour envoyer (**Maj + Entrée** pour passer à la ligne). Le trombone joint des images :
JPG, PNG, GIF ou WEBP, 20 Mo maximum chacune, 4 par message.

***

## Étape 6 — Modérer un salon de discussion

Le menu **⋯** d'un salon (dans **Liste**) contient les outils de modération :

![Le menu du salon avec Voir la conversation, Empêcher les apprenants d'écrire, Sauvegarder dans le cloud (CSV), Effacer l'historique et Supprimer le salon](https://mintcdn.com/docs-strived/iD9utH4spO50op0r/images/admin-guide/fr/classrooms/07-chatroom-menu.png?fit=max\&auto=format\&n=iD9utH4spO50op0r\&q=85\&s=17adbd65f5da9c9f1f5c2d6396ad0c2f)

Le menu ⋯ d'un salon de discussion.

| Action | Ce qu'elle fait |
| :- | :- |
| **Voir la conversation** | Ouvre le salon dans la vue **Discussion**. |
| **Empêcher les apprenants d'écrire** | Les apprenants peuvent seulement lire ; le formateur et les admins peuvent toujours écrire. **Autoriser les apprenants à écrire** le rouvre. Dans la vue **Discussion**, l'interrupteur **Les apprenants peuvent écrire** fait la même chose. |
| **Sauvegarder dans le cloud (CSV)** | Enregistre tous les messages (expéditeur, e-mail, date, images) dans un fichier CSV sur le stockage cloud, et indique où se trouve le fichier. |
| **Effacer l'historique** | Supprime tous les messages et toutes les images du salon, pour tout le monde. |
| **Supprimer le salon** | Supprime le salon avec tous ses messages, ses images et ses membres. La classe reste, et vous pouvez lui créer un nouveau salon depuis **Modifier**. |

> [!WARNING]
>
> **Effacer l'historique** et **Supprimer le salon** sont irréversibles. Lancez d'abord
> **Sauvegarder dans le cloud (CSV)** si vous risquez d'avoir besoin de la conversation plus tard.

***

## Bon à savoir

> [accordion] Qui peut lire un salon de discussion ?
>
> Le formateur de la classe, ses apprenants et les admins. Personne d'autre ne peut l'ouvrir.

> [accordion] J'ai ajouté un apprenant à la classe : est-il dans le salon ?
>
> Oui. L'enregistrement de la classe met aussi à jour les membres du salon.

> [accordion] Chaque classe a-t-elle besoin d'un salon de discussion ?
>
> Non, c'est facultatif. Sans salon, les membres ne voient que la page de contenu, et **Salon de
> discussion** affiche **Pas encore de salon**. Vous pouvez le créer à tout moment.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.