Một Dashboard mã nguồn mở giám sát dữ liệu cảm biến thời gian thực trực tiếp trên trình duyệt, không cần cài đặt phần mềm trung gian, không cần cấu hình server phức tạp.
Dự án được tối ưu hóa để hiển thị dữ liệu nhiệt độ từ cảm biến LM35 thông qua vi điều khiển STM32.
👉 TRẢI NGHIỆM TRỰC TIẾP TẠI ĐÂY: WebSerial Monitor Live
- 🔌 Plug & Play: Kết nối trực tiếp với cổng COM của phần cứng thông qua chuẩn Web Serial API.
- 📈 Biểu đồ thời gian thực: Trực quan hóa biến thiên nhiệt độ cực mượt bằng thư viện
Chart.js. - 🧪 Chế độ Mock Data: Tích hợp sẵn nút "Chạy giả lập" để kiểm tra giao diện và hiệu ứng biểu đồ mà không cần cắm mạch thật.
- 🌙 Giao diện chuẩn kỹ thuật: Thiết kế Dark Mode hiện đại, tối ưu cho mắt khi làm việc lâu trong phòng lab.
Để trang web đọc được dữ liệu chính xác, bạn cần cấu hình vi điều khiển gửi dữ liệu qua luồng UART theo các thông số sau:
- Baudrate:
115200 - Data bits:
8 - Stop bits:
1 - Parity:
None
Trang web được lập trình để đọc các giá trị số nguyên hoặc số thực được phân tách bằng ký tự xuống dòng (\n).
Mã mẫu trên STM32 (C/C++):
// Đọc giá trị ADC từ cảm biến LM35 và chuyển đổi sang độ C
float temperature = read_LM35_Temp();
// Gửi dữ liệu qua UART kèm ký tự xuống dòng
printf("%.1f\n", temperature);
HAL_Delay(1000); // Cập nhật mỗi giây