Chương 6 THIẾT KẾ GIAO DIỆN
6.3 Mơ tả các màn hình
6.3.2 Màn hình danh sách phịng khám
6.3.2.1 Giao diện
Hình 36. Màn hình danh sách phịng khám
51
Bảng 29. Danh sách biến cố và xử lý tương ứng trên màn hình danh sách phịng khám
STT Biến cố Xử lý
1 Nhấn nút Tìm kiếm Cho phép nhập từ khóa tìm kiếm
2 Nhấn nút Địa chỉ Hiển thị danh sách tỉnh thành phố cho phép chọn 3 Nhấn vào Phịng khám Chuyển sang màn hình chi tiết phịng khám 4 Nhấn nút Sắp xếp Sắp xếp phịng khám theo thứ tự
6.3.3 Màn hình chi tiết phịng khám 6.3.3.1 Giao diện
52
Hình 37. Màn hình danh sách chi tiết phịng khám
6.3.3.2 Danh sách biến cố và xử lý
Bảng 30. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết phịng khám
STT Biến cố Xử lý
1 Nhấn nút Chat Hiển thị chi tiết tin nhắn với phòng khám
2 Nhấn nút Lưu Lưu lại phòng khám
53 4 Nhấn nút Đặt lịch Chuyển sang giao diện màn hình đặt lịch với
phịng khám
5 Nhấn nút Phản hồi Hiển thị danh sách phản hồi đối với phòng khám
6.3.4 Màn hình danh sách spa chăm sóc 6.3.4.1 Giao diện 6.3.4.1 Giao diện
Hình 38. Màn hình danh sách spa chăm sóc
54
Bảng 31. Danh sách biến cố và xử lý tương ứng trên màn hình danh sách spa chăm sóc
STT Biến cố Xử lý
1 Nhấn nút Tìm kiếm Cho phép nhập từ khóa tìm kiếm
2 Nhấn nút Địa chỉ Hiển thị danh sách tỉnh thành phố cho phép chọn 3 Nhấn vào Spa chăm sóc Chuyển sang màn hình chi tiết spa chăm sóc 4 Nhấn nút Sắp xếp Sắp xếp phòng khám theo thứ tự
6.3.5 Màn hình chi tiết spa chăm sóc 6.3.5.1 Giao diện 6.3.5.1 Giao diện
55
Hình 39. Màn hình chi tiết spa chăm sóc
6.3.5.2 Danh sách các biến cố và xử lý
Bảng 32. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết spa chăm sóc
STT Biến cố Xử lý
1 Nhấn nút Chat Hiển thị chi tiết tin nhắn với spa chăm sóc
2 Nhấn nút Lưu Lưu lại spa chăm sóc
3 Nhấn nút Dịch vụ Hiển thị danh sách dịch vụ của spa chăm sóc 4 Nhấn nút Đặt lịch Chuyển sang giao diện màn hình đặt lịch với spa
chăm sóc
5 Nhấn nút Phản hồi Hiển thị danh sách phản hồi đối với spa chăm sóc
6.3.6 Màn hình chợ tốt 6.3.6.1 Giao diện 6.3.6.1 Giao diện
56
Hình 40. Màn hình chợ tốt
6.3.6.2 Danh sách các biến cố và xử lý
Bảng 33. Danh sách biến cố và xử lý tương ứng trên màn hình thơng chợ tốt
STT Biến cố Xử lý
1 Nhấn nút Tìm kiếm Cho phép tìm kiếm thú cưng
2 Nhấn vào Thêm Chuyển sang màn hình thêm thú cưng đăng bán
3 Nhấn vào các nút tùy chọn Cho phép lọc theo tùy chọn
57
6.3.7 Màn hình chi tiết thú cưng đăng bán 6.3.7.1 Giao diện 6.3.7.1 Giao diện
Hình 41. Màn hình chi tiết thú cưng đăng bán
6.3.7.2 Danh sách các biến cố và xử lý
Bảng 34. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết thú cưng đăng bán
STT Biến cố Xử lý
58 2 Nhấn nút Nhắn tin Chuyển sang màn hình nhắn tin với người đăng
bán
6.3.8 Màn hình thêm thú cưng đăng bán 6.3.8.1 Giao diện 6.3.8.1 Giao diện
59
Hình 42. Màn hình thêm thú cưng đăng bán
6.3.8.2 Danh sách các biến cố và xử lý
Bảng 35. Danh sách biến cố và xử lý tương ứng trên màn hình tìm người trơng hộ
STT Biến cố Xử lý
1 Nhấn nút Thêm hình ảnh Chuyển sang màn hình thêm hình ảnh 2 Nhấn vào Hồn thành Lưu thơng tin thú cưng đăng bán
60
6.3.9 Màn hình danh sách người trơng hộ 6.3.9.1 Giao diện 6.3.9.1 Giao diện
Hình 43. Màn hình danh sách người trông hộ
6.3.9.2 Danh sách các biến cố và xử lý
Bảng 36. Danh sách biến cố và xử lý tương ứng trên màn hình danh sách người trông hộ
STT Biến cố Xử lý
61
2 Nhấn vào Thêm Chuyển sang màn hình thêm thú cưng đăng bán
3 Nhấn vào Người trông hộ Chuyển sang màn hình chi tiết người trơng hộ
6.3.10 Màn hình chi tiết người trơng hộ 6.3.10.1 Giao diện
Hình 44. Màn hình chi tiết người trơng hộ
62
Bảng 37. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết người trông hộ
STT Biến cố Xử lý
1 Nhấn nút Liên lạc ngay Chuyển sang màn hình nhắn tin với người trơng hộ
6.3.11 Màn hình danh sách tin nhắn 6.3.11.1 Giao diện 6.3.11.1 Giao diện
Hình 45. Màn hình danh sách tin nhắn
63
Bảng 38. Danh sách biến cố và xử lý tương ứng trên màn hình danh sách tin nhắn
STT Biến cố Xử lý
1 Nhấn vào Tin nhắn Chuyển sang màn hình chi tiết tin nhắn
6.3.12 Màn hình chi tiết tin nhắn 6.3.12.1 Giao diện 6.3.12.1 Giao diện
Hình 46. Màn hình chi tiết tin nhắn
64
Bảng 39. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết tin nhắn
STT Biến cố Xử lý
1 Nhấn vào nút gửi Gửi tin nhắn đã nhập
2 Nhấn nút Xóa Xóa đoạn hội thoại
6.3.13 Màn hình lưu trữ 6.3.13.1 Giao diện 6.3.13.1 Giao diện
65
Hình 47. Màn hình lưu trữ
6.3.13.2 Danh sách biến cố và xử lý
Bảng 40. Danh sách biến cố và xử lý tương ứng trên màn hình lưu trữ
STT Biến cố Xử lý
1 Nhấn nút trạng thái Hiển thị bảng chọn trạng thái của phiếu đặt 2 Nhấn vào phiếu đặt Hiển thị màn hình chi tiết phiếu đặt
3 Nhấn nút Back Trở lại màn hình trước đó
6.3.14 Màn hình đặt lịch 6.3.14.1 Giao diện 6.3.14.1 Giao diện
66
Hình 48. Màn hình đặt lịch
6.3.14.2 Danh sách biến cố và xử lý
Bảng 41. Danh sách biến cố và xử lý tương ứng trên màn hình đặt lịch
STT Biến cố Xử lý
1 Nhấn nút Thêm dịch vụ Hiển thị bảng chọn những dịch vụ có sẵn 2 Nhấn nút Xóa dịch vụ Xử lý xóa dịch vụ
3 Nhấn nút Hủy Hủy thao tác và trở về màn hình trước đó 4 Nhấn nút Hồn thành Xử lý và hiển thị kết quả
67
5 Nhấn nút Back Trở lại màn hình trước đó
6.3.15 Màn hình danh sách thu nhập 6.3.15.1 Giao diện 6.3.15.1 Giao diện
Hình 49. Màn hình danh sách thu nhập
6.3.15.2 Danh sách biến cố và xử lý
Bảng 42. Danh sách biến cố và xử lý tương ứng trên màn hình danh sách thu nhập
68
1 Nhấn nút Tìm kiếm Tìm kiếm thu nhập
2 Nhấn vào thu nhập Hiển thị chi tiết thu nhập trong ngày 3 Nhấn vào Thống kê Chuyển sang màn hình thống kê thu nhập 4 Nhấn vào nút Thêm Hiẻn thị màn hình thêm thu nhập
6.3.16 Màn hình thống kê thu nhập 6.3.16.1 Giao diện 6.3.16.1 Giao diện
69
Hình 50. Màn hình thống kê thu nhập
6.3.16.2 Danh sách biến cố và xử lý
Bảng 43. Danh sách biến cố và xử lý tương ứng trên màn hình thống kê thu nhập
STT Biến cố Xử lý
1 Nhấn Tùy chọn Hiển thị thống kê theo tùy chọn
2 Nhấn Tháng Tùy chọn xem thống kê theo tháng đã chọn
70
6.3.17 Màn hình thời gian biểu 6.3.17.1 Giao diện 6.3.17.1 Giao diện
Hình 51. Màn hình thời gian biểu
6.3.17.2 Danh sách biến cố và xử lý
Bảng 44. Danh sách biến cố và xử lý tương ứng trên màn hình thời gian biểu
STT Biến cố Xử lý
71 2 Nhấn vào một sự kiện Hiển thị thông tin chi tiết của lịch hẹn
3 Nhấn nút Back Trở lại màn hình trước đó
6.3.18 Màn hình chi tiết lịch hẹn (trong thời gian biểu) 6.3.18.1 Giao diện 6.3.18.1 Giao diện
Hình 51. Màn hình chi tiết lịch hẹn
72
Bảng 44. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết lịch hẹn
STT Biến cố Xử lý
1 Nhấn nút Chỉnh sửa Hiện thị giao diện chỉnh sửa lịch hẹn 2 Nhấn nút Lưu Xác nhận là lưu lại thay đổi của lịch hẹn
3 Nhấn nút Back Trở lại màn hình trước đó
6.3.19 Màn hình lưu trữ lịch hẹn 6.3.19.1 Giao diện 6.3.19.1 Giao diện
73
6.3.19.2 Danh sách biến cố và xử lý
Bảng 44. Danh sách biến cố và xử lý tương ứng trên màn hình lưu trữ lịch hẹn
STT Biến cố Xử lý
1 Nhấn nút trạng thái Hiển thị bảng chọn trạng thái của phiếu đặt 2 Nhấn vào phiếu đặt lịch Hiển thị chi tiết thông tin phiếu đặt
3 Nhấn nút Back Trở lại màn hình trước đó
6.3.20 Màn hình chi tiết lịch hẹn 6.3.20.1 Giao diện 6.3.20.1 Giao diện
74
Hình 51. Màn hình chi tiết lịch hẹn
6.3.20.2 Danh sách biến cố và xử lý
Bảng 44. Danh sách biến cố và xử lý tương ứng trên màn hình chi tiết lịch hẹn
STT Biến cố Xử lý
1 Nhấn nút Hủy Xác nhận và xử lý việc hủy lịch hẹn
2 Nhấn nút Phản hồi Hiển thị bảng nhập phản hồi cho dịch vụ 3 Nhấn nút Phản hồi của bạn Hiển thị phản hồi đã ghi nhận
6.3.21 Màn hình chỉnh sửa hồ sơ cửa hàng 6.3.21.1 Giao diện 6.3.21.1 Giao diện
75
Hình 51. Màn hình chỉnh sửa hờ sơ cửa hàng
6.3.21.2 Danh sách biến cố và xử lý
Bảng 44. Danh sách biến cố và xử lý tương ứng trên màn hình hờ sơ cửa hàng
STT Biến cố Xử lý
1 Nhấn nút Lưu Kiểm tra thông tin và lưu lại thay đổi 2 Nhấn nút Thêm dịch vụ Hiển thị màn hình thêm dịch vụ 3 Nhấn nút thêm ảnh Hiển thị màn hình thêm ảnh
76
6.3.22 Màn hình chính của cơ sở dịch vụ 6.3.22.1 Giao diện 6.3.22.1 Giao diện
Hình 51. Màn hình chính
6.3.22.2 Danh sách biến cố và xử lý
Bảng 44. Danh sách biến cố và xử lý tương ứng trên màn hình chính
STT Biến cố Xử lý
1 Nhấn nút Quản lý thơng tin Chuyển sang màn hình quản lý thông tin
77 3 Nhấn nút Công việc Chuyển sang màn hình thời gian biểu
4 Nhấn nút Thống kê Chuyển sang màn hình danh sách thu nhập
5 Nhấn nút lưu trữ Chuyển sang màn hình danh sách lịch hẹn lưu trữ 6 Nhấn nút Phản hồi đã nhận Chuyển sang màn hình lịch sử đã nhận
78
Chương 7. TỔNG KẾT 7.1 Kết quả
Những kết quả mà giải pháp của chúng em đã mang lại:
- Giao diện ứng dụng trực quan, dễ dàng thao tác, đầy đủ thông tin và các chức năng cơ bản cho người dùng.
- Hỗ trợ tương tác liên tục, hạn chế gián đoạn truy cập.
Sản phẩm và Source code, truy cập tại: https://github.com/congdanh1252/PetAssistant
7.2 Hạn chế
- Chưa hỗ trợ hoạt động offline. - Nghiệp vụ chưa được hoàn thiện. - Chưa hỗ trợ đa ngôn ngữ
7.3 Hướng phát triển
Trong tương lai, chúng em sẽ hoàn thiện các chức năng chưa đáp ứng tốt yêu cầu của người dùng và mở rộng thêm một số tính năng để có thể đáp ứng được nhu cầu thực tiễn một cách tốt hơn. Ngồi ra có thể xây dựng thêm ứng dụng trên nền tảng web để cải thiện trải nghiệm người dùng.
7.4 Kết luận
Phần mềm của chúng em đã đáp ứng đầy đủ các chức năng được yêu cầu của người dùng. Tuy nhiên, một số chức năng vẫn chưa đáp ứng tốt yêu cầu của người dùng và có thể có một số lỗi vẫn chưa được phát hiện. Ngồi ra, trong q trình hiện thực phần mềm, chúng em đã học được kỹ năng giao tiếp, kỹ năng làm việc nhóm và nhiều bài học kinh nghiệm q giá khác để có thể giúp ích cho việc học tập và làm việc của chúng em trong tương lai.
79
BÁO CÁO KẾT QUẢ LÀM VIỆC NHĨM VÀ BẢNG ĐIỂM
Mơn: ĐỒ ÁN 2 (SE121.M11 ) HKI – Năm học: 2021-2022 Đồ án: ỨNG DỤNG TRỢ LÝ THÚ CƯNG STT Họ và tên MSSV Nhiệm vụ Kết quả (%) Điểm BTL Chữ ký 1 Tống Đức Dũng 19520478 Phần mềm: tính năng thời gian biểu, thu nhập, chợ tốt, người trông hộ. Cuốn báo cáo: tham gia viết và hiệu chỉnh. Nhóm: thực hiện phân công nhiệm vụ.
100 Đã ký
2 Mai Cơng Danh 19520449
Phần mềm: tính năng quản lý cửa hàng, chat, quản lý lịch hẹn, lưu trữ lịch hẹn. Cuốn báo cáo: tham gia viết.
100 Đã ký
Họ tên nhóm trưởng: Tống Đức Dũng, Số ĐT: 0932696361,
80
NHÓM TRƯỞNG
Dũng
81
TÀI LIỆU THAM KHẢO
1. React Native Official Document, Facebook https://reactnative.dev/docs/getting-started