Benutzeroberfläche
Allgemein / LSMweb

Benutzeroberfläche

Die Benutzeroberfläche von LSMweb ist im Wesentlichen dreigeteilt. Bestandteile sind das Seitenmenü, der Inhalts- sowie der Fußbereich.

Seitenmenü

Das Seitenmenü befindet sich am oberen Bildschirmrand und enthält die wesentlichen Navigationselemente sowie die Anmeldemaske. Auf schmalen Bildschirmen wird sie zur Platzersparnis eingeklappt und kann mit der Schaltfläche oben rechts (drei waagerechte Striche) zur Anzeige gebracht werden.

Die Menüelemente dienen der Navigation durch das LSMweb-Angebot. Für Trainer und Administratoren werden jeweils eigene Menütitel eingeblendet. Standardmäßig befindet sich ein Link zur Veranstaltungsliste im Menü.

Angemeldet werden zusätzlich das Benutzermenü sowie der Schnellzugriff für die Benachrichtigungen dargestellt. Im Benutzermenü werden die Funktionen zum aktuell angemeldeten Benutzerkonto zusammengefasst. Über den Benachrichtigungs-Schnellzugriff ist ein direkter Verweis auf die Seite mit den Benachrichtigungen im Seitenmenü möglich.

Inhaltsbereich

Der Inhaltsbereich dient der Darstellung der jeweiligen Seiteninhalte. Zu Beginn befindet sich jeweils ein Brotkrumenpfad von der Startseite von LSMweb zur anderen Seite, der zur Navigation dient. Der Seiteninhalt selbst kann entweder geteilt oder ungeteilt angezeigt werden. Der Inhaltsbereich kann geteilt werden durch:

  • Tabs, horizontal angeordnete Registerkarten, die bei Klick verschiedene Unterinhalte darstellen
  • Klappboxen, die standardmäßig eingeklappt sind und bei Klick genau einen Unterinhalt anzeigen, während alle anderen Boxen wieder eingeklappt werden.

Fußbereich

Der Fußbereich enthält allgemeine Links zum Impressum, der Datenschutzerklärung und den Hilfeseiten.

Dynamische Elemente

Für gewisse Funktionen werden dynamische Elemente angezeigt, etwa für die Darstellung von Benachrichtigungen (Toasts) oder für die Bestätigung von Aktionen (bspw. Löschen eines Kontos). Damit diese dynamischen Elemente korrekt angezeigt werden, muss JavaScript im Browser aktiviert sein.

Externe Inhalte

Um LSMweb auf allen Geräten korrekt darstellen und die Funktionen anbieten zu können, werden Inhalte von externen Seiten nachgeladen. Dies sind folgende Skript- und Stylesheet-Bibliotheken (JavaScript und CSS):