Erstellen Sie Ihr eigenes IAMMETER-Energiedashboard in 5 Minuten

Viele IAMMETER-Benutzer möchten irgendwann ihr Überwachungsinterface anpassen. Zum Beispiel:

Hinzufügen des eigenen Firmenlogos zum Überwachungsdashboard für Präsentationen oder Kundenprojekte
Anzeige nur bestimmter Parameter wie Wirkleistung, Blindleistung oder Stromstärke
Erstellung ansprechenderer Diagramme zur Darstellung von Energiedaten
Aufbau eines großformatigen Energieüberwachungsdashboards zur Überwachung mehrerer IAMMETER-Zähler
Erstellung einer benutzerdefinierten Solar- und Energieüberwachungsoberfläche für das eigene System

Um diese Anpassungsmöglichkeiten zu unterstützen, hat IAMMETER das Open-Source-Projekt gestartet:

Das Projekt basiert auf der IAMMETER-API und lokalen Schnittstellen und ermöglicht Benutzern die Entwicklung eigener Anwendungen.

Bisher erforderte diese Art der Anpassung Programmierkenntnisse.

Doch mit Hilfe von KI hat sich das geändert.

Selbst Nicht-Entwickler können jetzt in nur wenigen Minuten ihr eigenes IAMMETER Static App-Energiedashboard erstellen.

Video-Tutorial

Erstellen Sie ein IAMMETER-Dashboard mit KI

Öffnen Sie zunächst den IAMMETER GPT-Assistenten:

https://chatgpt.com/g/g-68e9cc3b83408191901b66b524ba5373-iammeter-assistant

Fragen Sie dann einfach etwas wie:

Bitte erstellen Sie eine statische App zur Überwachung des Leistungswerts des einphasigen Zählers. Lassen Sie mich die IP und das Aktualisierungsintervall in diesem Dashboard konfigurieren.

Sie können beliebige Anforderungen direkt beschreiben, zum Beispiel:

Überwachung der Blindleistung
Anzeige von NEM-Werten (Net Energy Metering)
Erstellung eines professionellen Solarüberwachungsdashboards
Hinzufügen von interaktiven Diagrammen
Überwachung mehrerer IAMMETER-Zähler

Solange Ihre Anfrage Schlüsselwörter wie "static app" oder "dashboard" enthält, erkennt der IAMMETER GPT-Assistent, dass Sie eine statische App generieren möchten.

Der Assistent erstellt dann ein vollständiges HTML-basiertes Energieüberwachungsdashboard.

Vorschau des generierten Dashboards

Nachfolgend finden Sie eine Beispielkonversation mit dem IAMMETER GPT-Assistenten.

IAMMETER GPT-Assistent generiert ein statisches Energieüberwachungsdashboard mit KI

Sie können die generierte statische App direkt in der Oberfläche in der Vorschau anzeigen.

Wenn Sie Änderungen wünschen, setzen Sie einfach das Gespräch fort und bitten Sie die KI, die gewünschten Anpassungen vorzunehmen.

Herunterladen und Ausführen Ihrer statischen App

Sobald Sie mit dem generierten Dashboard zufrieden sind:

Klicken Sie auf Download
Speichern Sie die generierte HTML-Datei
Öffnen Sie sie lokal in Ihrem Browser

Ausführung eines IAMMETER statischen HTML-Dashboards lokal im Browser zur Energieüberwachung

Es ist keine Installation erforderlich.

Warum IAMMETER Static Apps?

Statische Apps sind extrem einfach und leistungsstark.

Kein Server erforderlich
Keine Installation erforderlich
Nur eine HTML-Datei
Funktioniert in jedem modernen Browser

Das macht statische Apps ideal für:

Energieüberwachungsdashboards
Solarüberwachungsdashboards
Stromverbrauchsvisualisierung
Multi-Zähler-Überwachungsbildschirme

Mit KI-Unterstützung ist die Hürde für die Erstellung benutzerdefinierter Dashboards praktisch verschwunden.

Jetzt ist die einzige Grenze Ihre Vorstellungskraft.

Beispiel: Einfaches IAMMETER Static Dashboard

Nachfolgend ein einfaches Beispiel, das zeigt, wie eine statische App Daten von einem IAMMETER-Zähler auslesen kann.

<!DOCTYPE html>
<html>
<head>
<title>IAMMETER Power Monitor</title>
</head>

<body>

<h2>IAMMETER Power Dashboard</h2>

Power: <span id="power">loading...</span> W

<script>

const meterIP = "192.168.1.6";

function updatePower(){

fetch(`http://${meterIP}/monitorjson`)
.then(res=>res.json())
.then(data=>{
document.getElementById("power").innerText=data.Data[0].P;
});

}

setInterval(updatePower,3000);
updatePower();

</script>

</body>
</html>

Mit KI-Unterstützung können Sie dies leicht zu einem vollständigen Energieüberwachungsdashboard mit Diagrammen und mehreren Zählern erweitern.