Yêu cầu ứng dụng:
- Yêu cầu đăng nhập tài khoản người dùng.
- Kết nối với trung tâm điều khiển thông qua bluetooth hoặc Wifi. - Điều khiển thiết bị bằng giọng nói hoặc thao tác.
- Chức năng nhận diện giọng nói được kích hoạt bằng nút nhấn. - Giao tiếp với người sử dụng bằng một số câu lệnh đơn giản.
- Cảnh báo khi nhiệt độ vượt quá ngưỡng cho phép. - Đồng bộ trạng thái các thiết bị theo thời gian thực. - Nhiều người dùng có thể điều khiển cùng lúc.
* Giao diện và các thành phần
Từ những yêu cầu trên ta có thể thiết kế giao diện của ứng dụng gồm ba màn hình:
• Mộtmànhình ở chế độ yêu cầu đăng nhập và chọnhình thức kết nối.
• Mộtmànhình ở chế độ điều khiển bằng Bluetooth.
• Mộtmànhình ở chế độ điều khiển bằng Wifi.
frài Khoản Mệt Khấu
Đăng Nhập
Hình 4.20. Màn hình đăng nhập và kết nối - Màn hình đăng nhập và kết nối gồm hai layout.
• VerticalArrangement1: layout sắp xếp theo dạng hàng dọc chứa các
Hình 4.21. VerticalArrangementl
+ TextBoxl: dùng để nhập tên tài khoản người dùng.
+ TextBox2: dùng để nhập mật khẩu tài khoản người dùng.+ Buttonl: kiểm tra thông tin và bắt đầu sử dụng + Buttonl: kiểm tra thơng tin và bắt đầu sử dụng
• HorizontalArrangement1: layout sắp xếp theo dạng hàng ngang chứa
các thành phần sau.
Button
Hình 4.22. HorizontalArrangement1
+ Button_Bluetooth : dùng để chọn chế độ Bluetooth.+ Button_Wifi: dùng để chọn chế độ Wifi + Button_Wifi: dùng để chọn chế độ Wifi
Hình 4.23. Giao diện màn hình Bluetooth của app. - Màn hình Bluetooth gồm bảy Layout.
• HorizontalArrangement5: layout sắp xếp theo dạng hàng ngang chứa các
thành phần sau.
Hình 4.24. HorizontalArrangement5.
+ Labell: dùng để hiển thị cho người dùng biết trạng thái.
$ Bi* < 1 10:17
Trạng Thái: ĐÃ KẾT NỐI
KẾT NỐI NGẮT KẾT NỐI
• HorizontalArrangement6: layout sắp xếp theo dạng hàng ngang chứa các
thành phần sau.
+ Button_ketnoi: dùng để kết nối với thiết bị Bluetooth.+ Button_ngatketnoi: dùng để ngắt kết nối bluetooth. + Button_ngatketnoi: dùng để ngắt kết nối bluetooth.
• HorizontalArrangement4: layout sắp xếp theo dạng hàng ngang chứa một
thành phần sau.
Hình 4.26. TableArrangement4.
+ ListPicker1: dùng để hiển thị danh sách các thiết bị để kết nối.• HorizontalArrangement10: layout sắp xếp theo dạng hàng ngang chứa các • HorizontalArrangement10: layout sắp xếp theo dạng hàng ngang chứa các
thành phần sau.
Hình 4.27. HorizontalArrangement10.
+ HorizontalArrangement9: thơng báo nhiệt độ.+ HorizontalArrangement11: thơng báo độ ẩm. + HorizontalArrangement11: thông báo độ ẩm. + Label7: nhiệt độ.
+ Labelnhietdo: hiển thị nhiệt độ.+ Label8: độ ẩm. + Label8: độ ẩm.
+ Labeldoam: hiển thị độ ẩm.
• HorizontalArrangement7: layout sắp xếp theo dạng hàng ngang chứa các
Hình 4.28. HorizontalArrangement7.
+ Button1,s0,s1,s2,s3: dùng để quay lại màn hình 1 và để điều khiển
các mức độ của động cơ.
• HorizontalScrollArrangement1: layout sắp xếp theo dạng hàng ngang
chứa các thành phần sau.
Hình 4.292. HorizontalScrollArrangement1.
+ VerticalArrangement: dùng để chứa hai button điều khiển.+ Button: điều khiển trạng thái các đèn. + Button: điều khiển trạng thái các đèn.
+ Label: hiển thị tên thiết bị.
Hình 4.30. Màn hình điều khiển bằng Wifi.
Nhìn chung khơng có khác biệt nhiều so với màn hình điều khiển bằng Bluetooth. Một số điểm khác biệt chính như:
Hình 4.31. Label_text.