Energiefluss Darstellung Icons Ideen usw

Ich wollte diesen Thread hier mal dazu nutzen, eine Ideensammlung, Beispiele und Herangehensweisen für die Erstellung eines Energieflussdiagramms, also eine Übersichtsseite, wie man sie von einigen Wechselrichtern, Batteriespeichern, Wallboxen usw. her kennt zu sammeln.

Wie würde ihr hier am besten herangehen? HTML, Webfront, IPSView?
Was habt ihr hier schon umgesetzt?

Welche Icons kann man dafür am Besten nehmen, wo bekommt man diese her?

Wie würde man den Energiefluß optisch am besten darstellen, Stichwort GIF’s mit bewegten Pfeilen o.ä.?

Welche Icons sind hier interessant. Spontan würden mir folgende einfallen …

  • Zentral/Haus
  • PV
  • Netz/Grid
  • Wechselrichter
  • Batteriespeicher
  • Wallbox/Auto
  • generell größere Verbraucher wie WP, Zusatzheizer/stäbe, WA/TR, usw.

Wie bekommt man die Werte z.B. in eine HTML Seite eingebunden?

Ich hatte hier in den vielen Threads immer den Eindruck, das jeder selbst versucht, über viele Umwege sich so eine Seite zu gestalten, die aber auf Grund der Individualität und Komplexität selten auch für die Allgemeinheit nutzbar ist/gewesen war und dadurch viel Know-How nicht weiter genutzt werden konnte.

Besteht da Interesse, hier mal einen Sammelung dieser Projekte zu machen, kreierte Gifs zu teilen, Lösungsansätz zu diskutieren?

Viele Grüße,
Doc

2 „Gefällt mir“

Hatten wir das Thema nicht schon mal vor einem Jahr oder so ?
Egal, meine Visu kennst du ja wahrscheinlich:
Im wesentlichen macht sie genau das was du dir vorstellst und sie hat auch genau die selben Schwächen. Es ist handgecodetes HTM und von da her nicht wirklich weiterverwendbar udn großer Wartungsaufwand.

Mit den aktuellen WF Möglichkeiten sehe ich aber eher schwarz etwas generisches zu erstellen. Zu unterschiedlich sind die Wünsche und Geschmäcker.
Wenn mal IPSView besser integriert ist (erinnere an den Symcon event vom Jänner) dann gibt es sicher neue Ansätzte.
Individuell wird es trotzdem bleiben, aber vieleicht mit mehr oder weniger reinem D&D umsetzbar.

Das der aktuelle Aufwand so etwas zu bauen recht hoch ist sieht man auch daran das ich sie schon längst wieder mal überarbeiten müßte. Inzwischen haben sich die Akku und Stringanzahl geändert, und eine Messung der jeweiligen Stringströme ist auch dazugekommen. Aber den ganze Krams wieder einbauen - bähhh-

bb

Mir ging es jetzt auch eher um eine gemeinsame Basis finden zu können.
Der Wunsch so etwas umzusetzen wird vermutlich mit der steigenden Zahl an PV und Batteriesystemen weiter steigen.
Und es ist ja genau das, was du schreibt hier gewünscht, das deine Erfahrung ist, das hardzucoden viel zu aufwendig sein wird.

Mein Ansatz wäre hier eher eine IPSView Seite im Webfront einzubetten, wenn man es denn so im WF haben möchte. Wenn ich das richtig verfolgt habe, sollte das schon gehen? Oder man nutz IPSView direkt?

Auch wäre mein Wusch zu diskutieren, wie sich solche Grafiken am Besten erstellen lassen, mit welchen Mitteln und dem Aufwand dazu.
Hatte mir zum Beispiel diverse animierte Pfeilgrafiken runter geladen und hänge nun z.B. daran, wie man diese am einfachsten anpassen könnte (Größe, Richtung, Farbe usw.)
Hatte es mit GIMP versucht, aber das Programm ist viel zu mächtig dafür.
Gibt es da nicht einfachere kostenlose SW für?

VG;
Doc

Ja genau, das sollte doch irgendwann kommen wenn ich die Vorschau beim IPS event richtig verstanden habe.

In IPS View geht das schon sehr viel geschmeidiger, hab für die Wandtabletts den Floorplan in IPSview gemacht, kein Vergleich, viel einfacher und wartbarer als in HTML.

Und ja, da bin ich absolut bei dir, GIMP ist viel zu überladen das macht keinen Spass damit zu arbeiten.

Langer Zeit nutzte ich eine Uraltkopie vom Namo WebCanvas, das war super zum Zeichen von Vectorgrafiken. Gut bedienbar und nicht zu überladen.
Die letzen Sachen hab ich mit Inkscape gemacht, leider auch etwas überladen aber nach etwas Einarbeitung ganz angenehm.
Wichtig ist die Objekte in Vectorformaten zu archivieren, das kann man dann später mal besser weiterverarbeiten.
Sehr wichtig ist auch das Transparenzen vernünftig unterstützt als auch im Ausgabeformat korrekt umgesetzt sind. Das machen die üblichen Malprogramme of schlecht bis gar nicht.
Für kleine Animationen (animated Gifs) gibts viele Webdienste, allerdings nerfen die gerne mit Werbung und Spam.
Ein wenig handgecodetes SVG oder zumindest handmodigiziertes SVG kann auch helfen.
Und wen man nicht alles selbst malen mag gibt es doch für Icons und Symbole das Colibrico.

Also Summa Summarum geht schon was. Auch für Lau oder kleines Geld.

bb

Das sollte mit der Pro Version schon gehen, wenn ich das richtig vertsanden habe.

Womit dreht man denn eine komplettes animiertes Gif, ohne jede einzelte Ebene bearbeiten zu müssen?

Ungetestet:

Hallo Zusammen,

ich wollte den Thread mal wieder aus dem Untergrund hochholen - da mich als alter Statistik-Freak das Thema Energiefluss doch ziemlich reizt… Aber es nervt immer in andere Apps dafür schauen zu müssen… wofür haben wir denn Symcon ;-).

Habt ihr mittlerweile schon eine Idee, wie man das Thema (ausser natürlich in IPSView) darstellen könnte?

Muster könnten diese hier sein:
SMA:
image

HomeAssistant

Ein ähnlicher Chart wäre eventuell für die Wärmepumpen-Besitzer ebenfalls interessant:

  • Energiebezug Strom-Netz
  • Energiebezug PV-Strom
  • Energiebezug Umwelt (Gewinn)
  • abgegebene Wärmemenge

Gruß,
Markus

1 „Gefällt mir“

Habs dir ja schon weiter oben gezeigt.
Du baust dir eine HTML Seite schreibts den Code in eine String Variable mit ~HTML Profil und läßt sie dir im WF anzeigen. Fertig.
Ja es ist aufwändig, aber das Ergebnis entschädigt. Auch interaktive Sachen (anklickbare Bereiche, Popup, animierte GIF) lassen sich mit etwas Bastelei darstellen und quasi nativ in IPS-WF integrieren.
Die Beiträge sind zwar schon etwas älter, aber suche im Forum nach Floorplan die kriegst die Techniken beschrieben.

viel Spass beim basteln
Bernhard

Guten morgen, hast du das bei dir im WebFront schon lösen können ?
Würde mich auch Intressieren wie man dies am besten Darstellen könnte.

Schließe mich dem Wunsch an.
Es sollte doch ein neues Webfront kommen?

Drag&Drop ist/sollte das Stichwort im 21 Jahrhundert (sein)…

lg und schönes Wochenende

Nein, ich wollte auch erst einmal auf das neue WF warten oder das ggf. mit IPSView im WF lösen.

Allerdings wäre hier vermutlich ein Modul, welches eine konfigurierbare Grafik erzeugt der einfachere/universelle Weg für alle?
Die Grafik würde sich verm. nur unwesentlich zwischen den Nutzern unterscheiden, da es hier bevorzugt um PV, Speicher, Netz, Haus, Wallbox Grafiken gehen würde, ggf. noch mit WP.

Alles andere wäre dann eher wieder speziell.

VG Doc

3 „Gefällt mir“

Gute Idee. PV haben ja sehr viele…

Ich habe das in der Zwischenzeit mit IPSView gelöst und Andreas seine Vorlage „misbraucht“ :wink:
Die Pfeile (Sichtbarkeit, Richtung, Farbe der Werte) werden dynamisch nach den Werten dargestellt, ebenso kleine andere Objekte wie die FBH, Rauch, Batteriestand, offene Fenster, usw.
Zusätzlich habe ich noch den Energiefluss zu den größeren Verbrauchern dargestellt, was aber dann schon sehr individuell ist.
Hatte auch erst vor, das mit animierten Pfeilen zu machen, aber bei der Menge wurde das dann zu unruhig in der Ansicht.
Beim tippen auf die Symbole kommt man dann ins jeweilige Untermenü mit genauen Werten der letzten Zeit/Jahre.

3 „Gefällt mir“

Das schaut richtig gut aus. Ändert sich auch die Richtung der Pfeile, wenn zum Beispiel nicht aus dem Netz bezogen, sondern eingespeist wird oder wird dann nur der angezeigte Wert negativ?

Ja klar,
hatte ich oben ja erwähnt, die Pfeile ändern natürlich auch die Richtung bzw. werden bei einem bestimmten Offset gar nicht angezeigt, um ein Umschalten nahe des Nullpunktes zu unterbinden.

VG,
Doc

2 „Gefällt mir“

vielleicht sollte ich mich doch mal IPSView beschäftigen. Aber ich werde erst mal abwarten, was im Webfront diesbezüglich noch kommt.
Abgesehen davon stelle ich mir das mit den Pfeilen schwierig vor. So wie ich das aus den zugänglichen Informationen zu IPSView bisher raus lesen konnte, gibt es da zwar eine horizontale und eine vertikale Linie, aber keine direkten Pfeile. Die muss man sich dann wohl selbst zusammen bauen.

Die Pfeile bestehen bei mir aus den horizontalen ud vertikalen Linien, nur die Pfeilköpfe werden dann mit eingeblendet oder nicht.
Ist eigentlich nichts kompliziertes.

Hallo, hast du den unteren Chart mit HighCharts erstellt?

Gruß Micha

Nein, alles mit IPS Bordmitteln.
Einfach einen Graph mit jeweils um 1Jahr versetzten Werten.

Ok, dann muss ich das noch mal probieren.

Danke :slight_smile: