Visualisierung

Die Loxone App ist sehr schlicht gehalten, das ist auch gut so, doch komplexere Abläufe lassen sich besser visualisiert darstellen. Dazu habe ich ein kleines PHP-Skript erstellt, das die Werte aus dem Loxone Miniserver oder einer anderen Datenquelle ausliest und auf ein Hintergrundbild positioniert. So hat man eine dynamische Webseite die sich frei skalieren lässt und immer aktuell ist. Die Webseite kann dann z. B. in die Loxone App integriert werden.

So sieht akutell die Visualierung unserer KWL (Lüftungsanalge) aus. Die Werte werden bei jedem Refresh aus dem Miniserver geladen.Wie das ganze funktioniert habe ich in einem kleinen HowTo zusammengestellt.

Benötigt wird ein Apache Webserver mit PHP5. Bei mir läuft der Webserver auf dem Raspberry Pi im Schaltschrank.

Kurz vorweg: Die PHP-Skripte sowie das Hintergrundbild bekommt ihr im neuen Download Bereich.

Das eigentliche PHP-Skript ist einfach aufgebaut und schnell angepasst. Aus dem Loxone Miniserver wird nur die Bezeichnungen oder der Name der Anschlüsse benötigt.

Im eigentlichen PHP-Skript wird mit CSS für jeden Wert die Position pixelgenau definiert.

...
#Lüftungsstufe {
        position: absolute;
        top: 190px;
        left: 52px;
}
...

Dann wird der Wert (hier die Lüftungsstufe) abgefragt und per div Funktion positioniert.

...
<div id="Lüftungsstufe">
<?php
    $xml = simplexml_load_file('http://user:password@MiniserverIP/dev/sps/io/Lüftungsstufe');
        echo '<p>'. $xml['value'] .'</p>';
?>
</div>
...

ToDo: Der Wechsel des Hintergrundbildes und das Positionieren der Temperaturwerte abhängig vom Status. Visualisierung der Wärmepumpe und ein Grundriss vom Haus mit Status der Fenster und Präsenzmelder.