Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar

[legro]

Hallo @bananajoe

Wenn ich deinen Beitrag lese, wird mir einiges klarer. Auf dem Gebiet scheint ja noch einiges ungelöst.

Hier beklage ich, dass ich mich als Anfänger ziemlich verwirrt durch all das Ganze durcharbeiten muss.

Wenn ich deine Ideen recht verstehe, liegt deine und wohl auch meine Problematik an den verwendeten Farbräumen RGB, CIE, .. Hier habe ich etwa zu RGB -> CIE gefunden.

Könnte man RGB in CIE umrechnen, so scheint es mir, wären unser beider Probleme gelöst. (Nur bin ich mir als Anfänger keineswegs sicher, ob ich das richtig einschätze.) RGB funktioniert bei dir ja anscheinend problemlos. Das Color Slider Widget kann offenbar kein RGB und bei mir beherrschen die OSRAM lightify kein CIE.

HUE Lampen kann ich mit diesem Widget steuern. Allerdings verstehe ich noch überhaupt nicht, wie sich hierbei die Einstellungen zur Farbtemperatur und Farbwerten offenbar gegenseitig beeinflussen.

Ich bin sehr auf die Antworten der Entwickler gespannt.

[BananaJoe]

@legro
Also das Color Slider Widget kann 3 Dinge:

Ich nutze HEX wo dann die Schreibweise

#AABBCC

erwartet wird, also mit dem # davor. Da ich mich per Skript selbst um die Übersetzung zwischen Tasmota und VIS kümmere habe ich mir einen Datenpunkt ohne (Color) und einen mit # (Color2) gebaut.

Ich habe da heute nach drüber gegrübelt wie ich das per Skript lösen kann.
Der Color Slide - so meine laienhafte Vermutung - arbeitet dem Hue Prinzip in welchem die Farbe zwischen 0 und 359 angegeben wird:

Also müsste ich die Farbe als HUE Wert zur Verfügung stellen und auswerten.

Der Color Slider kann ansonsten ja noch RGB - wo ich unterstellt habe das er die RGB Werte dann schlicht als 3 Einzelwerte haben will und bei CIE als 2 Zahlen mit Komma getrennt, 0.15,0.27 zum Beispiel

Mal schauen wie man das alles umrechnen kann

[BananaJoe]

@maas-meister
Na super, nachdem ich das durch mühsames zusammensuchen selbst gelöst hatte ...
die neue Option hatte ich noch gar nicht gesehen.

@jkvarel Die Hilfe-Seite müsste bitte mal um ein paar Erklärungen für neueren Widget erweitert werden

[legro]

@bananajoe

Den Farbraum CIE kann man bei HUE-Lampen direkt verwenden, indem man das Widget an den Datenpunkt xy bindet. Dies erlaubte mir, die Philips Lampen zu steuern. So wie es aussieht, wird bei jeder Änderung der Farbtemperatur eine ggf. vorhandene Farbe auf Weiß unter Berücksichtigung der gewählten Farbtemperatur zurückgesetzt.

RGB wird vom Widget als #rrggbb (hexadezimal) erfasst. Für meine OSRAM lightify Lampen muss ich demnach wohl oder übel als Krücke drei Datenpunkte für die drei Grundfarben mittels Blockly einpflegen. Wenn ich dich recht verstehe, hast du dies auch gemacht.

[jkvarel]

@legro @BananaJoe

Die Colorslider unterstützt, wie bereits erwähnt wurde, HEX, RGB und CIE (xy).
HEX => 1 Datenpunkt mit HEX-Code (Beispiel: #ffffff)
RGB => 3 Datenpunkte für rot, grün und blau (Jeder Datenpunkt enthält einen Wert zwischen 0 und 255)
CIE => 1 Datenpunkt mit x und y kommagetrennt

Die Colorslider können nur den HUE Farbraum darstellen. Jegliche Änderung der Helligkeit führt daher zur falschen Darstellung. D.h. es muss sichergestellt werden, dass die Werte, die der Slider erhält auch nur den Farbton angeben und nicht auch die Helligkeit.

@legro
Beschriftung ist um dem Slider einen Titel zu geben. Wenn du zum Beispiel mehrere Slider hast, weiß du vielleicht nicht welcher für was ist. So kannst du denen einen Namen geben. Die Ausrichtung der Texte kann aktuell nicht beeinflusst werden

[jkvarel]

@tg70 ist aktuell leider nicht möglich. Ich nehm das mal mit auf. Ich kann dir aber nicht sagen, wann ich dazu komme das umzusetzen. Mach am besten bei GitHub ein Enhancement Issue auf. Hier wird das sonst nur untergehen. Dort kann ich dir dann bescheid geben, wenns drin ist

[jkvarel]

@bastian-lahrmann der Fehler ist mir bekannt. Ich bin dabei nach einer Lösung zu suchen. Wird mit dem nächstem Update behoben

[legro]

@jkvarel

Vielen Dank für deine ausführlichen Erläuterungen. Dank der hier gefundenen Erklärungen habe ich nun leidlich verstanden, wie das mit den Farbräumen funktioniert.

Dass ich bei RGB zunächst nicht bemerkt habe, dass drei Datenpunkte eingeblendet wurden, war keine Farbsehschwäche, sondern mangelnde Konzentration.

Zunehmend komme ich dank eurer Hilfestellungen mit euren Widgets immer besser zurecht. Wäre es nicht an der Zeit, eure Hilfe (WIKI) zu den Widgets zu überarbeiten/ergänzen? So würden sich viele Fragen für (mich als) Anfänger erübrigen und ihr hättet mehr Zeit eure sehr guten Widgets weiterzuentwickeln.

[legro]

Nachdem ich nun meine Lampen in Helligkeit, Farbtemperatur und Farbwerten steuern kann, kommt das nächste Projekt: Rollladensteuerung.

Ehrlich gesagt habe ich noch keine ausgereifte Idee. Hier nun meine noch völlig unausgereiften Gedanken ..

• MultiWidget verwenden, um unterschiedliche Bilder (offen/geschlossen) anzuzeigen.
• Zusätzlich einen vertikalen Slider, um den Öffnungsgrad zu steuern
• Aber wie realisiere ich komplett öffnen/schließen?

.. oder ..

• 2-fach MultiButton verwenden für AUF/ZU
• eigenen Button für STOP
• vertikaler Slider für Öffnungsgrad

.. oder ..

• ???

Könnten bitte jene, die hier schon Lösungen gefunden haben, diese zum Besten geben?

Nachtrag ..

Im Github fand ich diese Nachfrage, die gleich fast schon wie eine Lösung daherkommt.

[BananaJoe]

@jkvarel
ich habe meine RGB Steuerung umgesetzt bekommen mit dem Farbregler und der Helligkeit.

Und da muss ich doch noch mal ein extra dickes Lob aussprechen: Allein dafür das ich bei meinem gewünschten Slider für die Helligkeit im Feld für die Slider Balken - Farbe einfach ein

linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);

einsetzen konnte (mit einem CSS Web Generator erstellt) und er das auch noch wie gewünscht darstellt:

Lob und Anerkennung an dich (und deinen Bruder)!

[legro]

@jkvarel @skvarel

Nach längerem Grübeln, kann ich (m)eine erste Lösung vorstellen.

• Die beiden Tasten (MultiButton) mit den Pfeilen sorgen für ein Hoch-/Runterfahren (slider auf 100 bzw. 0 setzen).
• Mit der Schaltfläche STOP (Widget state mit Verweildauer=2), kann ich eine Bewegung des Rollladens abbrechen, indem der entsprechende Datenpunkt für 2s von false auf true geschaltet wird. Leider nimmt das Widget für die Zeit seiner Aktivierung (Verweildauer=2) nicht die Farbe Grün an. Kann man das irgendwie einstellen?
• Mittels des Schiebereglers (Option: Wert bei Loslassen aktiv), kann ich jede gewünschte Position ansteuern.

Wie die Abbildung zeigt, sieht das Ganze optisch nicht gerade schön aus. Der Hintergrund des Sliders ist ein hellgraues Quadrat. Wie kann ich den anpassen? (Transparenz? Farbe?)

Wünsche ..

Wünschen würde ich mir, ich könnte den STOP Button in die Reihe der Pfeil-Buttons einfügen. Dazu müsste jedoch das MultiButton-Widget sich mit mehr als nur einen Datenpunkt verbinden lassen.
Wenn dies möglich wäre, könnte man den vertikalen Schieberegler (Slider) in gleicher Höhe wie die drei Buttons rechts daneben anordnen und man hätte eine wunderschöne, kompakte Darstellung.

PS: Statt in Worten mich zu bedanken, habe ich ein kleines Dankeschön in € gesandt. Hoffentlich motiviert es nicht nur euch, eure hervorragende Arbeiten fortzusetzen, sondern auch andere Nutzer, dies mir gleichzutun.

[BananaJoe]

@legro
Wenn du 3 Einzel-Widgets für Rauf, Runter und Stop nimmst statt des Multiwidgets, dann kannst du die doch in eine Reihe packen? Umständlicher aber so ist das wenn man Sonderwünsche hat

Bei mir haben die Slider ab Werk einen Transparenten Hintergrund, such mal die Felder ab in denen du überall eine Farbe eingetragen hast. Wenn du den Wert rauslöscht nimmt er Transparent.

[legro]

@bananajoe said in vis-inventwo v.2.x.x:

Wenn du 3 Einzel-Widgets für Rauf, Runter und Stop nimmst statt des Multiwidgets, dann ..

Schon klar. Aber vielleicht suchen die Entwickler ja nach weiteren Ideen, ihre Widgets noch weiter zu verbessern.

Bei mir haben die Slider ab Werk einen Transparenten Hintergrund, such mal die Felder ab ..

Ich habe gesucht und wurde dann doch noch fündig.

Und so sehen meine ersten (vorläufigen) Lösungen aus für Farblampen, einfache LED Lampen, LED mit Farbtemperaturregelung und Rollladensteuerung aus ..

[legro]

@jkvarel

Dank dem Verständnis, wie ein MultiWidget funktioniert, ist diese Anfrage obsolet. Hier habe ich meine nunmehr favorisierte Lösung für ein DimmerWidget dokumentiert.

Um einen Dimmer zu steuern habe ich ..

.. ein Widget mit den Optionen state und value parametrisiert. Als Werte verwende ich den Datenpunkt level des Dimmers, der Werte von 0 bis 100 annehmen kann. Um den Dimmer per Klick auf das Widget aus- (0%) oder einzuschalten (100%), habe ich für den Wert bei falsch 0 und in Wert bei true mit 100 eingetragen. Damit kann ich die Lampe auch wie gewünscht schalten.

Ändere ich den Maximalwert mittels des Schieberegels, der mit demselben Datenpunkt level des Dimmers verbunden ist, mit einem kleineren Wert, so wird das Widget nicht mehr als aktiv (grün) dargestellt.

Nun zu meinem Problem ..

Natürlich möchte ich, dass das Widget auch dann bereits als aktiv (grün) dargestellt wird, wenn ein Helligkeitswert größer als 0 (und noch kleiner als 100) eingestellt ist.

Das geht jedoch nicht, da der sog. Vergleichsoperator: größer nicht den unteren Wert (0) sondern den Maximalwert (100) hierzu heranzieht - also auch den Wert, der beim Klicken in den Datenpunkt geschrieben wird. Beispiel: Wert bei true = 10 führt dazu, dass der Dimmer auf 10% geschaltet wird; alle Werte zwischen 10 und 100 sorgen dafür, dass das Widget stets aktiv (grün) dargestellt wird.

Wäre dies für euch ein Grund, hier für Abhilfe zu sorgen? Meine Vorstellung: Die Kopplung des Maximalwertes mit der Anzeige für aktiv/inaktiv könnte man umgehen, wenn man eine weitere Variable (Feld) einfügen würde, gegenüber dem der Vergleichsoperator die Darstellung des Widgets als aktiv/inaktiv regelt, oder man kann wählen, ob der untere oder obere Wert herangezogen wird - auch hier wäre ein weiteres Felb (boolean) erforderlich.

[legro]

@jkvarel

Seit einer Woche tut sich hier nichts mehr.

Ist das Projekt eingestellt?

[legro]

Im GitHub werden zu inventwo passende Icons dargestellt, unter denen auch ein Symbol für einen Springbrunnen ist. Nur ist dieses nirgendwo in icontwo zu finden.

Erledigt: mittlerweile gefunden

[legro]

Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.

Da ich nicht länger auf eine Antwort auf diesen Beitrag warten wollte, habe ich mir mit den bisher zur Verfügung stehenden Mitteln folgende Lösung konstruiert ..

Dieses KombinationsWidget besteht aus einem Hintergrund (z=10), einem Switch (z=20, opacity=0) und drei Schiebreglern (z=30).

• Der Hintergrund ist mit dem Datenpunkt level der Lampe verbunden, der Datentyp des Widgets ist also value. Der Wert für true ist auf 1, jener für false auf 0 eingestellt. Der Vergleich (aktiviert/deaktiviert) erfolgt somit gegen den oberen Wert 1, so dass das Widget für Wert zwischen 1 und 100 grün (aktiviert) dargestellt wird.
  
• Die Schieberegler sind jeweils mit den entsprechenden Datenpunkten der RGB/LED Lampe verbunden.
• Das nicht sichtbare Switch-Widget (z=20, opacity=0) ist ebenfalls mit dem Datenpunkt level verbunden und schreibt 0 für AUS bzw. 100 für AN rein.

Dies alles garantiert, dass das Widget ab Helligkeitswerten >1 als aktiv/grün dargestellt wird.

Diese Akrobatik wäre nicht nötig, könnte der Vergleich zur Anzeige des Hintergrundes auch gegen den unteren Wert 0 anstelle des oberen Wertes erfolgen.

[BananaJoe]

@legro sagte in vis-inventwo v.2.x.x:

Irgendwie beschleicht mich das Gefühl, dass ich in diesem Thread den Alleinunterhalter spiele.

Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben
Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum und staune immer wieder was ich allein aus den Universal und Multi-Widget rausholen kann. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. die Tankstellen-VIS von @sigi234 - statt mehrere Widgets übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. Das die Widgets dann trotzdem noch html/CSS Anweisungen schlucken um z.B. den niedrigsten Preis farblich hervorzuheben finde ich einfach nur cool (oder meinen Farbverlauf weiter oben).

Und selbst du hast ja eine Lösung für dein Problem gefunden.

[legro]

@bananajoe said in vis-inventwo v.2.x.x:

Du, die Widgets laufen im Moment so gut, was soll man da außer Lobgesängen noch schreiben

Auch Gutes kann noch besser werden!

.. Ich baue fast jeden Abend so für 1 bis 4h an meiner VIS rum .. Im Moment baue ich viele andere bisherige Lösung auf inventwo und SVG Grafiken um, z.B. ..

Auch bei mir ist‘s mittlerweile die dritte Version unserer Visualisierung. Das Gefrickel der ersten Version war für unsere Familienmitglieder alles Andere als überzeugend; von wegen alles ist einfacher! Sie fühlten sich geradezu veräppelt. Also verAPPLEte ich sie richtig. Mittels YAHKA machte ich alle wichtigen Dinge im HomeKit von Apple verfügbar, womit unsere über 90-igjährige (Ur)Oma sogar zurechtkommt. Nicht nur, dass jede Ergänzung, Änderung, .. unmittelbar auf allen iPhones ohne weiteres Zutun verfügbar ist, konnte ich auch das leidige Problem der Anwesenheit äußerst zuverlässig und komfortabel lösen.

Nun kommt inventwo an die Reihe. Ein bisschen Spaß muss sein!

Und selbst du hast ja eine Lösung für dein Problem gefunden.

Nun ja, aber was für ein Aufwand. Vielleicht hat ja @skvarel noch ein Einsehen und nimmt sich meine Vorschläge zu Herzen.

[legro]

@bananajoe said in vis-inventwo v.2.x.x:

.. übereinander für die Farben oder statt Bindings macht so ein MultiSwitch das total komfortabel. ..

Könntest du mir bitte helfen, das sog. MultiWidget endlich einmal zu verstehen? Ich weiß noch immer nicht, wie ich das Ding handhaben kann. Insbesondere was es mit den Zuständen auf sich hat, ist mir nach wie vor ein Rätsel: Wo, wie, .. verwendet man diese Zustände, die man an irgendwelche Datenpunkte koppeln kann?