Giao diện đơn giản trực quan với các giá trị cảm biến được hiển thị theo thời gian thực.
- Thanh điều hướng để chuyển tới các chức năng khác của ứng dung:
+ Nút Profile: Để xem thông tin tài khoản đang đăng nhập sử dụng ứng dụng với các thông tin như họ, tên và địa chỉ email.
+ Nút History: Chuyển đến giao diện xem lịch sử dưới dạng cuộn tại đây cho phép xem 1000 giá trị gần nhất và cũng cập nhật giá trị theo thời gian thực.
Trang 143 + Nút Set: Chuyển tới giao diện cài đặt tại đây có thể cài đặt các thông số PID cho động cơ, các thông số cảnh báo mức cao, mức thấp cho cảm biến và pin của từng trạm một.
+ Nút Chart: Chuyển tới giao diện biểu đồ cho phép xem biểu đồ ở hai chế độ là thể hiện theo thời gian thực với 7 giá trị khởi tạo ban đầu là giá trị cũ, chế độ thứ 2 cho phép trend 1000 giá trị lịch sử giúp theo dõi dễ dàng hơn.
Sơ đồ thuật toán cách lấy giá trị realtime database từ firebase:
Nếu có giá trị tại vị trí lấy data Nếu khơng có giá trị tại
vị trí lấy data
Nếu mất kết nối tới server Start
Đọc dữ liệu từ database
Hiện thị giá trị lên màn hình Hiện thị giá trị null
màn hình Khơng hiển thị giá trị
Kết thúc Khởi tạo dữ liệu
Trang 144
4.2.4 Giao diện màn hình cài đặt các giá trị
Trang 145 Tại giao diện màn hình này sẽ cho phép đặt các giá trị cảnh báo mức cao mức thấp của cảm biến và giá trị cài đặt PID.
- Khi nhập giá trị và ấn nút Set các thông số này sẽ được ghi lên cơ sở dữ liệu realtime database. Cloud function sẽ có chức năng so sánh các giá trị hiện tại từ phần cứng gửi lên với các giá trị cảnh báo đã đặt nếu cao hơn hoặc thấp hơn giá trị đã đặt sẽ gửi một thông báo tới điện thoại đã cài đặt ứng dụng. Giúp cảnh báo người dùng theo dõi hằng ngày tránh để các thơng số vượt mức cho phép có biện pháp xử lý kịp thời.
- Đối với các ô giá trị không nhập khi bấm Set sẽ lấy giá trị hiện tại (giá trị màu xanh bên cạnh là giá trị thực lấy từ realtime database gán vào để tránh hiện tượng khi Set các giá cũ đã cài đặt bị xoá).
4.2.5 Giao diện data