> 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/de/lehrerhandbuch/teacher-guide/getting-started/understanding-the-interface.md).

# Die Benutzeroberfläche verstehen

Chamilo 3.0 verfügt über eine klare, moderne Benutzeroberfläche, die eine einfache Navigation ermöglicht. Diese Seite erläutert jeden Bestandteil der Oberfläche im Detail.

## Die obere Leiste

![Die obere Leiste mit beschrifteten Elementen, darunter Logo, Posteingang, Support-Ticket und Benutzeravatar](https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-15a9075385fe52077bb7527a2ebad04325a7b260%2Ftop-bar-annotated.png?alt=media)

Die obere Leiste ist oben auf jeder Seite stets sichtbar. Sie enthält:

* **Plattform-Logo** — Klicken Sie darauf, um jederzeit zur Startseite zurückzukehren.
* **Posteingangs-Symbol** <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-ded119a8b4f1d1889e63e8e4d49987471e10c4c4%2Fmdi-inbox.svg?alt=media" alt="Inbox" data-size="line"> — Zeigt Ihre Nachrichten. Ein rotes Abzeichen weist auf ungelesene Nachrichten hin. Klicken Sie, um Ihren Posteingang zu öffnen.
* **Support-Ticket-Symbol** <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-9571b233a394db58641d06eaf9d3531f202dbb42%2Fmdi-ticket-account.svg?alt=media" alt="Support" data-size="line"> — Sofern von Ihrer Administration aktiviert, erhalten Sie darüber Zugriff auf das Support-Ticket-System.
* **Ihr Avatar** — Ein kreisförmiges Bild in der oberen rechten Ecke. Klicken Sie darauf, um ein Dropdown-Menü mit Links zu Ihrem Profil, den Kontoeinstellungen und der Abmeldung zu öffnen.

## Die Seitenleiste

Die Seitenleiste links ist Ihre Hauptnavigation. Sie kann eingeklappt werden, um dem Inhaltsbereich mehr Platz zu geben. Klicken Sie auf den Umschaltpfeil am rechten Rand, um sie ein- oder auszuklappen. Chamilo merkt sich Ihre Einstellung.

Die Seitenleiste enthält die folgenden Links (einige können je nach Konfiguration Ihrer Plattform ausgeblendet sein):

![Das Navigationsfeld der Seitenleiste im ausgeklappten Zustand mit allen Menüpunkten](https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-26ab83989e05c8602d248fbc3b03055a40a13d43%2Fsidebar-expanded.png?alt=media)

| Menüpunkt                   | Symbol                                                                                                                                                                                                                                                          | Beschreibung                                                          |
| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
| **Startseite**              | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-ccee5c3bf51813aae8ecb4757180af942edc29dd%2Fmdi-home.svg?alt=media" alt="Home" data-size="line">                      | Kehrt zum Hauptdashboard zurück                                       |
| **Meine Kurse**             | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-2a2a35d2d643419294521ab10f4e7a8ec37bb8c2%2Fmdi-book-open-page-variant.svg?alt=media" alt="Courses" data-size="line"> | Listet alle Kurse auf, in denen Sie eingeschrieben sind               |
| **Meine Sitzungen**         | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-e5dc2192f1a285899ccb740352adebc866d20e0e%2Fmdi-google-classroom.svg?alt=media" alt="Sessions" data-size="line">      | Listet Ihre Trainingssitzungen auf (aktuell, vergangen, bevorstehend) |
| **Weitere Kurse entdecken** | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-d9792c4a1c6426c5bab3829331acce5f855d5553%2Fmdi-bookmark-multiple.svg?alt=media" alt="Catalogue" data-size="line">    | Durchsuchen Sie den Kurskatalog, um neue Kurse zu finden              |
| **Agenda**                  | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-7ef33037ac7060f6dedd0fe70f1b0533bb3fd4cb%2Fmdi-calendar-text.svg?alt=media" alt="Agenda" data-size="line">           | Ihr persönlicher und kursbezogener Kalender                           |
| **Berichte**                | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-e779b62ec9d159b64162b33db69cf336c000ad34%2Fmdi-chart-box.svg?alt=media" alt="Reporting" data-size="line">            | Zugriff auf Lernendenverfolgung und Kursberichte                      |
| **Soziales Netzwerk**       | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-948b7d2bd7febbc5fab5b3fa5d1c22609b3eeecc%2Fmdi-sitemap-outline.svg?alt=media" alt="Social network" data-size="line"> | Mit anderen Nutzern verbinden, Nachrichten senden, Gruppen beitreten  |
| **Videokonferenz**          | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-c2c6b04ef31b3891d0ded2536b66160ceca472b7%2Fmdi-video.svg?alt=media" alt="Video" data-size="line">                    | Zugriff auf Live-Videositzungen (falls konfiguriert)                  |
| **Administration**          | <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-03f7593330f6a43967e3c07450b55f469d18a6df%2Fmdi-cogs.svg?alt=media" alt="Admin" data-size="line">                     | Plattformadministration (nur für Admins sichtbar)                     |

Ganz unten in der Seitenleiste finden Sie die Option **Abmelden**, um sich schnell abzumelden, wenn Sie fertig sind. Diese Option ist auch über das Dropdown-Menü Ihres Avatars in der oberen rechten Ecke verfügbar. Wenn die Plattform über externe Authentifizierungsmethoden verwaltet wird, stehen diese Abmeldeoptionen möglicherweise nicht zur Verfügung.

## Der Hauptinhaltsbereich

Der zentrale Bereich des Bildschirms zeigt den Inhalt der aktuellen Seite. Oben sehen Sie häufig eine **Brotkrumennavigation**, die Ihren aktuellen Standort auf der Plattform anzeigt (zum Beispiel: Startseite > Rockmusik > Dokumente). Nutzen Sie die Brotkrumen, um zu einer übergeordneten Seite zurückzukehren.

## Die Kursstartseite

Wenn Sie einen Kurs betreten, sehen Sie die **Kursstartseite**. Diese wird im Abschnitt [Ihren Kurs erstellen](/3.x/de/lehrerhandbuch/teacher-guide/creating-your-course.md) ausführlich behandelt; hier eine kurze Übersicht:

* **Kurstitel** — Deutlich oben angezeigt
* **Kurzeinführung** — Eine optionale Rich-Text-Beschreibung, die Sie bearbeiten können
* **Werkzeugraster** — Ein Raster aus Symbolen, die die Kurswerkzeuge darstellen (Dokumente, Übungen, Foren usw.)

Als Lehrkraft sehen Sie zusätzliche Steuerelemente:

* **Studierendenansicht** <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-0b6b23a06a96f08bea32e8e7de1252b5982bdc4d%2Fmdi-eye.svg?alt=media" alt="Student view" data-size="line"> — Schalten Sie um, um den Kurs so zu sehen, wie ihn eine Studentin oder ein Student sehen würde
* **Einführung bearbeiten** <img src="https://1551965632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOgFVTy61EEiWTgc0yK9l%2Fuploads%2Fgit-blob-6369c6135a9138074bead2ce94ad7693bf719058%2Fmdi-pencil.svg?alt=media" alt="Edit" data-size="line"> — Den Text der Kurseinführung bearbeiten
* **Alle anzeigen / Alle ausblenden** — Die Sichtbarkeit aller Werkzeuge für Studierende schnell ändern
* **Sortieren** — Drag-and-Drop aktivieren, um die Werkzeuge auf der Startseite neu anzuordnen

## Icon-Farben

Dies ist noch experimentell und in Chamilo 3.0 nicht vollständig umgesetzt, aber wir versuchen, für alle Schaltflächen und Aktions-Icons in der Oberfläche die folgenden Regeln anzuwenden:

* **Grün** für Erstellungsaktionen. Dazu gehören Hinzufügen, Erstellen, Importieren, Bewerten, Speichern und Kopieren von Inhalten.
* **Blau** für Ansichtsaktionen. Dazu gehören Exportieren, Anzeigen, Vorschau in Listen oder Detailansichten, Suchen und Herunterladen.
* **Orange** für Bearbeitungsaktionen. Dazu gehören Bearbeiten, Verschieben, Konfigurieren, Aktivieren/Deaktivieren, Ausblenden und Einblenden.
* **Rot** für Lösch-/Entfernungsaktionen. Dazu gehören Löschen, Entfernen, Abmelden.
* **Grau** für Abbruchaktionen. Es bleibt einfach beim Status quo.

## Responsives Design

Chamilo 3.0 passt sich unterschiedlichen Bildschirmgrößen an. Auf einem Mobilgerät oder in einem schmalen Browserfenster:

* Die Seitenleiste ist standardmäßig ausgeblendet und kann durch Tippen auf das Menü-Icon geöffnet werden
* Kurskarten werden in einer einzelnen Spalte statt in einem Raster angezeigt
* Tabellen werden horizontal scrollbar

Das bedeutet, dass Sie und Ihre Lernenden die Plattform von einem Telefon, Tablet oder Computer aus nutzen können, die Oberfläche jedoch etwas anders wahrnehmen können.