wichtiges UPDATE für controller 7.2.2 im stable

[lesiflo]

@ParaChris82 sagte:

Vielen Dank für eure Bespiele ! Was mir Auffällt , dass keiner großartig mit Bildern arbeitet (außer Sigi bei Geräten klein in einer Kachel) oder mit Hintergrundbildern. Stört euch das optisch , also wird zu wild? Hintergrundbilder keiner gemacht, weil Aura diese Möglichkeit (noch) nicht anbietet? @lesiflo ich finde deine Aufteilung eigentlich recht sauber und logisch.

Mit Bildern wie z.B. Grundrissen hab ich es auch mal versucht, finde ich aber zu unübersichtlich.
Was willst du denn mit den Bildern erreichen?

[OliverIO]

@ParaChris82

eine visualisierung sollte meiner meinung nach
hübsch, minimalistisch und funktional sein.
bilder nur dann wenn es für eine bedienung unumgänglich ist.
keiner steht (ausser am Anfang) da größer davor und bestaunt das Werk.

Wenn dann will man mit möglichst klicks, schnell zur entsprechenden Funktion kommen (zum etwas schalten) oder um Werte zu prüfen.

Von daher der obige Vorschlag nach Gewerken (Etagen oder Räume, bzw. bei zentralen Funktionen wie bspw Solar, Heizung) finde ich ganz gut. Versetze dich in jemand der das nicht erstellt hat (Frau, Kinder, Gäste?), das die das möglichst intuitiv bedienen können.

Icons finde ich besser, als viel Text, wenn sich aus dem Kontext klar ergibt wofür der Wert/Schalter ist. Wie gesagt, keiner will viel lesen und rätseln, ob das die richtige Stelle ist. Materialicons bieten bereits eine große Auswahl an Möglichkeiten
bspw im svg format von google
https://marella.github.io/material-design-icons/demo/svg/
https://github.com/marella/material-design-icons/tree/main/svg#readme

oder hier
https://tabler.io/icons?ref=producthunt
https://iconoir.com/
https://phosphoricons.com/

im zweifel kann man sich von einer KI auch mit entstprechenden vorgaben, so das es auch zum Gesamtstil passt ein neues icon entwerfen lassen.
oder man kombiniert vorhandene bildchen zu einem neuen (habe ich bei meinen diversen Adaptern gemacht). Für SVG verwende ich immer inkscape (hat aber auch seine tücken)

Knöpfe/SChalter müssen klar erkennbar und leicht zu bedienen sein. Idealerweise mit einem touch bildschirm, ohne groß was zu tippen.

jeder zusätzliche Dialog ist bereit ein extra Schritt, der die Bedienung aufwändig macht und sollte nur für nicht alltägliche Zusatzinformationen/Funktionen verwendet werden.

[ParaChris82]

@lesiflo Na das optisch interessanter / mehr Abwechslungsreicher zu machen. Das man Anhand von einem Bild direkt sieht um was es sich dreht oder in welchem Raum man gerade ist. Ich hatte mir mal von der KI ein Skript bauen lassen, welches mit Lichtlayern anzeigt wo gerade Licht an ist... was war eigentlich ganz nett. Aber ich kann auch deine Aussage nachvollziehen.... wird alles unruhig dann. Man steht ja auch nicht stundenlang vor dem Tablet dann oder ist am Handy zum schalten. Ich Versuche jetzt einfach mal einen Mittelweg zu finden...

[ParaChris82]

@OliverIO sagte:

@ParaChris82

eine visualisierung sollte meiner meinung nach
hübsch, minimalistisch und funktional sein.
bilder nur dann wenn es für eine bedienung unumgänglich ist.
keiner steht (ausser am Anfang) da größer davor und bestaunt das Werk.

Wenn dann will man mit möglichst klicks, schnell zur entsprechenden Funktion kommen (zum etwas schalten) oder um Werte zu prüfen.

Von daher der obige Vorschlag nach Gewerken (Etagen oder Räume, bzw. bei zentralen Funktionen wie bspw Solar, Heizung) finde ich ganz gut. Versetze dich in jemand der das nicht erstellt hat (Frau, Kinder, Gäste?), das die das möglichst intuitiv bedienen können.

Icons finde ich besser, als viel Text, wenn sich aus dem Kontext klar ergibt wofür der Wert/Schalter ist. Wie gesagt, keiner will viel lesen und rätseln, ob das die richtige Stelle ist. Materialicons bieten bereits eine große Auswahl an Möglichkeiten
bspw im svg format von google
https://marella.github.io/material-design-icons/demo/svg/
https://github.com/marella/material-design-icons/tree/main/svg#readme

oder hier
https://tabler.io/icons?ref=producthunt
https://iconoir.com/
https://phosphoricons.com/

im zweifel kann man sich von einer KI auch mit entstprechenden vorgaben, so das es auch zum Gesamtstil passt ein neues icon entwerfen lassen.
oder man kombiniert vorhandene bildchen zu einem neuen (habe ich bei meinen diversen Adaptern gemacht). Für SVG verwende ich immer inkscape (hat aber auch seine tücken)

Knöpfe/SChalter müssen klar erkennbar und leicht zu bedienen sein. Idealerweise mit einem touch bildschirm, ohne groß was zu tippen.

jeder zusätzliche Dialog ist bereit ein extra Schritt, der die Bedienung aufwändig macht und sollte nur für nicht alltägliche Zusatzinformationen/Funktionen verwendet werden.

@oliverio Danke für deine Erläuterung/Meinung.

[MCU]

@ParaChris82 Was geht denn nicht mit Aura. Kannst du mal ein Beispiel geben, wie es sein soll, aber noch nicht geht?

[ParaChris82]

@MCU also es geht schon per custom css, habe mir da was von der ki bauen lassen. Einfachstes Beispiel... ich habe auf meiner Wetterseite auf dem Echo Show 15 sämtliche Wetterdaten mit Icons in Kacheln per Aura gebaut und das custom css setzt statt der Hintergrundfarbe schwarz Urlaubsbilder, welche bei mir auf dem Server liegen, hinter die Kacheln.

[MCU]

@ParaChris82 Hilft das?
https://github.com/hdering/ioBroker.aura/issues/442

[ParaChris82]

@mcu komme ja von iqontrol ... 2 Sachen fand ich dort auch noch super. 1. Seiten Swipe 2. Toast System aufgebaut auf html. So könnte man auch das Benachrichtigung System in Aura aufbauen. Egal ob Text, Bilder, Widgets, HTML. Habe ich mir damals auch von der KI zusammenhauen lassen. War sogar ein Operator... mit verschieden Prios und dadurch auch anzeige Dauer, weg klickbar ja oder nein, größe des Toast etc... Bespiele: Sonnenuntergang: wurde durch einen DB getriggert... Bild von meinem Server kommt rechts ziemlich die breite vom Bildschirm und dort standen dann noch Daten für die nächsten Stunden der Temperatur etc. nicht so wichtig , daher hat sich der toast noch 5min wieder geschlossen. war dann auch egal ob man den wirklich gerade mitbekommen hat, war aber durch das Bild schon auffällig :) . der operator hat aber auch unterschieden , Moment, Waschmaschine ist fertig und dieser Toast wird gerade angezeigt oder muss angezeigt werden, Sonnenuntergang toast unterbrochen, gelöscht und diesen reingestellt (bei mir alles mit Bilder da man es direkt sieht). Dieser Toast hatte Vorrang vor dem "unnötigen" info toast. Er blieb auch so lange stehen bis 1. Manuel gelesen bestätigt wurde , aber der Trockner anfing zu laufen. So war das ganze System aufgebaut ... egal ob Klima in der Wohnung geändert in einem Raum, Katzenklo voll, Kaffee ist fertig usw usw usw. Hoffe ich konnte mich einigermaßen ausdrücken :)

[MCU]

@ParaChris82 Bitte schreib Deine Vorstellungen vom Benachrichtigungssystem in das Issue.
https://github.com/hdering/ioBroker.aura/issues/429

@dering muss es verstehen, da er es umsetzt.

[ParaChris82]

@MCU Alle klar mach ich... ich übernehme jetzt mal so meinen Text. Ja ich weiß er ist sehr durcheinander. Rest kläre ich dann auf Github mit @dering

[FredF]

FredF sagte:

@dering Cooler Adapter... kommt mir gerade recht, da ich meine Visu neu machen möchte.

Beim Mediaplayer Widget habe ich einen Sonos Player eingerichtet. Steuerung usw. funktioniert auch, nur leider wird mir das Cover nicht angezeigt.

In der Firefox Browserkonsole (Chromium geht auch nicht) taucht folgende Fehlermeldung auf:

[2026-07-08T20:33:29.479Z] Try to connect socket.io.js:55:64
Folgende nicht unterstützte entryTypes werden ignoriert: longtask. index-CFAO0wS4.js:41:205843
 Aura  v0.22.3  connected  http://192.168.10.30:8098 index-CFAO0wS4.js:2:5503
Layout-Darstellung wurde erzwungen, bevor die Seite vollständig geladen war. Falls Stylesheets noch nicht geladen sind, kann dies zu einer kurzzeitigen Darstellung des Inhalts ohne Formatierung führen. index.html
Source-Map-Fehler: Error: request failed with status 404
Stack in the worker:networkRequest@resource://devtools/client/shared/source-map-loader/utils/network-request.js:43:9
Ressourcen-Adresse: http://192.168.10.30:8098/socket.io/socket.io.js
Source-Map-Adresse: socket.io.js.map

Wegen bereits genutzten Port habe ich für Aura statt dem Standardport 8098 eingestellt.
Web Adapter läuft auf 8082.
Ach ja, ioBroker läuft in einem Docker Container.

Unter Vis kann ich die cover url mit dem Basic img src Widget anzegen lassen.

Irgendwelche Ideen?

Ich antworte mir mal selbst.

Mit Hilfe von ChatGPT habe ich mit einem zusätzlichen Datenpunkt und einem kleinen Javascript es geschafft, dass das Cover angezeigt wird. Die KI hat mir auch vorgeschlagen über ein Github-Issue eine Erweiterung des Mediaplayer Widgets für Sonos Zuspieler vorzuschlagen.
Das habe ich dann mal gemacht: https://github.com/hdering/ioBroker.aura/issues/445

Edit:

[JoJo58]

Moin,

weiß Jemand wie ich beim Thermostat Widget die Schnellwahl angezeigt bekomme?

Bei Schnellwahl kann ich ja ein paar Werte definieren, aber ich finde nichts, wie ich die auch im Widget anzeigen lassen kann?

Gruß, Johannes

[JLeg]

@JoJo58 sagte:

Moin,

weiß Jemand wie ich beim Thermostat Widget die Schnellwahl angezeigt bekomme?

siehe https://github.com/hdering/ioBroker.aura/issues/386
=> benötigt wohl noch etwas Zeit; k.A. warum das Ticket trotzdem geschlossen wurde...