Tự xây dựng bảng điều khiển năng lượng IAMMETER trong 5 phút

Nhiều người dùng IAMMETER cuối cùng đều muốn tùy chỉnh giao diện giám sát của riêng mình. Ví dụ:

Thêm logo công ty vào bảng điều khiển giám sát để thuyết trình hoặc dùng cho dự án khách hàng
Chỉ hiển thị những thông số cụ thể như Công suất tác dụng, Công suất phản kháng hoặc Dòng điện
Tạo biểu đồ đẹp mắt hơn để trình bày dữ liệu năng lượng
Xây dựng bảng điều khiển giám sát năng lượng màn hình lớn để theo dõi nhiều đồng hồ IAMMETER
Tạo giao diện giám sát năng lượng và điện mặt trời tùy chỉnh cho hệ thống của riêng bạn

Để đáp ứng những nhu cầu tùy chỉnh này, IAMMETER đã ra mắt dự án mã nguồn mở:

Dự án được xây dựng xoay quanh API IAMMETER và các giao diện cục bộ, cho phép người dùng tự phát triển ứng dụng của mình.

Trước đây, kiểu tùy chỉnh này đòi hỏi kiến thức lập trình.

Nhưng giờ đây, với sự hỗ trợ của AI, mọi thứ đã thay đổi.

Ngay cả người không phải lập trình viên cũng có thể tự xây dựng bảng điều khiển năng lượng IAMMETER Static App chỉ trong vài phút. video hướng dẫn

Xây dựng bảng điều khiển IAMMETER bằng AI

Bắt đầu bằng cách mở trợ lý IAMMETER GPT:

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

Sau đó chỉ cần hỏi một câu đại loại như:

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.

Bạn có thể mô tả trực tiếp mọi yêu cầu, chẳng hạn:

Giám sát Công suất phản kháng
Hiển thị chỉ số NEM (Net Energy Metering)
Tạo bảng điều khiển giám sát điện mặt trời chuyên nghiệp
Thêm biểu đồ tương tác
Giám sát nhiều đồng hồ IAMMETER

Chỉ cần yêu cầu của bạn có các từ khóa như “static app” hoặc “dashboard”, trợ lý IAMMETER GPT sẽ hiểu rằng bạn muốn tạo một Static App.

Sau đó trợ lý sẽ tạo ra một bảng điều khiển giám sát năng lượng dựa trên HTML hoàn chỉnh.

Xem trước bảng điều khiển được tạo

Dưới đây là một ví dụ về cuộc trò chuyện với trợ lý IAMMETER GPT.

Trợ lý IAMMETER GPT tạo bảng điều khiển giám sát năng lượng tĩnh bằng AI

Bạn có thể xem trước Static App được tạo ngay trong giao diện.

Nếu muốn thay đổi, chỉ cần tiếp tục cuộc trò chuyện và yêu cầu AI chỉnh sửa.

Tải xuống và chạy Static App của bạn

Khi bạn đã hài lòng với bảng điều khiển được tạo:

Nhấp vào Tải xuống
Lưu tệp HTML được tạo
Mở tệp đó cục bộ trong trình duyệt

Chạy bảng điều khiển HTML tĩnh IAMMETER cục bộ trong trình duyệt để giám sát năng lượng

Không cần cài đặt gì cả.

Vì sao nên dùng IAMMETER Static App?

Static App cực kỳ đơn giản nhưng cũng rất mạnh mẽ.

Không cần máy chủ
Không cần cài đặt
Chỉ cần một tệp HTML
Hoạt động trên mọi trình duyệt hiện đại

Điều này khiến Static App trở nên lý tưởng cho:

bảng điều khiển giám sát năng lượng
bảng điều khiển giám sát điện mặt trời
trực quan hóa mức tiêu thụ điện
màn hình giám sát nhiều đồng hồ

Với sự hỗ trợ của AI, rào cản để xây dựng bảng điều khiển tùy chỉnh gần như đã biến mất.

Giờ đây giới hạn duy nhất chính là trí tưởng tượng của bạn.

Ví dụ: bảng điều khiển IAMMETER Static đơn giản

Dưới đây là một ví dụ đơn giản cho thấy Static App có thể đọc dữ liệu từ đồng hồ IAMMETER như thế nào.

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

Với sự hỗ trợ của AI, bạn có thể dễ dàng mở rộng ví dụ này thành một bảng điều khiển giám sát năng lượng hoàn chỉnh với biểu đồ và nhiều đồng hồ đo.