Ứng dụng quản lý phòng trọ đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN iii LỜI CẢM ƠN iv LỜI MỞ ĐẦU v TÓM TẮT BẰNG TIẾNG VIỆT vi TÓM TẮT BẰNG TIẾNG ANH vii MỤC LỤC viii DANH MỤC CÁC TỪ VIẾT TẮT x DANH MỤC CÁC HÌNH ẢNH xi DANH MỤC CÁC BẢNG BIỂU xv Chương .1 TỔNG QUAN 1.1 Lý chọn đề tài 1.2 Mục tiêu nghiên cứu đề tài 1.3 Công nghệ sử dụng Chương .3 CƠ SỞ LÝ THUYẾT 2.1 React Javascript 2.2 Spring Boot .3 2.3 Spring Boot .3 2.4 Amazon S3 Chương .5 KHẢO SÁT HIỆN TRẠNG 3.1 Khảo sát sản phẩm liên quan tới đề tài 3.1.1 PHONGTRO123.COM 3.1.2 Kết luận .6 3.2 Yêu cầu ứng dụng 3.3 So sánh trang KHUTRO123 với sản phẩm 3.4 Yêu cầu từ khách hàng .7 CHƯƠNG .8 viii PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 4.1 Mơ hình hóa u cầu 4.1.1 Thiết kế sơ đồ chức (usecase diagram) 4.1.2 Đặc tả sơ đồ chức 4.1.3 Sơ đồ tuần tự (sequence diagram) 100 4.2 Thiết kế hệ thống 103 4.2.1 Thiết kế sở liệu 103 4.2.2 Thiết kế giao diện 122 CHƯƠNG 196 CÀI ĐẶT VÀ KIỂM THỬ 196 5.1 Cài đặt 196 5.1.1 Cài đặt môi trường phát triển 196 5.1.2 Front-end 196 5.1.3 Back-end 198 5.1.4 Cài đặt với docker (tùy chọn) 200 5.2 Kiểm thử 200 5.2.1 Các chức kiểm thử 200 5.2.2 Thực kiểm thử 200 CHƯƠNG 219 TỔNG KẾT 219 6.1 Kết đạt 219 6.2 Ưu điểm 220 6.3 Nhược điểm 220 6.4 Khó khăn 220 6.5 Bài học kinh nghiệm 220 6.6 Hướng phát triển 220 TÀI LIỆU THAM KHẢO 221 ix DANH MỤC CÁC TỪ VIẾT TẮT TÊN TIẾNG ANH Sequence diagram Class diagram Usecase diagram ERD diagram TÊN TIẾNG VIỆT Sơ đồ tuần tự Sơ đồ lớp Sơ đồ chức Mô hình liên kết thực thể x DANH MỤC CÁC HÌNH ẢNH Hình 3.1 Giao diện quản lý người dùng phongtro123.com Hình 4.1 Mơ hình chức Hình 4.2 Tổng quát sơ đồ chức quản trị viên Hình 4.3 Sơ đồ chức CRUD khách trọ 10 Hình 4.4 Sơ đồ chức checkin khách trọ 12 Hình 4.5 Sơ đồ chức checkout khách trọ 14 Hình 4.6 Sơ đồ chức tìm khách trọ theo quyền 15 Hình 4.7 Sơ đồ chức tìm khách trọ theo username 17 Hình 4.8 Sơ đồ chức kiểm tra username trùng 19 Hình 4.9 Sơ đồ chức CRUD nội quy 21 Hình 4.10 Sơ đồ chức CRUD phòng trọ 23 Hình 4.11 Sơ đồ chức tìm kiếm phịng theo vị trí chi nhánh 26 Hình 4.12 Sơ đồ chức CRUD quản lý quyền 27 Hình 4.13 Sơ đồ chức CRUD quản lý báo cáo đề mục 30 Hình 4.14 Sơ đồ chức CRUD quản lý thông báo 32 Hình 4.15 Sơ đồ chức CRUD quản lý nguồn chi 34 Hình 4.16 Sơ đồ chức tìm kiếm nguồn chi theo chi nhánh 37 Hình 4.17 Sơ đồ chức CRUD quản lý nguồn thu 38 Hình 4.18 Sơ đồ chức tìm kiếm chi nhánh theo nguồn thu 41 Hình 4.19 Sơ đồ chức CRUD quản lý hóa đơn 42 Hình 4.20 Sơ đồ chức xuất hóa đơn 45 Hình 4.21 Sơ đồ chức xuất nhiều hóa đơn 46 Hình 4.22 Sơ đồ chức CRUD quản lý thiết bị 48 Hình 4.23 Sơ đồ chức CRUD quản lý điện nước 51 Hình 4.24 Sơ đồ chức CRUD quản lý hợp đồng 53 Hình 4.25 Sơ đồ chức tìm kiếm hợp đồng theo khách trọ 55 Hình 4.26 Sơ đồ chức tìm kiếm hợp đồng theo chủ trọ 57 Hình 4.27 Sơ đồ chức CRUD quản lý chi nhánh 59 Hình 4.28 Sơ đồ chức tìm kiếm chi nhánh theo vị trí 61 Hình 4.29 Sơ đồ chức CRUD quản lý lầU 63 Hình 4.30 Sơ đồ chức cập nhật thông tin cá nhân 65 Hình 4.31 Sơ đồ chức đổi mật 67 Hình 4.32 Sơ đồ chức đăng ký 69 Hình 4.33 Sơ đồ chức đăng nhập 71 Hình 4.34 Tổng quan sơ đồ chức khách trọ 73 Hình 3.35 Sơ đồ chức đăng nhập khách trọ 74 Hình 4.36 Sơ đồ chức đăng ký khách trọ 75 Hình 4.37 Sơ đồ chức cập nhật thông tin cá nhân khách trọ 77 Hình 4.38 Sơ đồ chức đổi mật khách trọ 79 xi Hình 4.39 Sơ đồ chức xem nội quy khách trọ 81 Hình 4.40 Sơ đồ chức xem thông báo khách trọ 84 Hình 4.41 Sơ đồ chức tạo báo cáo đề mục 86 Hình 4.42 Sơ đồ chức xem báo cáo đề mục 87 Hình 4.43 Sơ đồ chức xem phịng 89 Hình 4.44 Sơ đồ chức tìm kiếm phịng trọ theo chi nhánh 91 Hình 4.45 Sơ đồ chức tìm kiếm phịng theo loại phịng 93 Hình 4.46 Sơ đồ chức xem hóa đơn khách trọ 94 Hình 4.47 Sơ đồ chức tạo hóa đơn 96 Hình 4.48 Sơ đồ chức xuất hóa đơn 98 Hình 4.49 Sơ đồ tuần tự đăng ký 100 Hình 4.50 Sơ đồ tuần tự đăng nhập 101 Hình 4.51 Sơ đồ tuần tự quản lý chi nhánh quản trị viên 101 Hình 4.52 Sơ đồ tuần tự in hóa đơn 102 Hình 4.53 Sơ đồ tuần tự chi tiết phòng 102 Hình 4.54 Mơ hình liên kết thực thể (ERD Diagram 1) 103 Hình 4.55 Mơ hình liên kết thực thể (ERD Diagram 2) 104 Hình 4.56 Mơ hình liên kết thực thể (ERD Diagram 3) 105 Hình 4.57 Sơ đồ lớp 120 Hình 4.58 Sơ đồ lớp 121 Hình 4.59 Sơ đồ lớp 121 Hình 4.60 Giao diện trang đăng nhập 122 Hình 4.61 Giao diện trang đăng ký 123 Hình 4.62 Giao diện trang chủ quản lý 124 Hình 4.63 Giao diện trang chủ quản lý 124 Hình 4.64 Thanh điều hướng trang quản lý 126 Hình 4.65 Thanh điều hướng trang quản lý 127 Hình 4.66 Thanh điều hướng trang quản lý 127 Hình 4.67 Thanh điều hướng trang quản lý 128 Hình 4.68 Thanh điều hướng trang quản lý 128 Hình 4.69 Trang quản lý chi nhánh 130 Hình 4.70 Giao diện thêm chi nhánh 131 Hình 4.71 Giao diện chỉnh sửa chi nhánh 132 Hình 4.72 Giao diện xóa chi nhánh 133 Hình 4.73 Giao diện trang quản lý phịng 133 Hình 4.74 Giao diện thêm phòng 135 Hình 4.75 Giao diện chỉnh sửa phòng 137 Hình 4.76 Giao diện xóa phịng 138 Hình 4.77 Giao diện trang quản lý hợp đồng 139 Hình 4.78 Giao diện thêm hợp đồng 140 xii Hình 4.79 Giao diện chỉnh sửa hợp đồng 141 Hình 4.80 Giao diện xóa hợp đồng 142 Hình 4.81 Giao diện trang quản lý điện nước 143 Hình 4.82 Đặc tả giao diện trang quản lý điện nước 144 Hình 4.83 Giao diện chỉnh sửa điện nước 145 Hình 4.84 Giao diện xóa điện nước 146 Hình 4.85 Giao diện trang quản lý thiết bị 147 Hình 4.86 Giao diện thêm thiết bị 148 Hình 4.87 Giao diện chỉnh sửa thiết bị 149 Hình 4.88 Giao diện xóa thiết bị 149 Hình 4.89 Giao diện trang quản lý khách trọ 150 Hình 4.90 Giao diện thêm khách trọ 151 Hình 4.91 Giao diện chỉnh sửa khách trọ 153 Hình 4.92 Giao diện xóa khách trọ 154 Hình 4.93 Giao diện checkin 154 Hình 4.94 Giao diện checkout 155 Hình 4.95 Giao diện trang quản lý nguồn thu 156 Hình 4.96 Giao diện thêm nguồn thu 157 Hình 4.97 Giao diện chỉnh sửa nguồn thu 157 Hình 4.98 Giao diện xóa nguồn thu 158 Hình 4.99 Giao diện trang quản lý nguồn chi 159 Hình 4.100 Giao diện thêm nguồn chi 160 Hình 4.101 Giao diện chỉnh sửa nguồn chi 160 Hình 4.102 Giao diện xóa nguồn chi 161 Hình 4.103 Giao diện trang quản lý phân quyền người dùng 162 Hình 4.104 Giao diện thêm quyền 162 Hình 4.105 Giao diện chỉnh sửa phân quyền 163 Hình 4.106 Giao diện xóa phân quyền 163 Hình 4.107 Giao diện trang quản lý thông báo 164 Hình 4.108 Giao diện thêm thơng báo 165 Hình 4.109 Giao diện chỉnh sửa thông báo 165 Hình 4.110 Giao diện xóa thơng báo 166 Hình 4.111 Giao diện trang quản lý nội quy 166 Hình 4.112 Giao diện thêm nội quy 167 Hình 4.113 Giao diện chỉnh sửa nội quy 168 Hình 4.114 Giao diện xóa nội quy 168 Hình 4.115 Giao diện trang quản lý báo cáo đề mục 169 Hình 4.116 Giao diện thêm báo cáo đề mục 170 Hình 4.117 Giao diện chỉnh sửa báo cáo 170 Hình 4.118 Giao diện xóa báo cáo đề mục 171 xiii Hình 4.119 Giao diện trang quản lý hóa đơn 172 Hình 4.120 Giao diện thêm hóa đơn 173 Hình 4.121 Giao diện xóa hóa đơn 173 Hình 4.122 Giao diện tải hóa đơn 174 Hình 4.123 Giao diện trang quản lý số lầu 174 Hình 4.124 Giao diện thêm lầu 175 Hình 4.125 Giao diện chỉnh sửa số lầu 176 Hình 4.126 Giao diện xóa số lầu 177 Hình 4.127 Giao diện thơng tin cá nhân 177 Hình 4.128 Giao diện chỉnh sửa thông tin cá nhân 178 Hình 4.129 Giao diện đổi mật cho quản trị viên 180 Hình 4.130 Giao diện trang chủ người dùng 181 Hình 4.131 Giao diện trang phịng trọ người dùng 182 Hình 4.132 Giao diện trang chi tiết phịng trọ người dùng 183 Hình 4.133 Giao diện trang chi tiết phòng trọ người dùng 184 Hình 4.134 Giao diện trang chi tiết phòng trọ người dùng 184 Hình 4.135 Giao diện trang đồ 186 Hình 4.136 Giao diện trang đồ 187 Hình 4.137 Giao diện trang nội quy 188 Hình 4.138 Giao diện trang báo cáo đề mục 189 Hình 4.139 Giao diện trang thông báo 190 Hình 4.140 Giao diện trang hóa đơn 190 Hình 4.141 Giao diện trang hóa đơn 191 Hình 4.142 Giao diện thêm hóa đơn 191 Hình 4.143 Giao diện trang thơng tin cá nhân người dùng 193 Hình 4.144 Giao diện trang đổi mật người dùng 194 Hình 5.1 Thư mục Front-end 197 Hình 5.2 Thư mục back-end 199 xiv DANH MỤC CÁC BẢNG BIỂU Bảng 4.1 Đặc tả sơ đồ chức CRUD khách trọ 12 Bảng 4.2 Đặc tả sơ đồ chức checkin khách trọ 13 Bảng 4.3 Đặc tả sơ đồ chức checkout khách trọ 15 Bảng 4.4 Đặc tả sơ đồ chức tìm khách trọ theo quyền 17 Bảng 4.5 Đặc tả sơ đồ chức tìm khách trọ theo username 19 Bảng 4.6 Đặc tả sơ đồ chức kiểm tra username trùng 20 Bảng 4.7 Đặc tả sơ đồ chức CRUD nội quy 23 Bảng 4.8 Đặc tả sơ đồ chức CRUD phòng trọ 25 Bảng 4.9 Đặc tả sơ đồ chức tìm kiếm phịng theo vị trí chi nhánh 27 Bảng 4.10 Đặc tả sơ đồ chức CRUD quản lý quyền 29 Bảng 4.11 Đặc tả sơ đồ chức CRUD quản lý báo cáo đề mục 32 Bảng 4.12 Đặc tả sơ đồ chức CRUD quản lý thông báo 34 Bảng 4.13 Đặc tả sơ đồ chức CRUD quản lý nguồn chi 36 Bảng 4.14 Đặc tả sơ đồ chức tìm kiếm nguồn chi theo chi nhánh 38 Bảng 4.15 Đặc tả sơ đồ chức CRUD quản lý nguồn thu 40 Bảng 4.16 Đặc tả sơ đồ chức tìm kiếm chi nhánh theo nguồn thu 42 Bảng 4.17 Đặc tả sơ đồ chức quản lý hóa đơn 44 Bảng 4.18 Đặc tả sơ đồ chức xuất hóa đơn lẻ 46 Bảng 4.19 Đặc tả sơ đồ chức xuất nhiều hóa đơn 48 Bảng 4.20 Đặc tả sơ đồ chức CRUD quản lý thiết bị 50 Bảng 4.21 Đặc tả sơ đồ chức CRUD quản lý điện nước 53 Bảng 4.22 Đặc tả sơ đồ chức CRUD quản lý hợp đồng 55 Bảng 4.23 Đặc tả sơ đồ chức tìm kiếm hợp đồng theo khách thuê 57 Bảng 4.24 Đặc tả sơ đồ chức tìm kiếm hợp đồng theo chủ trọ 58 Bảng 4.25 Đặc tả sơ đồ chức CRUD quản lý chi nhánh 61 Bảng 4.26 Đặc tả sơ đồ chức tìm kiếm chi nhánh theo vị trí 62 Bảng 4.27 Đặc tả sơ đồ chức quản lý lầu CRUD 65 Bảng 4.28 Đặc tả sơ đồ chức cập nhật thông tin cá nhân 67 Bảng 4.29 Đặc tả sơ đồ chức đổi mật 69 Bảng 4.30 Đặc tả sơ đồ chức đăng ký 71 Bảng 4.31 Đặc tả sơ đồ chức đăng nhập 72 Bảng 4.32 Đặc tả sơ đồ chức đăng nhập khách trọ 75 Bảng 4.33 Đặc tả sơ đồ chức đăng ký khách trọ 77 Bảng 4.34 Đặc tả sơ đồ chức cập nhật thông tin cá nhân khách trọ 79 Bảng 4.35 Đặc tả sơ đồ chức đổi mật khách trọ 81 Bảng 4.36 Đặc tả sơ đồ chức xem nội quy khách trọ 83 Bảng 4.37 Đặc tả sơ đồ chức xem thông báo khách trọ 85 Bảng 4.38 Đặc tả sơ đồ chức tạo báo cáo đề mục 87 Bảng 4.39 Đặc tả sơ đồ chức xem thông báo 89 xv Bảng 4.40 Đặc tả sơ đồ chức xem phòng trọ khách trọ 90 Bảng 4.41 Đặc tả sơ đồ chức tìm kiếm phịng trọ theo chi nhánh 92 Bảng 4.42 Đặc tả sơ đồ chức tìm kiếm phịng theo loại phịng 94 Bảng 4.43 Đặc tả sơ đồ chức xem hóa đơn 96 Bảng 4.44 Đặc tả sơ đồ chức tạo hóa đơn 98 Bảng 4.45 Đặc tả sơ đồ chức xuất hóa đơn 100 Bảng 4.46 Đặc tả mơ hình liên kết thực thể 110 Bảng 4.47 Đặc tả chi tiết thuộc tính mơ hình liên kết thực thể 119 Bảng 4.48 Đặc tả giao diện trang đăng nhập 122 Bảng 4.49 Đặc tả giao diện trang đăng ký 123 Bảng 4.50 Đặc tả giao diện trang chủ quản lý 126 Bảng 4.51 Đặc tả điều hướng trang quản lý 130 Bảng 4.52 Đặc tả giao diện trang quản lý chi nhánh 131 Bảng 4.53 Đặc tả giao diện thêm chi nhánh 132 Bảng 4.54 Đặc tả giao diện chỉnh sửa chi nhánh 133 Bảng 4.55 Đặc tả giao diện xóa chi nhánh 133 Bảng 4.56 Đặc tả giao diện trang quản lý phòng 134 Bảng 4.57 Đặc tả giao diện thêm phòng 136 Bảng 4.58 Đặc tả giao diện chỉnh sửa phòng 138 Bảng 4.59 Đặc tả giao diện xóa phịng 139 Bảng 4.60 Đặc tả giao diện trang quản lý hợp đồng 140 Bảng 4.61 Đặc tả giao diện thêm hợp đồng 141 Bảng 4.62 Đặc tả giao diện chỉnh sửa hợp đồng 142 Bảng 4.63 Đặc tả giao diện xóa hợp đồng 142 Bảng 4.64 Đặc tả giao diện trang quản lý điện nước 144 Bảng 4.65 Đặc tả giao diện thêm điện nước 145 Bảng 4.66 Đặc tả giao diện chỉnh sửa điện nước 146 Bảng 4.67 Đặc tả giao diện xóa điện nước 146 Bảng 4.68 Đặc tả giao diện trang quản lý thiết bị 147 Bảng 4.69 Đặc tả giao diện thêm thiết bị 148 Bảng 4.70 Đặc tả giao diện chỉnh sửa thiết bị 149 Bảng 4.71 Đặc tả giao diện xóa thiết bị 150 Bảng 4.72 Đặc tả giao diện trang quản lý khách trọ 151 Bảng 4.73 Đặc tả giao diện thêm khách trọ 152 Bảng 4.74 Đặc tả giao diện chỉnh sửa khách trọ 154 Bảng 4.75 Đặc tả giao diện xóa khách trọ 154 Bảng 4.76 Đặc tả giao diện checkin 155 Bảng 4.77 Đặc tả giao diện checkout 155 Bảng 4.78 Đặc tả giao diện trang quản lý nguồn thu 156 Bảng 4.79 Đặc tả giao diện thêm nguồn thu 157 xvi Bảng 4.80 Đặc tả giao diện chỉnh sửa nguồn thu 158 Bảng 4.81 Đặc tả giao diện xóa nguồn thu 158 Bảng 4.82 Đặc tả giao diện trang quản lý nguồn chi 159 Bảng 4.83 Đặc tả giao diện thêm nguồn chi 160 Bảng 4.84 Đặc tả giao diện chỉnh sửa nguồn chi 161 Bảng 4.85 Đặc tả giao diện xóa nguồn chi 161 Bảng 4.86 Đặc tả giao diện trang quản lý phân quyền người dùng 162 Bảng 4.87 Đặc tả giao diện thêm quyền 163 Bảng 4.88 Đặc tả giao diện chỉnh sửa phân quyền 163 Bảng 4.89 Đặc tả giao diện xóa phân quyền 164 Bảng 4.90 Đặc tả giao diện trang quản lý thông báo 164 Bảng 4.91 Đặc tả giao diện thêm thông báo 165 Bảng 4.92 Đặc tả giao diện chỉnh sửa thông báo 166 Bảng 4.93 Đặc tả giao diện xóa thơng báo 166 Bảng 4.94 Đặc tả giao diện trang quản lý nội quy 167 Bảng 4.95 Đặc tả giao diện thêm nội quy 167 Bảng 4.96 Đặc tả giao diện chỉnh sửa nội quy 168 Bảng 4.97 Đặc tả giao diện xóa nội quy 168 Bảng 4.98 Đặc tả giao diện trang quản lý báo cáo đề mục 169 Bảng 4.99 Đặc tả giao diện thêm báo cáo đề mục 170 Bảng 4.100 Đặc tả giao diện chỉnh sửa báo cáo đề mục 171 Bảng 4.101 Đặc tả giao diện xóa báo cáo đề mục 171 Bảng 4.102 Đặc tả giao diện trang quản lý hóa đơn 172 Bảng 4.103 Đặc tả giao diện thêm hóa đơn 173 Bảng 4.104 Đặc tả giao diện xóa hóa đơn 174 Bảng 4.105 Đặc tả giao diện tải hóa đơn 174 Bảng 4.106 Đặc tả giao diện trang quản lý số lầu 175 Bảng 4.107 Đặc tả giao diện thêm lầu 176 Bảng 4.108 Đặc tả giao diện chỉnh sửa số lầu 176 Bảng 4.109 Đặc tả giao diện xóa số lầu 177 Bảng 4.110 Đặc tả giao diện thông tin cá nhân 178 Bảng 4.111 Đặc tả giao diện chỉnh sửa thông tin cá nhân 179 Bảng 4.112 Đặc tả giao diện đổi mật cho quản trị viên 180 Bảng 4.113 Đặc tả giao diện trang chủ người dùng 181 Bảng 4.114 Đặc tả giao diện trang phòng trọ người dùng 183 Bảng 4.115 Đặc tả giao diện trang chi tiết phòng trọ khách trọ 186 Bảng 4.116 Đặc tả giao diện trang đồ 188 Bảng 4.117 Đặc tả giao diện trang nội quy 188 Bảng 4.118 Đặc tả giao diện trang báo cáo đề mục 189 Bảng 4.119 Đặc tả giao diện trang thông báo 190 xvii CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 5.2.2.3 Quản lý 5.2.2.3.1 Quản lý người dùng • Thêm Tên test case Thêm người dùng Bước # Mô tả Tiền điều Test Độ ưu tiên kiện cased ID Thêm Phải có tài Applicati Cao người khoản onMoteldùng đăng ký 05 vai trò tài quản trị khoản viên phải quyền quản trị viên Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng nhập nhập password xác chính xác Hệ thống xác Hệ với quyền dẫn tới thống tài khoản trang chủ dẫn tới phải quản trị trang chủ quản trị viên quản trị viên viên Nhấn vào Hệ thống Hệ thống Success người dẫn tới dẫn dùng trang chủ tới trang chủ menu bar trang chủ quản trị viên Hậu điều kiện N/A 207 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Nhấn vào nút thêm Nhập username tồn Bỏ trống thuộc tính quyền khơng nhập Khơng upload ảnh bỏ trống Nhập đầy đủ sau bấm nút thêm Hệ thống hiển thị modal thêm Hệ thống báo tài khoản có vui long nhập lại Hệ thống báo lỗi Hệ thống hiển thị modal thêm Hệ thống báo tài khoản có vui long nhập lại Hệ thống báo lỗi Success Hệ thống báo lỗi Hệ thống báo lỗi Not executed Fail Not excuted Hệ thống Hệ thống Success báo thành báo công thành hiển thị công liệu lên hiển thị table liệu lên table Bảng 5.128 ApplicationMotel-05 • Chỉnh sửa Tên test case Mô tả Chỉnh sửa người dùng Chỉnh sửa người dùng vai trò quản trị viên Tiền điều Test Độ ưu tiên kiện cased ID Phải có tài Applicati Cao khoản onMotelđăng ký 06 tài khoản phải quyền Hậu điều kiện N/A 208 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Bước # quản trị viên Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng nhập nhập password xác chính xác Hệ thống xác Hệ với quyền dẫn tới thống tài khoản trang chủ dẫn tới phải quản trị trang chủ quản trị viên quản trị viên viên Nhấn vào Hệ thống Hệ thống Success người dẫn tới dẫn dùng trang chủ tới trang chủ menu bar trang chủ quản trị viên Nhấn vào Hệ thống Hệ thống Success nút chỉnh hiển thị hiển thị sửa modal modal chỉnh sửa chỉnh sửa Bỏ trống Hệ thống Hệ thống Not thuộc tính báo lỗi báo lỗi excuted quyền khơng nhập Không Hệ thống Hệ thống Not upload báo lỗi báo lỗi executed ảnh bỏ trống 209 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Nhập đầy đủ sau bấm nút chỉnh sửa Hệ thống Hệ thống Success báo thành báo công thành hiển thị công liệu hiển thị cập liệu nhật lên table cập nhật lên table liệu Không cập liệu nhật Khơng giữ cập nhật ngun giữ ngun Bảng 5.129 ApplicationMotel-06 • Xóa Tên test case Xóa người dùng Bước # Mơ tả Tiền điều Test Độ ưu tiên kiện cased ID Xóa người Phải có tài Applicati Cao dùng khoản onMotelvai trị đăng ký 07 quản trị tài viên khoản phải quyền quản trị viên Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng Hậu điều kiện N/A 210 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ password xác với quyền tài khoản phải quản trị viên Nhấn vào người dùng menu bar trang chủ quản trị viên Nhấn vào icon xóa nhập xác Hệ thống dẫn tới trang chủ quản trị viên Hệ thống dẫn tới trang chủ nhập xác Hệ thống dẫn tới trang chủ quản trị viên Hệ thống dẫn tới trang chủ Success Hệ thống Hệ thống Success hiển thị hiển thị popconfir popconfi m thơng rm thơng báo xóa báo xóa Chọn Hệ thống Hệ thống Success khơng giữ giữ thuộc tính thuộc dịng tính dịng khơng bị khơng bị Chọn có Hệ thống Hệ thống Success xóa xóa thuộc tính thuộc dịng tính mà ta dịng mà chọn xóa ta chọn xóa Bảng 5.130 ApplicationMotel-07 5.2.2.3.2 Quản lý phịng 211 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Tên test case Thêm phịng Bước # Mơ tả Tiền điều Test Độ ưu tiên kiện cased ID Thêm Phải có tài Applicati Cao phịng khoản onMoteldưới vai đăng ký 08 trò quản tài trị viên khoản phải quyền quản trị viên Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng nhập nhập password xác chính xác Hệ thống xác Hệ với quyền dẫn tới thống tài khoản trang chủ dẫn tới phải quản trị trang chủ quản trị viên quản trị viên viên Nhấn vào Hệ thống Hệ thống Success phòng dẫn tới dẫn trang tới trang menu bar phòng phòng trang chủ quản trị viên Nhấn vào Hệ thống Hệ thống Success nút thêm hiển thị hiển thị modal modal thêm thêm Hậu điều kiện N/A 212 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Bỏ trống Hệ thống select chi báo lỗi nhánh Bỏ trống Hệ thống select thiết báo lỗi bị Không Hệ thống upload báo lỗi ảnh bỏ trống Nhập đầy Hệ thống đủ sau báo thành bấm cơng nút thêm hiển thị liệu lên table Hệ thống báo lỗi Not executed Hệ thống báo lỗi Not excuted Hệ thống báo lỗi Not executed Hệ thống Success báo thành công hiển thị liệu lên table Bảng 5.131 ApplicationMotel-08 5.2.2.3.3 Quản lý hóa đơn • Thêm Tên test case Mơ tả Thêm hóa đơn Thêm hóa đơn vai trò quản trị viên Tiền điều Test Độ ưu tiên kiện cased ID Phải có tài Applicati Cao khoản onMotelđăng ký 09 tài khoản phải quyền quản trị viên, phải thêm user user checkin thêm hợp đồng Hậu điều kiện N/A 213 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Bước # user phịng thêm điện nước Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng nhập nhập password xác chính xác Hệ thống xác Hệ với quyền dẫn tới thống tài khoản trang chủ dẫn tới phải quản trị trang chủ quản trị viên quản trị viên viên Nhấn vào Hệ thống Hệ thống Success hóa đơn dẫn tới dẫn trang quản tới trang menu bar lý hóa đơn quản lý trang hóa đơn chủ quản trị viên Nhấn vào Hệ thống Hệ thống Success nút thêm hiển thị hiển thị modal modal thêm thêm Bỏ trống Hệ thống Hệ thống Not select báo lỗi báo lỗi excuted khách trọ Chọn Hệ thống Hệ thống Success select báo thành báo khách trọ công thành bấm hiển thị công 214 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ nút thêm liệu lên table hiển thị liệu lên table Bảng 5.132 ApplicationMotel-09 • Xuất hóa đơn Tên test case Xuất hóa đơn Bước # Mơ tả Tiền điều Test Độ ưu tiên kiện cased ID Xuất Phải có tài Applicati Cao hóa đơn khoản onMoteldưới vai đăng ký 010 trò quản tài trị viên khoản phải quyền quản trị viên, phải thêm user user checkin thêm hợp đồng user phịng thêm điện nước Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng nhập nhập password xác Hậu điều kiện N/A 215 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ xác với quyền tài khoản phải quản trị viên Nhấn vào hóa đơn menu bar trang chủ quản trị viên Nhấn vào nút icon xuất hóa đơn Hệ thống dẫn tới trang chủ quản trị viên xác Hệ thống dẫn tới trang chủ quản trị viên Hệ thống Hệ thống dẫn tới dẫn trang quản tới trang lý hóa đơn quản lý hóa đơn Success Hệ thống Hệ thống Success hiển thị hiển thị confirm confirm thông báo thơng in hóa đơn báo in hóa đơn Chọn Trang web Trang Success không thông báo web không in thơng hóa đơn báo khơng in hóa đơn Chọn có Trang web Trang Success thơng báo web tải hóa thơng đơn theo báo tải dạng file hóa đơn csv theo máy dạng file csv máy Bảng 5.133 ApplicationMotel-10 • Xuất nhiều hóa đơn 216 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Tên test case Xuất nhiều hóa đơn Bước # Mô tả Tiền điều Test Độ ưu tiên kiện cased ID Xuất Phải có tài Applicati Cao nhiều hóa khoản onMotelđơn đăng ký 011 vai trò tài quản trị khoản viên phải quyền quản trị viên, phải thêm user user checkin thêm hợp đồng user phịng thêm điện nước Qúa trình thực test Các bước Kết Kết Pass / Fail mong thực tế / Not muốn executed / Suspended / Crash Nhập Hệ thống Hệ thống Success username báo đăng báo đăng nhập nhập password xác chính xác Hệ thống xác Hệ với quyền dẫn tới thống tài khoản trang chủ dẫn tới phải quản trị trang chủ quản trị viên quản trị viên viên Hậu điều kiện N/A 217 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ Nhấn vào hóa đơn menu bar trang chủ quản trị viên Nhấn vào button xuất hóa đơn Hệ thống Hệ thống dẫn tới dẫn trang quản tới trang lý hóa đơn quản lý hóa đơn Success Hệ thống Hệ thống Success tải file hóa tải file đơn theo hóa đơn dạng csv theo máy dạng csv máy Bảng 5.134 ApplicationMotel-11 218 CHƯƠNG TỔNG KẾT CHƯƠNG TỔNG KẾT 6.1 Kết đạt Với mục tiêu đặt nhóm tự tin hoàn thành khoảng 70% kế hoạch ban đầu Nhóm xây dựng ứng dụng với chức cần thiết Đã hồn thành: có chức bản: Cách sử dụng ứng dụng: − − − − − − − − − − − − − − − − − ● Phía quản lý: Biểu đồ thể mối quan hệ nguồn thu nguồn chi theo năm Thống kê tổng thu, tổng chi, lợi nhuận theo tháng Quản lý người dùng Quản lý quyền Quản lý nội quy Quản lý phòng Quản lý báo cáo đề mục Quản lý thông báo Quản lý nguồn thu o Cơng thức tiền thu tính tổng tiền điện, tiền nước tiền phòng Quản lý nguồn chi o Cơng thức tiền chi tính tiền thiết bị với thiết bị có chất lượng NEW thêm vào để tính tiền chi chi nhánh cịn thiết bị có chất lượng AVAILABLE khơng thêm vơ để tính tiền chi Quản lý hóa đơn Quản lý thiết bị Quản lý điện nước Quản lý hợp đồng Quản lý chi nhánh Cập nhật thông tin cá nhân Đổi mật 219 CHƯƠNG TỔNG KẾT − − − − − − − − ● Phía người dùng: Xem nội quy Xem thơng báo Xem báo cáo đề mục Hiện chi nhánh lên google map Xem phòng, chi tiết phòng Xem tạo in hóa đơn Đổi mật Cập nhật thơng tin cá nhân 6.2 Ưu điểm ● Giao diện đơn giản, dễ sử dụng ● Đáp ứng đầy đủ yêu cầu tốn quản lý ● Có nhiều hướng phát triển, mở rộng sản phẩm ● Bảo mật mức ● Dễ vận hành phát triển 6.3 Nhược điểm ● Giao diện cịn thơ sơ ● Chưa bật so với ứng dụng cịn lại 6.4 Khó khăn ● Thời gian hạn chế chưa phát triển tốt chức phần nghiệp vụ ● Chưa thực đầu tư cho giao diện người dùng ● Vẫn cịn thiếu sót phần chuẩn bị ● Việc đặt kế hoạch thực kế hoạch chưa thật ổn định 6.5 Bài học kinh nghiệm ● Nếu có hội nên tìm hiểu kỹ u cầu ● Đặt kế hoạch hoàn thành thời gian cụ thể tính thiết yếu nhóm ● Tìm hiểu thật kỹ quy trình đề tài mơ hình liên quan 6.6 Hướng phát triển • Tích hợp tốn ví điện tử • Đăng nhập tài khoản thứ ba • Chatbot • Thêm phương thức liên lạc người cho thuê người thuê trọ 220 TÀI LIỆU THAM KHẢO TÀI LIỆU THAM KHẢO [1] H G., "React gì? Và hoạt động nào?," 23 03 2020 [Online] Available: https://www.hostinger.vn/huong-dan/react-la-gi-va-no-hoat-dong-nhu-the-nao [2] Q P Cường, "Amazon S3 ? Tổng quan dịch vụ Amazon Simple Storage Service," 15 04 2019 [Online] Available: https://cuongquach.com/amazon-s3-lagi.html [3] XTech, "Tổng quan thư viện Ant-Design," [Online] Available: https://ant.design/components/overview/ [4] F O Source, "Khái niệm ReactJS," [Online] Available: https://reactjs.org/ [5] R T v c contributors, "Sử dụng đường link trang," [Online] Available: https://reactrouter.com/web/guides/quick-start [6] D Bugl, "Learn React Hooks," in Learn React Hooks, Packt, 2019, p 426 [7] A Freeman, "Web Development," in Pro React 16, Apress, 2019, p 745 221 ... Actor: Quản trị viên Summary: Quản lý thông tin nội quy nhà trọ Goal: Cho phép quản trị viên quản lý nội quy nhà trọ ( thêm, xóa, sửa) Preconditions: Phải có account quản trị viên xem thông tin. .. 4.22 Sơ đồ chức CRUD quản lý thiết bị 48 Hình 4.23 Sơ đồ chức CRUD quản lý điện nước 51 Hình 4.24 Sơ đồ chức CRUD quản lý hợp đồng 53 Hình 4.25 Sơ đồ chức tìm kiếm hợp đồng theo... Sơ đồ chức CRUD quản lý thông báo 32 Hình 4.15 Sơ đồ chức CRUD quản lý nguồn chi 34 Hình 4.16 Sơ đồ chức tìm kiếm nguồn chi theo chi nhánh 37 Hình 4.17 Sơ đồ chức CRUD quản lý