Autor Thema: [FHEM-Tablet-UI] User-Demos  (Gelesen 269190 mal)

Offline Phil__

  • Full Member
  • ***
  • Beiträge: 240
[FHEM-Tablet-UI] User-Demos
« am: 21 Mai 2015, 08:10:10 »
[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:

« Letzte Änderung: 21 Mai 2015, 09:48:16 von Phil__ »
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)

Offline nesges

  • Sr. Member
  • ****
  • Beiträge: 768
    • FTUI Live Demo
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #1 am: 21 Mai 2015, 09:20:37 »
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! :)

Offline CoolTux

  • Developer
  • Hero Member
  • ****
  • Beiträge: 15725
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #2 am: 21 Mai 2015, 16:13:28 »
@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.me/MOldenburg
Mein GitHub: https://github.com/LeonGaultier
kein Support für cfg Editierer

Offline Phil__

  • Full Member
  • ***
  • Beiträge: 240
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #3 am: 21 Mai 2015, 16:23:24 »
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)

Offline CoolTux

  • Developer
  • Hero Member
  • ****
  • Beiträge: 15725
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #4 am: 21 Mai 2015, 16:32:37 »
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.me/MOldenburg
Mein GitHub: https://github.com/LeonGaultier
kein Support für cfg Editierer

Offline Phil__

  • Full Member
  • ***
  • Beiträge: 240
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #5 am: 21 Mai 2015, 16:37:24 »
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)

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 3762
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #6 am: 21 Mai 2015, 16:39:03 »
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.

Offline CoolTux

  • Developer
  • Hero Member
  • ****
  • Beiträge: 15725
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #7 am: 21 Mai 2015, 16:45:48 »
@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.me/MOldenburg
Mein GitHub: https://github.com/LeonGaultier
kein Support für cfg Editierer

Offline Phil__

  • Full Member
  • ***
  • Beiträge: 240
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #8 am: 21 Mai 2015, 17:16:47 »
@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.
« Letzte Änderung: 21 Mai 2015, 17:18:42 von Phil__ »
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)

Offline CoolTux

  • Developer
  • Hero Member
  • ****
  • Beiträge: 15725
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #9 am: 21 Mai 2015, 17:22:42 »
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.me/MOldenburg
Mein GitHub: https://github.com/LeonGaultier
kein Support für cfg Editierer

Offline CoolTux

  • Developer
  • Hero Member
  • ****
  • Beiträge: 15725
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #10 am: 21 Mai 2015, 17:36:33 »
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.me/MOldenburg
Mein GitHub: https://github.com/LeonGaultier
kein Support für cfg Editierer

Offline Phil__

  • Full Member
  • ***
  • Beiträge: 240
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #11 am: 22 Mai 2015, 14:54:57 »
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)

Offline StG (DD)

  • New Member
  • *
  • Beiträge: 26
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #12 am: 24 Mai 2015, 22:07:32 »
So, hier nun meine User-Demo, noch im Anfangsstadium und Ausbaufähig.

Offline update71

  • Full Member
  • ***
  • Beiträge: 106
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #13 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
Thomas
###########
Raspi mit Fhem, nanoCUL 433 + mehrere Brennstuhl Steckdosen - HM-LAN + Thermostat, 6 fach Taster, Aussensensor - HUEBridge + 3 weiße LEDs ... mehr folgt

Offline Phil__

  • Full Member
  • ***
  • Beiträge: 240
Antw:[FHEM-Tablet-UI] User-Demos
« Antwort #14 am: 25 Mai 2015, 08:57:55 »
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)

 

decade-submarginal