UI Konzept

Aufbau der UI

Im Folgenden wird der allgemeine Aufbau der Oberfläche ("user interface", kurz UI) der Smartha beschrieben. Die einzelnen zur Verfügung stehenden Funktionen sowie deren Nutzung werden auf den jeweiligen folgenden Seiten genauer erläutert.

Logische Untergliederung

Die Smartha UI ist in zwei logische Bereiche untergliedert: Die Steuerung und die Administration. Während im Steuerungsbereich ausschließlich die Anzeige von Daten und Steuerung der Installation erfolgt, dient der Administrationsbereich ausschließlich der Konfiguration der Smartha.

Sichtbare Untergliederung

Der Sichtbereich der Oberfläche ist ebenfalls in zwei Bereiche eingeteilt: Den Navigationsbereich und den Anzeigebereich. Der Navigationsbereich dient zum Wechseln zwischen verschiedenen Ansichtsseiten oder Konfigurationsseiten. Der Anzeigebereich enthält die jeweiligen dem aktuell gewählten Punkt der Navigation zugehörigen Daten.

screenshot Steuerung der Smartha mit Navigationsbereich (grün) und Anzeigebereich (gelb)

screenshot Administration der Smartha mit Navigationsbereich (grün) und Anzeigebereich (gelb)

Benutzermenü

Sowohl im Steuerungsbereich als auch im Administrationsbereich der UI befindet sich im rechten Bereich der Titelleiste das Benutzermenü. Dieses verfügt über einen Schnellzugriff und die Einstellungen. Die einzelnen Funktionen werden im Folgenden genauer erläutert.

Hilfe

Ruft in einem neuen Tab im verwendeten Internetbrowser eine Seite dieser Dokumentation auf, welche dem aktuell geöffneten Punkt der UI zugewiesen ist.

Sprache

über die Spracheinstellung kann jederzeit während des laufenden Betriebes zwischen den angebotenen Sprachen für die Smartha UI gewechselt werden. Mit einem Klick auf das Symbol werden die zur Verfügung stehenden Sprachen aufgelistet. Mit einem Klick auf eine angezeigte Sprache wird diese für die UI aktiviert.

Meldungen

Das Benachrichtigungssymbol zeigt (sofern vorhanden) in einem roten Zähler die Anzahl der momentan an der Smartha anliegenden Meldungen an. Diese können entweder von der Smartha selbst oder von einem mit der Smartha verbundenen System stammen. Mit einem Klick auf das Symbol werden alle aktuell vorhandenen Meldungen in einer Liste aufgeführt. Zu jeder Meldung wird ein Statussymbol angezeigt, welches die Art der anliegenden Meldung darstellt. Unterhalb der Liste kann durch Klick auf "Alle ansehen" die Meldungsseite geöffnet werden.

Meldungsseite

Auf dieser werden alle anliegenden Meldungen mit Datum des Auftretens der Meldung, ID des betroffenen Objektes, Name des betroffenen Objektes sowie Art der Meldung tabellarisch aufgeführt. Durch Klick auf die ID oder den Namen des Objektes wird die Konfigurationsseite desselben im Administrationsbereich der Smartha UI aufgerufen. Sofern angeboten, kann mithilfe des Papierkorb-Symbols in der letzen Spalte der Tabelle die betroffene Meldung quittiert werden. Dabei wird die Meldung sowohl in der Smartha Zentrale als auch in der Zentrale bzw. dem Gateway, auf welchem diese Meldung aufgetreten ist, quittiert. Mit Klick auf das Auge-Symbol kann ggf. eine Meldung dieser Art für das betroffene Objekt in Zukunft ignoriert werden. In der Titelleiste der Kachel der Systemmeldungen kann mit einem Klick auf die Schaltfläche "Alle Meldungen löschen" die Quittierung aller Meldungen veranlasst werden, deren Quittierung möglich ist.

Einstellungen

Die Einstellungen umfassen folgende Punkte:

  • Administration: Wechselt von der Steuerung in den Administrationsbereich der Smartha UI. Standardmäßig wird hierbei das Dashboard geöffnet.
  • Profil: Öffnet im Administrationsbereich unter "Einstellungen" > "Benutzer" die Konfiguration des aktuell angemeldeten Benutzers.
  • Cache löschen: Löscht die zwischengespeicherten Daten der Smartha UI.
  • Ausloggen: Meldet den aktuell angemeldeten Benutzer von der UI ab und beendet die aktuelle Sitzung.

Elemente der UI

In der UI werden unterschiedliche Steuerelemente fortwährend eingesetzt. Die wichtigsten Elemente werden hier erläutert, um eine sich wiederholende Erläuterung im weiteren Verlauf dieser Dokumentation zu vermeiden.

Kachel

Alle zur Ansicht zur Verfügung stehenden Daten werden in der UI in separaten Bereichen, sogenannten „Kacheln“ dargestellt.

screenshot

Eine Kachel hat eine Titelleiste, in welcher der Oberbegriff der gezeigten Daten hinterlegt ist und welche in Abhängigkeit vom Status der Quelle der Anzeigedaten mit unterschiedlichen Farben gekennzeichnet werden kann. Optional können in der Titelleiste der Kachel weitere Steuerelemente angezeigt werden, mit denen man beispielsweise von der Steuerung zur Administration der Daten wechseln kann oder weitere Konfigurationen vornehmen kann.

Unterhalb der Titelleiste erfolgt die Anzeige der Quelldaten. Diese können durch diverse weitere Steuerelemente grafisch aufbereitet dargestellt werden. Funktionen für mögliche Steuerungen werden ebenfalls durch diverse Steuerelemente angeboten.

Tabelle

Einige Daten werden in der UI tabellarisch aufgeführt. Jede Tabelle wird in einer eigenen Kachel dargestellt, wobei im oberen linken Bereich die Bezeichnung der Tabelle angezeigt wird.

screenshot

Aufbau Tabellen-Kachel

Jede Tabelle verfügt über Spaltenüberschriften, welche sowohl an erster als auch an letzter Stelle angezeigt werden. Die Spaltenüberschriften stellen die verschiedenen Kategorien der angezeigten Daten dar. Standardmäßig werden die Tabellendaten den Einträgen der ersten Spalte nach aufsteigender Reihenfolge sortiert angezeigt. Durch einen Klick auf eine Spaltenüberschrift werden die Tabellendaten anhand der gewählten Kategorie in aufsteigender Reihenfolge sortiert. Durch einen erneuten Klick auf die aktuell gewählte Kategorie wird die Reihenfolge der Sortierung umgekehrt.

Des Weiteren werden über und unter der Tabelle weitere Steuerelemente zur Navigation innerhalb der Tabelle angezeigt. Im oberen linken Bereich kann eingestellt werden, wie viele Einträge pro Tabellenseite angezeigt werden sollen. Im oberen rechten Bereich kann über ein Suchfeld nach Daten innerhalb der Tabelle gesucht werden. Im unteren rechten Bereich kann zwischen den verschiedenen Tabellenseiten navigiert werden, sofern die Anzahl der Einträge der angezeigten Datenquelle die Anzahl der auf einer Tabellenseite anzuzeigenden Einträge überschreitet. Im unteren linken Bereich wird der aktuell in der Tabelle angezeigte Bereich der Einträge gezeigt.

Oberhalb sowie unterhalb der Tabelle können ggf. weitere Steuerelemente angezeigt werden, welche der Bearbeitung der in der Tabelle erfassten Daten dienen.

Spezielle Felder

Eine Tabelle kann optional über spezielle Spalten verfügen, welche in allen Tabellen den gleichen Zweck haben:

- Sortierung: In der ersten Spalte der Tabelle wird (sofern zur Verfügung stehend) eine Sortierung der Datensätze über eine Auswahlliste ermöglicht. Die gewählte Sortierung spiegelt sich in der Darstellung der Tabelle wieder und wirkt sich darüber hinaus auf die Sortierung der angezeigten Daten an allen weiteren Stellen der UI aus.
- Bearbeiten: In der letzten Spalte der Tabelle kann (sofern zur Verfügung stehend) das im entsprechenden Datensatz aufgeführte Element zur Konfiguration geöffnet werden.
- Löschen: In der letzten Spalte der Tabelle kann (sofern möglich) der in der entsprechenden Zeile aufgeführte Datensatz aus der Smartha entfernt werden.