Repository navigation
Functions Datavisualisation Iconic
Florian Fehring edited this page Oct 5, 2026
·
1 revision
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurden zwei ObservedObjects auf der Root-Ebene angelegt
- Anzeige der ObservedObjects
- Beide ObservedObjects werden angezeigt
- Hinter den Objekten befindet sich ein Symbol, mit einem Klick darauf gelangt man zur Übersichtsseite des jeweiligen Objekts
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurden drei ObservedObjects angelegt
- Anzeige der ObservedObjects
- Die ObservedObjects werden entsprechend ihrer Ebene eingerückt dargestellt
- Hinter den Objekten befindet sich ein Symbol, mit einem Klick darauf gelangt man zur Übersichtsseite des jeweiligen Objekts
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Anzeige der ObservedObjects
- Vor dem ObservedObject befindet sich ein "plus"-Symbol
- Anzeige der Datensatzbereiche
- Mit Klick auf das "plus"-Symbol werden:
- Die Bereiche der Datensätze mit "Datensatz y bis x" unter dem ObservedObject aufgelistet
- Maximal 10 Datensatzbereiche aufgeführt die jeweils 10% der Daten repräsentieren
- Mit Klick auf das "plus"-Symbol werden:
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Funktion 3 funktioniert
- Anzeige der Datensatzbereiche
- Vor jedem Datensatzbereich wird eine Checkbox angezeigt
- Abrufen der Datensätze
- Mit Aktivieren der Checkbox werden:
- die Daten des entsprechenden Datensatzbereichs geladen
- die Daten in den Diagrammen angezeigt
- die Daten zur Tabelle hinzugefügt
- Mit Deaktivieren der Checkbox werden:
- die Daten des entsprechenden Datensatbereichs aus den Diagramen entfernt
- die Daten des entsprechenden Datensatbereichs aus der Tabelle entfernt
- Mit Aktivieren der Checkbox werden:
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Funktion 3 und 4 funktionieren
- Abrufen der Datensätze
- Mit Aktivieren der Checkbox vor einem ObservedObject werden:
- alle Checkboxen der dazugehörigen Datensatbereiche aktiviert
- die Daten des ObservedObjects geladen
- die Daten in den Diagrammen angezeigt
- die Daten zur Tabelle hinzugefügt
- Mit Deaktivieren der Checkbox vor dem ObservedObject werden:
- alle Checkboxen der dazugehörigen Datensatzbereiche deaktiviert
- die Daten aus den Diagramen entfernt
- die Daten aus der Tabelle entfernt
- Mit Aktivieren der Checkbox vor einem ObservedObject werden:
Ausnahmen:
- Das ObservedObject ist nicht zum Datenerfassen konfiguriert
- Die Selectbox ist ausgegraut
- Bei Mouseover der Selectbox wird die Meldung "Dieses Objekt sammelt keine Daten" angezeigt
- Das ObservedObject kann Daten sammeln, es sind aber noch keine Verfügbar
- Die Selectbox ist ausgegraut
- Bei Mouseover der Selectbox wird die Meldung "Keine Daten vorhanden" angezeigt
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Anzeige
- Es wird ein Bereich "Anzeige" angezeigt
- Es gibt einen Button "Neue Anzeigeeinstellungen"
- In dem Bereich gibt es ein Auswahlfeld für bereits gespeicherte Anzeigeeinstellungen, die zu dem aktuell ausgewählten ObservedObjekt passen
- Das Auswahlfeld bietet den Standardeintrag "Automatisch"
- Wird eine Anzeigeeinstellung ausgewählt:
- wird dieser auf die geladenen Daten angewendet
- erscheint ein Button unter der Auswahl "Anzeigeeinstellungen bearbeiten"
- Wird der Standardeintrag "Automatisch" ausgewählt:
- werden die bisher angewendeten Anzeigeeinstellungen auf die Daten entfernt
- Verschwindet der Button "Anzeigeeinstellungen bearbeiten"
Ausnahmen:
- Es gibt keine passenden Anzeigeeinstellungen
- Die Auswahlbox für die Anzeigeeinstellungen wird ausgegraut
- Es wurde kein ObservedObject ausgewählt
- Die Auswahlbox für die Anzeigeeinstellungen wird ausgegraut
- Der Button "Neue Anzeigeeinstellungen" wird ausgegraut
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Klick auf den Button "Neue Anzeigeeinstellungen" ohne Vorauswahl eines Filters
- Der Anzeigeeinstellungen-Dialog wird geöffnet und bietet diverse Einstellmöglichkeien (Siehe Funktion "Dialog Anzeigeeinstellungen")
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Es wurde ein ObservedObject selektiert
- Es gibt bereits eine Anzeigeeinstellunge für das ObservedObject
- Klick auf den Button "Anzeigeeinstellungen bearbeiten"
- Der Dialog Anzeigeeinstellungen wird geöffnet und bietet diverse Einstellmöglichkeien (Siehe Funktion "Dialog Anzeigeeinstellungen")
- Die Einstellmöglichkeiten sind vorselektiert aus der zuvor ausgewählten Anzeigeeinstellung
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Es wurde ein ObservedObject selektiert
- Es gibt bereits einen Filter für das ObservedObject
- Klick auf den Button "Anzeigeeinstellungen bearbeiten"
- Der Dialog Anzeigeeinstellungen wird geöffnet und bietet diverse Einstellmöglichkeien (Siehe Funktion "Dialog Anzeigeeinstellungen")
- Die Einstellmöglichkeiten sind vorselektiert aus dem zuvor ausgewählten Anzeigeeinstellungen
- Nach Ändern des Namens der Anzeigeeinstellung wird dieser als neue Anzeigeeinstellung abgespeichert
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein ObservedObject angelegt und Daten dazu erfasst
- Es wurde ein ObservedObject selektiert
- Es wurde auf "Neue Anzeigeeinstellungen" geklickt oder eine bisher existierende Anzeigeeinstellung geladen
- Name des Filters
- Der Name der Anzeigeeinstellungen wird angezeigt (ein Ändern des Namens erzeugt beim Speichern eine neue Anzeigeeinstellung)
- Achsen Bestimmung
- Es kann festgelegt werden, welche Werte auf der x-Achse angezeigt werden sollen
- Es kann festgelegt werden, welche Werte auf der y-Achse angezeigt werden sollen
- Hat das ObservedObject einen Messwert "ts" wird:
- "ts" automatisch auf die x-Achse gelegt
- der erste Messwert der auf ts folgt auf die y-Achse gelegt
- Hat das ObservedObject keinen Messwert "ts" wird:
- der erste Messwert auf die x-Achse gelegt
- der zweite Messwert auf die y-Achse gelegt
- Es gibt die Option "Werte auf der y-Achse addieren"
- Ist die Option aktiviert, wird die Anzahl der Messwerte mit gleichem y-Wert addiert dargestellt
- Filter
- Es können Filter zur Einschränkung der angezeigten Daten angelegt werden
- Es können beliebig viele Filter kombiniert werden
- Mit Klick auf "Neuer Filter" wird ein neuer Filter angelegt
- Im ersten Auswahlfeld kann der Messwert ausgewählt werden
- Es werden <,> und = als Filterarten angeboten
- Nach der Auswahl des < oder > Filters werden alle Möglichen Werte in einem neuen Auswahlfeld angezeigt
- Nach der Auswahl des = Filters werden alle Möglichen Werte in einem neuen Auswahlbereich angezeigt
- Der = Filter erlaubt die Auswahl von mehreren Werten und die Auswahl von allen Werten
- Gruppierung
- Es kann ein Messwert als Gruppierungsmesswert ausgewählt werden.
- Wird ein Gruppierungswert ausgewählt, können die zu bilden Gruppen angelegt werden
- Alle Datensätze des Wertes auf der x-Achse werden mit den Gruppierungswert in Blöcke aufgeteilt und die Blöcke werden nebeneinander darsgestellt.
Beispiel:
- x-Achse hat den Wert co2, y-Achse hat den Wert co2 (Summiert) ausgewählt, als Gruppenwert wird "Monat" ausgewählt. Als Gruppen wurden die Monate Januar, Februar, März angelegt. Im Diagramm werden die co2 Werte pro Monat angezeigt.
Vorbedingungen:
- Funktion 10 ist funktionsfähig
- Es wurden zwei Geräte erstellt von Typen die keine gemeinsamen Anzeigetemplates verwenden können
Vorgehen:
- Es wird ein ObservedObject ausgewählt, zu dem bereits Anzeigeeinstellungen gespeichert wurden.
- Die Anzeigeeinstellungen werden in der Auswahlliste angezeigt
- Das ObservedObject wird abgewählt
- Die Auswahlliste wird geleert
- Es wurden zwei ObservedObjects gewählt, eines wird deaktiviert
- Die Auswahlliste wird aktualisiert für das noch aktivierte ObservedObject
Ausnahmen:
- Es werden zwei ObservedObjects in der Auswahl aktiviert, die keine gemeinsamen Anzeigedarstellungen haben
- Die Auswahlmöglichkeit unter "Anzeigeeinstellungen" wird geleert
Vorbedingungen:
- Funktion 10 ist funktionsfähig
- Es wurde ein beliebiges Gerät (z.B. Temperatursensor) angelegt und Daten dazu erfasst
Vorgehen:
- In den Anzeigeeinstellungen wird ein neues "Berechnete Anzeige" angelegt
- Die Berechnete Anzeige kann einen "Messwert"-Namen bekommen
- Die Berechnete Anzeige nimmt einen Funktionskörper für eine Berechnung auf
- In dem Funktionskörper können die Messwertnamen anderer Messwerte (auch berechneter) angegeben werden
- Der Funktionskörper wird automatisch ausgewertet (alles was Javascript kann)
- Sicherheit: DOM-Manipulationen, HTTP-Requests werden ausgefiltert
- Wichtige Berechnungsvariante: Multiplikation
- Zwei Messwerte eines Datensatzes werden multipliziert (z.B. u*i bei den Kennlinien zur Erzeugung des p Werts)
- Wichtige Berechnungsvariante:
- Extraktion von Datumsteilen: Aus einem Zeitstempel können Jahr, Monat, Tag herausgelesen werden
Ausnahmen:
- Es wurde der Name eines Messwerts angegeben, der nicht exisitert
- Es erscheint beim Speichern eine entsprechende Fehlermeldung
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde das Datentemplate "BME280" installiert
- Es wurde ein Gerät vom Typ "BME280" angelegt
- Es wurden Daten im Gerät angelegt (z.B. mit dem Sensor-Simulator)
Vorgehen:
- Es werden Daten des BME280 zur Visualisierung gewählt
- Die Standard-Anzeigeeinstellungen für den BME280 werden aktiviert
- Standard-Anzeigeeinstellungen:
- Luft-temperatur, -durck und -feuchtigkeit werden auf der x-achse angezeigt
- Die drei Werte werden so skaliert, das man zu jedem der Werte den Kurvenverlauf sehen kann
- Luftdruck hat üblicherweise die höchsten Werte (um die 1000) Die Skala dafür wird rechts angezeigt, auf der linken Seite die Skala für Temperatur und Feuchtigkeit (Werte bis 100)
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde das Datentemplate "Wohlfühlerfasser" installiert
- Es wurde ein Gerät vom Typ "Wohlfühlerfasser" angelegt
- Bei dem Wohlfühlerfasser-Gerät wurde die Funktion "manuelle Datenerfassung" aktiviert
- Es wurden einige Datensätze über die manuelle Erfassung erfasst
Vorgehen:
- Es werden die Daten eines Wohlfühlerfassers zur Visualisierung ausgewählt
- Die Standard-Anzeigeeinstellungen für den Wohlfühlerfasser werden aktiviert
- Standard-Anzeigeeinstellungen:
- Balkendiagramm: x-Achse: ts, y-Achse: state
- Liniendiagramm: x-Achse: ts, y-Achse: state
- Tortendiagramm: deaktiviert
- Anzeigeeinstellung: "Anzahl der Bewertungen"
- Tortendiagramm: Es werden drei Blöcke "gut", "neutral", "schlecht" angezeigt mit der Größe jeweils der Anzahl entsprechend.
- Balkendiagramm: x-Achse: state, y-Achse: Anzahl der Werte von der x-Achse
- Filtern nach ts muss möglich sein
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde ein Gerät von einem beliebigen Kennlienientyp angelegt
- Es wurde eine Kennlienie hochgeladen
Vorgehen:
- Es wird 1 Datensatz des Kennlieniengeräts zur Visualisierung ausgewählt
- Die Standard-Anzeigeeinstellungen für Kennlinien werden akvitiert
- Standard-Anzeigeeinstellungen:
- x-Achse: u
- y-Achse: i und p (berechnet aus u*i)
- Die beiden Kurven für u/i und u/p werden farblich unterschiedlich dargestellt und Beschriftet
- Es wird jeweils 1 Datensatz aus 2 (oder N) unterschiedlichen Kennliniengeräten zur Visualisierung ausgewählt
- Die Standard-Anzeigeeinstellungen für Kennlinien werden akvitiert
- Standard-Anzeigeeinstellungen:
- x-Achse: u
- y-Achse: i und p (berechnet aus u*i)
- Die beiden Kurven für u/i und u/p (Gerät 1) werden farblich unterschiedlich dargestellt und beschriftet
- Die beiden Kurven für u/i und u/p (Gerät 2) werden farblich unterschiedlich dargestellt und beschriftet
Ausnahmen:
- Es werden zwei Geräte ausgewählt, die nicht mit denselben Anzeige-Einstellungen visualisiert werden können
- Eine entsprehende Fehlermeldung wird angezeigt
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde das Datentemplate "Environ" installiert
- Es wurde ein Gerät vom Typ "Vergleich_24h" angelegt
- Es wurden einige Datensätze mit dem Wert "heater_wattage_count24h" erfasst
Vorgehen:
- Es werden die Daten des "Vergleich_24h" zur Visualisierung ausgewählt
- Die Standard-Anzeigeeinstellungen für den "Vergleich_24h" werden aktiviert
- Standard-Anzeigeeinstellungen:
- x-Achse: Berechneter Messwert: "Tag" aus Spalte ts
- y-Achse: heater_wattage_count24h, Summe der Heizwerte
Vorbedingungen:
- Backend und Frontend sind verfügbar
- Es wurde das Datentemplate "Environ" installiert
- Es wurde ein Gerät vom Typ "Nachbarschaftsvergleich" angelegt
- Es wurden einige Datensätze für den Nachbarschaftsvergleich erfasst
Vorgehen:
- Es werden die Daten eines Nachbarschaftsvergleichs zur Visualisierung ausgewählt
- CO2-Vergleich-Anzeigeeinstellungen:
- x-Achse: Berechneter Messwert "Monat"
- y-Achse: co2_kg_...lowest, co2_kg_...middle, co2_kg..._heigh, T6613.co2
- Gruppiert je Monat ist die Summe aller Messwerte zu Low, Middle, Heigh
- CO2-Vergleich-Anzeigeeinstellungen: