Créez votre propre tableau de bord énergétique IAMMETER en 5 minutes

De nombreux utilisateurs d'IAMMETER souhaitent personnaliser leur interface de surveillance. Par exemple :

Ajouter leur logo d'entreprise au tableau de bord de surveillance pour des présentations ou des projets clients
Afficher uniquement des paramètres spécifiques comme la Puissance active, la Puissance réactive ou le Courant
Créer des graphiques plus attrayants visuellement pour présenter les données énergétiques
Construire un tableau de bord de surveillance sur grand écran pour surveiller plusieurs compteurs IAMMETER
Créer une interface de surveillance solaire et énergétique personnalisée pour leur propre système

Pour répondre à ces besoins de personnalisation, IAMMETER a lancé le projet open-source :

Le projet est construit autour de l'API IAMMETER et des interfaces locales, permettant aux utilisateurs de développer leurs propres applications.

Dans le passé, ce type de personnalisation nécessitait des connaissances en programmation.

Mais aujourd'hui, avec l'aide de l'IA, les choses ont changé.

Même les non-développeurs peuvent désormais construire leur propre tableau de bord énergétique IAMMETER Static App en seulement quelques minutes. video tutorial

Construire un tableau de bord IAMMETER avec l'IA

Commencez par ouvrir l'assistant IAMMETER GPT :

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

Puis demandez simplement quelque chose comme :

donnez-moi une application statique, surveillez la valeur de puissance du compteur monophasé. laissez-moi configurer l'IP et l'intervalle d'actualisation dans ce tableau de bord.

Vous pouvez décrire directement vos besoins, par exemple :

Surveiller la Puissance réactive
Afficher les relevés NEM (Net Energy Metering)
Créer un tableau de bord solaire professionnel
Ajouter des graphiques interactifs
Surveiller plusieurs compteurs IAMMETER

Tant que votre demande inclut des mots-clés comme « static app » ou « dashboard », l'assistant IAMMETER GPT comprendra que vous souhaitez générer une application statique.

L'assistant générera alors un tableau de bord de surveillance énergétique complet en HTML.

Aperçu du tableau de bord généré

Voici un exemple de conversation avec l'assistant IAMMETER GPT.

L'assistant IAMMETER GPT générant un tableau de bord de surveillance énergétique statique à l'aide de l'IA

Vous pouvez prévisualiser l'application statique générée directement dans l'interface.

Si vous souhaitez des modifications, continuez simplement la conversation et demandez à l'IA de les apporter.

Téléchargement et exécution de votre application statique

Une fois que vous êtes satisfait du tableau de bord généré :

Cliquez sur Télécharger
Enregistrez le fichier HTML généré
Ouvrez-le localement dans votre navigateur

Exécution d'un tableau de bord HTML statique IAMMETER localement dans un navigateur pour la surveillance énergétique

Aucune installation n'est requise.

Pourquoi les applications statiques IAMMETER ?

Les applications statiques sont extrêmement simples et puissantes.

Aucun serveur requis
Aucune installation requise
Un seul fichier HTML
Fonctionne dans tout navigateur moderne

Cela rend les applications statiques idéales pour :

les tableaux de bord de surveillance énergétique
les tableaux de bord de surveillance solaire
la visualisation de la consommation d'électricité
les écrans de surveillance multi-compteurs

Avec l'aide de l'IA, la barrière à la création de tableaux de bord personnalisés a pratiquement disparu.

Désormais, la seule limite est votre imagination.

Exemple : Tableau de bord statique IAMMETER simple

Voici un exemple simple montrant comment une application statique peut lire les données d'un compteur IAMMETER.

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

Avec l'aide de l'IA, vous pouvez facilement étendre cela en un tableau de bord de surveillance énergétique complet avec graphiques et plusieurs compteurs.

Essayez l'assistant IA IAMMETER

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

Utilisez l'assistant IA pour générer votre propre tableau de bord énergétique IAMMETER Static App.

Partagez votre application statique

Si vous créez une application statique que vous aimez, vous êtes invité à la soumettre à l'IAMMETER App Store :

👉 https://github.com/IAMMETER/appstore

Les autres utilisateurs d'IAMMETER pourront alors télécharger et utiliser votre application.

IAMMETER récompensera également les contributeurs via notre programme communautaire :

👉 /community/rewards-points-program

Nous avons hâte de voir des applications plus créatives de la part de la communauté.