Ne pare rău, browserul dvs. nu acceptă JavaScript!
Autentificare

Construiește-ți propriul tablou de bord IAMMETER pentru energie în 5 minute

Mulți utilizatori IAMMETER ajung, la un moment dat, să își dorească să personalizeze interfața de monitorizare. De exemplu:

  • Să adauge sigla companiei pe tabloul de bord de monitorizare, pentru prezentări sau proiecte ale clienților
  • Să afișeze doar anumiți parametri, precum puterea activă, puterea reactivă sau curentul
  • Să creeze grafice mai atractive vizual pentru prezentarea datelor despre energie
  • Să construiască un tablou de bord de monitorizare a energiei pe ecran mare pentru a monitoriza mai multe contoare IAMMETER
  • Să creeze o interfață personalizată de monitorizare a energiei solare și a energiei pentru propriul sistem

Pentru a sprijini aceste nevoi de personalizare, IAMMETER a lansat proiectul open-source:

👉 /newsshow/iammeter-app-store-launched

Proiectul este construit în jurul API-ului IAMMETER și al interfețelor locale, permițând utilizatorilor să își dezvolte propriile aplicații.

În trecut, acest tip de personalizare necesita cunoștințe de programare.

Dar acum, cu ajutorul AI, lucrurile s-au schimbat.

Chiar și non-programatorii își pot construi acum propriul tablou de bord IAMMETER Static App pentru monitorizarea energiei în doar câteva minute. tutorial video


Construiește un tablou de bord IAMMETER cu AI

Începe prin a deschide asistentul IAMMETER GPT:

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

Apoi cere pur și simplu ceva de genul:

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.

Poți descrie direct orice cerințe, de exemplu:

  • Monitorizarea puterii reactive
  • Afișarea indicațiilor NEM (Net Energy Metering)
  • Crearea unui tablou de bord profesional de monitorizare solară
  • Adăugarea de grafice interactive
  • Monitorizarea mai multor contoare IAMMETER

Atâta timp cât cererea ta include cuvinte cheie precum „static app" sau „dashboard", asistentul IAMMETER GPT va înțelege că dorești să generezi o Static App.

Asistentul va genera apoi un tablou de bord complet de monitorizare a energiei, bazat pe HTML.


Previzualizează tabloul de bord generat

Mai jos este un exemplu de conversație cu asistentul IAMMETER GPT.

Asistentul IAMMETER GPT generează un tablou de bord static de monitorizare a energiei folosind AI

Poți previzualiza aplicația Static App generată direct în interfață.

Dacă dorești modificări, continuă pur și simplu conversația și cere-i AI să o modifice.


Descarcă și rulează Static App-ul tău

Odată ce ești mulțumit de tabloul de bord generat:

  1. Apasă pe Download
  2. Salvează fișierul HTML generat
  3. Deschide-l local în browserul tău
Rularea unui tablou de bord HTML static IAMMETER într-un browser, pentru monitorizarea energiei

Nu este necesară nicio instalare.


De ce Static Apps IAMMETER?

Static Apps sunt extrem de simple și puternice.

  • Nu necesită server
  • Nu necesită instalare
  • Doar un singur fișier HTML
  • Funcționează în orice browser modern

Acest lucru face Static Apps ideale pentru:

  • tablouri de bord de monitorizare a energiei
  • tablouri de bord de monitorizare solară
  • vizualizarea consumului de electricitate
  • ecrane de monitorizare pentru mai multe contoare

Cu ajutorul AI, bariera în calea construirii de tablouri de bord personalizate a dispărut practic.

Acum, singura limită este imaginația ta.


Exemplu: un simplu tablou de bord static IAMMETER

Mai jos este un exemplu simplu care arată cum poate o Static App să citească date de la un contor 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>

Cu ajutorul AI, poți extinde cu ușurință acest exemplu într-un tablou de bord complet de monitorizare a energiei, cu grafice și mai multe contoare.


Încearcă asistentul AI IAMMETER

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

Folosește asistentul AI pentru a-ți genera propria Static App de tip tablou de bord IAMMETER pentru energie.


Împărtășește Static App-ul tău

Dacă ai construit o Static App care îți place, ești binevenit să o trimiți în IAMMETER App Store:

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

Astfel, alți utilizatori IAMMETER vor putea descărca și folosi aplicația ta.

IAMMETER va recompensa, de asemenea, contribuitorii prin programul nostru comunitar:

👉 /community/rewards-points-program

Abia așteptăm să vedem aplicații tot mai creative din partea comunității.

Sus