Bouw uw eigen IAMMETER Energie-dashboard in 5 Minuten

Veel IAMMETER-gebruikers willen uiteindelijk hun monitoring-interface aanpassen. Bijvoorbeeld:

Hun bedrijfslogo toevoegen aan het dashboard voor presentaties of klantprojecten
Alleen specifieke parameters weergeven zoals Actief Vermogen, Reactief Vermogen of Stroom
Visueel aantrekkelijkere grafieken maken om energiedata te presenteren
Een energiemonitoring-dashboard op groot scherm bouwen om meerdere IAMMETER-meters te bewaken
Een aangepaste zonne-energie en energiemonitoring-interface maken voor hun eigen systeem

Om aan deze aanpassingsbehoeften te voldoen, lanceerde IAMMETER het open-source project:

Het project is gebouwd rond de IAMMETER API en lokale interfaces, zodat gebruikers hun eigen applicaties kunnen ontwikkelen.

In het verleden vereiste dit type aanpassing programmeerkennis.

Maar nu, met de hulp van AI, is er iets veranderd.

Zelfs niet-ontwikkelaars kunnen nu in slechts een paar minuten hun eigen IAMMETER Static App energie-dashboard bouwen. video tutorial

Bouw een IAMMETER-dashboard met AI

Begin met het openen van de IAMMETER GPT-assistent:

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

Vraag vervolgens eenvoudig iets zoals:

please give me a static app, monitor the power value of the single phase meter. let me configure the IP and refresh interval in this dashboard.

U kunt elke wens direct beschrijven, zoals:

Bewaken van Reactief Vermogen
Weergeven van NEM (Net Energy Metering) metingen
Een professioneel zonne-energie monitoring-dashboard maken
Interactieve grafieken toevoegen
Meerdere IAMMETER-meters bewaken

Zolang uw verzoek trefwoorden bevat zoals "static app" of "dashboard", zal de IAMMETER GPT-assistent begrijpen dat u een Static App wilt genereren.

De assistent genereert vervolgens een compleet HTML-gebaseerd energiemonitoring-dashboard.

Voorbeeld van het gegenereerde Dashboard

Hieronder staat een voorbeeldgesprek met de IAMMETER GPT-assistent.

IAMMETER GPT-assistent genereert een statisch energiemonitoring-dashboard met AI

U kunt een voorbeeld van de gegenereerde Static App direct in de interface bekijken.

Als u wijzigingen wilt, kunt u eenvoudig het gesprek voortzetten en de AI vragen deze aan te passen.

Download en voer uw Static App uit

Zodra u tevreden bent met het gegenereerde dashboard:

Klik op Download
Sla het gegenereerde HTML-bestand op
Open het lokaal in uw browser

Een IAMMETER statisch HTML-dashboard lokaal uitvoeren in een browser voor energiemonitoring

Er is geen installatie vereist.

Waarom IAMMETER Static Apps?

Static Apps zijn extreem eenvoudig en krachtig.

Geen server nodig
Geen installatie vereist
Slechts één HTML-bestand
Werkt in elke moderne browser

Dit maakt Static Apps ideaal voor:

energiemonitoring-dashboards
zonne-energie monitoring-dashboards
visualisatie van elektriciteitsverbruik
multi-meter monitoringschermen

Met AI-ondersteuning is de drempel voor het bouwen van aangepaste dashboards vrijwel verdwenen.

Nu is alleen uw verbeelding de limiet.

Voorbeeld: Eenvoudig IAMMETER Static Dashboard

Hieronder staat een eenvoudig voorbeeld dat laat zien hoe een Static App gegevens van een IAMMETER-meter kan lezen.

<!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>

Met AI-ondersteuning kunt u dit eenvoudig uitbreiden tot een compleet energiemonitoring-dashboard met grafieken en meerdere meters.