Hoanoho Frontend - ONLINE!

Begonnen von Grimm80, 13 November 2014, 13:46:15

Vorheriges Thema - Nächstes Thema

Loredo

Zitat von: l3skon3 am 16 November 2014, 11:21:42
das Passwort des "Manager" lässt sich aber nicht ändern.


Über "Einstellungen -> Persönlich" funktioniert die Änderung. Offenbar jedoch nicht über die Benutzerverwaltung für den aktuell angemeldeten Benutzer. Nehme ich als Anregung mit.
Hat meine Arbeit dir geholfen? ⟹ https://paypal.me/pools/c/8gDLrIWrG9

Maintainer:
FHEM-Docker Image, https://github.com/fhem, Astro(Co-Maintainer), ENIGMA2, GEOFANCY, GUEST, HP1000, Installer, LaMetric2, MSG, msgConfig, npmjs, PET, PHTV, Pushover, RESIDENTS, ROOMMATE, search, THINKINGCLEANER

l3skon3

Zitat von: Loredo am 16 November 2014, 11:43:39


Über "Einstellungen -> Persönlich" funktioniert die Änderung. Offenbar jedoch nicht über die Benutzerverwaltung für den aktuell angemeldeten Benutzer. Nehme ich als Anregung mit.

stimmt hab ich gerade gemacht ;D :D

kamelbullentreiber

Hallo und einen schönen guten Morgen,

nachdem ich mir vor 2 Tagen die X86 ISO heruntergeladen und auf einem alten Thinkpad installiert hatte möchte ich den ersten Eindruck nach 2-tägiger Spielerei mit euch teilen.
http://youtu.be/UnDZNSX19q8?list=UUmXjoS4mznRsmJI2icAslqw

Hier sieht man in etwa die Anordnung von Geräten per Drag and Drop sowie die möglichen Variationen.

Ich vermute mal das Dansch und sein Team hier einmal die "Basisvariante" bereitgestellt haben-ich denke da kommt noch was...(Streamradio..??)

Ich habe mehrere HM Geräte problemlos einbinden können (TF_Melder,Bewegungsmelder,Relais,Thermostat) obwohl ich ein absoluter DAU bin und ich mich nur mit Lesen in diesem Forum mit dieser für mich neuen Materie zurecht finde.

Aber-absolut großartiges Forum hier...Danke das Ihr euer Wissen teilt....

Gruß Thomas

Loredo


Danke dir Thomas für dein Video! Die Live-Variante zeigt noch ein paar mehr Funktionen und dürfte auch dir, @Steffen, helfen um zu verstehen, was man konfigurieren muss. Eigentlich ist dann alles ziemlich selbsterklärend. Nur ein paar wenige Hinweise, die notwendig sein könnten:


1. Die Steuerungskonfiguration passiert in dieser Reihenfolge:
- Geschoss anlegen und Grundriss hochladen. Optimal ist derzeit eine Auflösung von 640x480 Pixel.
- Räume definieren und den Geschossen zuordnen.
- Gerätetypen definieren und entsprechende Icons für den Status zuordnen.
- Anschließend können die tatsächlichen Geräte bei den Geschossen mit dem jeweiligen Gerätetyp angelegt werden


2. Geschosse, die eine Position "0" haben, werden in der Benutzeransicht nicht angezeigt. Erst wenn man einen Wert >1 setzt, ist das der Fall. Das ist dafür gedacht, um Geschosse auch für den Benutzer ausblenden zu können.


3. Icon Dateien müssen derzeit noch einzeln hochgeladen werden. Sprich, man benötigt einen Satz eigener, passender Dateien. Im Hoanoho-Quellcode sind unter /img/iconset oft verwendete Icons vorhanden, diese sind aktuell aber noch nicht in der Weboberfläche auswählbar. Läd man sich die Icons auf den lokalen Rechner, kann man sie aber natürlich entsprechend verwenden.


4. Man muss zuerst in FHEM das entsprechende Gerät konfigurieren. Anschließend kann man in der Hoanoho-Oberfläche das Gerät im jeweiligen Geschoss hinzufügen. Für die korrekte Zuordnung muss dafür der "FHEM Name" mit dem Gerätenamen in der FHEM Konfiguration übereinstimmen.




Zum Thema Webansichten:

Neben der Rich Tablet Oberfläche gibt es auch eine mobile Ansicht, die automatisch aufgerufen wird, wenn man mit einem Smartphone zugreift.
Außerdem gibt es noch die Wall-Tablet Oberfläche, die man direkt aufrufen muss, also z.B. https://192.168.178.135/tablet/.


In allen Varianten (Rich Tablet, Mobile oder Wall Tablet) besteht die Möglichkeit, die Seite als Webapp abzuspeichern und sich als Icon (z.B. auf einem iPad oder iPhone) abzulegen. Um sich dabei den Login bei jedem Aufruf zu sparen, kann man in der Benutzerverwaltung neben dem gewünschten User einen Quick-Login Token kopieren, den man einfach an die URL hinten anhängt. Der Login passiert dann automatisch. Um dies in die Webapp mit zu übernehmen, loggt man sich mit Hilfe des Quick-Login Tokens auf dem jeweiligen Gerät ein und speichert sofort die Seite als Webapp ab (iOS: "zu Homescreen hinzufügen"), bevor man irgendwo anders hin navigiert. Ansonsten geht der Token verloren und man muss sich weiterhin manuell einloggen. Diese Art der Anmeldung ist insbesondere für Wall Tablets gedacht (Tipp: eigenen User dafür anlegen), funktioniert aber natürlich auch auf jedem persönlichen Gerät prima.



Hat meine Arbeit dir geholfen? ⟹ https://paypal.me/pools/c/8gDLrIWrG9

Maintainer:
FHEM-Docker Image, https://github.com/fhem, Astro(Co-Maintainer), ENIGMA2, GEOFANCY, GUEST, HP1000, Installer, LaMetric2, MSG, msgConfig, npmjs, PET, PHTV, Pushover, RESIDENTS, ROOMMATE, search, THINKINGCLEANER

coolice

Hallo und guten Abend. Gibt es eine Anleitung wie man das Frontend installiert und zum laufen bekommt?

QuesT

Danke dafür, sieht sehr gut aus.
Weiter so.

hmtec99

Hallo Leute,

danke für die Veröffentlichung. Ich weiß nicht mehr wie lange ich darauf gewartet habe. War schon
dabei das Thema HA mehr oder weniger zu begraben, da geringe bis gar keine Akzeptanz der besseren
Hälfte.

Ich habe mir die Iso in Virtualbox installiert und mich die ganze Zeit gefragt wie ich FHEM einbinde bzw.
was dieses FHEM-Admin soll und warum die konfigurierten Geräte in Hoanoho nicht funktionieren.

Bis mir klar wurde, daß das ISO FHEM enthält !! :-[

Wie kann die diese Installation testweise mit meiner bestehenden FHEM Installation auf einer Fritzbox
verwenden?

Gruß, Oliver


Loredo

Zitat von: coolice am 16 November 2014, 17:48:47
Hallo und guten Abend. Gibt es eine Anleitung wie man das Frontend installiert und zum laufen bekommt?

Der Quelltext enthält eine Readme-Datei, die Hinweise für eine eigenständige Installation gibt:
https://github.com/Hoanoho/Hoanoho/blob/master/README.md

Es ist allerdings nicht trivial alle Abhängigkeiten korrekt zu installieren. Auch möchte man für ein Produktivsystem sicherlich aus Sicherheitsgründen einige zusätzliche Programme installieren (z.B. Reverse-Proxy mit Websocket Support). Wer kein erfahrener Linuxer ist, wird es da schwer haben. Deshalb empfehlen wir das Linux ISO zu installieren. Später wird es auch ein RaspberryPi Image geben, anschließend wird HSE (=Hoanoho System Environment) so erweitert werden, dass man es auch auf einem nackten Linux installieren kann.
Dennoch wird eine manuelle Installation immer aufwändig bleiben und nichts für Linux Anfänger. Man kann aber das ISO Image auch als Vorlage sehen, wie man alles konfigurieren muss und die Konfiguration studieren - oftmals lernt man ja dadurch am meisten (so geht es mir zumindest).

Zitat von: hmtec99 am 16 November 2014, 21:13:29
Bis mir klar wurde, daß das ISO FHEM enthält !! :-[


Das ist richtig, es ist eine fix und fertig integrierte Systemumgebung aus Hoanoho und FHEM.

Zitat von: hmtec99 am 16 November 2014, 21:13:29Wie kann die diese Installation testweise mit meiner bestehenden FHEM Installation auf einer Fritzboxverwenden?


Die Installation auf einer Fritzbox ist nicht möglich, da z.B. ein eigener Webserver, PHP, MySQL und Node.js benötigt werden. Die genauen Abhängigkeiten stehen in der oben genannten Readme-Datei. Hoanoho muss deshalb auf einem eigenen Rechner installiert werden. Das geht derzeit Out-of-the-Box auf Geräte wie einem Intel NUC (mit dem ISO Image direkt) oder auf Systemen mit einer Virtualisierungsplattform wie ESX oder Proxmox. Für den RaspberryPi wird es wie oben erwähnt einmal ein fertiges Image geben. Wer dies nicht abwarten kann oder ein anderes System einsetzt, der hat die Möglichkeit die Oberfläche manuell zu installieren und in seine bestehende Umgebung zu integrieren. Das kann je nach Kenntnisstand schwierig sein und u.U. auch zu unsicheren Installationen führen, die dann zwar grundsätzlich funktionieren, jedoch nicht unbedingt als sicher angesehen werden können.


Gruß
Julian
Hat meine Arbeit dir geholfen? ⟹ https://paypal.me/pools/c/8gDLrIWrG9

Maintainer:
FHEM-Docker Image, https://github.com/fhem, Astro(Co-Maintainer), ENIGMA2, GEOFANCY, GUEST, HP1000, Installer, LaMetric2, MSG, msgConfig, npmjs, PET, PHTV, Pushover, RESIDENTS, ROOMMATE, search, THINKINGCLEANER

flipkill

Hallo,

hat nun alles geklappt mit den Geräten in FHEM, wie sieht es aus wird auch irgendwann MAX! Heizkörper Thermostate unterstützt werden?

Gruß Jan

Steffen

#39
Hallo!

Konnte nun gestern Abend ein wenig genauer Testen und muss sagen bin doch schon sehr begeistert von eurer Arbeit!

Wie ihr schon mal erwähnt hattet ist wenn man erstmal die Grundlage von eurem Frontend verstanden hat der Rest sich fast selber erklärt,
hier und dann muss man erst mal ein wenig durch fummeln.

Ein paar Fragen hätte ich doch noch mal:

- An der Pinwand hat man die Option Abfalltermin, ist es möglich diese aus einem Calview Format oder aus einem Ical Format einzufügen?


Dann noch eine Sache, habe versucht meine Webcam ein zu binden(hootoo"IP206"), Ip,Benutzer,Passwort und Port eingegeben doch leider zeigt er mir kein Bild,
in fhem hatte ich so eingebunden:

define BabyCam1 weblink htmlCode <img width="320" height="240" border="4" hspace="13" src="http://xxxxxxxxxx:8091/videostream.cgi?user=xxxxxxxxxxx&pwd=xxxxxxx&resolution=64&rate=0"><br><br>
attr BabyCam1 htmlattr width="320" height="240" frameborder="0" marginheight="0"
vielleicht habt ihr ja ne Lösung wie man es ins Frontend einbinden könnte?!?

Mfg Steffen

dansch

#40
Zitat von: flipkill am 16 November 2014, 22:06:09
Hallo,

hat nun alles geklappt mit den Geräten in FHEM, wie sieht es aus wird auch irgendwann MAX! Heizkörper Thermostate unterstützt werden?

Gruß Jan

Wir werden uns nicht mit Aktoren und Sensoren austatten die wir nicht selbst verwenden => das ist ein Kostenaufwand, den wir zusätzlich zur eigentlichen Programmierung nicht stemmen wollen. Ich denke das versteht ihr. Deshalb gibt es hierfür zwei Lösungsmöglichkeiten:

a) Sich selbst am Projekt beteiligen und den Support für diese Geräte übernehmen (Programmierung, Wartung, Support)
b) Wer a) nicht will oder kann, kann zumindest die Geräte oder Geld für Geräte spenden damit wir diese sukzessive implementieren können. Details dazu dann gerne per PN.

dansch

#41
Zitat von: Steffen am 17 November 2014, 08:26:21
Hallo!

Konnte nun gestern Abend ein wenig genauer Testen und muss sagen bin doch schon sehr begeistert von eurer Arbeit!

Wie ihr schon mal erwähnt hattet ist wenn man erstmal die Grundlage von eurem Frontend verstanden hat der Rest sich fast selber erklärt,
hier und dann muss man erst mal ein wenig durch fummeln.

Ein paar Fragen hätte ich doch noch mal:

- An der Pinwand hat man die Option Abfalltermin, ist es möglich diese aus einem Calview Format oder aus einem Ical Format einzufügen?


Dann noch eine Sache, habe versucht meine Webcam ein zu binden(hootoo"IP206"), Ip,Benutzer,Passwort und Port eingegeben doch leider zeigt er mir kein Bild,
in fhem hatte ich so eingebunden:

define BabyCam1 weblink htmlCode <img width="320" height="240" border="4" hspace="13" src="http://xxxxxxxxxx:8091/videostream.cgi?user=xxxxxxxxxxx&pwd=xxxxxxx&resolution=64&rate=0"><br><br>
attr BabyCam1 htmlattr width="320" height="240" frameborder="0" marginheight="0"
vielleicht habt ihr ja ne Lösung wie man es ins Frontend einbinden könnte?!?

Mfg Steffen

ical wird für den Abfallkalender unterstützt, siehe Einstellungen den Punkt "URL zum iCal Abfallkalender:".
Einfach dort URL zur ical Datei eintragen und los gehts.

Die Webcam musst du natürlich als Gerät anlegen. Dort in den Einstellungen des Geräts kannst du die IP, Port, Username und Passwort für die Cam eintragen.
Dann funktionierts auch damit, wichtig ist: Die Cam muss einen Videostream per Web bereitstellen.

Pythonf

Bezüglich Hoanoho habe ich eine Frage, die möglicherweise nicht perfekt zu diesem Thread passt, aber welche im Zusammenhang damit gekommen ist. Ich wollte Hoanoho zuerst auf meinem bereits laufenden FHEM-Server (Cubietruck) testen, da mir aber die Erfahrung mit Linux fehlt, habe ich dieses Projekt vorerst aufgegebn und Hoanoho in VirtualBox installiert. Alles läuft gut und ich bin begeistert! Hier nochmal ein fettes Danke an die Entwickler - Super Arbeit, ich freu mich auf die Entwicklung des Projektes. Würde selber gerne mithelfen, aber ich fürchte meine Programmiererfahrung reicht nicht aus.

Zur Frage:
Kann ich über ein laufendes Hoanoho ohne konfiguriertes FHEM einen konfigurierten FHEM-Server steuern (FHEM2FHEM hilft mir hierbei irgendwie nicht weiter).
Quasi ein übertragen aller bzw synchronisieren der beiden FHEM-Installationen (Im Idealfall nur von System A nach System B synchronisieren, nicht anders herum)?

Grüße
Fabian

dansch

#43
Zitat von: Pythonf am 17 November 2014, 22:48:48
Bezüglich Hoanoho habe ich eine Frage, die möglicherweise nicht perfekt zu diesem Thread passt, aber welche im Zusammenhang damit gekommen ist. Ich wollte Hoanoho zuerst auf meinem bereits laufenden FHEM-Server (Cubietruck) testen, da mir aber die Erfahrung mit Linux fehlt, habe ich dieses Projekt vorerst aufgegebn und Hoanoho in VirtualBox installiert. Alles läuft gut und ich bin begeistert! Hier nochmal ein fettes Danke an die Entwickler - Super Arbeit, ich freu mich auf die Entwicklung des Projektes. Würde selber gerne mithelfen, aber ich fürchte meine Programmiererfahrung reicht nicht aus.

Zur Frage:
Kann ich über ein laufendes Hoanoho ohne konfiguriertes FHEM einen konfigurierten FHEM-Server steuern (FHEM2FHEM hilft mir hierbei irgendwie nicht weiter).
Quasi ein übertragen aller bzw synchronisieren der beiden FHEM-Installationen (Im Idealfall nur von System A nach System B synchronisieren, nicht anders herum)?

Grüße
Fabian

Danke, freut uns das es dir gefällt!

Schau dir mal die Datei fhem.php an, dort werden die Daten vom Frontend an FHEM übergeben. Natürlich muss FHEM dann auch die aktuellen Statis in die MySQL Datenbank von Hoanoho schreiben, damit der Socketserver Statusänderungen mitbekommt und an die Clients melden kann.
Heißt im Klartext:
a) unter Einstellungen\Allgemein\Backend URL die FHEM URL zu deinem Cubietruck eintragen
b) deine bestehende FHEM Installation auf dem Cubietruck so anpassen dass FHEM in die MySQL Tabelle von Hoanoho schreibt.

Daniel

Steffen

Zitat von: dansch am 17 November 2014, 20:41:25
ical wird für den Abfallkalender unterstützt, siehe Einstellungen den Punkt "URL zum iCal Abfallkalender:".
Einfach dort URL zur ical Datei eintragen und los gehts.

Die Webcam musst du natürlich als Gerät anlegen. Dort in den Einstellungen des Geräts kannst du die IP, Port, Username und Passwort für die Cam eintragen.
Dann funktionierts auch damit, wichtig ist: Die Cam muss einen Videostream per Web bereitstellen.

Also den Link hatte ich schon eingefügt:
http://www.sbazv.de/entsorgungstermine/klein.ics?city=Mittenwalde&district=Ragow&street=Lindenhof
aber was muss ich dann tun? Habe im Einstellung>Pinwand>Bereich hinzufügen>Abfallmeldung eingestellt aber es kommt leider keine Anzeige von irgendwelchen Daten?!

Ipcam hatte ich auch mit zwei unterschiedlichen Cam versucht aber es kommt leider kein Bild, wenn ich aber hier auf meinem Android-Tablet in einer App(IpCamViewer) das gleiche eingebe(IP,Benutzer,Passwort) bekomme ich sofort ein Bild angezeigt?!

Ich weiß es es schwer zusagen was woran liegen könnte aber vielleicht habt ihr ja doch eine Idee.

Mfg Steffen