[FHEM-Tablet-UI] User-Demos

Begonnen von Phil__, 21 Mai 2015, 08:10:10

Vorheriges Thema - Nächstes Thema

Phil__

[FHEM-Tablet-UI] User-Demos

FHEM Tablet UI ist ein leichtgewichtiges aber funktionsreiches Framework zum Steuern und Überwachen von in FHEM integrierten Geräten. Ein Verständnis für HTML Code ist Voraussetzung, um sich die gewünschten Widgets zu konfigurieren. Aber mit einem Texteditor und etwas Copy&Paste  ist man schnell am Ziel.

    1. Sinn des Threads:

-   Zeigen was mit FTUI möglich ist
-   Sein eigenes UI präsentieren und anderen Usern Anregungen und Hilfe bieten.
-   Niemand soll das Rad zum zweiten Mal erfinden müssen
-   Neuen Usern den Einstieg mit zahlreichen Beispielen erleichtern


    2. Wie kann ich anderen meine FTUI zur Verfügung stellen?

-   Screenshots von den FTUI Seiten erstellen ggf. als zip/rar zusammenfassen. Bitte den Screenshots den gleichen Namen wie der passenden html geben.
-   html Seiten/Code am besten als zip/rar zusammenfassen.
-   BITTE auf Urheberrechtsverletzungen achten und ggf. vorher entfernen. Besonders bei Bildern/Logos über deren Rechte man nicht verfügt.
-   Zip/Rar Files und Screenshots hier im Thread posten oder per Email an mich.
-   Ich werde den Code und die Screenshots zusammen mit setstate sichten und allen hier und in einem gesonderten Git zur Verfügung stellen.


    3.   Wie kann ich den html-Code und die Screenshots Downloaden

    -   Aus dem FTUI-User-Demo Git

Git-Clone:

git clone https://github.com/ovibox/fhem-ftui-user-demos.git


    oder unter

Projekt-URL:

https://github.com/ovibox/fhem-ftui-user-demos

    4.   Welche Fragen gehören in diesen Thread?

    -   Alle Fragen rund um die ,,User-Demos", um den originalen Thread etwas zu entlasten.
http://forum.fhem.de/index.php/topic,34233.0.html




Ein paar Beispiele:

Server: Intel DH77EB + Core i3-2120 mit Ubuntu Server 14.04
Backup: Beaglebone Black
Homematic: HM-LAN-Adapter, HM-CC-RT-DN, HM-CC-TC, HM-LC-SW1-PL2, HM-SEC-RHS, HM-SEC-SC, HM-TC-IT-WM-W-EU, HM-WDS10-TH-O
Weitere: Denon-AVR, PhilipsTV, PhilipsHue, Raspi+XBMC
Nexus 7 (WebViewControl + FTUI)

nesges

Die Idee diese Sammlung anzulegen finde ich klasse und hoffe sie wird rege genutzt um die vielen tollen Anwenderbeispiele, die wir gesehen haben, einzusammeln. Daumen hoch! :)

CoolTux

@Phil__
Ich habe mal in meiner Testumgebung Deine User-Demo installiert. Leider lädt er die Icons in den includierten html Files nicht mit. Hast Du da eine Idee wieso das so ist? Kann es sein das die ganze Body geschichte aus der index.html nicht mit übergeben wird?


Grüße
Leon
Du musst nicht wissen wie es geht! Du musst nur wissen wo es steht, wie es geht.
Support me to buy new test hardware for development: https://www.paypal.com/paypalme/MOldenburg
My FHEM Git: https://git.cooltux.net/FHEM/
Das TuxNet Wiki:
https://www.cooltux.net

Phil__

Welche icons meinst du genau? Die auf der index.HTML?
Die verschiedenen Menü htmls hast du und die openautomation fonds in der index.HTML eingebunden?

Hast du einen Screenshot?
Server: Intel DH77EB + Core i3-2120 mit Ubuntu Server 14.04
Backup: Beaglebone Black
Homematic: HM-LAN-Adapter, HM-CC-RT-DN, HM-CC-TC, HM-LC-SW1-PL2, HM-SEC-RHS, HM-SEC-SC, HM-TC-IT-WM-W-EU, HM-WDS10-TH-O
Weitere: Denon-AVR, PhilipsTV, PhilipsHue, Raspi+XBMC
Nexus 7 (WebViewControl + FTUI)

CoolTux

Ich habe wie gesagt Deine html Files 1 zu 1 übernommen. die Icons aus der index werden angezeigt, aber nicht die aus den menu html files. Zum Beispiel wird das Icon aus Home nicht angezeigt.
Die Menü HTMLs waren ja eingebunden und auch die openautomation.css ist ja eingebunden. Also wohl gemerkt in der index.html
Du musst nicht wissen wie es geht! Du musst nur wissen wo es steht, wie es geht.
Support me to buy new test hardware for development: https://www.paypal.com/paypalme/MOldenburg
My FHEM Git: https://git.cooltux.net/FHEM/
Das TuxNet Wiki:
https://www.cooltux.net

Phil__

Ist dein FTUI auf dem neusten Stand? Ist in deiner Testumgebung die include Funktionalität schon vorhanden?
Server: Intel DH77EB + Core i3-2120 mit Ubuntu Server 14.04
Backup: Beaglebone Black
Homematic: HM-LAN-Adapter, HM-CC-RT-DN, HM-CC-TC, HM-LC-SW1-PL2, HM-SEC-RHS, HM-SEC-SC, HM-TC-IT-WM-W-EU, HM-WDS10-TH-O
Weitere: Denon-AVR, PhilipsTV, PhilipsHue, Raspi+XBMC
Nexus 7 (WebViewControl + FTUI)

setstate

Die *.html Files, die keine Links zu den CSS und JS Files im Header haben, können nicht direkt aufgerufen werden. Das funktioniert nur über das pagetab Widget.
Also die Index.html aufrufen und dann per Menü zu den Unterseiten manövrieren.

CoolTux

@Phil__
Ist auf den neusten Stand. Stand von heute Morgen. Die Include Funktionalität habe ich nicht expliziert konfiguriert. Was muß man da machen? Was genau muß ich machen das das mit dem Include sauber geht?

@setstate
Ich rude nicht die Menu HTMLs direkt auf sondern habe schon das Ansichtsproblem wenn ich die index.html aufrufe. Das Problem betrifft aber nur icons welche in includierten html files aufgerufen werden.
Du musst nicht wissen wie es geht! Du musst nur wissen wo es steht, wie es geht.
Support me to buy new test hardware for development: https://www.paypal.com/paypalme/MOldenburg
My FHEM Git: https://git.cooltux.net/FHEM/
Das TuxNet Wiki:
https://www.cooltux.net

Phil__

#8
@CoolTux
Bei den includes musst du nichts explizit konfigurieren. Wenn du eine Aktuelle FTUI Umgebung hast und meine htmls genau so verwendet weiss ich auch gerade nicht weiter. Evtl. mal das Verzeichnis .../tablet/. löschen und alle Files neu aus setstates git laden. Darauf achten das alle, in meiner index.HTML includierten HTML files auch vorhanden sind. Evtl auf Datei Zugriffsrechte achten?!

@setstate
Fällt dir noch was ein? Denn grundsätzlich läuft das bei mir genau so ohne Probleme.
Habe mir gerade eine zweite Testumgebung geschaffen, da läuft es.
Server: Intel DH77EB + Core i3-2120 mit Ubuntu Server 14.04
Backup: Beaglebone Black
Homematic: HM-LAN-Adapter, HM-CC-RT-DN, HM-CC-TC, HM-LC-SW1-PL2, HM-SEC-RHS, HM-SEC-SC, HM-TC-IT-WM-W-EU, HM-WDS10-TH-O
Weitere: Denon-AVR, PhilipsTV, PhilipsHue, Raspi+XBMC
Nexus 7 (WebViewControl + FTUI)

CoolTux

Werde ich mal sofort so machen. Alle Files sind ja nicht da. Habe auch die Index schon mal nur auf das Home gekürzt, hat auch nichts gebracht.
Du musst nicht wissen wie es geht! Du musst nur wissen wo es steht, wie es geht.
Support me to buy new test hardware for development: https://www.paypal.com/paypalme/MOldenburg
My FHEM Git: https://git.cooltux.net/FHEM/
Das TuxNet Wiki:
https://www.cooltux.net

CoolTux

Ich danke Euch, manchmal ist es doch einfacher wie gedacht. Es waren natürlich die zusätzlichen Widgets von nesges nötig.

Soooo Peinlich  :-\
Du musst nicht wissen wie es geht! Du musst nur wissen wo es steht, wie es geht.
Support me to buy new test hardware for development: https://www.paypal.com/paypalme/MOldenburg
My FHEM Git: https://git.cooltux.net/FHEM/
Das TuxNet Wiki:
https://www.cooltux.net

Phil__

Meine Updates sind jetzt im Git, inkl des neuen Abfallkalenders von gestern!

@ALLE

Schickt mir oder Postet hier eure UIs (Screenshots und html)!
Das Projekt lebt vom GEBEN und NEHMEN!

Viele Grüße
Philipp
Server: Intel DH77EB + Core i3-2120 mit Ubuntu Server 14.04
Backup: Beaglebone Black
Homematic: HM-LAN-Adapter, HM-CC-RT-DN, HM-CC-TC, HM-LC-SW1-PL2, HM-SEC-RHS, HM-SEC-SC, HM-TC-IT-WM-W-EU, HM-WDS10-TH-O
Weitere: Denon-AVR, PhilipsTV, PhilipsHue, Raspi+XBMC
Nexus 7 (WebViewControl + FTUI)

StG (DD)

So, hier nun meine User-Demo, noch im Anfangsstadium und Ausbaufähig.

update71

Hi Phil___

danke für dein Interface ... hat mich schon gut weiter gebracht :)

Sag mal die 5. Seite von oben, ist dir da bei der Beschriftung ein Fehler unterlaufen. Dort steht index.png aber das passt mit dem index.html Code nicht :)

Gruß Thomas
Thomas
###########
Raspi mit Fhem, nanoCUL 433 + mehrere Brennstuhl Steckdosen - HM-LAN + Thermostat, 6 fach Taster, Aussensensor - HUEBridge + 3 weiße LEDs ... mehr folgt

Phil__

Zitat von: update71 am 24 Mai 2015, 23:16:51
Hi Phil___

danke für dein Interface ... hat mich schon gut weiter gebracht :)

Sag mal die 5. Seite von oben, ist dir da bei der Beschriftung ein Fehler unterlaufen. Dort steht index.png aber das passt mit dem index.html Code nicht :)

Gruß Thomas
Die angehängten Screenshots sind von nesges und meiner Demo. Nr 5 scheint dann von nesges zu sein.
Server: Intel DH77EB + Core i3-2120 mit Ubuntu Server 14.04
Backup: Beaglebone Black
Homematic: HM-LAN-Adapter, HM-CC-RT-DN, HM-CC-TC, HM-LC-SW1-PL2, HM-SEC-RHS, HM-SEC-SC, HM-TC-IT-WM-W-EU, HM-WDS10-TH-O
Weitere: Denon-AVR, PhilipsTV, PhilipsHue, Raspi+XBMC
Nexus 7 (WebViewControl + FTUI)