> For the complete documentation index, see [llms.txt](https://docs.chamilo.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chamilo.org/3.x/fr/guide-de-lenseignant/teacher-guide/getting-started/understanding-the-interface.md).

# Comprendre l'interface

Chamilo 3.0 propose une interface claire et moderne, conçue pour simplifier la navigation. Cette page décrit en détail chaque partie de l’interface.

## La barre supérieure

![La barre supérieure avec des éléments annotés : logo, boîte de réception, ticket de support et avatar utilisateur](https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-289170768fa45c157013000eb4117f74fc992c50%2Fsidebar-expanded.png?alt=media)

La barre supérieure est toujours visible en haut de chaque page. Elle contient :

* **Logo de la plateforme** — Cliquez dessus pour revenir à la page d’accueil à tout moment.
* **Icône de boîte de réception** <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-ded119a8b4f1d1889e63e8e4d49987471e10c4c4%2Fmdi-inbox.svg?alt=media" alt="Inbox" data-size="line"> — Affiche vos messages. Un badge rouge indique des messages non lus. Cliquez pour ouvrir votre boîte de réception.
* **Icône de ticket de support** <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-9571b233a394db58641d06eaf9d3531f202dbb42%2Fmdi-ticket-account.svg?alt=media" alt="Support" data-size="line"> — Si elle est activée par votre administrateur, elle vous donne accès au système de tickets de support.
* **Votre avatar** — Une image circulaire dans le coin supérieur droit. Cliquez dessus pour ouvrir un menu déroulant avec des liens vers votre profil, les paramètres du compte et la déconnexion.

## La barre latérale

La barre latérale à gauche constitue votre navigation principale. Elle peut être repliée pour laisser plus d’espace à la zone de contenu. Cliquez sur la flèche de bascule sur son bord droit pour l’étendre ou la replier. Chamilo mémorise votre préférence.

La barre latérale contient les liens suivants (certains peuvent être masqués selon la configuration de votre plateforme) :

![Le panneau de navigation de la barre latérale à l’état étendu, affichant tous les éléments de menu](https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-289170768fa45c157013000eb4117f74fc992c50%2Fsidebar-expanded.png?alt=media)

| Élément de menu            | Icône                                                                                                                                                                                                                                                           | Description                                                                               |
| -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
| **Accueil**                | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-ccee5c3bf51813aae8ecb4757180af942edc29dd%2Fmdi-home.svg?alt=media" alt="Home" data-size="line">                      | Retourne au tableau de bord principal                                                     |
| **Mes cours**              | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-2a2a35d2d643419294521ab10f4e7a8ec37bb8c2%2Fmdi-book-open-page-variant.svg?alt=media" alt="Courses" data-size="line"> | Liste tous les cours auxquels vous êtes inscrit                                           |
| **Mes sessions**           | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-e5dc2192f1a285899ccb740352adebc866d20e0e%2Fmdi-google-classroom.svg?alt=media" alt="Sessions" data-size="line">      | Liste vos sessions de formation (en cours, passées, à venir)                              |
| **Explorer plus de cours** | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-d9792c4a1c6426c5bab3829331acce5f855d5553%2Fmdi-bookmark-multiple.svg?alt=media" alt="Catalogue" data-size="line">    | Parcourir le catalogue de cours pour trouver de nouveaux cours                            |
| **Agenda**                 | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-7ef33037ac7060f6dedd0fe70f1b0533bb3fd4cb%2Fmdi-calendar-text.svg?alt=media" alt="Agenda" data-size="line">           | Votre calendrier personnel et de cours                                                    |
| **Rapports**               | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-e779b62ec9d159b64162b33db69cf336c000ad34%2Fmdi-chart-box.svg?alt=media" alt="Reporting" data-size="line">            | Accéder au suivi des apprenants et aux rapports de cours                                  |
| **Réseau social**          | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-948b7d2bd7febbc5fab5b3fa5d1c22609b3eeecc%2Fmdi-sitemap-outline.svg?alt=media" alt="Social network" data-size="line"> | Entrer en contact avec d’autres utilisateurs, envoyer des messages, rejoindre des groupes |
| **Visioconférence**        | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-c2c6b04ef31b3891d0ded2536b66160ceca472b7%2Fmdi-video.svg?alt=media" alt="Video" data-size="line">                    | Accéder aux sessions vidéo en direct (si configuré)                                       |
| **Administration**         | <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-03f7593330f6a43967e3c07450b55f469d18a6df%2Fmdi-cogs.svg?alt=media" alt="Admin" data-size="line">                     | Administration de la plateforme (visible uniquement pour les administrateurs)             |

Tout en bas de la barre latérale, vous trouverez une option **Déconnexion** pour vous déconnecter rapidement lorsque vous avez terminé. Cette option est également disponible depuis le menu déroulant de l’icône de votre avatar, dans le coin supérieur droit. Si la plateforme est gérée via des méthodes d’authentification externes, ces options de déconnexion peuvent ne pas être disponibles.

## La zone de contenu principale

La zone centrale de l’écran affiche le contenu de la page en cours. En haut, vous verrez souvent un **fil d’Ariane** indiquant votre emplacement actuel dans la plateforme (par exemple : Accueil > Rock music > Documents). Utilisez le fil d’Ariane pour revenir à une page parente.

## La page d’accueil du cours

Lorsque vous entrez dans un cours, vous voyez la **page d’accueil du cours**. Celle-ci est décrite en détail dans la section [Créer votre cours](/3.x/fr/guide-de-lenseignant/teacher-guide/creating-your-course.md), mais voici un aperçu rapide :

* **Titre du cours** — Affiché de manière proéminente en haut
* **Introduction du cours** — Une description facultative en texte enrichi que vous pouvez modifier
* **Grille d’outils** — Une grille d’icônes représentant les outils du cours (Documents, Exercices, Forums, etc.)

En tant qu’enseignant, vous verrez des commandes supplémentaires :

* **Vue apprenant** <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-0b6b23a06a96f08bea32e8e7de1252b5982bdc4d%2Fmdi-eye.svg?alt=media" alt="Student view" data-size="line"> — Activez cette option pour voir le cours tel qu’un apprenant le verrait
* **Modifier l’introduction** <img src="https://1782708788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH9SSdrxIKZhpXUU00nEK%2Fuploads%2Fgit-blob-6369c6135a9138074bead2ce94ad7693bf719058%2Fmdi-pencil.svg?alt=media" alt="Edit" data-size="line"> — Modifier le texte d’introduction du cours
* **Tout afficher / Tout masquer** — Modifier rapidement la visibilité de tous les outils pour les apprenants
* **Trier** — Activer le glisser-déposer pour réordonner les outils sur la page d’accueil

## Couleurs des icônes

Ceci reste expérimental et n’est pas entièrement abouti dans Chamilo 3.0, mais nous essayons d’appliquer les règles suivantes à tous les boutons et icônes d’action de l’interface :

* **Vert** pour les actions de création. Cela comprend l’ajout, la création, l’importation, la notation, l’enregistrement et la copie de contenu.
* **Bleu** pour les actions de consultation. Cela comprend l’exportation, la visualisation, l’aperçu dans les listes ou les vues détaillées, la recherche et le téléchargement.
* **Orange** pour les actions de modification. Cela comprend l’édition, le déplacement, la configuration, l’activation/désactivation, le masquage et l’affichage.
* **Rouge** pour les actions de suppression/retrait. Cela comprend la suppression, le retrait, la désinscription.
* **Gris** pour les actions d’annulation. Il s’agit simplement de laisser les choses en l’état.

## Conception responsive

Chamilo 3.0 s’adapte aux différentes tailles d’écran. Sur un appareil mobile ou dans une fenêtre de navigateur étroite :

* La barre latérale est masquée par défaut et peut être ouverte en appuyant sur l’icône de menu
* Les cartes de cours s’affichent en une seule colonne au lieu d’une grille
* Les tableaux deviennent défilables horizontalement

Cela signifie que vous et vos apprenants pouvez accéder à la plateforme depuis un téléphone, une tablette ou un ordinateur, mais vous pourriez percevoir l’interface de manière légèrement différente.
