Mit welchem Programm sind die Innenansichten umgesetzt?Phantomas88 hat geschrieben: ↑23.02.2022, 09:44Hallo Zusammen,
hier mal meine eine Auswahl meiner derzeitigen Views. Das Tablet hängt im Flur.
Bilder eurer erstellten Remotes/Oberflächen
Moderator: Co-Administratoren
-
- Beiträge: 82
- Registriert: 14.03.2020, 16:47
- Hat sich bedankt: 11 Mal
- Danksagung erhalten: 1 Mal
Re: Bilder eurer erstellten Remotes/Oberflächen
- Yosh
- Beiträge: 90
- Registriert: 24.07.2021, 23:30
- System: CCU
- Hat sich bedankt: 21 Mal
- Danksagung erhalten: 11 Mal
Re: Bilder eurer erstellten Remotes/Oberflächen
Sieht gut aus, auch wenn ich kein Fan von diesen "dunklen" Themen bin, aber das ist Geschmacksache.
Was mir aufgefallen ist, ist, dass Du neben Icons auch viel Text-Status verwendest. Ich persönlich habe da eher den Ansatz so wenig Text Status wie möglich zu verwenden und möglichst viel nur über die Icons, ggf. farbig, zu visualisieren. Ist einfach ein anderer Ansatz.
Evtl. könntest Du noch schauen, dass Du die untere Button Leiste konsitent hälst, wobei das bei den Unterseiten der Fall zu sein scheint.
Schöne Arbeit!
Gruß,
Yosh
Was mir aufgefallen ist, ist, dass Du neben Icons auch viel Text-Status verwendest. Ich persönlich habe da eher den Ansatz so wenig Text Status wie möglich zu verwenden und möglichst viel nur über die Icons, ggf. farbig, zu visualisieren. Ist einfach ein anderer Ansatz.
Evtl. könntest Du noch schauen, dass Du die untere Button Leiste konsitent hälst, wobei das bei den Unterseiten der Fall zu sein scheint.
Schöne Arbeit!
Gruß,
Yosh
Umgebung: CCU3 (FW 3.69.7) / FB 7590 / Hue Bridge mit 17 Lampen (Hue, TRÅDFRI, Osram) / 6x Amazon Echo
Geräte: 505 Kanäle in 83 Geräten // 42 Kanäle in 6 Heizgruppen // 140 CUxD-Kanäle in 20 CUxD-Geräten
Addons: NEO Server 2.12.2 / CUx-Daemon 2.10.1 / CUxD-Highcharts 1.4.5 / Programme drucken 2.6 / HM Pdetect 1.15 / Philips Hue 3.2.5 / HQ WebUI 2.5.9
API Keys: Google (Script , Maps, Calendar) / AccuWeather / Tankerkönig / PushOver
Sonstige: SDV v4.09.04G / AIO Creator NEO v3.0.3 mit 2x Samsung S20FE und 1x Tab A6 / Mediola Cloud / Alexa.sh
Geräte: 505 Kanäle in 83 Geräten // 42 Kanäle in 6 Heizgruppen // 140 CUxD-Kanäle in 20 CUxD-Geräten
Addons: NEO Server 2.12.2 / CUx-Daemon 2.10.1 / CUxD-Highcharts 1.4.5 / Programme drucken 2.6 / HM Pdetect 1.15 / Philips Hue 3.2.5 / HQ WebUI 2.5.9
API Keys: Google (Script , Maps, Calendar) / AccuWeather / Tankerkönig / PushOver
Sonstige: SDV v4.09.04G / AIO Creator NEO v3.0.3 mit 2x Samsung S20FE und 1x Tab A6 / Mediola Cloud / Alexa.sh
- Challenger
- Beiträge: 526
- Registriert: 09.11.2015, 10:58
- Wohnort: Hannover
- Hat sich bedankt: 20 Mal
- Danksagung erhalten: 25 Mal
Re: Bilder eurer erstellten Remotes/Oberflächen
Hi,
ich habe mein Dashboard in den letzten Monaten grafisch überarbeitet und neue Geräte wie z.B. die PV-Anlage integriert. Aktuelle Screenshots habe ich im Projekt-Thread hochgeladen > LINK
HOME+PV Popup
VG
Challenger
ich habe mein Dashboard in den letzten Monaten grafisch überarbeitet und neue Geräte wie z.B. die PV-Anlage integriert. Aktuelle Screenshots habe ich im Projekt-Thread hochgeladen > LINK
HOME+PV Popup
VG
Challenger
Meist ist man ja nicht zu alt, sondern zu faul für den Scheiß.
BTW: Keine persönliche Betreuung per PN. Fragen zu Thread-Themen bitte für Alle im Thread stellen. Dankööö!
21Million 1n73ll1g3nc3 15 7h3 4b1l17y 70 4d4p7 70 ch4ng3 - 573ph3n h4wk1ng
BTW: Keine persönliche Betreuung per PN. Fragen zu Thread-Themen bitte für Alle im Thread stellen. Dankööö!
21Million 1n73ll1g3nc3 15 7h3 4b1l17y 70 4d4p7 70 ch4ng3 - 573ph3n h4wk1ng
- roe1974
- Beiträge: 746
- Registriert: 17.10.2017, 16:15
- System: Alternative CCU (auf Basis OCCU)
- Wohnort: Wien
- Hat sich bedankt: 52 Mal
- Danksagung erhalten: 13 Mal
Re: Bilder eurer erstellten Remotes/Oberflächen
@Challenger: Sehr cooles Dashboard !!!!!!
Als Anregung: Ich habe mir Grafiken für das Raffstore gemacht in Photoshop, dann mehrer Status Regeln übereinander gelegt, damit sehe ich am Dashboard immer den wirklichen Status des Raffstores (Höhe und Position der Lamelle). Siehe Screenshots.
lg Richard
Als Anregung: Ich habe mir Grafiken für das Raffstore gemacht in Photoshop, dann mehrer Status Regeln übereinander gelegt, damit sehe ich am Dashboard immer den wirklichen Status des Raffstores (Höhe und Position der Lamelle). Siehe Screenshots.
lg Richard
Re: Bilder eurer erstellten Remotes/Oberflächen
Das sieht ja sehr gut aus! Wie genau hast du das mit dem Neigungswinkel der Lamellen denn über Statusregeln gelöst? Ich versuche mich schon seit Wochen daran, aber habe noch keinen sinnvollen Ansatz gefunden, der funktioniert...roe1974 hat geschrieben: ↑12.11.2022, 09:31@Challenger: Sehr cooles Dashboard !!!!!!
Als Anregung: Ich habe mir Grafiken für das Raffstore gemacht in Photoshop, dann mehrer Status Regeln übereinander gelegt, damit sehe ich am Dashboard immer den wirklichen Status des Raffstores (Höhe und Position der Lamelle). Siehe Screenshots.
lg Richard
-
- Beiträge: 286
- Registriert: 09.12.2018, 17:14
- System: CCU
- Hat sich bedankt: 70 Mal
- Danksagung erhalten: 24 Mal
- Kontaktdaten:
Re: Bilder eurer erstellten Remotes/Oberflächen
Hey, wie hast du das umgesetzt das die Charts so super mit Zeitstrahl integriert sind?
Gruß
Matten Matten
-
- Beiträge: 6775
- Registriert: 22.05.2012, 08:40
- System: CCU
- Hat sich bedankt: 25 Mal
- Danksagung erhalten: 495 Mal
Re: Bilder eurer erstellten Remotes/Oberflächen
Da brauchst Du ein Webseitenelement, über das solche Dinge von einem Drittsystem in NEO eingebunden werden, da die NEO Remote selber keine Graphen erzeugt. Ausnahme wäre höchstens Graphen, die nicht über lange Zeiträume erstellt werden, siehe Beispiel Gerätestatus als Diagramm visualisieren. Bei einer CCU3 kann z.B. CCU Historian eine Webseite für ein Webseitenelement in NEO zur Verfügung stellen. Ansonsten hängt das davon ab, von was für Gewerken bzw. Geräten Du einen Graph haben willst bzw. welche Systeme in der Lage sind diese Daten von dem benutzten Gerät zu erfassen. Gängige Systeme, die mit NEO kombiniert werden um so was anzuzeigen sind z.B. IP-Symcon, Grafana oder auch ioBroker usw.Matten Matten hat geschrieben: ↑18.01.2023, 11:13Hey, wie hast du das umgesetzt das die Charts so super mit Zeitstrahl integriert sind?
Ich nutzte für Echtzeitgraphen in NEO inzwischen JSLive in Kombination mit IP-Symcon, das die Daten von meinen benutzten Geräten aufzeichnet.
-
- Beiträge: 286
- Registriert: 09.12.2018, 17:14
- System: CCU
- Hat sich bedankt: 70 Mal
- Danksagung erhalten: 24 Mal
- Kontaktdaten:
Re: Bilder eurer erstellten Remotes/Oberflächen
Fonzo hat geschrieben: ↑18.01.2023, 12:00
Ich habe mich schon mit dem Webseitenelement was du auch verlinkt hast auseinander gesetzt und ausgetobt, jedoch bleibt es bei der einfachen x Achse wo nur die Datenpunkte hochgezählt werden wie hier in meinem Bild...
Ich schreibe die Diagramm Werte in eine ccu Systemvariable via nodered so wie es auch der automtion Manager macht einzeln getrennt mit einem ";" nur hätte ich auch gerne eine Zeitachse und nich das einfache hochzählen der Datenpunkte.
EDIT:
Ich habe auch die Vorlage von mediola abgeändert und erweitert so das ich mehrere werte in einer variable ablege und anfüge. Bspich splitte im Webseitenelement den string auf mitCode: Alles auswählen
2,5;3;5,3/30;33;20/301;380;390;355
Der Scriptbereich sieht dann so aus:daten.split('/');
das "axis: { x: { type: 'timeseries', tick: { format: '%Y-%m-%d' } } }" hat leider nicht den gewünschten Erfolg gebracht.Code: Alles auswählen
<script> var daten = '%neo_state%'; if (daten[daten.length - 1] === ';') { daten = daten.substr(0, daten.length - 1); } var datenteil = daten.split('/'); var datenteil0 = "" + datenteil[0] + ""; var datenteil1 = "" + datenteil[1] + ""; var datenteil2 = "" + datenteil[2] + ""; var datenteil3 = "" + datenteil[3] + ""; //var col1 = daten.split(';'); var col1 = datenteil0.split(';'); col1.splice(0, 0, 'Leistung vom Dach in Watt'); var col2 = datenteil1.split(';'); col2.splice(0, 0, 'Leistung aus dem Netz in Watt'); var col3 = datenteil2.split(';'); col3.splice(0, 0, 'Batterie Leistung in Watt'); var col4 = datenteil3.split(';'); col4.splice(0, 0, 'Hausverbrauch in Watt'); var chart = c3.generate({ bindto: '#chart', data: { columns: [col3, col4, col1, col2], type: 'area-spline', axis: { x: { type: 'timeseries', tick: { format: '%Y-%m-%d' } } } }, legend: { position: 'down' }, }); </script>
am ende hab ich alle datenpunkte als diagramm nur ohne zeitstrahl und das nervt mich noch...
Gruß
Matten Matten
Zuletzt geändert von Matten Matten am 18.01.2023, 13:13, insgesamt 2-mal geändert.