Test Adapter Aura

OliverIO

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...

mane444

Kann man die Größe der Popup Views irgendwo einstellen. Leider passen die Popups nicht in auf meinen Handybildschirm ein paar Pixel wenige wäre da super.
z.B. für eine Jalousie Verstellung muss ich da erst nach rechts verschieben

JoJo58

@mane444

Da wo du festlegst was gemacht werden soll. Wenn du auf Klick Action gehst, da Popup View auswählst hast du unten die Möglichkeit die Größe anzugeben.

dering

Hallo zusammen,

mit dem nächsten Update (0.30.0) bekommt die Navigation eine zusätzliche Ebene: den Bereich.

Bisher
Die Struktur war zweistufig:

Layout → Tabs

Ein Layout hatte direkt seine Tabs. Wollte man mehrere thematisch getrennte Menüs (z. B. „Übersicht", „Technik", „Garten"), musste jedes ein eigenes Layout sein.

Jetzt
Die Struktur ist dreistufig:

Layout → Bereich → Tabs

Ein Layout ist der Einstiegspunkt mit eigener URL (/view/<layout>).
Darin liegen mehrere Bereiche – das sind die Einträge im linken Menü.
Jeder Bereich hat seine eigenen Tabs.

Was das bringt

Mehrere Menü-Punkte unter einem Layout bündeln, jeder mit eigenen Tabs.
Pro Bereich ein Standard-Tab, pro Layout ein Standard-Bereich (wird beim Öffnen und bei der automatischen Rückkehr angesteuert).
Bereiche lassen sich einzeln exportieren/importieren.
Design (Theme, Typografie, Grid, Hilfslinien, Tab-Leiste) ist jetzt gestuft einstellbar: global → Layout → Bereich.

Migration
Bestehende Konfigurationen werden automatisch übernommen: eure bisherigen Layouts werden zu Bereichen unter einem Standard-Layout – die Menüeinträge bleiben also exakt gleich, ihr müsst nichts anpassen.

Das Menü links (Layout-Menü) könnt ihr ebenfalls nach euren Bedürfnissen anpassen:

zusätzliche Elemente oben oder unten
es kann links fest verankert werden

Auch neu dabei:
Das bisherige Menü oben (Tab-Menü) kann jetzt auch unten (Footer) verschoben werden:

flkontakt

Hallo zusammen, Frage zur dynamischen Liste: ich möchte mir eine Übersicht der Homematic-Fenstersensoren anlegen, diese haben 3 Status (0,1,2 für geschlossen, geöffnet und gekippt). In der Liste kann ich aber nur 2 Status übersetzen, hat hier jemand einen Tipp?

dering

0.31.1

flkontakt

@dering Moin, habe das soeben mit den Zuständen getestet, das funktioniert in der statischen Liste auch wunderbar. Leider nicht in der dynamischen Liste, zumindest bei mir nicht. Anwenderfehler?

Als Sahnehäubchen wäre noch die Ergänzung der Statistik super, Anzahl der Zustände wie z.B. 2 geschlossen, 3 offen, 4 gekippt usw.

Vielen Dank!

flkontakt

@dering sagte:

0.31.1

ist eventuell auch ein Wertemapping wie im Fensterkontakt-Widget möglich?

micklafisch

Echt Mega in welcher Geschwindigkeit die Entwicklung hier läuft.

Was ich leider nicht schaffe ist per Drag und Drop gemäß der Dokumentation ein Widget in eine Gruppe zu ziehen. Entweder es passiert nichts oder die Gruppe weicht aus wenn ich das Widget zu hoch "hin halte". Weder Safari noch Chrome haut das bei mir hin.

Community Forum

NEWS

Test Adapter Aura

Support us

295

33.0k

83.5k

1.3m