EDOMI - Zeigt her eure Visus!

[KNXIPLOGIN]

Hallo,

ich bin zwar noch mittendrin, aber ich wollte euch auch mal meine Visu im "callidomus"-Style vorstellen:

edomi01-start.png edomi02-menu.png edomi03-raum.png edomi04-outdoor.png edomi05-umwelt.png edomi06-kameras.png edomi07-sonos.png

Gruß
Thomas

Gut gelöste und grafisch ansprechende VISU! Stehe selbst erst am Anfang EDOMI als KNX-VISU einzusetzen und bin sehr sehr interessiert an dem Visuelement "Zisterne". Wie muss ich da vorgehen um so etwas zu generieren? Visuelemente als php in EDOMI hochladen kann man auch, soweit mir bekannt ist... Könnten wir darüber reden Thomas?

Beste Grüße
Andreas

[eckiiiii]

Da meine erste Visu nur zum Üben gedacht war aber jetzt arbeitsbedingt trotzdem seit über einem Jahr laufen musste, hab ich mir dieses Wochenende mal das Herz gefasst neu anzufangen.
Hier mal der erste Stand mit dem ich bisher optisch recht zufrieden bin. Die einzelnen Funktionen werden mit Pop-Ups realisiert (die werden noch hübscher), da mir die Visu sonst mit allen Reglern etc. zu überfrachtet ist. Auch für die allgemeine Bedienung uninteressante Infos wie Temperaturverläufe etc. werden alle nur über Pop-Ups mit Klick auf den jeweiligen Temperaturwert angezeigt.
Was auf die Home-Seite kommen soll weiß ich noch nicht so recht. Evtl. Kalenderereignisse der Tages und Dinge wie "alle Jalousien zu" sowie die Haustürkamera. Mal schaun. Visu1.jpg Visu2.jpg

Grüße aus dem Kraichgau

[McEgg]

Stereofeld
OK, danke für die Info. Dann muss ich mir das mal anschauen, wie man das am besten mit Universalelementen hinbekommt.
Finde auch, dass es wenig Sinn macht eine fertige Visu von jemand anderem einzubinden. Was ich allerdings gut finde ist, wenn man sich mal anschauen kann, wie andere verschiedene Dinge gelöst haben und dann die verschiedenen Dinge nachbauen kann. Dafür gibts ja hier schon ein paar Visu Beispiele, die man sich runterladen kann. Setzt halt jeder anders um...

[mannmawg]

Hallo,

ich bin zwar noch mittendrin, aber ich wollte euch auch mal meine Visu im "callidomus"-Style vorstellen:

edomi03-raum.png
Gruß
Thomas

Hallo Thomas,

ich habe mir eure Hinweise zu Herzen genommen und habe jetzt in einem Tag schon eine tolle Visu hinbekommen.
Allerdings scheitere ich gerade daran deinen "Temperatur-Regler" nachzubauen. Er gefällt mir optisch sehr gut und ich würde diesen gerne bei mir verwenden.
Wärst du so nett und würdest mir verraten, auch gerne mit Screenshots der Einstellungen, wie du den hinbekommen hast?

Vielen Dank
Marcus

[saegefisch]

Der gesamte Hintergrund des Screens ist ein Bild mit einem ganz leichten Verlauf (fällt fast gar nicht auf - sieht aber besser aus).

Geht auf zwei Arten noch geschickter - weil kein Bild geladen werden muss (Performance) und man es nachträglich noch ändern kann

• Über ein KO gesteuert ganz flexibel - so kann man auch seitenspezifisch anderer Hintergründe erreichen oder ereignisgesteuert (Alarm = Hintergrund rot)
  Hintergrund Farbverlauf KO (0:Farbe|1: Delta|2:Mode(0:+,1:-)|3:Winkel)
  

  -webkit-linear-gradient({split(3)}deg,#{split(0)} 0%,#{colorcalc(split(1),split(2))} 100%)

  Info: Hier wird die 2. Farbe bewusst als Delta (in #hex) gewählt (also gewissermaßen die Intensität des Farbverlaufs) mit Vorzeichen (addieren/subtrahieren) und nicht eine 2. Farbe direkt. Dies mal als etwas extremes Beispiel, etwas vereinfacht kann man auch stattdessen einfach eine 2. Farbe übergeben
• Oder einfacher ein statisches Design, aber über ein UE auf einer Hintergrund-Include-Seite und so auch auf die gesamte Visu wirkt und zentral nachträglich geändert werden kann, zum Beispiel so:
  

  -webkit-linear-gradient(110deg,#333333 0%,#777777 100%)

[Stereofeld]

Wie hast du bei dir den Hintergrund mit den verschieden Abschnitten (z.B. auf der Menü Seite "Räume/Bereiche", "Überwachung/Sicherheit/Messung" und "Funktionen") gemacht?

Das sind alles Universalelemente. Ich habe für den Titel eine Vorlage definiert - damit sieht es immer gleich aus und ist immer gleich breit und hoch. Der "Body" ist halt ein leeres Universalelement mit einer Hintergrundfarbe und einem Rahmen. Die Buttons sind auch Universalelemente mit einem festen Stil da ändern sich jeweils nur die Position (und der Text und das Icon). Der gesamte Hintergrund des Screens ist ein Bild mit einem ganz leichten Verlauf (fällt fast gar nicht auf - sieht aber besser aus). Alle anderen Bilder sind alles SVGs (außer die die Wetter-Symbole, das sind PNGs).

Ich kann mich saegefisch s Anmerkungen übrigens nur anschließen. Aber ich schaue mal, vielleicht komme ich ja schon am Wochenende dazu, die einzelnen Teile mal zu kopieren und hier zur Verfügung zu stellen.

Gruß
Thomas

[saegefisch]

In diesem Threat gab es immer wieder Hinweise, wie man sinnvoll daran gehen kann, z.B. exemplarisch hier von janncsi (und immer auch ein paar Nachrichten davor und danach lesen). Wenn man konsequent mit Designs arbeitet, hat man aber gute Chancen, dass man sogar nachträglich noch an der Visu feilen kann ohne viel Aufwand.

Aber der Anfang ist auf jeden Fall eines: Eine Fleißaufgabe. Und es sei angemerkt: Auch eine kopierte Visu wäre Fleißaufgabe, weil KO, GA, Räume, Lichter, Rollläden einfach anders sind. Daher die unbequeme Antwort: Von Screenshots anderer inspirieren lassen, Struktur auf Papier malen, anfangen mit einer Seite, bis sie schön ist, machen, durchbeißen.

Ich spüre in mir ja selber, dass ich gerne manchmal sage "kreativ ist nicht meines", aber eigentlich meinte mein innerer Schweinehund nur "oh man, so viel Arbeit"... Für mich war Janncsi Link ein willkommener Schubser... und man ist erstaunt, wie viel Kreativität und eigener Stil dann doch in einem steckt!

[McEgg]

Also irgendwann muss ich mich auch mal wieder an Visus machen. Wobei ich einfach so mega unkreativ bin, dass ich mir da schwer tue.

Aber mal ne Frage an Stereofeld. Wie hast du bei dir den Hintergrund mit den verschieden Abschnitten (z.B. auf der Menü Seite "Räume/Bereiche", "Überwachung/Sicherheit/Messung" und "Funktionen") gemacht? Ist das "Menü" einfach eine Visuseite mit einer Hintergrundfarbe und du hast die Abschnitte per Visuelemte "gezeichnet"? Oder hast du ganze Seite (bis auf die Buttons natürlich) mit einem Grafikprogamm erstellt und nimmst die Grafikdatei dann einfach als Hintergrundbild für die Visuseite?

Weiß irgendwie nicht wie man es am besten angehen soll...

[barontigger]

Habe noch nicht einmal angefangen mit Edomi aber lese hier schon lange mit und bin auch sehr begeistert von der Umsetzung u würde mich daher auch freuen.

[mannmawg]

Ich würde es auch sehr begrüßen wenn du deine Visu teilen würdest.
Ich arbeite gerade an meiner und du hast viele Elemente in deiner die ich mir auch gut bei mir vorstellen könnte z.B. Abfallkalender.
Anhand der Screenshot kann man aber leider nicht erkennen wie du die Sachen umgesetzt hast.

[jonofe]

Ich kann auch verstehen wenn du deine "Arbeit" nicht einfach so zur Verfügung stellen magst.

EDOMI, LBS und VSE werden doch auch zur Verfügung gestellt ... Warum nicht auch Visu's? Davon lebt doch eine Community, dass jeder das beiträgt, wo er seine Stärken hat ...

[beauty]

Ach, damit hätte ich kein Problem. Davon lebt das Forum ja. Aber es sind halt viele interne KOs und Logiken verbaut, so dass man damit ja doch nicht richtig was anfangen kann. Für die grundsätzlichen Elemente (für die Wetter-Info zum Beispiel) existieren ja schon super Beispiele. Da ist bei mir nichts neues dabei.
Ich erkläre aber gerne, wie einzelne Dinge grundsätzlich funktionieren und falls jemand einen (Code-)Schnipsel braucht, kann ich den auch gerne zur Verfügung stellen. Einfach fragen. Nur mit der kompletten Visu kann vermutlich halt keiner was anfangen.

Ich sag mal so die KOs kannst ja raus löschen da diese ja sowieso bei jedem anders sind und zum grössten Teil die Logiken auch.
Ich kann auch verstehen wenn du deine "Arbeit" nicht einfach so zur Verfügung stellen magst.
Würde mich aber auch freuen wenn du deine Visu für "andere" zur Verfügung stellst.
Ich gebe zu das ich nicht gerade mit Kreativität in dieser Richtung gesegnet bin und so bastele ich mir aus Teilen der bereitgestellten Visus meine eigene passende Visu zusammen.

[ctx]

Sehr toll :-)

wäre aber trotzdem geil wenn du sie teilen würdest Stereofeld

[Kirbsi]

Zum Wasserzähler: Einfach beim nächsten Wechsel nett beim Versorger fragen, ob es einen mit Impulsgeber gibt. Habe sogar einen direkt mit Modul erhalten, den ich nur am Binäreingang anschließen musste.

Ist leider bei uns nicht so einfach. Alle etwas kompliziert und altmodisch hier.

[Stoxn]

Zum Wasserzähler: Einfach beim nächsten Wechsel nett beim Versorger fragen, ob es einen mit Impulsgeber gibt. Habe sogar einen direkt mit Modul erhalten, den ich nur am Binäreingang anschließen musste.