Zeigt her eure Visu

[Uhula]

Wenn du deiner Frau 1-2 ihrer Wünsche umsetzt, z.B. Play-List via Click(), Google-MAP Verkehrsübersicht, und sie dieses in deiner VIS leicht erreichen kann, wirst du ansonsten frei in der Umsetzung sein. Es sei denn, sie besitzt mehr Affinität zum Thema, dann solltest du sie auch intensiver mit planen lassen.

Eine Option der Akzeptanz ist es, bekannte Oberflächen nachzubilden, wie sie auch auf Smartphone Apps genutzt werden. Beispielsweise in der VIS mit den Material Design Widgets oder dem Material Design CSS.

[crunchip]

@htrecksler gibt auch einen dritten Teil

[lesiflo]

Hallo, hier
https://forum.iobroker.net/topic/5009/einfach-mal-zeigen-will-teil-1
https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2
https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3

hier dann meine, nur Beispiele:
Home

Heizung

EG

[Grantlhaua]

Danke euch!

[sigi234]

@Grantlhaua

https://forum.iobroker.net/topic/28717/vis-von-sigi234

[Kuddel]

@lesiflo hast du irgendwo im Forum noch mehr Screenshot von deiner VIS gepostet?

ich finde das Design echt interessant

[lesiflo]

@Kuddel Hier noch mehr

Durch anklicken der Symbole wie z.B. Zahnrad oder Uhr gehen dann noch Dialoge auf wo man weitere Einstellungen vornehmen kann. Auf der Hauptseite bei den Terminen beim Einkauswagen die Bring-Liste oder der Google-Kalender mit dem Symbol daneben.

[Grantlhaua]

Schaut toll aus @lesiflo!

Mein Rasberry Pi ist gerade auf dem Weg zu mir. Mehr als ne Spielerei wirds aber wohl aktuell nicht werden, da ich fast nur Enocean Aktoren verbaut habe und der Adapter noch nicht fertig ist.

[Negalein]

so schaut meine aktuell aus

[Andre R.]

Hier mal was aktuelles von mir

[wolwin]

@lesiflo
Hi,
bin schlichtweg begeistert !! Das Design entspricht von der 'Einfachheit' und besonders von der Strukturierung genau meinen Vorstellungen. Vielen Dank für die Snapshots!
Als Neueinsteiger habe ich momentan schon einige Stunden mit Recherche zugebracht, welche VIS Tools sinnvoll sind - bisher im Focus habe ich 'Material Design Widgets von Scrounger' und 'Material Design CSS von Uhula' - also genau die Dinge, die Du auch einsetzt.
Du hattest ja schon einmal eine View bereitgestellt - gerne würde ich Deine aktuelle Version als Ausgangspunkt nutzen - würdest Du das Projekt nochmal bereit stellen - würde mich sehr freuen?
VG
Wolfram

[StrathCole]

Sodele, hier meine kleine Vis, mehr brauchte ich aktuell nicht

[Grantlhaua]

@StrathCole Wie greifst du auf die Lüftung, Heizung und auf die PV zu? Sieht gut aus

[StrathCole]

@Grantlhaua Lüftung ist eine ComfoAir 350 (Zehnder). Da habe ich einen RS232 zu Ethernet-Converter angeklemmt und via comfoair Adapter eingebunden. Die PV nutze ich via eigenem Plenticore-Adapter. Heizung über den viessmannapi-Adapter (mit Vitoconnect 100 oder wie die Box heißt). Ventilsteuerung über Sonoff 4CH Pro und Thermostate Aqara Sensoren.

[Grantlhaua]

@StrathCole

DAnke für die Info!

Nur blöd dass nur meine Tellerventile von Zehnder sind und der Rest von Kermi... Aber ich kann doch bestimmt einen bestimmten Wert aus einer Internetseite abgreifen oder? Ich will ja eigentlich nur die Werte wissen, einstellen muss ich ja an sich direkt an der Lüftung (die man glaub ich aber per Zusatzplatine an nem Aktor anbinden kann) und an der Wärmepumpe selbst nichts.

PV ist bei mir von SolarEdge aber dafür gibts ja auch nen Adapter hab ich auf Github gesehen

[StrathCole]

@Grantlhaua sagte in Zeigt her eure Visu:

@StrathCole
Aber ich kann doch bestimmt einen bestimmten Wert aus einer Internetseite abgreifen oder? Ich will ja eigentlich nur die Werte wissen, einstellen muss ich ja an sich direkt an der Lüftung (die man glaub ich aber per Zusatzplatine an nem Aktor anbinden kann) und an der Wärmepumpe selbst nichts.

Hm, für die Zehnder gibts keine Cloud-Anbindung, zumindest nicht für meine. Daher kann ich nur via RS232 Werte auslesen und setzen (sogar mehr als am Gerät selbst).

PV ist bei mir von SolarEdge aber dafür gibts ja auch nen Adapter hab ich auf Github gesehen

Ja, richtig.

[Grantlhaua]

@StrathCole said in Zeigt her eure Visu:

Hm, für die Zehnder gibts keine Cloud-Anbindung, zumindest nicht für meine. Daher kann ich nur via RS232 Werte auslesen und setzen (sogar mehr als am Gerät selbst).

Für die Kermi schon, mein Rasberry Pi ist auch grad angekommen aber ich denke das wird n ewigkeitsprojekt bis er die Werte von der Kermi verarbeiten kann

[Feuersturm]

@Negalein Was für ein Regenradar verwendest du, bzw. welche Seite oder Adapter ist deine Quelle?

[Negalein]

@Feuersturm sagte in Zeigt her eure Visu:

Was für ein Regenradar verwendest du, bzw. welche Seite oder Adapter ist deine Quelle?

windy.com

hier mein Widget

[{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"","title_color":"#FFFFFF","title_top":"-10","title_left":"30","header_height":"0","header_color":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title_back":"","title_font":"","name":"!_Hintergrund"},"style":{"left":"0px","top":"0px","width":"830px","height":"670px","color":"","z-index":"1","border-radius":"10px","box-shadow":"2px 2px 3px rgba(20, 20, 20, 50)","background":"#202020","border-color":"#2d2d2d"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"","name":"!_Linie-Rechts"},"style":{"left":"398px","top":"35px","background":"linear-gradient(to left, #212121 20px, White 200px )","height":"2px","width":"415px","z-index":"10","border-radius":""},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"!_Linie-Links"},"style":{"left":"16px","top":"35px","background":"linear-gradient(to right, #212121 20px, White 200px )","height":"2px","width":"415px","z-index":"10","border-radius":""},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"!_Überschrift","html":"Regenradar"},"style":{"left":"152px","top":"7px","width":"527px","height":"25px","z-index":"3","color":"white","text-align":"center","font-family":"Arial, Helvetica, sans-serif","line-height":"20px","font-size":"x-large"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":""},"style":{"left":"17px","top":"44px","width":"797px","height":"623px","z-index":"20"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"<iframe width=\"797\" height=\"623\" src=\"https://embed.windy.com/embed2.html?lat=48.446&lon=13.528&zoom=9&level=surface&overlay=rain&menu=&message=&marker=true&calendar=now&pressure=&type=map&location=coordinates&detail=&detailLat=49.596&detailLon=8.271&metricWind=default&metricTemp=default&radarRange=-1\" frameborder=\"0\"></iframe>"},"style":{"left":"17px","top":"43px","width":"797px","height":"623px","z-index":"5"},"widgetSet":"basic"}]

[dtp]

Hi,

gibt zwar schon einige Threads zum Thema, aber hier dann noch mal meine iPad-Visu.

Wie bekommt man es hin, dass hier die Bilder in einer Matrix dargestellt werden?