Benutzer-Werkzeuge

Webseiten-Werkzeuge


software:frontends:frontend

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
software:frontends:frontend [2021/04/16 15:39] – [Weitere URL-Parameter] Beispiele, Code jausoftware:frontends:frontend [2024/02/10 08:40] (aktuell) jau
Zeile 1: Zeile 1:
- 
 ===== Das Volkszaehler standard-Frontend ===== ===== Das Volkszaehler standard-Frontend =====
 Das Standard-Frontend wird zusammen mit der [[/software/middleware|Middleware]] installiert, und kann mit einem Javascript-fähigen Browser aufgerufen werden (PC, Handy, Tablet). Das Standard-Frontend wird zusammen mit der [[/software/middleware|Middleware]] installiert, und kann mit einem Javascript-fähigen Browser aufgerufen werden (PC, Handy, Tablet).
Zeile 5: Zeile 4:
 Demo: [[http://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae]] Demo: [[http://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae]]
  
-=== Darstellung === +==== Darstellung ==== 
-Bei Volkszähler ist die X-Achse stets die Zeit. Daraus folgt für eine mathematisch korrekte Darstellung der y-Achse das aus Zählerständen Leistung wird. Die Energie entsprich dabei der Fläche unterhalb der Linie. Betrachtet man die Einheiten wird das recht deutlich: Nimmt man aus Energie (Wh) die Zeit (h) bleibt Leistung (W). +Bei Volkszähler ist die X-Achse stets die Zeit. Daraus folgt für eine mathematisch korrekte Darstellung der y-Achse, dass aus Zählerständen Leistung wird. Die Energie entspricht dabei der Fläche unterhalb der Linie. Betrachtet man die Einheiten wird das recht deutlich: Nimmt man aus Energie (Wh) die Zeit (h) bleibt Leistung (W).  
 + 
 + 
 +{{:howto:vz2014-06-01.jpg?400|}} 
 + 
 +In der Tabelle unter dem Graphen wird der absolute Zählerstand mit angezeigt wenn in den Kanaleigenschaften der Initialwert eingetragen ist (Zählerstand bei Inbetriebnahme des Volkszähler). Die hinterste Spalte wird allerdings erst erstellt wenn die Daten mindestes einen Datumswechsel umfassen. Bei Erstinbetriebnahme ist daher etwas Geduld gefragt. 
 + 
 +Möchte man Energie über gleich lange Zeiträume vergleichen hat man am Frontend oben rechts, über die Drop-Down-Liste ''Current'', die Möglichkeit vorbereitete Gruppierungen zur Darstellung als Balkendiagramm auszuwählen.
  
-Möchte man Energie über gleich lange Zeiträume vergleichen hat man am Frontend oben rechts, über die Drop-Down-Liste ''Current'', die Möglichkeit vorbereitete Gruppierung zur Darstellung als Balkendiagramm auszuwählen.+{{:software:frontends:frontend:frontend_monthbyday.jpg?400|}}
  
-=== Voraussetzungen ===+==== Voraussetzungen ====
  
-Um im Frontend Daten sehen zu können, müssen die jeweiligen Kanälemittels ihrer UUID (beispielsweise ''550e8400-e29b-11d4-a716-44665512562'') hinzugefügt werden.+Um im Frontend Daten sehen zu können, müssen die jeweiligen Kanäle mittels ihrer UUID (beispielsweise ''550e8400-e29b-11d4-a716-44665512562'') hinzugefügt werden.
  
 Wer die UUID nicht kennt, kann zwar das Frontend aufrufen, aber die Daten nicht sehen. (siehe: [[/software/middleware/zugriff]]) Wer die UUID nicht kennt, kann zwar das Frontend aufrufen, aber die Daten nicht sehen. (siehe: [[/software/middleware/zugriff]])
Zeile 24: Zeile 30:
   * Öffentlichen Kanal hinzufügen   * Öffentlichen Kanal hinzufügen
  
-Das Frontend bietet auch die Option, per middleware-aufruf neue Kanäle des anzulegen:+Das Frontend bietet auch die Option, per middleware-Aufruf neue Kanäle des anzulegen:
 Dazu wählt Ihr die Schaltfläche "Kanal hinzufügen" aus. Dazu wählt Ihr die Schaltfläche "Kanal hinzufügen" aus.
 Nachdem ein Kanal angelegt ist, können mit einem geeigneten controller ([[/hardware/controllers]],[[/software/controller]]) Daten eingetragen werden. Nachdem ein Kanal angelegt ist, können mit einem geeigneten controller ([[/hardware/controllers]],[[/software/controller]]) Daten eingetragen werden.
Zeile 110: Zeile 116:
  
 ===== Weitere URL-Parameter ===== ===== Weitere URL-Parameter =====
 +=== uuid ===
 +Dient dazu um direkt Kanäle oder auszuwählen.
 +
 +Beispiel Gruppe:
 +''
 +https://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae
 +''
 +
 +Beispiel zwei Kanäle:
 +''
 +https://demo.volkszaehler.org/?uuid[]=fb2ba830-3cd9-11eb-9ba5-e175b667bff9&uuid[]=12345678-1234-1234-1234-123456789012
 +''
 +
 +=== active ==
 +Um zu steuern ob Känale aber ins besondere Gruppen als aktiv oder inaktiv und zugeklappt anzuzeigen.
 +''
 +https://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae&active=0
 +''
  
 === hide === === hide ===
Zeile 116: Zeile 140:
 Weitere Beispiele für Anwendungen sind [[https://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae&hide=#header|#header]] und [[https://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae&hide=#footer|#footer]]. Weitere Beispiele für Anwendungen sind [[https://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae&hide=#header|#header]] und [[https://demo.volkszaehler.org/?uuid=6836dd20-00d5-11e0-bab1-856ed5f959ae&hide=#footer|#footer]].
  
-Mehrere zu verbergende Elemente listet man Komma-getrennt auf: ''...?hide=#accordion, #footer''+Mehrere zu verbergende Elemente listet man Komma-getrennt auf: ''...?hide=#accordion,#header,#controls,#footer''
  
 Der besondere Nutzen entsteht bei der Verwendung des Frontends in iFrames, in denen man NUR das Chart oder NUR einige Kanäle sehen möchte. Der besondere Nutzen entsteht bei der Verwendung des Frontends in iFrames, in denen man NUR das Chart oder NUR einige Kanäle sehen möchte.
Zeile 122: Zeile 146:
 Der hide-URL-Parameter kann leicht mit anderen URL -Parametern kombiniert werden. Dazu muss vor dem ersten Parameter ein ''?'' stehen, vor jedem weiteren Parameter ein ''&''. Der hide-URL-Parameter kann leicht mit anderen URL -Parametern kombiniert werden. Dazu muss vor dem ersten Parameter ein ''?'' stehen, vor jedem weiteren Parameter ein ''&''.
  
-{{indexmenu_n>1}}+=== reset === 
 +Löscht alle Kanäle aus dem Cookie. 
 + 
 +Beispiel: 
 +''https://demo.volkszaehler.org/?reset=1 
 +'' 
 + 
 +{{indexmenu_n>1}} 
software/frontends/frontend.1618580374.txt.gz · Zuletzt geändert: 2021/04/16 15:39 von jau