Wie beginnen mit FTUI

[aramis]

Hallo zusammen,

ich möchte gerne meine FHEM Installation mit einer FTUI erweitern.
FTUI ist installiert und die Sample-Page ist erreichbar.
Wie das Implementieren mit den Schaltern, Anzeigen von Readings ist mir soweit klar.
Wie das Ergebnis aussehen soll habe ich grob im Kopf. Musste ja die WAF erreichen 

Mir fällt es im Moment nur unheimlich schwer wie ich mit dem grundsätzlichen Aufbau anfangen soll.
Sprich erst das Design und dann die einzelnen Schalter, Readings usw.? Oder genau umgekehrt. Also erst die Funktionen und dann das Design?
Wie seid ihr hier vergangen? Was würdet Ihr mit dem wissen von heute anders machen wenn Ihr nochmals beginnen würdet?

Über Tipps und Tricks wäre ich euch dankbar.

Bis dahin euch allen alles gute 

[mr_petz]

Hi. Ich würde erst die Funktionen erstellen/bewerkstelligen und danach das Kosmetische...
Lg mr_petz

[Thorsten Pferdekaemper]

Hi,
hast Du Dir schonmal FUIP angeschaut?
https://wiki.fhem.de/wiki/FHEM_User_Interface_Painter
https://pferdekaemper.com/fuip/docu.html
(Die Bilder sind nicht mehr so ganz aktuell, man kann inzwischen auch schönere Sachen damit machen.)
Gruß,
    Thorsten

[satprofi]

https://wiki.fhem.de/wiki/FHEM_Tablet_UI

[aramis]

Hallo zusammen,

@mr_petz: Hattest du von vorne rein alle Funktionen gehabt oder kamen bei dir nach und nach mehr dazu?
@Thorsten Pferdekaemper: Ja das hatte ich. Danke dir trotzdem für die beiden Links.
@satprofi: Den Link kannte ich bereits. Jedoch geht es mir darum mit was ich anfange. design oder Funktionen.

Beste Grüße
aramis

[mr_petz]

Ich habe mir zuerst ein demo-file genommen und alles was ich benutzen wollte darin/damit getestet wie und was geht und womit ich klar gekommen bin.
Danach habe ich mir meine eigenen Steiten inkl. menü erstellt und die ja dann fertigen Funktionen integriert.
Es kommt natürlich stetig was dazu, aber dann weiss man ja wie es einzufügen geht.
LG mr_petz

Edit: So ist meine herangehensweise. Man muss ja erst die einzelnen widgets verstehen bevor man sie einbaut. Das ist aber nur meine persönliche Meinung...

[Thorsten Pferdekaemper]

Hi,
das ist jetzt schon fast eine prinzipielle Frage, also "Wie geht Software-Entwicklung richtig?". Darüber gibt es ziemlich viel Material, also wird das wohl niemand abschließend beantworten können.
Meiner Meinung nach (ob jetzt FTUI, FUIP, C++, Python oder sonstwas ist dabei egal): Klein anfangen und auch die kleinen Inkremente ordentlich zu Ende entwickeln. Wenn er erste Teil geht, dann das nächste hinzufügen. So hat man relativ schnell was funktionierendes und hält sich nicht ewig auf.
Also für FTUI (oder auch FUIP  ) würde ich mal mit einer einzelnen Lampe oder einem einzelnen Thermostaten anfangen und das auch hübsch machen. ...und dann das nächste dazu.

Natürlich kann man sich auch einen Plan machen, der von Anfang an schon alles enthält. Wenn man einen sehr guten Überblick über die verwendeten Konzepte hat, dann kann das auch funktionieren. Man könnte sogar glauben, dass das im Endeffekt schneller zum Ziel führt, aber die Erfahrung zeigt, dass das oft eben nicht so ist.

Gruß,
   Thorsten

 

[misux]

Interessant wäte die philosophie dahinter die du fahren willst...

Willst du auf einen Blick alle Wichtigen Informationen sehen und geräte Bedienen
oder
willst du viele Räume haben und in diesen alles sehen und bedienen?

Das erste wäre an sich eine fast "Dark Cockptit Coccept" und kommt aus der Fliegerei:
Man hat an sich eine gute Übersicht über alles wichtige und alles was man direkt und schnell schalten möchte.
Bedeutet: es sind nur Schalter zu sehen die immer und direkt genutzt werden sollen und diese sind alle ind einem "dunklen Stil" dargestellt wenn sie aus sind. Sind diese an, leuchten sie stark unterschiedlich zu allen ausgeschalteten damit man schnell und sofort auf einen Blick sehen kann was an ist.
Oder man hat eben keine schalter, sondern nur welche, die erscheinen, wenn sie an sind! Beispiel wären tür/Fenstersensoren.
Bei mir habe ich im untersten Bereich des Tablets Platz für solche sachen... Wenn ein Fenster geöffnet ist, ist es dort sichtbar und hell erleuchtet, ist das Fenster geschlossen ist dort nichts!

Das andere wäre das standart Concept mit den Räumen...
Nicht mein Ding... ich stelle mich nicht ewig vors Tablet um was zu erfahren oder irgendwo zu schalten...

Die Bilder zeigen einmal mein Küchentablet, klein Kompakt und nur das wichtigste. Unten im Informationsfeld tauchen dann Fenstersensoren, oder Lichtschalter die ich nicht einschalten, aber gern ausschalten wenn nötig wie z.B. gewisse außenleuchten oder Kinderzimmerbeleuchtung oder Verstärker usw...
Warum der Schalterbereich auf dem PC so zusammengedrückt ist weiß ich nicht, auf dem Tablet mit dem FullyBrowser ist es sauber verteilt...

Das Zweite Bild ist ein Teil meiner FTUI im Wohnzimmer.

[Dracolein]

Ich habe mir zuerst ein Layout überlegt, wie mein Dashboard grundsätzlich am Ende strukturiert sein soll
- Menü? ja/nein/links/rechts/oben...
Mitlhilfe des Grids lässt sich sehr einfach ein (noch leeres) Dashboard gestalten.
Als dies Layout fertig strukturiert und für das entspr. Anzeigegerät "justiert" war, begann ich Stück für Stück jedes Grid-Element mit Inhalt zu füllen.
Erstmal mit einem einzigen Schalter beschäftigt und Farben und Optiken festgelegt. Welche Farbe soll er haben, wenn aktiv, soll ein Icon enthalten sein, soll selbiges sich beim Schaltzustand verändern und so weiter. Nachdem dieser erste Schalter fertig war, brauchte ich den Code nur noch copy&past für weitere Devices nutzen.
Gleiches Vorgehen für irgendwelche Informationen wie Raumtemperaturen & Co.

Am Ende sieht das Ganze bei mir irgendwie so aus, wie im Anhang.
- Vertikales Menü
- Statusleiste unten
- Wichtigstes auf einen Blick

[grossmaggul]

Mein Konzept ist, ich habe keins.

Ich habe zwar eine grobe Vorstellung, aber ich lege meist einfach los und sehe was sich ergibt, dadurch sind meine Oberflächen auch in einem ständigen Fluss.

Dabei kommt dann sowas raus.(FTUI3)

[Thorsten Pferdekaemper]

Darf man fragen, was durch die Minions symbolisiert wird?

[misux]

Würde ja fast sagen das ist die Anwesenheitserkennung... Hell leuchtende Minions sind Anwesend und der dunklere ist abwesend...

[curt]

Das erste wäre an sich eine fast "Dark Cockptit Coccept" und kommt aus der Fliegerei:
Man hat an sich eine gute Übersicht über alles wichtige und alles was man direkt und schnell schalten möchte.

Irgendwann wird es wohl nur noch mit FTUI3 weitergehen, hast Du Dir das schon mal angesehen? Ich habe angefangen, den ersten Bildschirm umzusetzen. Entweder bin ich blöd - oder da ist ziemlich viel weg, was FTUI ausmachte.

Die Bilder zeigen einmal mein Küchentablet, klein Kompakt und nur das wichtigste.

"Kaffee ist fertig" ist ja herzallerliebst.

[grossmaggul]

Darf man fragen, was durch die Minions symbolisiert wird?

misux hat's erfasst.

Entweder bin ich blöd - oder da ist ziemlich viel weg, was FTUI ausmachte.

Zum ersten Teil Deiner Aussage möchte ich mich jetzt nicht äußern( ), aber was fehlt denn Deiner Meinung nach noch, was FTUI ausmachte?

[misux]

Irgendwann wird es wohl nur noch mit FTUI3 weitergehen, hast Du Dir das schon mal angesehen? Ich habe angefangen, den ersten Bildschirm umzusetzen. Entweder bin ich blöd - oder da ist ziemlich viel weg, was FTUI ausmachte.

"Kaffee ist fertig" ist ja herzallerliebst.

Jaha! in den Fingern gejuckt hats mich schon oft und immernoch.... Hatte bis jetzt Keine Zeit für gehabt... Aber auch das kommt noch... Aber mehr als bei FTUI2 brauche ich nicht. Es muss einfach und übersichtlich sein.

Wegen dem Kaffe...  Jaha! In verbindung mit den Echos ist auch im Keller beim malochen die Kaffezeit gesichert! Und um das Kind ausm Zimmer zu locken muss man nicht mehr so brüllen...
Braucht alles kein Mensch, aber es vereinfacht viele Dinge und macht es lebenswert...

Und hier nochmal ein Bild wie es auch in der Küche aussieht in echt... Naja, die Spiegelungen muss man sich wegdenken...