Như đã trình bày như tên của đề tài, hệ thống sẽ bao gồm cả giao diện giám sát và điều khiển. Trong đề tài này, nhóm em thực hiện việc xây dựng giao diện giám sát trên Website. Giao diện sẽ bao gồm 3 phần chính:
− Giám sát.
− Điều khiển thiết bị.
Người dùng có thể thao tác trên giao diện giám sát và điều khiển để tương tác trực tiếp với hệ thống dù ở khoảng cách xa. Chỉ cần có một thiết bị thông minh như SmartPhone, Laptop hay Tablet, ... có kết nối mạng, ta có thể truy cập vào giao diện giám sát thông qua ứng dụng trình duyệt Web ở bất kì đâu, bất kì thời gian nào đều được.
Để có thể vào giao diện giám sát của hệ thống, ta truy cập vào trang Web thông qua đường đẫn http://dungblog.xyz. Khi truy cập vào đường dẫn, sẽ hiện ra một trang giao diện đăng nhập, tài khoản và mật khẩu đăng nhập là “admin”. Dưới đây là trang giao diện đăng nhập mà nhóm đã thiết kế để truy cập vào giao diện giám sát, điều khiển của hệ thống (hình 5.4):
Hình 5. 4: Trang đăng nhập vào giao diện giám sát của hệ thống
Khi đã đăng nhập thành công, ta sẽ thấy được trang giao diện giám sát chính thức của hệ thống. Dưới đây là các hình ảnh giao diện giám sát của hệ thống.
Ở giao diện giám sát (Hình 5.5), sẽ hiển thị các thông số trong vườn, nhiệt độ và độ ẩm trung bình sẽ là trung bình cộng nhiệt độ của bốn khu vực đo. Về phần thời gian, sẽ hiển thị thời gian đọc các giá trị nhiệt độ và độ ẩm đang hiển thị trên giao diện.
Hình 5. 5: Giao diện giám sát của hệ thống
Hình 5. 6: Giao diện điều khiển thiết bị của hệ thống
Trong khi đó, giao diện điều khiển thiết bị (Hình 5.6) có ba sự lựa chọn để điều khiển. Một là chế độ thủ công, người dùng sẽ bật và tắt thiết bị theo thời gian tùy thích. Còn đối với chế độ tự động tắt, người dùng sẽ bật các thiết bị và hẹn giờ động để tắt thiết bị. Ngược lại, chế độ điều khiển còn lại là chế độ tự động. Trong chế độ này, việc bật và tắt các thiết bị đều được thực hiện một cách tự động hoàn toàn. Các thiết bị sẽ được bật trong khoảng thời gian 6h30 – 7h00 và 17h30 – 18h00 hằng ngày. Việc
chọn chế độ thủ công hay tự động tùy vào người sử dụng và từng loại cây trồng. Muốn điều khiển các thiết bị, ta tích hoặc bỏ tích vào các ô tương ứng như Bơm 1 hay đèn 1, sau đó nhấn nút điều khiển thiết bị là được. Khi các ô này được tích, thì các tương ứng sẽ được bật, ngược lại các thiết bị sẽ tắt nếu ta bỏ tích các ô này.
Đối với giao diện biểu đồ giám sát (Hình 5.7), như trên hình ta thấy đây là đường biểu diễn nhiệt độ và độ ẩm trung bình của các khu vực trong vườn. Nếu muốn xem chi tiết đường biểu diễn nhiệt độ hay độ ẩm của từng khu vực, ta nhấn vào mục “xem chi tiết” như trong hình trên.
Hình 5. 7: Biểu đồ giám sát nhiệt độ, độ ẩm