IV. PHẠM VI NGHIÊN CỨU
4.1.2.1. Màn hình Chờ
Ý nghĩa:
Nếu người dùng mới dùng app thì hiện button login, còn người dùng chưa đăng xuất thì kiểm tra xem thời gian yêu cầu login lại tới chưa, nếu chưa thì tiến thành đăng nhập với tài khoản và mật khẩu đã lưu trên máy trước đó, nếu đã hết hạng thì xóa đi mật khẩu lưu trên máy và hiện button login cho người dùng đăng nhập lại
40
Các đối tượng trong hình
Bảng 4-1: Bảng các đối tượng Màn hình chờ
STT Loại Ý nghĩa
1 Button Chuyển đến màn hình đăng nhập
41
4.1.2.2. Màn hình Đăng nhập
Ý nghĩa: Cho phép người dùng đăng nhập vào hệ thống.
Chi tiết màn hình:
Màn hình chờ
Chuyển người dùng tới màn hình login
Click Login
Hình 4- 3: Sơ đồ biến cố màn hình chờ
42
Các đối tượng trong hình
Bảng 4-2: Bảng các đối tượng Màn hình Đăng nhập
STT Loại Ý nghĩa
1 Edittext Nhập tên đăng nhập của tài khoản 2 Edittext Nhập mật khẩu của tài khoản
3 Button Đăng nhập vào hệ thống
Sơ đồ các biến cố
4.1.2.3. Màn hình Trang chủ
Ý nghĩa: Giao diện xem thông tin của các devices mà người dùng đã tạo, cho
phép người dùng quản lý thông tin đăng nhập.
Chi tiết màn hình
Hình 4- 6: Màn hình đăng nhập
Màn hình Đăng nhập
Chuyển người dùng tới màn hình Trang chủ
Click Login
43
Bảng 4-3: Bảng các đối tượng Màn hình Trang chủ
STT Loại Ý nghĩa
1 ImageButton Menu quản lý tài khoản thiết lập, mở popup khi người dùng chạm vào
2 linkText Mở cửa sổ cho phép người dùng xem tất cả các devices hiện có của mình.
3 RelativeLayout Bất sử kiện khi người dùng chạm vào device, mở màn hình SwitchActivity
4 TextView Hiện thị trạng thấy của device hiện tại (nếu có một công tất bật, nút này sẻ sáng xanh)
5 CircleImageView Hiện thị hình ảnh của device 6 TextView Hiện thì tên của device
Sơ đồ biến cố
Màn hình Trang chủ
Hiện thị popup thiết lập các cài đặt thông tin đăng nhập Click Menu Click Scenes Click Device Mở màn hình scenes all device Mở màn hình Switch Activity
44
4.1.2.4 Màn hình Setting
Ý nghĩa: Cho phép người dùng thiết lặp một số thao tác quản lý tài khoản.
Chi tiết màn hình:
Các đối tượng trong màn hình:
Bảng 4-4: Bảng các đối tượng Màn hình Setting
STT Loại Ý nghĩa
1 ImageView Đóng popup khi người dùng chạm vào
2 TextView Đăng xuất tài khoản khỏi ứng dụng, và trở về màn hình Đăng nhập
45
chạm vào
4 RadioButton Danh sách các kiểu hẹn giờ cho người dùng chọn. 5 Button Xác nhận yêu cầu login sau khi chọn chế độ hẹn giờ.
Sơ đồ biến cố
4.1.2.5. Màn hình Xem tất cả devices
Ý nghĩa: Cho phép người dùng xem tất cả các devices có trong tài khoản một cách
nhanh nhất. Màn hình Trang chủ Đóng popup cài đặt Click ImageView đóng
Click TextView Đổi người dùng
Click button Apply
Xóa thông tin người dùng đang lưu trong local, chuyển đén màn hình Đăng nhập
Cập nhập thời gian yêu cầu đăng nhập lại
46
Chi tiết màn hình:
Hình 4- 10: Màn hình xem tất cả devices
Các đối tượng trong màn hình:
Bảng 4-5: Bảng các đối tượng Màn hình Xem tất cả device
STT Loại Ý nghĩa
1 Button Trở về màn hình Trang chủ khi người dùng chạm vào 2 RelativeLayout Mở màn hình switch khi người dùng chạm vào các
item trong danh sách.
Sơ đồ biến cố:
Màn hình Xem tất cả device
Trở về màn hình Trang chủ Click button Back
Mở màn hình Switch Activity Click RelativeLayout
Project
47
Ý nghĩa: Cho phép người dùng quản lý các thiết bị thông qua internet bằng giọng
nói hoặc nút nhấn.
Chi tiết màn hình:
Hình 4-11: Màn hình Switch Activity (1)
Hình 4- 12: Màn hình Switch Activity (2)
48
Hình 4- 13: Màn hình Switch Activity (3)
Các đối tượng trong màn hình:
Bảng 4-6: Bảng các đối tượng Màn hình Switch Activity
STT Loại Ý nghĩa
1 Button Trở về màn hình Trang chủ khi người dùng chạm vào 2 Button Hiện thị thông tin của công tắc đang được bật hay tất, ngoài ra đây cũng là nút nhấn đển người dùng có thể chạm vào để bật hoặc tất công tắc nhanh nhất. 3 Button Mở tất cả danh sách các switch có trong phòng này 4 Button Khi người dùng chạm vào nút mic này thì một popup
thông báo lắng nghe giọng nói của người dùng để thực hiện các thoa tác bật tất switch.
5 Edittext Ngoài việc điều khiển bằng giọng nó và nút nhấn người dùng cũng có thể dùng chat để điều kiển. 6 Button Nút này dành cho người dùng khi dùng chức năng
chát, sẻ gửi nội dung trong ô chat lên server để thực hiện thao tác đó.
49
bằng giọng nói, sẻ được hiện thị trong danh sách các textview , cũng như thông tin do hệ thống trả về.
Sơ đồ các biến cố:
4.1.2.7. Màn hình Xem tất cả các Switch
Ý nghĩa: Cho phép người dùng xem tất cả các switch có trong project hiện tại,
cũng như người dùng có thể điều khiển tại đây.
Màn hình Switch Activity Trở về màn hình Trang chủ Click Back Click Switch Click Tất cả
Cập nhật trạng thái của công tắc
Mở màn hình xem tất cả các switch có trong project
Click icon ‘Send’
Show dialog Google voice để người dùng điều khiển bằng giọng nói
Lấy nội dung trong edittext để thực hiện các yêu cầu trong edittext
Click Mic
50
Chi tiết màn hình:
Hình 4- 15: : Màn hình xem tất cả các switch
Các đối tượng trong màn hình:
Bảng 4-7: Bảng các đối tượng Màn hình Xem tất cả switch
STT Loại Ý nghĩa
1 Button Trở về màn hình Trang chủ khi người dùng chạm vào
2 LinearLayout Khi người dùng chạm vào sẻ cập nhật trạng thái của công tắc.
51