FTUI - FHEM Tablet UIStand März 2018: Version 2.6FHEM Tablet UI ist ein leichtgewichtiges und funktionsreiches Framework zum Erstellen von eigenen Userinterfaces für die Steuerung und Visualisierung 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. Kein Scripten notwendig. Nur HTML Blöcke einfügen und die Parameter anpassen.
Mittlerweile gibt es ein großes Interesse an diesem FHEM User Interface und eine sehr nette und absolut kreative Usergemeinschaft mit viel KnowHow. Es gibt inzwischen viele weitere Widgets-Plugins und fast täglich werden es mehr.
Projekt-URLhttps://github.com/knowthelist/fhem-tablet-uiFHEM-Wikihttp://www.fhemwiki.de/wiki/FHEM_Tablet_UIFAQhttps://github.com/knowthelist/fhem-tablet-ui/wiki/FAQLive-Demohttp://knowthelist.github.io/fhem/tablet/demo_widgets.htmlTutorials/Blogshttp://voizchat.de/fhem-tutorial-serie-teil-5-tablet-ui-installieren-und-konfigurierenhttp://raspberrypi.crmvy3qiisdstf8c.myfritz.net/wordpress/?p=355http://www.juergenstechnikwelt.de/smarthome-2/smarthome-mit-fhem-meine-beispielkonfiguration-ueber-google-drive-verfuegbar/https://blog.moneybag.de/fhem-alternatives-frontend-fuer-fhem-tablet-ui/https://www.van-porten.de/blog/2016/01/fhem-installation-on-raspberry-pi/http://www.benjaminroesner.com/blog/fhem-tablet-ui-1/InstallationKein PHP, MySQL oder andere zusätzliche Frameworks notwendig. Läuft in jedem Standard-Browser, jedes Betriebssystem und im Webviewcontrol
In der FHEM Kommandozeile folgenden Befehl eingeben (oder im FHEMWEB Eingabefenster)
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt
Oder von Hand:
- Dateien herunterladen: Zip
- alle Dateien gemäß der Ordnernamen auf den FHEM Server kopieren /<fhem-Pfad>/www/tablet/*
Das UI ist nun über "http://<fhem-url>:8083/fhem/tablet/<myfile>.html" aufrufbar.
Folgende Seiten sind als Grundlage für eigene Seiten inklusive.
"http://<fhem-url>:8083/fhem/tablet/index-example.html" -> Demo UI (Achtung: benutzte Devices evtl. ändern)
"http://<fhem-url>:8083/fhem/tablet/index_empty.html" -> leeres Layout-Gerüst, als minimal Basis
"http://<fhem-url>:8083/fhem/tablet/index_layout.html" -> Demo für die Möglichkeiten der Platzierung von Widgets
"http://<fhem-url>:8083/fhem/tablet/icons_table.html" -> Tabelle aller verfügbaren Icons
"http://<fhem-url>:8083/fhem/tablet/ftui_check.html" -> Debugging-Seite für 2.ten Tag
Jetzt kann man sich eigene Seiten gestalten. z.B. flurtab.html welche dann über "http://<fhem-url>:8083/fhem/tablet/flurtab.html" aufgerufen werden kann.
Standard Widgets- thermostat
- switch
- label
- symbol
- push
- volume
- homestatus
- dimmer
- slider
- weather
- circlemenu
- image
- select
- pagetab
- pagebutton
- level
- rotor
- swiper
- progress
- simplechart
- chart
- highchart
- popup
- readinggroup
- datetimepicker
- eventmonitor
- checkbox
- range
- spinner
- swiper
- tts
Zusätzliche Widgets Quellen nesges:
https://github.com/nesges/Widgets-for-fhem-tablet-ui Achtung: Seit dem 06.09.2016 sind die nesges Widgets nicht mehr kompatible mit der aktuellen VersionAber: einige der nesges Widgets sind jetzt im Haupt-Repository verfügbar
- klimatrend
- button
- clock
- weather
- wind_direction
- iframe
User Widgets Threads- chart (eki)
https://forum.fhem.de/index.php/topic,48562.0.html- todoist (pula)
https://forum.fhem.de/index.php/topic,82883.0.html- weekdaytimer (eki/svenson08)
https://forum.fhem.de/index.php/topic,48106.0.html- scrolllabel (eki)
https://forum.fhem.de/index.php/topic,73497.0.html- imagecover (Reinerlein)
https://forum.fhem.de/index.php/topic,70265.0.html- fullcalview (h3llsp4wn)
https://forum.fhem.de/index.php/topic,48562.0.html- weekprofile (Thorsten Pferdekaemper)
https://forum.fhem.de/index.php/topic,48562.0.html- pinpad (Syrex-o)
https://forum.fhem.de/index.php/topic,79283.msg712855.html#msg712855- gmaps (eki)
https://forum.fhem.de/index.php/topic,78379.0.htmlEigene Widgets erstellen-
https://wiki.fhem.de/wiki/FTUI_eigene_WidgetsUser Tools- FUIP - Fhem User Interface Painter (Thorsten Pferdekaemper)
https://forum.fhem.de/index.php/topic,85869.0.htmlUser-DemosScreenshots und vollständige HTMLs zur Inspiration oder als Kopiervorlage
https://github.com/ovibox/fhem-ftui-user-demosUser-Demos-Threadhttp://forum.fhem.de/index.php/topic,34233.0.htmlAlte 1.5er Versionhttps://github.com/knowthelist/fhem-tablet-ui/archive/v1.5.1.zipScreenshots:
Hier ein paar aktuelle Beispiele, was andere User mit diesem UI Framework schon gebaut haben:
(http://forum.fhem.de/index.php?action=dlattach;topic=34233.0;attach=29336;image)
(http://forum.fhem.de/index.php?action=dlattach;topic=34233.0;attach=29057;image)
(http://forum.fhem.de/index.php?action=dlattach;topic=34233.0;attach=29061;image)