LINK TẢI LUẬN VĂN MIỄN PHÍ CHO AE KET-NOI
MỤC LỤC
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ......................................................... 2 GIẢNG VIÊN ................................................................................................................. 2 NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ............................................................... 3 GIẢNG VIÊN ................................................................................................................. 3 LỜI CẢM ƠN ................................................................................................................. 4 MỤC LỤC.......................................................................................................................1 DANH MỤC HÌNH ẢNH .............................................................................................. 3 DANH MỤC BẢNG BIỂU ............................................................................................ 9 MỞ ĐẦU.......................................................................................................................13
1. LÝ DO CHỌN ĐỀ TÀI ........................................................................................ 13
2. ĐỐI TƯỢNG NGHIÊN CỨU .............................................................................. 13
3. PHẠM VI NGHIÊN CỨU .................................................................................... 14
4. MỤC TIÊU CỦA ĐỀ TÀI .................................................................................... 14
4.1 PHÍA NGƯỜI DÙNG.....................................................................................14
4.2 PHÍA QUẢN LÝ............................................................................................. 14
5. Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN ........................................................... 15
6. PHÂN CÔNG........................................................................................................ 15
PHẦN NỘI DUNG ....................................................................................................... 16 CHƯƠNG 1: CƠ SỞ CỦA ĐỀ TÀI ......................................................................... 16 1.1 CƠ SỞ LÝ THUYẾT ...................................................................................... 16 1.2 KHẢO SÁT HIỆN TRẠNG ........................................................................... 23 CHƯƠNG 2: MÔ HÌNH HOÁ YÊU CẦU .............................................................. 26
2.1. XÁC ĐỊNH YÊU CẦU.................................................................................. 26 1
2.2. KIẾN TRÚC CHUNG CỦA HỆ THỐNG .................................................... 26
2.3. MÔ HÌNH HOÁ YÊU CẦU .......................................................................... 27 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM .................................................................... 67 3.1. LƯỢT ĐỒ TUẦN TỰ ................................................................................... 67 3.2. LƯỢC ĐỒ LỚP ............................................................................................. 87 3.3 LƯỢC ĐỒ HOẠT ĐỘNG .............................................................................. 88 3.4. THIẾT KẾ CƠ SỞ DỮ LIỆU ...................................................................... 113 3.5. THIẾT KẾ GIAO DIỆN .............................................................................. 122 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ...............................................................186 4.1. CÀI ĐẶT......................................................................................................186 4.2. KIỂM THỬ .................................................................................................. 187 PHẦN KẾT LUẬN ..................................................................................................... 226
1. KẾT QUẢ ĐẠT ĐƯỢC ................................................................................. 226 1.1. VỀ LÝ THUYẾT ......................................................................................... 226 1.2. VỀ ỨNG DỤNG .......................................................................................... 226
2. ƯU ĐIỂM............................................................................................................ 227
3. NHƯỢC ĐIỂM ................................................................................................... 227
4. HƯỚNG PHÁT TRIỂN......................................................................................227
TÀI LIỆU THAM KHẢO........................................................................................... 229
2
DANH MỤC HÌNH ẢNH
Hình 1: Virtual DOM và DOM ..................................................................................... 17 Hình 2: One-way data binding trong ReacJS................................................................17 Hình 3: Cấu trúc của Redux .......................................................................................... 18 Hình 4: Mongoose với NodeJS. .................................................................................... 22 Hình 5: Các nền tảng Cloudinary hỗ trợ ....................................................................... 23 Hình 6: Ứng dụng ZoomCar ......................................................................................... 24 Hình 7: Ứng dụng Mioto...............................................................................................25 Hình 8: Kiến trúc hệ thống............................................................................................27 Hình 9: Sơ đồ use-case phía người dùng ...................................................................... 28 Hình 10: Sơ đồ use-case phía quản lý ........................................................................... 29 Hình 11: Sequence “Đăng ký tài khoản” ...................................................................... 67 Hình 12: Sequence “Đăng nhập với tài khoản người dùng”.........................................68 Hình 13: Sequence “Đăng nhập với tài khoản Google” ............................................... 68 Hình 14: Sequence “Đăng xuất tài khoản” ................................................................... 69 Hình 15: Sequence “Tìm kiếm xe cho thuê”................................................................. 69 Hình 16: Sequence “Đặt xe” ......................................................................................... 70 Hình 17: Sequence “Thanh toán chuyến xe” ................................................................ 70 Hình 18: Sequence “Đổi mật khẩu” .............................................................................. 71 Hình 19: Sequence “Thay đổi thông tin cá nhân của tài khoản người dùng”...............71 Hình 20: Sequence “Gửi yêu cầu xác thực tài khoản người dùng” .............................. 72 Hình 21: Sequence “Gửi yêu cầu rút tiền”....................................................................72 Hình 22: Sequence “Đăng ký xe cho thuê”................................................................... 73
Hình 23: Sequence “Tạm dừng cho thuê xe”................................................................74 3
Hình 24: Sequence “Xoá xe cho thuê”.......................................................................... 74 Hình 25: Sequence “Tiếp tục cho thuê xe” ................................................................... 75 Hình 26: Sequence “Cập nhật trạng thái xe” ................................................................ 76 Hình 27: Sequence “Đánh giá xe đã thuê”....................................................................77 Hình 28: Sequence “Báu xấu xe vi phạm”....................................................................78 Hình 29: Sequence “Đăng nhập với tài khoản quản lý hệ thống” ................................ 78 Hình 30: Sequence “Đăng xuất tài khoản” ................................................................... 78 Hình 31: Sequence “Xoá tài khoản người dùng”..........................................................79 Hình 32: Sequence “Khoá tài khoản người dùng”........................................................79 Hình 33: Sequence “Chấp nhận yêu cầu xác thực tài khoản”.......................................80 Hình 34: Sequence “Từ chối yêu cầu xác thực tài khoản” ........................................... 81 Hình 35: Sequence “Chấp nhận yêu cầu đăng ký xe cho thuê”....................................81 Hình 36: Sequence “Từ chối yêu cầu đăng ký xe cho thuê”......................................... 82 Hình 37: Sequence “Tạm dừng cho thuê xe”................................................................83 Hình 38: Sequence “Xoá xe cho thuê”.......................................................................... 84 Hình 39: Sequence “Tiếp tục cho thuê xe” ................................................................... 84 Hình 40: Sequence “Chấp nhận yêu cầu rút tiền”......................................................... 85 Hình 41: Sequence “Từ chối yêu cầu rút tiền” ............................................................. 86 Hình 42: Sequence “Chấp nhận yêu cầu báo xấu”........................................................ 86 Hình 43: Sequence “Từ chối yêu cầu báo xấu” ............................................................ 86 Hình 44: Lược đồ lớp .................................................................................................... 88 Hình 45: Activity diagram “Đăng ký tài khoản” .......................................................... 89 Hình 46: Activity diagram “Đăng nhập với tài khoản người dùng” ............................. 89
Hình 47: Activity diagram “Đăng nhập với tài khoản Google”.................................... 90 4
Hình 48: Activity diagram “Đăng xuất tài khoản” ....................................................... 91 Hình 49: Activity diagram “Tìm kiếm xe cho thuê”..................................................... 92 Hình 50: Activity diagram “Đặt xe” ............................................................................. 92 Hình 51: Activity diagram “Thanh toán chuyến xe” .................................................... 93 Hình 52: Activity diagram “Đổi mật khẩu” .................................................................. 94 Hình 53: Activity diagram “Thay đổi thông tin cá nhân của tài khoản” ...................... 95 Hình 54: Activity diagram “Gửi yêu cầu xác thực tài khoản người dùng” .................. 96 Hình 55: Activity diagram “Gửi yêu cầu rút tiền”........................................................97 Hình 56: Activity diagram “Đăng ký xe cho thuê”....................................................... 98 Hình 57: Activity diagram “Tạm dừng cho thuê xe”....................................................99 Hình 58: Activity diagram “Xoá xe cho thuê”..............................................................99 Hình 59: Activity diagram “Tiếp tục cho thuê xe” ..................................................... 100 Hình 60: Activity diagram “Cập nhật trạng thái xe” .................................................. 101 Hình 61: Activity diagram “Đánh giá xe đã thuê”......................................................102 Hình 62: Activity diagram “Báo xấu xe vi phạm”......................................................103 Hình 63: Activity diagram “Đăng nhập với tài khoản quản lý hệ thống” .................. 104 Hình 64: Activity diagram “Đăng xuất tài khoản” ..................................................... 105 Hình 65: Activity diagram “Xoá tài khoản người dùng” ............................................ 105 Hình 66: Activity diagram “Khoá tài khoản người dùng”..........................................106 Hình 67: Activity diagram “Chấp nhận yêu cầu xác thực tài khoản”.........................107 Hình 68: Activity diagram “Từ chối yêu cầu xác thực tài khoản”.............................. 107 Hình 69: Activity diagram “Chấp nhận yêu cầu đăng ký xe cho thuê” ...................... 108 Hình 70: Activity diagram “Từ chối yêu cầu đăng ký xe cho thuê”...........................108
Hình 71: Activity diagram “Tạm dừng cho thuê xe”..................................................109 5
Hình 72: Activity diagram “Xoá xe cho thuê”............................................................110 Hình 73: Activity diagram “Tiếp tục cho thuê xe” ..................................................... 111 Hình 74: Activity diagram “Chấp nhận yêu cầu rút tiền”...........................................111 Hình 75: Activity diagram “Từ chối yêu cầu rút tiền”................................................ 112 Hình 76: Activity diagram “Chấp nhận yêu cầu báo xấu”..........................................112 Hình 77: Activity diagram “Từ chối yêu cầu báo xấu” .............................................. 113 Hình 78: Lược đồ ERD ............................................................................................... 114 Hình 79: Screen flow của Guest (Khách) ................................................................... 123 Hình 80: Screen flow của User (Người dùng) ............................................................ 123 Hình 81: Màn hình Landing Page ............................................................................... 125 Hình 82: Màn hình Header (Chưa đăng nhập)............................................................126 Hình 83: Màn hình Header (Đã đăng nhập)................................................................126 Hình 84: Màn hình Left Navigation Bar ..................................................................... 128 Hình 85: Màn hình Login Dialog................................................................................130 Hình 86: Màn hình Sign-in Page................................................................................. 132 Hình 87: Màn hình Fillter Page................................................................................... 134 Hình 88: Màn hình Detail Page – 1.............................................................................137 Hình 89: Màn hình Detail Page – 2.............................................................................137 Hình 90: Màn hình Detail Page – 3.............................................................................138 Hình 91: Màn hình Car Register Page – 1 .................................................................. 141 Hình 92: Màn hình Car Register Page – 2 .................................................................. 141 Hình 93: Màn hình Car Register Page – 3 .................................................................. 142 Hình 94: Màn hình Profile Page.................................................................................. 145
Hình 95: Màn hình UserVerify Page ..........................................................................148 6
Hình 96: Màn hình Wallet Page..................................................................................149 Hình 97: Màn hình History Page ................................................................................ 151 Hình 98: Màn hình HistoryDetail Dialog – 1 ............................................................. 153 Hình 99: Màn hình HistoryDetail Dialog – 2 ............................................................. 153 Hình 100: Màn hình CarManage Page........................................................................156 Hình 101: Màn hình CarStatus Dialog – 1..................................................................157 Hình 102: Màn hình CarStatus Dialog – 2..................................................................158 Hình 103: Màn hình CarStatusUpdate Page ............................................................... 159 Hình 104: Màn hình Contract Page – 1.......................................................................161 Hình 105: Màn hình Contract Page – 2.......................................................................161 Hình 106: Màn hình Report Page................................................................................ 162 Hình 107: Screen flow của quản lý ............................................................................. 163 Hình 108: Màn hình Login Page.................................................................................165 Hình 109: Màn hình Left Navigation Bar ................................................................... 166 Hình 110: Màn hình AccountManager Page............................................................... 167 Hình 111: Màn hình AccountDetail Dialog ................................................................ 169 Hình 112: Màn hình VerifyManager Page.................................................................. 170 Hình 113: Màn hình VerifyDetail Dialog ................................................................... 172 Hình 114: Màn hình CarRegister Page ....................................................................... 173 Hình 115: Màn hình RegisterDetail Dialog – 1 .......................................................... 175 Hình 116: Màn hình RegisterDetail Dialog – 2 .......................................................... 175 Hình 117: Màn hình CarManager Page ...................................................................... 176 Hình 118: Màn hình CarDetail Dialog – 1..................................................................178
Hình 119: Màn hình CarDetail Dialog – 2..................................................................179 7
Hình 120: Màn hình WithdrawManager Page ............................................................ 180 Hình 121: Màn hình ReportManager Page ................................................................. 182 Hình 122: Màn hình ReportDetail Dialog – 1.............................................................183 Hình 123: Màn hình ReportDetail Dialog – 2.............................................................184 Hình 124: Biểu đồ luồn điều khiển chức năng Login ................................................. 191 Hình 125: Biểu đồ luồn dữ liệu chức năng Login.......................................................194 Hình 126: Biểu đồ luồn điều khiển chức năng Filter .................................................. 200 Hình 127: Biểu đồ luồn dữ liệu chức năng Filter........................................................211 Hình 128: Biểu đồ luồn điều khiển chức năng Gửi yêu cầu xác thực tài khoản......... 220 Hình 128: Biểu đồ luồn dữ liệu chức năng Gửi yêu cầu xác thực tài khoản .............. 223
8
DANH MỤC BẢNG BIỂU
Bảng 1: Phân công công việc ........................................................................................ 15 Bảng 2: Mô tả Use case “Đăng ký tài khoản”............................................................... 30 Bảng 3: Mô tả Use case “Đăng nhập với tài khoản hệ thống”...................................... 31 Bảng 4: Mô tả Use case “Đăng nhập với tài khoản Google”........................................32 Bảng 5: Mô tả Use case “Đăng xuất tài khoản”............................................................ 34 Bảng 6: Mô tả Use case “Tìm kiếm xe cho thuê” ......................................................... 35 Bảng 7: Mô tả Use case “Đặt xe”.................................................................................. 36 Bảng 8: Mô tả Use case “Thanh toán chuyến xe”......................................................... 37 Bảng 9: Mô tả Use case “Đổi mật khẩu” ...................................................................... 38 Bảng 10: Mô tả Use case “Thay đổi thông tin cá nhân của tài khoản người dùng” ..... 39 Bảng 11: Mô tả Use case “Gửi yêu cầu xác thực tài khoản người dùng”..................... 41 Bảng 12: Mô tả Use case “Gửi yêu cầu rút tiền” .......................................................... 42 Bảng 13: Mô tả Use case “Đăng ký xe cho thuê” ......................................................... 43 Bảng 14: Mô tả Use case “Tạm dừng cho thuê xe” ...................................................... 44 Bảng 15: Mô tả Use case “Xoá xe cho thuê” ................................................................ 46 Bảng 16: Mô tả Use case “Tiếp tục cho thuê xe” ......................................................... 47 Bảng 17: Mô tả Use case “Cập nhật trạng thái xe”....................................................... 48 Bảng 18: Mô tả Use case “Đánh giá xe đã thuê” .......................................................... 49 Bảng 19: Mô tả Use case “Đăng nhập với tài khoản quản lý hệ thống”.......................50 Bảng 20: Mô tả Use case “Đăng xuất tài khoản”..........................................................52 Bảng 21: Mô tả Use case “Xoá tài khoản người dùng” ................................................ 53 Bảng 22: Mô tả Use case “Khoá tài khoản người dùng” .............................................. 54
Bảng 23: Mô tả Use case “Chấp nhận yêu cầu xác thực tài khoản” ............................. 55 9
Bảng 24: Mô tả Use case “Từ chối yêu cầu xác thực tài khoản”..................................56 Bảng 25: Mô tả Use case “Chấp nhận yêu cầu đăng ký xe cho thuê” .......................... 57 Bảng 26: Mô tả Use case “Từ chối yêu cầu đăng ký xe cho thuê” ............................... 59 Bảng 27: Mô tả Use case “Tạm dừng cho thuê xe” ...................................................... 60 Bảng 28: Mô tả Use case “Xoá xe cho thuê” ................................................................ 61 Bảng 29: Mô tả Use case “Tiếp tục cho thuê xe” ......................................................... 62 Bảng 30: Mô tả Use case “Chấp nhận yêu cầu rút tiền” ............................................... 63 Bảng 31: Mô tả Use case “Từ chối yêu cầu rút tiền”....................................................65 Bảng 32: Withdrawrequest.......................................................................................... 114 Bảng 33: Userverificationrequest................................................................................ 115 Bảng 34: Vehicleregister.............................................................................................115 Bảng 35: User..............................................................................................................117 Bảng 36: Vehiclerentalhistory..................................................................................... 118 Bảng 37: Vehicle.........................................................................................................119 Bảng 38: Vehiclerentalstatus....................................................................................... 121 Bảng 39: Vehiclestatus................................................................................................ 121 Bảng 40: Reports.........................................................................................................122 Bảng 41: Danh sách màn hình phía người dùng ......................................................... 123 Bảng 42: Chi tiết màn hình Landing Page .................................................................. 125 Bảng 43: Chi tiết màn hình Header.............................................................................126 Bảng 44: Chi tiết màn hình Left Navigation Bar ........................................................ 128 Bảng 45: Chi tiết màn hình Login Dialog...................................................................130 Bảng 46: Chi tiết màn hình Sign-in Page....................................................................132
Bảng 47: Chi tiết màn hình Fillter Page......................................................................134 10
Bảng 48: Chi tiết màn hình Detail Page......................................................................138 Bảng 49: Chi tiết màn hình CarRegister Page ............................................................ 142 Bảng 50: Chi tiết màn hình Profile Page.....................................................................145 Bảng 51: Chi tiết màn hình UserVerify Page .............................................................148 Bảng 52: Chi tiết màn hình Wallet Page.....................................................................149 Bảng 53: Chi tiết màn hình History Page.................................................................... 151 Bảng 54: Chi tiết màn hình HistoryDetail Dialog....................................................... 153 Bảng 55: Chi tiết màn hình CarManage Page.............................................................156 Bảng 56: Chi tiết màn hình CarStatus Dialog.............................................................158 Bảng 57: Chi tiết màn hình CarStatusUpdate Page .................................................... 159 Bảng 58: Chi tiết màn hình Contract Page..................................................................161 Bảng 59: Chi tiết màn hình Report Page.....................................................................162 Bảng 60: Danh sách màn hình của quản lý. ................................................................ 163 Bảng 61: Chi tiết màn hình quản lý Login Page ......................................................... 165 Bảng 62: Chi tiết màn hình quản lý Left Navigation Bar ........................................... 166 Bảng 63: Chi tiết màn hình quản lý AccountManager Page.......................................168 Bảng 64: Chi tiết màn hình quản lý AccountDetail Dialog ........................................ 169 Bảng 65: Chi tiết màn hình quản lý VerifyManager Page..........................................170 Bảng 66: Chi tiết màn hình quản lý VerifyDetail Dialog ........................................... 172 Bảng 67: Chi tiết màn hình quản lý CarRegister Page ............................................... 173 Bảng 68: Chi tiết màn hình quản lý RegisterDetail Dialog ........................................ 175 Bảng 69: Chi tiết màn hình quản lý CarManager Page............................................... 177 Bảng 70: Chi tiết màn hình quản lý CarDetail Dialog................................................179
Bảng 71: Chi tiết màn hình quản lý WithdrawManager Page .................................... 180 11
Bảng 72: Chi tiết màn hình quản lý ReportManager Page ......................................... 182 Bảng 73: Chi tiết màn hình quản lý ReportManager Page ......................................... 184 Bảng 74: Phạm vi kiểm thử của ứng dụng .................................................................. 187 Bảng 75: Thế kế test case cho chức năng Login.........................................................192 Bảng 76: Thế kế test case cho chức năng Filter..........................................................200 Bảng 77: Thế kế test case cho chức năng Gửi yêu cầu xác thực tài khoản ................ 221 Bảng 78: Kết quả kiểm thử ......................................................................................... 225
12
1. LÝ DO CHỌN ĐỀ TÀI
MỞ ĐẦU
Phương tiện giao thông đi lại là một trong những thứ góp phần tạo nên nền văn minh con người hiện nay, giúp con người vận chuyên hàng hoá, nguyên vật liệu, lương thực, giao thương, giúp con người kết nối lại với nhau hơn.
Hiện nay ở Việt Nam có 4.512.518 ôto đang lưu hành (Số liệu theo cục đăng kiểm Việt Nam) và ở năm 2016 con số này là 2.516.144. Ta có thể thấy khi đất nước càng phát triển, đời sống được cải thiện thì nhu cầu đi lại của cá nhân cũng sẽ tăng cao khi chỉ trong 6 năm đã có thêm 2 triệu xe hơi được lưu thông, tuy nhiên không phải ai cũng có điều kiện để mua hoàn toàn một chiếc xe hơi do giá cả vẫn còn cao. Chính vì thế mà nhóm chúng em quyết định lựa chọn đề tài “XÂY DỰNG ỨNG DỤNG WEB CHO THUÊ XE GIỮA NGƯỜI DÙNG EASYCAR SỬ DỤNG MERN STACK” để góp phần giúp cho những người có như cầu đi lại cao nhưng không có tài chính để để mua xe có thể thuê xe theo nhu cầu của bản thân.
2. ĐỐI TƯỢNG NGHIÊN CỨU
Đối tượng nghiên cứu chính của đề tài là những cá nhân có nhu cầu thuê và cho thuê xe ôto, quản lý lịch sử thuê xe, quản lý các xe đang cho thuê cũng như đảm bảo quyền lợi giữa chủ xe và người thuê xe. Bên cạnh đó tập trung nghiên cứu vào các công nghệ được áp dụng để thực hiện hoá sản phẩm như:
+ Nghiên cứu RESTful API, NodeJS, ExpressJS để xây dựng hệ thống APIs cung cấp chức năng cho ứng dụng, truy vấn cơ sở dữ liệu một cách nhanh chóng hiệu quả.
+ Nghiên cứu framework ReactJS, các thư viện hỗ trợ như Axios, React-router, Redux- toolkit, Redux-Persist,... Để xây dựng giao diện cho ứng dụng cũng như để quản lý dữ liệu trên trình duyệt.
+ Nghiên cứu về cơ sở dữ liệu MongoDB để làm cơ sở dữ liệu cho ứng dụng.
+ Nghiên cứu về service Cloudinary để hỗ trợ ứng dụng trong việc lưu trữ video, hình ảnh.
+ Nghiên cứu về Json Web Token (JWT) để bảo mật cho các chức năng của ứng dụng. 13
3. PHẠM VI NGHIÊN CỨU
Ứng dụng web chủ tập trung vào các nghiệp vụ cơ bản của một ứng dụng cho thuê xe phải có như tìm kiếm xe, xem thông tin xe, đặt xe, đánh giá chuyến xe, các chức năng khác như gửi đăng ký xe cho thuê xe, xác thực tài khoản để đạt yêu cầu thuê xe, thanh toán với Momo hay VNPAY. Mục đích cuối cùng là xây dựng hoàn thành một sản phẩm hoàn thiện và ổn định.
4. MỤC TIÊU CỦA ĐỀ TÀI
4.1 PHÍA NGƯỜI DÙNG
- Xây dựng ứng dụng Web và Android phía người dùng với các chức năng sau:
+ Đăng ký tài khoản của hệ thống.
+ Đăng nhập với tài khoản của hệ thống hay tài khoản Google.
+ Tìm kiếm xe gần với địa chỉ nhập vào, filter dựa trên kết quả xe tìm kiếm được.
+ Cập nhật thông tin tài khoản.
+ Gửi yêu cầu xác thực tài khoản.
+ Xem lại các lịch sử thuê xe, xem chi tiết thông tin hoá đơn.
+ Quản lý các xe đang cho thuê, cho phép cập nhật trạng thái, xem lịch sử thuê xe của
xe, tạm dừng và xoá thông tin xe.
+ Tạo hợp đồng thuê xe sau khi thanh toán, người thuê xe và cả chủ xe đều có thể tạo
hợp đồng.
+ Quản lý ví và rút tiền ra khỏi ví.
+ Thanh toán với Momo.
4.2 PHÍA QUẢN LÝ
- Xây dựng ứng dụng web cho người quản lý với các chức năng sau:
+ Quản lý tài khoản người dùng, xem thông tin tài khoản, khoá và xoá tài khoản.
+ Quản lý yêu cầu xác thực tài khoản, xem chi tiết yêu cầu, từ chối và chấp nhận yêu
cầu.
+ Quản lý đăng ký cho thuê xe lên hệ thống, xem chi tiết đơn đăng ký, từ chối và chấp
nhận đơn đăng ký.
14
+ Quản lý các xe đang cho thuê trên hệ thống, xem thông tin chi tiết của xe và chủ xe, tạm dừng cho thuê xe và xoá thông tin xe.
+ Quản lý yêu cầu rút tiền, chấp nhận và từ chối các yêu cầu rút tiền.
5. Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
Sau khi hoàn thành đồ án, nhóm chúng em đã được rèn luyện, học tập nhiều kỹ năng mới, có thể áp dụng vào công việc sau này. Đặc biệt là các kiến thức về các công nghệ mới, thiết kế phần mềm để có thể góp phần giúp chúng em cạnh tranh trong quá trình tìm việc sau này, cũng như rèn luyện khả năng làm việc nhóm, làm việc dưới áp lực thời gian cũng như biết cách phân bố thời gian làm việc sao cho hợp lý.
6. PHÂN CÔNG
Bảng 1: Phân công công việc
THÀNH VIÊN
CÔNG VIỆC
ĐÁNH GIÁ
Nguyễn Phúc An
- Thiết kế giao diện.
- Xây dựng Front-End. - Viết báo cáo.
Hoàn thành tốt
Bành Đăng Khoa
- Xây dựng Back-End. - Vẽ lược đồ lớp.
Hoàn thành tốt
15
PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ CỦA ĐỀ TÀI
1.1 CƠ SỞ LÝ THUYẾT
1.1.1 Các công nghệ sử dụng Front-end
1.1.1.1 Framework ReactJS
ReactJS là một front-end JavaScript framework được phát triển bởi Facebook, ReactJS
Do Drive thay đổi chính sách, nên một số link cũ yêu cầu duyệt download. các bạn chỉ cần làm theo hướng dẫn.
Password giải nén nếu cần: ket-noi.com | Bấm trực tiếp vào Link để tải:
MỤC LỤC
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ......................................................... 2 GIẢNG VIÊN ................................................................................................................. 2 NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ............................................................... 3 GIẢNG VIÊN ................................................................................................................. 3 LỜI CẢM ƠN ................................................................................................................. 4 MỤC LỤC.......................................................................................................................1 DANH MỤC HÌNH ẢNH .............................................................................................. 3 DANH MỤC BẢNG BIỂU ............................................................................................ 9 MỞ ĐẦU.......................................................................................................................13
1. LÝ DO CHỌN ĐỀ TÀI ........................................................................................ 13
2. ĐỐI TƯỢNG NGHIÊN CỨU .............................................................................. 13
3. PHẠM VI NGHIÊN CỨU .................................................................................... 14
4. MỤC TIÊU CỦA ĐỀ TÀI .................................................................................... 14
4.1 PHÍA NGƯỜI DÙNG.....................................................................................14
4.2 PHÍA QUẢN LÝ............................................................................................. 14
5. Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN ........................................................... 15
6. PHÂN CÔNG........................................................................................................ 15
PHẦN NỘI DUNG ....................................................................................................... 16 CHƯƠNG 1: CƠ SỞ CỦA ĐỀ TÀI ......................................................................... 16 1.1 CƠ SỞ LÝ THUYẾT ...................................................................................... 16 1.2 KHẢO SÁT HIỆN TRẠNG ........................................................................... 23 CHƯƠNG 2: MÔ HÌNH HOÁ YÊU CẦU .............................................................. 26
2.1. XÁC ĐỊNH YÊU CẦU.................................................................................. 26 1
2.2. KIẾN TRÚC CHUNG CỦA HỆ THỐNG .................................................... 26
2.3. MÔ HÌNH HOÁ YÊU CẦU .......................................................................... 27 CHƯƠNG 3: THIẾT KẾ PHẦN MỀM .................................................................... 67 3.1. LƯỢT ĐỒ TUẦN TỰ ................................................................................... 67 3.2. LƯỢC ĐỒ LỚP ............................................................................................. 87 3.3 LƯỢC ĐỒ HOẠT ĐỘNG .............................................................................. 88 3.4. THIẾT KẾ CƠ SỞ DỮ LIỆU ...................................................................... 113 3.5. THIẾT KẾ GIAO DIỆN .............................................................................. 122 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ...............................................................186 4.1. CÀI ĐẶT......................................................................................................186 4.2. KIỂM THỬ .................................................................................................. 187 PHẦN KẾT LUẬN ..................................................................................................... 226
1. KẾT QUẢ ĐẠT ĐƯỢC ................................................................................. 226 1.1. VỀ LÝ THUYẾT ......................................................................................... 226 1.2. VỀ ỨNG DỤNG .......................................................................................... 226
2. ƯU ĐIỂM............................................................................................................ 227
3. NHƯỢC ĐIỂM ................................................................................................... 227
4. HƯỚNG PHÁT TRIỂN......................................................................................227
TÀI LIỆU THAM KHẢO........................................................................................... 229
2
DANH MỤC HÌNH ẢNH
Hình 1: Virtual DOM và DOM ..................................................................................... 17 Hình 2: One-way data binding trong ReacJS................................................................17 Hình 3: Cấu trúc của Redux .......................................................................................... 18 Hình 4: Mongoose với NodeJS. .................................................................................... 22 Hình 5: Các nền tảng Cloudinary hỗ trợ ....................................................................... 23 Hình 6: Ứng dụng ZoomCar ......................................................................................... 24 Hình 7: Ứng dụng Mioto...............................................................................................25 Hình 8: Kiến trúc hệ thống............................................................................................27 Hình 9: Sơ đồ use-case phía người dùng ...................................................................... 28 Hình 10: Sơ đồ use-case phía quản lý ........................................................................... 29 Hình 11: Sequence “Đăng ký tài khoản” ...................................................................... 67 Hình 12: Sequence “Đăng nhập với tài khoản người dùng”.........................................68 Hình 13: Sequence “Đăng nhập với tài khoản Google” ............................................... 68 Hình 14: Sequence “Đăng xuất tài khoản” ................................................................... 69 Hình 15: Sequence “Tìm kiếm xe cho thuê”................................................................. 69 Hình 16: Sequence “Đặt xe” ......................................................................................... 70 Hình 17: Sequence “Thanh toán chuyến xe” ................................................................ 70 Hình 18: Sequence “Đổi mật khẩu” .............................................................................. 71 Hình 19: Sequence “Thay đổi thông tin cá nhân của tài khoản người dùng”...............71 Hình 20: Sequence “Gửi yêu cầu xác thực tài khoản người dùng” .............................. 72 Hình 21: Sequence “Gửi yêu cầu rút tiền”....................................................................72 Hình 22: Sequence “Đăng ký xe cho thuê”................................................................... 73
Hình 23: Sequence “Tạm dừng cho thuê xe”................................................................74 3
Hình 24: Sequence “Xoá xe cho thuê”.......................................................................... 74 Hình 25: Sequence “Tiếp tục cho thuê xe” ................................................................... 75 Hình 26: Sequence “Cập nhật trạng thái xe” ................................................................ 76 Hình 27: Sequence “Đánh giá xe đã thuê”....................................................................77 Hình 28: Sequence “Báu xấu xe vi phạm”....................................................................78 Hình 29: Sequence “Đăng nhập với tài khoản quản lý hệ thống” ................................ 78 Hình 30: Sequence “Đăng xuất tài khoản” ................................................................... 78 Hình 31: Sequence “Xoá tài khoản người dùng”..........................................................79 Hình 32: Sequence “Khoá tài khoản người dùng”........................................................79 Hình 33: Sequence “Chấp nhận yêu cầu xác thực tài khoản”.......................................80 Hình 34: Sequence “Từ chối yêu cầu xác thực tài khoản” ........................................... 81 Hình 35: Sequence “Chấp nhận yêu cầu đăng ký xe cho thuê”....................................81 Hình 36: Sequence “Từ chối yêu cầu đăng ký xe cho thuê”......................................... 82 Hình 37: Sequence “Tạm dừng cho thuê xe”................................................................83 Hình 38: Sequence “Xoá xe cho thuê”.......................................................................... 84 Hình 39: Sequence “Tiếp tục cho thuê xe” ................................................................... 84 Hình 40: Sequence “Chấp nhận yêu cầu rút tiền”......................................................... 85 Hình 41: Sequence “Từ chối yêu cầu rút tiền” ............................................................. 86 Hình 42: Sequence “Chấp nhận yêu cầu báo xấu”........................................................ 86 Hình 43: Sequence “Từ chối yêu cầu báo xấu” ............................................................ 86 Hình 44: Lược đồ lớp .................................................................................................... 88 Hình 45: Activity diagram “Đăng ký tài khoản” .......................................................... 89 Hình 46: Activity diagram “Đăng nhập với tài khoản người dùng” ............................. 89
Hình 47: Activity diagram “Đăng nhập với tài khoản Google”.................................... 90 4
Hình 48: Activity diagram “Đăng xuất tài khoản” ....................................................... 91 Hình 49: Activity diagram “Tìm kiếm xe cho thuê”..................................................... 92 Hình 50: Activity diagram “Đặt xe” ............................................................................. 92 Hình 51: Activity diagram “Thanh toán chuyến xe” .................................................... 93 Hình 52: Activity diagram “Đổi mật khẩu” .................................................................. 94 Hình 53: Activity diagram “Thay đổi thông tin cá nhân của tài khoản” ...................... 95 Hình 54: Activity diagram “Gửi yêu cầu xác thực tài khoản người dùng” .................. 96 Hình 55: Activity diagram “Gửi yêu cầu rút tiền”........................................................97 Hình 56: Activity diagram “Đăng ký xe cho thuê”....................................................... 98 Hình 57: Activity diagram “Tạm dừng cho thuê xe”....................................................99 Hình 58: Activity diagram “Xoá xe cho thuê”..............................................................99 Hình 59: Activity diagram “Tiếp tục cho thuê xe” ..................................................... 100 Hình 60: Activity diagram “Cập nhật trạng thái xe” .................................................. 101 Hình 61: Activity diagram “Đánh giá xe đã thuê”......................................................102 Hình 62: Activity diagram “Báo xấu xe vi phạm”......................................................103 Hình 63: Activity diagram “Đăng nhập với tài khoản quản lý hệ thống” .................. 104 Hình 64: Activity diagram “Đăng xuất tài khoản” ..................................................... 105 Hình 65: Activity diagram “Xoá tài khoản người dùng” ............................................ 105 Hình 66: Activity diagram “Khoá tài khoản người dùng”..........................................106 Hình 67: Activity diagram “Chấp nhận yêu cầu xác thực tài khoản”.........................107 Hình 68: Activity diagram “Từ chối yêu cầu xác thực tài khoản”.............................. 107 Hình 69: Activity diagram “Chấp nhận yêu cầu đăng ký xe cho thuê” ...................... 108 Hình 70: Activity diagram “Từ chối yêu cầu đăng ký xe cho thuê”...........................108
Hình 71: Activity diagram “Tạm dừng cho thuê xe”..................................................109 5
Hình 72: Activity diagram “Xoá xe cho thuê”............................................................110 Hình 73: Activity diagram “Tiếp tục cho thuê xe” ..................................................... 111 Hình 74: Activity diagram “Chấp nhận yêu cầu rút tiền”...........................................111 Hình 75: Activity diagram “Từ chối yêu cầu rút tiền”................................................ 112 Hình 76: Activity diagram “Chấp nhận yêu cầu báo xấu”..........................................112 Hình 77: Activity diagram “Từ chối yêu cầu báo xấu” .............................................. 113 Hình 78: Lược đồ ERD ............................................................................................... 114 Hình 79: Screen flow của Guest (Khách) ................................................................... 123 Hình 80: Screen flow của User (Người dùng) ............................................................ 123 Hình 81: Màn hình Landing Page ............................................................................... 125 Hình 82: Màn hình Header (Chưa đăng nhập)............................................................126 Hình 83: Màn hình Header (Đã đăng nhập)................................................................126 Hình 84: Màn hình Left Navigation Bar ..................................................................... 128 Hình 85: Màn hình Login Dialog................................................................................130 Hình 86: Màn hình Sign-in Page................................................................................. 132 Hình 87: Màn hình Fillter Page................................................................................... 134 Hình 88: Màn hình Detail Page – 1.............................................................................137 Hình 89: Màn hình Detail Page – 2.............................................................................137 Hình 90: Màn hình Detail Page – 3.............................................................................138 Hình 91: Màn hình Car Register Page – 1 .................................................................. 141 Hình 92: Màn hình Car Register Page – 2 .................................................................. 141 Hình 93: Màn hình Car Register Page – 3 .................................................................. 142 Hình 94: Màn hình Profile Page.................................................................................. 145
Hình 95: Màn hình UserVerify Page ..........................................................................148 6
Hình 96: Màn hình Wallet Page..................................................................................149 Hình 97: Màn hình History Page ................................................................................ 151 Hình 98: Màn hình HistoryDetail Dialog – 1 ............................................................. 153 Hình 99: Màn hình HistoryDetail Dialog – 2 ............................................................. 153 Hình 100: Màn hình CarManage Page........................................................................156 Hình 101: Màn hình CarStatus Dialog – 1..................................................................157 Hình 102: Màn hình CarStatus Dialog – 2..................................................................158 Hình 103: Màn hình CarStatusUpdate Page ............................................................... 159 Hình 104: Màn hình Contract Page – 1.......................................................................161 Hình 105: Màn hình Contract Page – 2.......................................................................161 Hình 106: Màn hình Report Page................................................................................ 162 Hình 107: Screen flow của quản lý ............................................................................. 163 Hình 108: Màn hình Login Page.................................................................................165 Hình 109: Màn hình Left Navigation Bar ................................................................... 166 Hình 110: Màn hình AccountManager Page............................................................... 167 Hình 111: Màn hình AccountDetail Dialog ................................................................ 169 Hình 112: Màn hình VerifyManager Page.................................................................. 170 Hình 113: Màn hình VerifyDetail Dialog ................................................................... 172 Hình 114: Màn hình CarRegister Page ....................................................................... 173 Hình 115: Màn hình RegisterDetail Dialog – 1 .......................................................... 175 Hình 116: Màn hình RegisterDetail Dialog – 2 .......................................................... 175 Hình 117: Màn hình CarManager Page ...................................................................... 176 Hình 118: Màn hình CarDetail Dialog – 1..................................................................178
Hình 119: Màn hình CarDetail Dialog – 2..................................................................179 7
Hình 120: Màn hình WithdrawManager Page ............................................................ 180 Hình 121: Màn hình ReportManager Page ................................................................. 182 Hình 122: Màn hình ReportDetail Dialog – 1.............................................................183 Hình 123: Màn hình ReportDetail Dialog – 2.............................................................184 Hình 124: Biểu đồ luồn điều khiển chức năng Login ................................................. 191 Hình 125: Biểu đồ luồn dữ liệu chức năng Login.......................................................194 Hình 126: Biểu đồ luồn điều khiển chức năng Filter .................................................. 200 Hình 127: Biểu đồ luồn dữ liệu chức năng Filter........................................................211 Hình 128: Biểu đồ luồn điều khiển chức năng Gửi yêu cầu xác thực tài khoản......... 220 Hình 128: Biểu đồ luồn dữ liệu chức năng Gửi yêu cầu xác thực tài khoản .............. 223
8
DANH MỤC BẢNG BIỂU
Bảng 1: Phân công công việc ........................................................................................ 15 Bảng 2: Mô tả Use case “Đăng ký tài khoản”............................................................... 30 Bảng 3: Mô tả Use case “Đăng nhập với tài khoản hệ thống”...................................... 31 Bảng 4: Mô tả Use case “Đăng nhập với tài khoản Google”........................................32 Bảng 5: Mô tả Use case “Đăng xuất tài khoản”............................................................ 34 Bảng 6: Mô tả Use case “Tìm kiếm xe cho thuê” ......................................................... 35 Bảng 7: Mô tả Use case “Đặt xe”.................................................................................. 36 Bảng 8: Mô tả Use case “Thanh toán chuyến xe”......................................................... 37 Bảng 9: Mô tả Use case “Đổi mật khẩu” ...................................................................... 38 Bảng 10: Mô tả Use case “Thay đổi thông tin cá nhân của tài khoản người dùng” ..... 39 Bảng 11: Mô tả Use case “Gửi yêu cầu xác thực tài khoản người dùng”..................... 41 Bảng 12: Mô tả Use case “Gửi yêu cầu rút tiền” .......................................................... 42 Bảng 13: Mô tả Use case “Đăng ký xe cho thuê” ......................................................... 43 Bảng 14: Mô tả Use case “Tạm dừng cho thuê xe” ...................................................... 44 Bảng 15: Mô tả Use case “Xoá xe cho thuê” ................................................................ 46 Bảng 16: Mô tả Use case “Tiếp tục cho thuê xe” ......................................................... 47 Bảng 17: Mô tả Use case “Cập nhật trạng thái xe”....................................................... 48 Bảng 18: Mô tả Use case “Đánh giá xe đã thuê” .......................................................... 49 Bảng 19: Mô tả Use case “Đăng nhập với tài khoản quản lý hệ thống”.......................50 Bảng 20: Mô tả Use case “Đăng xuất tài khoản”..........................................................52 Bảng 21: Mô tả Use case “Xoá tài khoản người dùng” ................................................ 53 Bảng 22: Mô tả Use case “Khoá tài khoản người dùng” .............................................. 54
Bảng 23: Mô tả Use case “Chấp nhận yêu cầu xác thực tài khoản” ............................. 55 9
Bảng 24: Mô tả Use case “Từ chối yêu cầu xác thực tài khoản”..................................56 Bảng 25: Mô tả Use case “Chấp nhận yêu cầu đăng ký xe cho thuê” .......................... 57 Bảng 26: Mô tả Use case “Từ chối yêu cầu đăng ký xe cho thuê” ............................... 59 Bảng 27: Mô tả Use case “Tạm dừng cho thuê xe” ...................................................... 60 Bảng 28: Mô tả Use case “Xoá xe cho thuê” ................................................................ 61 Bảng 29: Mô tả Use case “Tiếp tục cho thuê xe” ......................................................... 62 Bảng 30: Mô tả Use case “Chấp nhận yêu cầu rút tiền” ............................................... 63 Bảng 31: Mô tả Use case “Từ chối yêu cầu rút tiền”....................................................65 Bảng 32: Withdrawrequest.......................................................................................... 114 Bảng 33: Userverificationrequest................................................................................ 115 Bảng 34: Vehicleregister.............................................................................................115 Bảng 35: User..............................................................................................................117 Bảng 36: Vehiclerentalhistory..................................................................................... 118 Bảng 37: Vehicle.........................................................................................................119 Bảng 38: Vehiclerentalstatus....................................................................................... 121 Bảng 39: Vehiclestatus................................................................................................ 121 Bảng 40: Reports.........................................................................................................122 Bảng 41: Danh sách màn hình phía người dùng ......................................................... 123 Bảng 42: Chi tiết màn hình Landing Page .................................................................. 125 Bảng 43: Chi tiết màn hình Header.............................................................................126 Bảng 44: Chi tiết màn hình Left Navigation Bar ........................................................ 128 Bảng 45: Chi tiết màn hình Login Dialog...................................................................130 Bảng 46: Chi tiết màn hình Sign-in Page....................................................................132
Bảng 47: Chi tiết màn hình Fillter Page......................................................................134 10
Bảng 48: Chi tiết màn hình Detail Page......................................................................138 Bảng 49: Chi tiết màn hình CarRegister Page ............................................................ 142 Bảng 50: Chi tiết màn hình Profile Page.....................................................................145 Bảng 51: Chi tiết màn hình UserVerify Page .............................................................148 Bảng 52: Chi tiết màn hình Wallet Page.....................................................................149 Bảng 53: Chi tiết màn hình History Page.................................................................... 151 Bảng 54: Chi tiết màn hình HistoryDetail Dialog....................................................... 153 Bảng 55: Chi tiết màn hình CarManage Page.............................................................156 Bảng 56: Chi tiết màn hình CarStatus Dialog.............................................................158 Bảng 57: Chi tiết màn hình CarStatusUpdate Page .................................................... 159 Bảng 58: Chi tiết màn hình Contract Page..................................................................161 Bảng 59: Chi tiết màn hình Report Page.....................................................................162 Bảng 60: Danh sách màn hình của quản lý. ................................................................ 163 Bảng 61: Chi tiết màn hình quản lý Login Page ......................................................... 165 Bảng 62: Chi tiết màn hình quản lý Left Navigation Bar ........................................... 166 Bảng 63: Chi tiết màn hình quản lý AccountManager Page.......................................168 Bảng 64: Chi tiết màn hình quản lý AccountDetail Dialog ........................................ 169 Bảng 65: Chi tiết màn hình quản lý VerifyManager Page..........................................170 Bảng 66: Chi tiết màn hình quản lý VerifyDetail Dialog ........................................... 172 Bảng 67: Chi tiết màn hình quản lý CarRegister Page ............................................... 173 Bảng 68: Chi tiết màn hình quản lý RegisterDetail Dialog ........................................ 175 Bảng 69: Chi tiết màn hình quản lý CarManager Page............................................... 177 Bảng 70: Chi tiết màn hình quản lý CarDetail Dialog................................................179
Bảng 71: Chi tiết màn hình quản lý WithdrawManager Page .................................... 180 11
Bảng 72: Chi tiết màn hình quản lý ReportManager Page ......................................... 182 Bảng 73: Chi tiết màn hình quản lý ReportManager Page ......................................... 184 Bảng 74: Phạm vi kiểm thử của ứng dụng .................................................................. 187 Bảng 75: Thế kế test case cho chức năng Login.........................................................192 Bảng 76: Thế kế test case cho chức năng Filter..........................................................200 Bảng 77: Thế kế test case cho chức năng Gửi yêu cầu xác thực tài khoản ................ 221 Bảng 78: Kết quả kiểm thử ......................................................................................... 225
12
1. LÝ DO CHỌN ĐỀ TÀI
MỞ ĐẦU
Phương tiện giao thông đi lại là một trong những thứ góp phần tạo nên nền văn minh con người hiện nay, giúp con người vận chuyên hàng hoá, nguyên vật liệu, lương thực, giao thương, giúp con người kết nối lại với nhau hơn.
Hiện nay ở Việt Nam có 4.512.518 ôto đang lưu hành (Số liệu theo cục đăng kiểm Việt Nam) và ở năm 2016 con số này là 2.516.144. Ta có thể thấy khi đất nước càng phát triển, đời sống được cải thiện thì nhu cầu đi lại của cá nhân cũng sẽ tăng cao khi chỉ trong 6 năm đã có thêm 2 triệu xe hơi được lưu thông, tuy nhiên không phải ai cũng có điều kiện để mua hoàn toàn một chiếc xe hơi do giá cả vẫn còn cao. Chính vì thế mà nhóm chúng em quyết định lựa chọn đề tài “XÂY DỰNG ỨNG DỤNG WEB CHO THUÊ XE GIỮA NGƯỜI DÙNG EASYCAR SỬ DỤNG MERN STACK” để góp phần giúp cho những người có như cầu đi lại cao nhưng không có tài chính để để mua xe có thể thuê xe theo nhu cầu của bản thân.
2. ĐỐI TƯỢNG NGHIÊN CỨU
Đối tượng nghiên cứu chính của đề tài là những cá nhân có nhu cầu thuê và cho thuê xe ôto, quản lý lịch sử thuê xe, quản lý các xe đang cho thuê cũng như đảm bảo quyền lợi giữa chủ xe và người thuê xe. Bên cạnh đó tập trung nghiên cứu vào các công nghệ được áp dụng để thực hiện hoá sản phẩm như:
+ Nghiên cứu RESTful API, NodeJS, ExpressJS để xây dựng hệ thống APIs cung cấp chức năng cho ứng dụng, truy vấn cơ sở dữ liệu một cách nhanh chóng hiệu quả.
+ Nghiên cứu framework ReactJS, các thư viện hỗ trợ như Axios, React-router, Redux- toolkit, Redux-Persist,... Để xây dựng giao diện cho ứng dụng cũng như để quản lý dữ liệu trên trình duyệt.
+ Nghiên cứu về cơ sở dữ liệu MongoDB để làm cơ sở dữ liệu cho ứng dụng.
+ Nghiên cứu về service Cloudinary để hỗ trợ ứng dụng trong việc lưu trữ video, hình ảnh.
+ Nghiên cứu về Json Web Token (JWT) để bảo mật cho các chức năng của ứng dụng. 13
3. PHẠM VI NGHIÊN CỨU
Ứng dụng web chủ tập trung vào các nghiệp vụ cơ bản của một ứng dụng cho thuê xe phải có như tìm kiếm xe, xem thông tin xe, đặt xe, đánh giá chuyến xe, các chức năng khác như gửi đăng ký xe cho thuê xe, xác thực tài khoản để đạt yêu cầu thuê xe, thanh toán với Momo hay VNPAY. Mục đích cuối cùng là xây dựng hoàn thành một sản phẩm hoàn thiện và ổn định.
4. MỤC TIÊU CỦA ĐỀ TÀI
4.1 PHÍA NGƯỜI DÙNG
- Xây dựng ứng dụng Web và Android phía người dùng với các chức năng sau:
+ Đăng ký tài khoản của hệ thống.
+ Đăng nhập với tài khoản của hệ thống hay tài khoản Google.
+ Tìm kiếm xe gần với địa chỉ nhập vào, filter dựa trên kết quả xe tìm kiếm được.
+ Cập nhật thông tin tài khoản.
+ Gửi yêu cầu xác thực tài khoản.
+ Xem lại các lịch sử thuê xe, xem chi tiết thông tin hoá đơn.
+ Quản lý các xe đang cho thuê, cho phép cập nhật trạng thái, xem lịch sử thuê xe của
xe, tạm dừng và xoá thông tin xe.
+ Tạo hợp đồng thuê xe sau khi thanh toán, người thuê xe và cả chủ xe đều có thể tạo
hợp đồng.
+ Quản lý ví và rút tiền ra khỏi ví.
+ Thanh toán với Momo.
4.2 PHÍA QUẢN LÝ
- Xây dựng ứng dụng web cho người quản lý với các chức năng sau:
+ Quản lý tài khoản người dùng, xem thông tin tài khoản, khoá và xoá tài khoản.
+ Quản lý yêu cầu xác thực tài khoản, xem chi tiết yêu cầu, từ chối và chấp nhận yêu
cầu.
+ Quản lý đăng ký cho thuê xe lên hệ thống, xem chi tiết đơn đăng ký, từ chối và chấp
nhận đơn đăng ký.
14
+ Quản lý các xe đang cho thuê trên hệ thống, xem thông tin chi tiết của xe và chủ xe, tạm dừng cho thuê xe và xoá thông tin xe.
+ Quản lý yêu cầu rút tiền, chấp nhận và từ chối các yêu cầu rút tiền.
5. Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
Sau khi hoàn thành đồ án, nhóm chúng em đã được rèn luyện, học tập nhiều kỹ năng mới, có thể áp dụng vào công việc sau này. Đặc biệt là các kiến thức về các công nghệ mới, thiết kế phần mềm để có thể góp phần giúp chúng em cạnh tranh trong quá trình tìm việc sau này, cũng như rèn luyện khả năng làm việc nhóm, làm việc dưới áp lực thời gian cũng như biết cách phân bố thời gian làm việc sao cho hợp lý.
6. PHÂN CÔNG
Bảng 1: Phân công công việc
THÀNH VIÊN
CÔNG VIỆC
ĐÁNH GIÁ
Nguyễn Phúc An
- Thiết kế giao diện.
- Xây dựng Front-End. - Viết báo cáo.
Hoàn thành tốt
Bành Đăng Khoa
- Xây dựng Back-End. - Vẽ lược đồ lớp.
Hoàn thành tốt
15
PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ CỦA ĐỀ TÀI
1.1 CƠ SỞ LÝ THUYẾT
1.1.1 Các công nghệ sử dụng Front-end
1.1.1.1 Framework ReactJS
ReactJS là một front-end JavaScript framework được phát triển bởi Facebook, ReactJS
Do Drive thay đổi chính sách, nên một số link cũ yêu cầu duyệt download. các bạn chỉ cần làm theo hướng dẫn.
Password giải nén nếu cần: ket-noi.com | Bấm trực tiếp vào Link để tải:
You must be registered for see links