Fronthem - Eine FHEM-Schnittstelle für Frontends

[drdownload]

Die Alpha-Tester haben ja direkten Kontakt zu Jörg für Fragen etc.

[Tropaion]

@dancatt
Dieses Projekt ist eher für Leute gedacht die sich mit FHEM besser auskennen.
Diese brauchen eine Installationsanleitung nicht, wenn man sich auskennt, reicht die die im Wiki steht.
Ich arbeite gerade an einer ausführlicheren Anleitung, die jedoch noch sehr unübersichtlich ist.
Diese wird dann wahr als pdf im Wiki zum Download angeboten.

@blackcat
Im Wiki steht es auch, fronthem ist kein Webfrontend, sondern eine Schnittstelle um beliebige Frontends einfach an FHEM anbinden zu können. Jedoch testen und arbeiten wir mit SmartVisu, www.smartvisu.de
Und wir werden auch auf Basis von SmartVisu die Funktion erklären.

@drdownload
Die Anbindung an FHEM der SmartVisu funktioniert schon so gut wie ohne Probleme.
Ein paar kleine Fehler und Verbesserungen sind noch zu machen, wird nicht mehr lange dauern bis es in die Beta geht. Jedoch fehlen noch einige Funktionen, wie Zertifikate. Ich schaue das die Wiki täglich aktualisiert wird, und es ist auch nachzulesen, was schon läuft und was noch geplant ist.

@dancatt
Wir, die Alpha-Tester schreiben die Doku usw. ...und helfen herrmannj wo es nur geht.
Wir haben auch ständig E-Mailverkehr um auf Fehler aufmerksam zu machen, usw. ...

Lg,
Tropaion

[herrmannj]

Hi,

die alpha Tester sind da derzeit sehr aktiv (ganz herzlichen Dank dafür !!!) ,erarbeiten genau solche Anleitungen und betrieben Erfahrungssicherung für die Betatester.

Im Betatest können dann alle direkt von dieser Vorarbeit profitieren.

vg
jörg

[bgewehr]

Kleine Preview aus dem Alpha-Test:
(Basis ist fhem mit fronthem und SmartVisu auf einem BananaPi mit SSD, Homematic- und Intertechno-Komponenten plus Volkszaehler.org plus EMSCollector für die Buderus-Heizung)

[SirUli]

Sieht verdammt gut aus!

[avg123-de]

Sieht ja schon ganz gut aus! 

Da freue ich mich schon auf die Beta!

[Jojo11]

Sieht wirklich sehr ansprechend aus. Biete mich gerne als beta-Tester an.

schöne Grüße
Jo

[Tropaion]

bgewehr ist mir zuvor gekommen

@Jojo11
Also die Beta wird vermutlich eh öffentlich sein, brauchst dich nicht anmelden

[pole23]

Das schaut super aus. Gibt es schon einen groben Zeitplan für die Beta?

[Tropaion]

Genaueres hat herrmannj noch nicht dazu bekannt gegeben.
Jedoch meinte er, das es nicht mehr sehr lange dauern würde^^
Vll. äußert er sich ja selbst dazu

Lg,
Tropaion

[Pythonf]

Gibt es schon neues vom Modul fronthem?

Nebenbei zum Thema smartVISU - gibt es irgendwo eine Einführung wie man smartVISU verwendet?
So etwas in der Art, wie die Einsteiger PDF für fhem oder ein gutes Forum, welches sich mit smartVisu beschäfigt?
Alles was ich gefunden habe, war nicht sonderlich informativ oder auf einem passwortgeschützten FTP-Server.

Beste Grüße
Fabian

[bgewehr]

Schau noch mal hier: http://forum.fhem.de/index.php?topic=27291.msg208880#msg208880

[bgewehr]

Soweit die Installation. Die Verwendung ist so: man editiert die Seiten im eigenen Ordner im Ordner Pages und fügt dort Dinge ein, die man aus der Doku z. b. auf SmartVISU.de rauskopiert. Auch die Beispielhäuser sind sehr hilfreich beim lernen...

Einen speziellen Editor oder eine grafische Oberfläche für die Programmierung gibt es nicht.

Klingt erst mal blöd, ist aber nach 2 Tagen Fummelei kein Problem mehr...

[bgewehr]

Hier noch mal mein

Protokoll des ersten Tages:
-----------------------------------

Datei-Installation:
===============
Dateien 01_frontfhem.pm, 31_frontfhemDevice.pm und fhconverter.pm in das ../fhem/FHEM/ Verzeichnis kopiert, chmod 777 (muss man sicher nicht, aber was wäre empfehlenswert??)
Datei fronthemEditor.js in ../fhem/www/pgm2/ kopiert
chmod 777 (...??)

PERL:
=====
Auf der Kommandozeile die benötigten Perl Module installieren oder prüfen:

Code Auswählen Erweitern


cpan strict
cpan warnings
cpan JSON
cpan URI::Escape
cpan Time::HiRes
cpan Data::Dumper
cpan Socket
cpan Fcntl
cpan POSIX
cpan IO::Socket
cpan IO::Select
cpan Net::WebSocket::Server


smartVISU:
=========
- Grundinstallation:
Ich habe jetzt lighttpd und Raspian verwendet:

Code Auswählen Erweitern


sudo apt-get update
sudo apt-get install lighttpd
sudo apt-get install php5-common php5-cgi php5
cd /var/www
sudo lighty-enable-mod fastcgi-php
sudo service lighttpd force-reload
sudo chown www-data:www-data /var/www
sudo chmod 775 /var/www
sudo usermod -a -G www-data pi
sudo usermod -a -G www-data bananapi
sudo wget http://smartvisu.de/download/smartVISU_2.7.zip
sudo unzip smartVISU_2.7.zip
sudo rm smartVISU_2.7.zip
sudo chmod 777 smartVISU
cd smartVISU
sudo chmod 777 temp

Im Browser http://<deineip>/SmartVISU

Läuft!

- im Ordner /var/www/smartVISU/pages neuen Ordner MeinHaus angelegt
- aus dem Ordner ../pages/_template alles in den neuen Ordner kopiert
- rooms_menu.html an mein Gebäude angepasst
- alle rooms angelegt als Kopie des Beispielraumes und passende icons und Überschriften verteilt
- SmartVISU Seiten bestehen aus Blöcken und Widgets, die immer in doppelten geschweiften Klammern stehen {{ ... }}
- Widget Syntax aus SmartVISU Doku aus SmartVISU.de nachgeschlagen und kopiert
- innerhalb eines Raums zwischen {% block content %} und {% endblock %} als Beispiel folgenden Abschnitt eingefügt:

Code Auswählen Erweitern


<h1><img class="icon" src='{{ icon0 }}scene_livingroom.png'/>Wohnzimmer</h1>
    <div class="preblock">
    </div>
    <div class="block">
        <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
             <div data-role="collapsible" data-collapsed="false" >
                <h3>Licht</h3>
               <table width="90%">
                   <tr><td align="left" width="100px">&nbsp;
{{ basic.switch('Leselampe', 'Leselampe.sw', icon1~'light_floor_lamp.png', icon0~'light_floor_lamp.png') }}
</td><td>Leselampe</td></tr>
              </table>
           </div>
        </div>
    </div>

- Datei gespeichert und Rechte mindestens chmod 755
- smartVISU aufgerufen, eigenes Haus ausgewählt (Ordnername!) und als Treiber DOMOTIGA mit Port 2121 mit der IP des FHEM-Servers oder domotiga.local, wenn auf demselben Gerät auch fhem läuft
- speichern der Config nicht vergessen (Save ganz unten!)

FHEM:
=====
- fronthem device angelegt

Code Auswählen Erweitern

define fronthem fronthem
- Meine Endgeräte (Handy, Tablet) als fronthemDevice angelegt mit Geräte IP-Adresse (zum nachschlagen am Endgerät die IP prüfen oder in der FritzBox nachsehen)

Code Auswählen Erweitern

define Handy fronthemDevice 192.168.178.34
- device Details von Handy öffnen
- aus der itemlist ein smartVISU item ausgewählt (hier: Leselampe.sw, Name ist frei vergebener Text) und die Parameter vergeben:
    device: fhem-Name des fhem-devices (bei mir die Leselampe.sw)
    reading: state
    converter: OnOff
    cmd set: state
    write: ja
    read: ja
    "state" immer klein schreiben und speichern nicht vergessen!
Die Settings für das Device gelten für alle Endgeräte, aber die read/write Rechte müssen für jedes Endgerät separat gesetzt werden.

Ich hab mir noch n Tannenbaum eingebaut (ist ja bald...) und das Icon der Lampen geändert. dazu einfach aus dem  Ordner /var/www/smartvisu/icons/sw das passende Icon aussuchen und dann in den {{ ... }} als Bildernamen z. B.  'scene_x-mas.png' anstelle der oben verwendeten Bilder verwenden.

fertig (für's erste!)!

[gravidi]

Hallo,

wo bekomme ich denn die Module zum testen her? (01_frontfhem.pm etc...)

Habe ich leider in keinen Thread oder Update gefunden.

Grüße

Grav