Dashboard „Homer“

Allgemeines zur HomeMatic Haussteuerung

Moderator: Co-Administratoren

Antworten
mademyday
Beiträge: 268
Registriert: 03.10.2014, 12:46
System: CCU
Wohnort: Enzkreis
Hat sich bedankt: 3 Mal
Danksagung erhalten: 43 Mal

Dashboard „Homer“

Beitrag von mademyday » 15.03.2023, 13:54

Um den Überblick über die ganzen Skripte/Hacks/Helferlein auf der CCU (und sonstwo im (Heim)Netz) zu behalten hab ich Homer ausprobiert:
https://github.com/bastienwirtz/homer

Das ganze ist "nur" eine statische Link-/Favoriten-Sammlung, also keine sich dynamisch anpassende Visualisierungs-Lösung! Darüber gestolpert bin ich durch einen ct-Artikel, hier der Teaser https://www.heise.de/select/ct/2021/14/ ... 1218047619.

Schön daran ist, dass man das homer.zip einfach in einem www-Unterverzeichnis, zB homer, auf der CCU entpacken kann und dann nur noch die assets/config.yml editieren muss, es gibt keine "Installation", kein extra Service/daemon/Prozess etc.

Beispiel/Auszug:

Code: Alles auswählen

services:

...

  - name: "HomeMatic myHM"
    icon: "fas fa-laptop-house"

    items:

...

      - name: "EG-Kueche-LED-Spuele (re)"
        icon: "fas fa-toggle-on"
        subtitle: "toggel!"
        url: "http://172.20.1.30:8183/homer.exe?x=channels.Get('EG-Kueche-LED-Spuele:4').DPByHssDP('STATE').State(!(channels.Get('EG-Kueche-LED-Spuele:4').DPByHssDP('STATE').Value()));"
        target: "_blank" # optional html a tag target attribute

      - name: "Garagen-Tor aktivieren"
        icon: "fas fa-car"
        subtitle: "CCU2-SV Garagentor_aktivieren=1!"
        <<: *CAVE
        url: "http://172.20.1.60:8181/homer.exe?x=dom.GetObject(ID_SYSTEM_VARIABLES).Get('Garagentor_aktivieren').State(true);"
        target: "_blank" # optional html a tag target attribute

...
Die Seite ist responsiv, sieht egal auf welchem Endgerät immer gleich gut aus, egal ob auf Handy, Tablet, PC oder Smart-TV - und man braucht nur noch eine Sammlung pflegen :)

Bin noch in den Anfangszügen, es macht ggf Sinn mehrere Dashboards, je nach Inhalt getrennt, zu pflegen und zu verlinken, aber ich möchte hier trotzdem mal ein paar Screens zur Inspiration zeigen
Dateianhänge
homer-screenshot-pc-3-1p.jpg
homer-screenshot-pc-2-1p.jpg
homer-screenshot-mobile-1.png
homer-screenshot-pc-1-1p.jpg

mademyday
Beiträge: 268
Registriert: 03.10.2014, 12:46
System: CCU
Wohnort: Enzkreis
Hat sich bedankt: 3 Mal
Danksagung erhalten: 43 Mal

Re: Dashboard „Homer“

Beitrag von mademyday » 12.04.2023, 15:06

um zumindest ein paar "dynamische"/nicht-statische CCU-Status-Werte in der message-Header-Leiste einzubauen, muss in der config.yml eine Seite verlinkt werden, die die gewünschten Daten im json-Format (Felder title und value) ausgibt, zB:

assets/config.yml (Auszug):

Code: Alles auswählen

message:
  url: _conf_local/mod-ccu.cgi
  mapping:
    title: 'title'
    content: 'value'
  content: "Message could not be loaded"
mod-ccu.cgi, also die verlinkte Seite, liefert (an der console):

Code: Alles auswählen

# _conf_local/mod-ccu.cgi
Content-type: text/html

{
"title":"14:52 am 12.04.23 @ ccu3-webui (up: 158 d) | sunset/-rise: 06:37/20:09",
"value":"Alarm-Mode:&nbsp;<font style='font-weight:bold; color:red;'>scharf</font>&nbsp;(08:21) &sext; Haust&uuml;r:&nbsp;<font style='font-weight:bold; color:red;'>abgeschlossen</font>&nbsp;(08:14) &sext; Temp.&nbsp;A/I:&nbsp;<b>16</b>&nbsp;/&nbsp;<b>19&nbsp;&deg;C</b> &sext; Servicemeldungen:&nbsp;<font style='!-color:green; font-weight:bold;'>0</font> &sext; CPU:&nbsp;<font style='font-weight:bold; color:green;'>5&nbsp;%</font>&nbsp;*&nbsp;RAM:&nbsp;<font style='font-weight:bold; color:green;'>32</b>&nbsp;%</font>&nbsp;*&nbsp;DC:&nbsp;<font style='font-weight:bold; color:green;'>0</b>&nbsp;%</font>&nbsp;*&nbsp;CS:&nbsp;<font style='font-weight:bold; color:green;'>0</b>&nbsp;%</font>"
}
#
Im Browser sieht es dann so aus:
homer-screenshot-pc-4-mod-ccu3.jpg
homer-screenshot-pc-4-mod-ccu3.jpg (24.15 KiB) 319 mal betrachtet

Antworten

Zurück zu „HomeMatic allgemein“