Xây Dựng Website và Ứng Dụng Di Động Cho Thuê Xe Du Lịch

Xây dựng website và ứng dụng di động cho dịch vụ cho thuê xe du lịch, tối ưu hóa trải nghiệm người dùng và tăng cường hiệu quả kinh doanh.

• Tác giả: Tran Tien Thanh
• Người hướng dẫn: Nguyen Duc Khoan, M.IT
• Trường học: Ho Chi Minh City University of Technology and Education
• Chuyên ngành: Information Technology
• Đề tài: Building A Website And Mobile Application For Tourist Vehicles Rental
• Loại tài liệu: Graduation Thesis
• Năm xuất bản: 2024
• Địa điểm: Ho Chi Minh City

Mục lục chi tiết

• 1. CHAPTER 1: INTRODUCTION
• 1.1. Scope of research
• 1.2. Scientific and practical significance
• 2. CHAPTER 2: APPLICATION REVIEW AND CURRENT SURVEY
• 2.1. Mioto mobile app
• 2.2. Sigo mobile app
• 2.3. Holacar mobile app
• 2.4. Overview of survey
• 2.5. What is the conclusion after reviewing?
• 2.6. What is the solution?
• 2.7. The characteristics of ReactJS
• 2.8. Google Maps API
• 3. CHAPTER 3: REQUIREMENT SPECIFICATION
• 3.1. Guest use case diagram
• 3.2. Car renter use case diagram
• 3.3. Car owner use case diagram
• 3.4. Admin use case diagram
• 3.5. Use case description
• 3.5.1. Use case Register description
• 3.5.2. Use case Search for cars description
• 3.5.3. Use case View car information description
• 3.5.4. Use case Login description
• 3.5.5. Use case Forgot password description
• 3.5.6. Use case Log out description
• 3.5.7. Use case Edit profile description
• 3.5.8. Use case Verify phone number description
• 3.5.9. Use case Add car to favorites description
• 3.5.10. Use case Remove car from favorites description
• 3.5.11. Use case View list of favorite cars description
• 3.5.12. Use case Change password description
• 3.5.13. Use case Book a trip description
• 3.5.14. Use case Make a payment description
• 3.5.15. Use Case View trip list description
• 3.5.16. Use case View trip details description
• 3.5.17. Use case Review description
• 3.5.18. Use case Become a Car owner description
• 3.5.19. Use case Chat with Car owner description
• 3.5.20. Use case Chat with Car renter description
• 3.5.21. Use case Delete the conversation description
• 3.5.22. Use case Compile revenue statistics description
• 3.5.23. Use case View car list description
• 3.5.24. Use case Search for a car description
• 3.5.25. Use case View car details description
• 3.5.26. Use case Add a car description
• 3.5.27. Use case Edit car description
• 3.5.28. Use case Delete car description
• 3.5.29. Use case View trip list description
• 3.5.30. Use case View trip details description
• 3.5.31. Use case Update trip status description
• 3.5.32. Use case Delete trip description
• 3.5.33. Use case Search for trips description
• 3.5.34. Use case View review list description
• 3.5.35. Use case Reply a comment description
• 3.5.36. Use case Search for reviews description
• 3.5.37. Use case View invoice description
• 3.5.38. Use case Export contract description
• 3.5.39. Use case Compile Revenue statistics of the whole system description
• 3.5.40. Use case View Car owner list description
• 3.5.41. Use case View Car owner details description
• 3.5.42. Use case View request list description
• 3.5.43. Use case View request details description
• 3.5.44. Use case Accept request description
• 3.5.45. Use case Decline request description
• 3.5.46. Use case View all accounts description
• 3.5.47. Use case View user details description
• 3.5.48. Use case Delete account description
• 3.5.49. Use case View all categories description
• 3.5.50. Use case Add category description
• 3.5.51. Use case Edit category description
• 3.5.52. Use case Delete category description
• 3.5.53. Use case View all cars description
• 3.5.54. Use case View all trips description
• 3.5.55. Use Case View all reviews description
• 3.6. Non-functional requirements
• 4. CHAPTER 4: SYSTEM DESIGN
• 4.1. Entity Relational Diagram
• 4.2. Car owner collection
• 4.3. Mobile app interface
• 5. CHAPTER 5: VALIDATION AND DEPLOYMENT
• 5.1. Test case design
• 5.2. Deploy website process
• REFERENCES

Tóm tắt

I. Tổng Quan Về Xây Dựng Website và Ứng Dụng Di Động Cho Thuê Xe Du Lịch

Xây dựng một website và ứng dụng di động cho thuê xe du lịch là một nhiệm vụ quan trọng trong thời đại số. Nhu cầu sử dụng dịch vụ thuê xe ngày càng tăng, đặc biệt là trong ngành du lịch. Việc phát triển một nền tảng trực tuyến giúp người dùng dễ dàng tìm kiếm, đặt xe và quản lý thông tin thuê xe một cách hiệu quả. Hệ thống này không chỉ phục vụ khách hàng mà còn giúp các công ty quản lý xe một cách thông minh và hiệu quả hơn.

1.1. Lợi Ích Của Việc Xây Dựng Nền Tảng Cho Thuê Xe

Việc xây dựng nền tảng cho thuê xe mang lại nhiều lợi ích như tiết kiệm thời gian, giảm thiểu sai sót trong quá trình đặt xe và nâng cao trải nghiệm của khách hàng. Hệ thống cho phép người dùng dễ dàng tìm kiếm và so sánh các loại xe, từ đó đưa ra quyết định nhanh chóng.

1.2. Xu Hướng Công Nghệ Trong Ngành Thuê Xe

Ngành thuê xe đang chứng kiến sự chuyển mình mạnh mẽ với sự xuất hiện của các công nghệ mới như công nghệ thuê xe thông minh và ứng dụng di động. Những công nghệ này không chỉ giúp cải thiện quy trình đặt xe mà còn tối ưu hóa việc quản lý và theo dõi xe.

II. Thách Thức Trong Việc Phát Triển Website và Ứng Dụng Di Động Cho Thuê Xe

Mặc dù có nhiều lợi ích, việc phát triển một website và ứng dụng di động cho thuê xe cũng gặp phải nhiều thách thức. Các vấn đề như bảo mật thông tin, khả năng mở rộng hệ thống và tích hợp các tính năng mới là những yếu tố cần được xem xét kỹ lưỡng. Đặc biệt, việc đảm bảo trải nghiệm người dùng mượt mà và thân thiện là rất quan trọng.

2.1. Vấn Đề Bảo Mật Thông Tin Khách Hàng

Bảo mật thông tin khách hàng là một trong những thách thức lớn nhất trong việc phát triển nền tảng cho thuê xe. Cần có các biện pháp bảo mật mạnh mẽ để bảo vệ dữ liệu cá nhân và thông tin thanh toán của người dùng.

2.2. Khả Năng Mở Rộng Hệ Thống

Hệ thống cần được thiết kế với khả năng mở rộng cao để có thể đáp ứng nhu cầu ngày càng tăng của người dùng. Việc tích hợp các tính năng mới và mở rộng quy mô hoạt động là rất cần thiết để duy trì sự cạnh tranh.

III. Phương Pháp Xây Dựng Website và Ứng Dụng Di Động Cho Thuê Xe

Để xây dựng một website và ứng dụng di động cho thuê xe, cần áp dụng các phương pháp phát triển hiện đại. Sử dụng các công nghệ như ReactJS và NodeJS giúp tạo ra một nền tảng mạnh mẽ và linh hoạt. Hệ thống cũng cần được thiết kế với giao diện người dùng thân thiện và dễ sử dụng.

3.1. Sử Dụng Công Nghệ ReactJS

ReactJS là một thư viện JavaScript mạnh mẽ giúp xây dựng giao diện người dùng tương tác. Việc sử dụng ReactJS giúp tăng tốc độ phát triển và cải thiện hiệu suất của ứng dụng.

3.2. Tích Hợp API Google Maps

Tích hợp API Google Maps vào hệ thống cho phép người dùng dễ dàng tìm kiếm và định vị các địa điểm cho thuê xe. Điều này không chỉ nâng cao trải nghiệm người dùng mà còn giúp tăng tính cạnh tranh của dịch vụ.

IV. Ứng Dụng Thực Tiễn Của Website và Ứng Dụng Di Động Cho Thuê Xe

Việc triển khai website và ứng dụng di động cho thuê xe đã mang lại nhiều kết quả tích cực. Khách hàng có thể dễ dàng đặt xe, quản lý thông tin và thanh toán trực tuyến. Điều này không chỉ giúp tiết kiệm thời gian mà còn nâng cao sự hài lòng của khách hàng.

4.1. Kết Quả Nghiên Cứu Từ Người Dùng

Nghiên cứu cho thấy rằng người dùng cảm thấy hài lòng hơn với dịch vụ thuê xe khi sử dụng nền tảng trực tuyến. Họ có thể dễ dàng tìm kiếm và đặt xe mà không cần phải đến trực tiếp.

4.2. Tăng Trưởng Doanh Thu Cho Các Công Ty Thuê Xe

Các công ty thuê xe đã ghi nhận sự tăng trưởng doanh thu đáng kể nhờ vào việc áp dụng công nghệ. Hệ thống giúp họ quản lý xe và đặt chỗ một cách hiệu quả hơn.

V. Kết Luận Về Tương Lai Của Ngành Thuê Xe

Ngành thuê xe đang trên đà phát triển mạnh mẽ với sự hỗ trợ của công nghệ. Việc xây dựng một website và ứng dụng di động cho thuê xe không chỉ là xu hướng mà còn là yêu cầu cần thiết để đáp ứng nhu cầu của thị trường. Tương lai của ngành này sẽ phụ thuộc vào khả năng đổi mới và áp dụng công nghệ mới.

5.1. Xu Hướng Công Nghệ Trong Tương Lai

Trong tương lai, công nghệ sẽ tiếp tục đóng vai trò quan trọng trong ngành thuê xe. Các giải pháp như thuê xe tự động và trí tuệ nhân tạo sẽ giúp cải thiện trải nghiệm người dùng và tối ưu hóa quy trình.

5.2. Cơ Hội Phát Triển Cho Các Doanh Nghiệp

Các doanh nghiệp trong ngành thuê xe cần nắm bắt cơ hội phát triển từ công nghệ. Việc đầu tư vào nền tảng trực tuyến sẽ giúp họ duy trì vị thế cạnh tranh và mở rộng thị trường.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh ngành du lịch và nhu cầu di chuyển ngày càng gia tăng, hoạt động cho thuê xe du lịch truyền thống bộc lộ nhiều hạn chế đáng kể. Các phương thức vận hành cũ chủ yếu dựa trên liên lạc qua điện thoại hoặc giao dịch trực tiếp tại điểm thuê, dẫn đến quy trình xử lý thủ công, tốn kém thời gian và dễ phát sinh sai sót như trùng lịch đặt xe (double bookings). Đồng thời, việc thiếu hụt cơ chế cập nhật tình trạng xe trống theo thời gian thực (real-time availability) khiến trải nghiệm của khách hàng bị giảm sút. Du khách, đặc biệt là những người chưa quen thuộc với ngôn ngữ và địa bàn địa phương, gặp nhiều trở ngại khi tiếp cận các dịch vụ này.

Vấn đề cốt lõi được tác giả xác định là sự thiếu vắng một giải pháp kỹ thuật số tích hợp toàn diện. Các nền tảng hiện có trên thị trường thường thiếu các tính năng hỗ trợ thiết yếu như hệ thống nhắn tin trực tiếp (real-time chat), giao diện tối ưu trải nghiệm người dùng, cổng thanh toán bảo mật và kênh hỗ trợ khách hàng tức thời. Về phía đơn vị hoặc cá nhân cho thuê xe, việc không có hệ thống quản lý tập trung gây khó khăn trong việc quản lý đội xe, theo dõi hành trình đơn hàng và phân tích dữ liệu kinh doanh. Đề tài "Xây Dựng Website và Ứng Dụng Di Động Cho Thuê Xe Du Lịch" (tiếng Anh: Building a Website and Mobile Application for Tourist Vehicles Rental) được thực hiện nhằm giải quyết các tồn tại trên thông qua nền tảng đa phương tiện kết nối người thuê xe và chủ sở hữu phương tiện.

Mục tiêu nghiên cứu và phát triển của đề tài bao gồm:

1. Vận dụng kiến thức chuyên ngành Công nghệ Thông tin vào quy trình phân tích, thiết kế và phát triển dự án thực tế.
2. Xây dựng hệ thống website và ứng dụng di động thân thiện với người dùng (user-friendly).
3. Hỗ trợ người dùng tra cứu, xem thông tin và thực hiện quy trình thuê xe một cách thuận tiện.
4. Cập nhật nhanh chóng thông tin xe mới và hồ sơ của chủ xe.
5. Thiết kế hệ thống quản lý vận hành gian hàng/đội xe dễ thao tác cho đối tác sở hữu xe.
6. Đảm bảo tính bảo mật và an toàn cho dữ liệu người dùng.

Đối tượng và phạm vi nghiên cứu:

• Đối tượng nghiên cứu: Quy trình nghiệp vụ thuê xe du lịch tự lái/tiện ích, mô hình kết nối khách thuê xe (Car renter) và chủ xe (Car owner), cùng các công nghệ phát triển ứng dụng web và di động.
• Phạm vi không gian: Triển khai trên môi trường Web (ReactJS) và ứng dụng di động (React Native, Expo) phục vụ thị trường cho thuê xe du lịch.
• Phạm vi thời gian: Đồ án tốt nghiệp khóa 2020 – 2024 tại Trường Đại học Sư phạm Kỹ thuật TP.HCM; thời gian giao nhận đề tài từ ngày 04/03/2024 và nộp báo cáo hoàn thiện vào ngày 15/06/2024.

---

Cơ sở lý thuyết và phương pháp

Đồ án kết hợp giữa phương pháp nghiên cứu tài liệu kỹ thuật, khảo sát so sánh hiện trạng các hệ thống thực tế và phương pháp kỹ thuật phần mềm để thiết kế, xây dựng và kiểm thử hệ thống.

1. Khảo sát và phân tích hiện trạng

Nhóm tác giả tiến hành khảo sát chức năng, ưu điểm và nhược điểm của các hệ thống cho thuê xe đang vận hành trên thị trường, bao gồm cả nền tảng web và ứng dụng di động:

Tên ứng dụng / Nền tảng	Chức năng chính	Ưu điểm	Hạn chế
Mioto (Website & Mobile App)	Hiển thị xe, xem thông tin chủ xe, đăng tin cho thuê xe, đặt xe, thanh toán, tìm xe theo thành phố/thời gian.	Giao diện đơn giản, thân thiện; hỗ trợ đa dạng phương thức thanh toán.	Quy trình đặt thuê xe còn tương đối phức tạp.
Thuexesaigon (Website)	Hiển thị danh sách xe, đặt xe, thanh toán, tìm xe theo tuyến đường/thành phố/thời gian.	Đa dạng mẫu mã và mức giá; hỗ trợ nhiều tuyến đường và hình thức thuê.	Giao diện phức tạp, rườm rà; chỉ hỗ trợ hình thức thanh toán trực tiếp.
Chungxe (Website)	Hiển thị xe, xem thông tin đối tác, đăng ký làm chủ xe, tìm kiếm theo thành phố và thời gian.	Giao diện đẹp mắt, tinh gọn; hỗ trợ nhiều tỉnh thành.	Quy trình đăng ký đối tác còn phức tạp.
Sigo (Mobile App)	Hiển thị xe, đặt xe, thanh toán, đăng ký chủ xe, tìm xe theo địa điểm/thời gian.	Hỗ trợ thuê xe tại nhiều tỉnh thành.	Giao diện chưa bắt mắt; chỉ hỗ trợ thanh toán trực tiếp.
Holacar (Mobile App)	Hiển thị xe, xem thông tin chủ xe, đăng xe cho thuê, đặt xe, tìm xe theo thời gian/địa điểm.	Hỗ trợ nhiều thành phố; giao diện trực quan, dễ thao tác.	Quy trình đăng ký xe của chủ xe phức tạp.

2. Nền tảng công nghệ sử dụng

Hệ thống được phát triển dựa trên ngăn xếp công nghệ JavaScript toàn diện (Full-stack JavaScript):

• MongoDB: Cơ sở dữ liệu NoSQL hướng tài liệu (document-oriented), lưu trữ dữ liệu dưới định dạng BSON tương tự JSON. CSDL này giúp truy vấn nhanh, lược đồ dữ liệu linh hoạt và lưu trữ đệm dữ liệu trên RAM.
• Node.js & ExpressJS: Nền tảng backend xử lý bất đồng bộ non-blocking I/O, sử dụng hệ thống Middleware để quản lý xác thực, định tuyến API RESTful và nén dữ liệu.
• ReactJS: Thư viện giao diện người dùng phía frontend web từ Facebook, sử dụng cú pháp JSX, luồng dữ liệu một chiều (single-way data flow) và Redux để quản lý trạng thái tập trung.
• React Native & Expo: Framework phát triển ứng dụng di động đa nền tảng cho hệ điều hành iOS và Android từ một cơ sở mã nguồn JavaScript duy nhất.
• JSON Web Token (JWT): Giao thức xác thực và phân quyền cho hệ thống API.
• Google Maps API: Đồng bộ hóa dữ liệu vị trí xe, hiển thị bản đồ tương tác, tra cứu thông tin xe theo vị trí thực tế và hỗ trợ chỉ đường.

---

Thiết kế và triển khai hệ thống

1. Phân quyền và tác nhân hệ thống (Actors)

Hệ thống phân định 4 nhóm tác nhân với các nhóm use case rõ ràng:

• Khách vãng lai (Guest): Xem danh sách xe, tra cứu/lọc xe theo ngày và địa điểm trên bản đồ, xem thông tin chi tiết xe và chủ xe, đăng ký tài khoản mới, xác thực tài khoản qua OTP/Email, khôi phục mật khẩu.
• Khách thuê xe (Car renter): Đăng nhập, chỉnh sửa hồ sơ cá nhân, xác thực số điện thoại và giấy phép lái xe (GPLX), quản lý danh sách xe yêu thích (Favorite list), thực hiện đặt chuyến (Book a trip), thanh toán trực tuyến qua cổng VNPay, xem lịch sử chuyến đi, đánh giá/bình luận sau chuyến đi, chat trực tiếp với chủ xe, gửi yêu cầu nâng cấp tài khoản thành chủ xe.
• Chủ xe (Car owner): Quản lý hồ sơ gian hàng, thêm/sửa/xóa thông tin xe cho thuê, duyệt/hủy chuyến đi, xác nhận chuyến đi hoàn thành, quản lý và phản hồi đánh giá của khách hàng, chat với khách thuê, xuất hợp đồng thuê xe, xem biểu đồ thống kê doanh thu chi tiết từng xe và tổng doanh thu.
• Quản trị viên (Admin): Quản trị danh mục xe (Category), quản lý toàn bộ tài khoản người dùng, quản lý thông tin xe đăng tải, tiếp nhận và duyệt/từ chối yêu cầu đăng ký làm chủ xe, quản lý các chuyến đi và đánh giá, thống kê doanh thu và báo cáo tăng trưởng người dùng toàn hệ thống.

2. Kế hoạch triển khai kỹ thuật (Implementation Plan)

Dự án được thực hiện qua 7 giai đoạn cụ thể theo kế hoạch:

Giai đoạn	Thời gian	Nội dung công việc
1	14/03/2024 – 23/03/2024	Khảo sát ứng dụng thực tế; thiết kế use case và đặc tả kỹ thuật dự án.
2	23/03/2024 – 30/03/2024	Nghiên cứu chuyên sâu thư viện ReactJS, nền tảng NodeJS và framework React Native.
3	30/03/2024 – 05/04/2024	Nghiên cứu JWT cho phân quyền API; thiết lập cơ sở dữ liệu MongoDB.
4	06/04/2024 – 03/05/2024	Tích hợp Google Maps API; xây dựng giao diện người dùng (UI) cho hệ thống.
5	04/05/2024 – 08/06/2024	Tích hợp giao diện Frontend, hệ thống API Backend và Cơ sở dữ liệu; hoàn thiện chức năng.
6	09/06/2024 – 18/06/2024	Thực hiện kiểm thử hệ thống (testing) và khắc phục lỗi (bug fixing).
7	19/06/2024 – 20/06/2024	Viết báo cáo tốt nghiệp và hoàn tất tài liệu đồ án.

---

Nội dung chính theo từng chương

Chương 1: Giới thiệu tổng quan (Introduction)

Chương 1 làm rõ lý do hình thành đề tài, định nghĩa bài toán về sự bất cập của mô hình thuê xe truyền thống và mục tiêu xây dựng giải pháp số hóa. Tác giả xác lập phạm vi nghiên cứu xoay quanh việc phát triển đồng thời cả phiên bản website (ReactJS) và ứng dụng di động (React Native, Expo) kết nối với hệ quản trị MongoDB. Ý nghĩa khoa học và thực tiễn của đề tài được thể hiện qua việc tích hợp các công nghệ mới để giải quyết bài toán kết nối cộng đồng, nâng cao năng lực phân tích và thiết kế phần mềm của sinh viên.

Chương 2: Khảo sát hiện trạng và đánh giá ứng dụng (Application Review and Current Survey)

Chương này đi sâu phân tích 5 hệ thống thực tế (Mioto web/app, Thuexesaigon, Chungxe, Sigo, Holacar), rút ra điểm mạnh về giao diện, tính năng và chỉ ra hạn chế về quy trình thuê/đăng ký xe rườm rà hoặc thiếu phương thức thanh toán điện tử. Từ đó, nhóm đề xuất giải pháp tích hợp các ưu điểm vào hệ thống mới. Ngoài ra, chương 2 cung cấp cơ sở lý thuyết chi tiết về các công nghệ được lựa chọn:

• Đặc tính NoSQL và cơ chế bộ nhớ đệm của MongoDB.
• Khả năng xử lý đa luồng I/O bất đồng bộ của Node.js kết hợp framework ExpressJS.
• Mô hình luồng dữ liệu 1 chiều, Virtual DOM, JSX của ReactJS và thư viện Redux.
• Tính năng chia sẻ mã nguồn đa nền tảng (cross-platform) của React Native.
• Cơ chế tích hợp Google Maps API để đồng bộ và hiển thị dữ liệu tọa độ xe.

Chương 3: Đặc tả yêu cầu hệ thống (Requirement Specification)

Chương 3 trình bày toàn bộ các biểu đồ use case tổng quát và chi tiết cho từng tác nhân (Guest, Car renter, Car owner, Admin). Mỗi use case đều được mô tả cấu trúc chặt chẽ gồm: Tên use case, Mô tả, Điều kiện tiên quyết (Pre-conditions), Điều kiện kết thúc (Post-conditions), Luồng sự kiện chính (Event streams/Basic flow) và Luồng ngoại lệ (Exception/Failed). Chương này cũng thiết lập các yêu cầu phi chức năng (Non-functional requirements) nhằm đảm bảo hiệu năng và tính ổn định.

Chương 4: Thiết kế hệ thống (System Design)

Chương 4 tập trung vào việc mô hình hóa hệ thống thông qua:

• Sơ đồ thực thể quan hệ (Entity Relational Diagram - ERD) và cấu trúc các Collection trong MongoDB (như Car owner collection, User collection, Car collection, Trip collection, Review collection...).
• Chuỗi biểu đồ tuần tự (Sequence Diagrams) cho các chức năng trọng yếu: Đăng ký, Đăng nhập, Tìm xe, Quên mật khẩu, Xác thực SĐT, Đặt chuyến, Thanh toán, Nâng cấp chủ xe, Nhắn tin (Chat), Quản lý xe, Duyệt yêu cầu đối tác và Thống kê doanh thu.
• Thiết kế giao diện thực tế của Website và Mobile App từ trang chủ, danh sách xe, tìm kiếm xe trên bản đồ, chi tiết xe, giỏ hàng/thanh toán VNPay, trang quản lý của chủ xe đến bảng điều khiển (Dashboard) của quản trị viên.

Chương 5: Kiểm thử và triển khai (Validation and Deployment)

Chương 5 xây dựng bộ kịch bản kiểm thử (Test case design) chi tiết cho từng đối tượng người dùng (Admin, Car owner, Car renter, Guest) nhằm xác minh tính đúng đắn của các luồng nghiệp vụ. Đồng thời, tài liệu mô tả chi tiết quy trình triển khai hệ thống (Deployment process) bao gồm việc cấu hình, đóng gói và quản lý triển khai cho cả khối Frontend và Backend.

Chương 6: Kết luận (Conclusion)

Tổng kết lại quá trình nghiên cứu, đánh giá mức độ hoàn thành các mục tiêu đã đề ra ban đầu và định hình danh mục tài liệu tham khảo (References).

---

Kết quả và đóng góp

• Sản phẩm kỹ thuật: Xây dựng thành công hệ thống phần mềm hoàn chỉnh gồm Website và Ứng dụng di động đáp ứng đầy đủ các chức năng cốt lõi của dịch vụ cho thuê xe du lịch.
• Tính năng nổi bật:
  • Quy trình tìm kiếm và hiển thị xe trực quan thông qua bản đồ tích hợp Google Maps API.
  • Tích hợp cổng thanh toán trực tuyến VNPay giúp thanh toán nhanh chóng, an toàn.
  • Chức năng trò chuyện trực tiếp (Chat) giữa người thuê xe và chủ xe giúp giải quyết yêu cầu trao đổi thông tin tức thời.
  • Module quản lý chuyến đi, xác thực giấy phép lái xe và công cụ tạo/xuất hợp đồng thuê xe cho chủ xe.
  • Hệ thống thống kê doanh thu trực quan bằng biểu đồ cho cả chủ xe và ban quản trị.
• Quy trình kiểm thử và đóng gói: Hoàn thiện kịch bản kiểm thử cho 4 nhóm tác nhân và thiết lập quy trình triển khai độc lập cho cả dịch vụ Frontend và Backend.

---

Hạn chế và hướng nghiên cứu tiếp

• Hạn chế kỹ thuật:
  • Cơ sở dữ liệu MongoDB lưu trữ dữ liệu dạng phi cấu trúc, thiếu các ràng buộc toàn vẹn quan hệ chặt chẽ và không có cơ chế giao dịch phức tạp chuyên dụng như các hệ thống ngân hàng tài chính lớn.
  • Việc phụ thuộc nhiều vào bộ nhớ RAM của MongoDB đòi hỏi tài nguyên phần cứng tương ứng khi hệ thống mở rộng.
  • Ứng dụng di động xây dựng trên nền tảng lai (React Native) có thể chịu giới hạn về hiệu năng so với các ứng dụng thuần bản địa (Native app) khi xử lý các tác vụ đồ họa hoặc tính toán nặng.
• Hướng phát triển: Tối ưu hóa hiệu năng truy vấn, nâng cao cơ chế bảo mật cho các giao dịch thanh toán và tiếp tục hoàn thiện giao diện cũng như trải nghiệm người dùng dựa trên phản hồi thực tế.

---

Giá trị tham khảo

Đồ án là tài liệu tham khảo hữu ích cho:

• Sinh viên chuyên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm đang thực hiện khóa luận hoặc đồ án tốt nghiệp về các đề tài thương mại điện tử, dịch vụ chia sẻ xe (Car sharing/Car rental).
• Các nhà phát triển muốn tham khảo mô hình kiến trúc ứng dụng Full-stack JavaScript kết hợp giữa ReactJS, React Native, Node.js, ExpressJS và MongoDB.
• Tài liệu mẫu về phương pháp đặc tả yêu cầu phần mềm, thiết kế use case, xây dựng biểu đồ tuần tự (Sequence diagram) và quy trình kiểm thử hệ thống.

---

Câu hỏi thường gặp

1. Đề tài này do ai thực hiện và thuộc đơn vị đào tạo nào?

Đề tài được thực hiện bởi hai sinh viên Trần Tiến Thành (MSSV: 20110567) và Ngô Thanh Phú (MSSV: 20110541), dưới sự hướng dẫn của ThS. Nguyễn Đức Khoan (M.IT Nguyen Duc Khoan) tại Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật TP.HCM (HCMUTE), khóa học 2020 – 2024.

2. Hệ thống hỗ trợ những nhóm đối tượng người dùng nào?

Hệ thống phân quyền cho 4 nhóm tác nhân chính: Khách vãng lai (Guest), Khách thuê xe (Car renter), Chủ xe (Car owner) và Quản trị viên (Admin).

3. Công nghệ nào được sử dụng để xây dựng hệ thống?

Hệ thống sử dụng ngăn xếp công nghệ:

• Frontend Web: ReactJS, JSX, Redux.
• Mobile App: React Native, Expo.
• Backend: Node.js, ExpressJS framework.
• Cơ sở dữ liệu: MongoDB (định dạng BSON/JSON).
• Dịch vụ & Tiện ích: Google Maps API (đồng bộ vị trí xe và bản đồ), JWT (xác thực/phân quyền API) và VNPay (cổng thanh toán).

4. Những hệ thống thực tế nào đã được nhóm tác giả khảo sát trước khi thiết kế?

Nhóm tác giả đã tiến hành khảo sát và đánh giá 5 hệ thống thực tế gồm: Mioto (cả website và mobile app), Thuexesaigon (website), Chungxe (website), Sigo (mobile app) và Holacar (mobile app).

---

Kết luận

Đồ án tốt nghiệp "Xây Dựng Website và Ứng Dụng Di Động Cho Thuê Xe Du Lịch" của nhóm sinh viên Trần Tiến Thành và Ngô Thanh Phú đã hoàn thành toàn diện quy trình kỹ thuật phần mềm từ phân tích nghiệp vụ, khảo sát hiện trạng, thiết kế hệ thống, đến lập trình và kiểm thử. Việc ứng dụng linh hoạt ngăn xếp công nghệ Full-stack JavaScript kết hợp cùng các dịch vụ mở rộng như Google Maps API và VNPay đã giải quyết hiệu quả các rào cản của mô hình thuê xe truyền thống. Đây là công trình đồ án có cấu trúc hoàn chỉnh, đáp ứng chuẩn mực yêu cầu tốt nghiệp đại học ngành Công nghệ Thông tin.

Trích đoạn nội dung tài liệu

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS INFORMATION TECHNOLOGY BUILDING A WEBSITE AND MOBILE APPLICATION FOR TOURIST VEHICLES RENTAL INSTRUCTOR: NGUYEN DUC KHOAN, M.IT STUDENT: TRAN TIEN THANH NGO THANH PHU SKL013455 Ho Chi Minh City, 2024 HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY -----🙞🙜🕮🙞🙜----- TRAN TIEN THANH – 20110567 NGO THANH PHU – 20110541 Thesis name: BUILDING A WEBSITE AND MOBILE APPLICATION FOR TOURIST VEHICLES RENTAL GRADUATION THESIS ADVISOR NGUYEN DUC KHOAN, M.IT COURSE 2020 – 2024 THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, July 2024 PROJECT ASSIGNMENT Student name 1: TRAN TIEN THANH Student ID: 20110567 Student name 2: NGO THANH PHU Student ID: 20110541 Major: INFORMATION TECHNOLOGY Project title: BUILDING A WEBSITE AND MOBILE APPLICATION FOR TOURIST VEHICLES RENTAL Advisor: NGUYEN DUC KHOAN, M.IT Date receive: 2024-03-04 Date submit: 2024-06-15 1. Project name: Building a webiste and mobile application for tourist vehicles rental. Figures and original document: This project is built from ReactJs. Goal: The system enables users to schedule and configure various sorts of utility vehicles, as well as register to become car owner through a functional and user-friendly platform.

Final product: A website and application that allows customers to manage the rental system, including booking vehicles, managing convenience vehicles for trips and collaborating on their own utility vehicle for business. Thesis outline: TABLE OF CONTENT 1. Scope of research 1. Scientific and practical significance 2.

APPLICATION REVIEW AND CURRENT SURVEY 2. Overview of survey 2. Non-functional requirements 4. Entity Relational Diagram 4.

VALIDATION AND DEPLOYMENT 5. Test case design 5. Deploy website process 6. CONCLUSION REFERENCES IMPLEMENTATION PLAN: No Time Work Note - Review the application.

1 14/03/2024 – 23/03/2022 - Implement case design and project specifications. - Learn about the JavaScript React library and nodeJS. 2 23/03/2024 – 30/03/2024 - Learn about React Native framework. - Learn how to use JSON Web Tokens for system API authentication and permission.

3 30/03/2024 – 05/04/2024 - Learn how to use MongoDB for user data storage. - Learn how to intergrate Google Maps API 4 06/04/2024 – 03/05/2024 into the project. - Proceed to create the system's user interface. - Integrate the built elements (interface, API, database).

5 04/05/2024 – 08/06/2024 - Perfect the system through continuous learning and modification. 6 09/06/2024 – 18/06/2024 - Test the system and fix errors. 7 19/06/2024 – 20/06/2024 - Write and complete reports., 2024 Advisor’s feedback Thesis group (sign with full name) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, July 2024 ADVISOR EVALUATION SHEET Student name 1: TRAN TIEN THANH Student ID: 20110567 Student name 2: NGO THANH PHU Student ID: 20110541 Major: INFORMATION TECHNOLOGY Project name: BUILDING A WEBSITE AND MOBILE APPLICATION FOR TOURIST VEHICLES RENTAL Advisor: NGUYEN DUC KHOAN, M. Content of the project:.

Approval for oral defense? .) Ho Chi Minh City, July …, 2024 Advisor (Sign with full name) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, July 2024 PRE-DEFENSE EVALUATION SHEET Student name 1: TRAN TIEN THANH Student ID: 20110567 Student name 2: NGO THANH PHU Student ID: 20110541 Major: INFORMATION TECHNOLOGY Project name: BUILDING A WEBSITE AND MOBILE APPLICATION FOR TOURIST VEHICLES RENTAL Reviewer:. Content of the project:. Approval for oral defense? .) Ho Chi Minh City, July…, 2024 Reviewer (Sign with full name) DISCLAIMER I hereby declare that this graduation thesis is my own and autonomous work. All sources and aids used have been indicated as such.

All texts either quoted directly or paraphrased have been indicated by in-text citations. Full bibliographic details are given in the reference list which also contains internet sources containing URL and access date. This work has not been submitted to any other examination authority. ACKNOWLEDGEMENTS We would want to express our appreciation to the instructor, M.IT Nguyen Duc Khoan, who worked closely with us to develop a project that enabled us to successfully finish our report.

Throughout this course, you have constantly assisted us with our difficulties in the study process as well as provided us with excellent feedback and recommendations to help us grow as developers in the future. As a result, you have become our inspiration for this final project, and we would like to express our gratitude for the opportunity to learn from you in this course. Everyone on our team has various talents, and we have discovered our shortcomings in each other over this final assignment, but we've all managed to face this challenge as a team. As a result, everyone on our team is really grateful for the opportunity to collaborate.

We now have all we need to learn about this subject and do well in it. Additionally, we want to thank our classmates for supplying us with a plethora of knowledge and pertinent facts that helped us to strengthen our thesis. We finished the project and report in a short measure of time, with restricted information and numerous different limitations regarding philosophies and skill with programming execution. As a consequence of this, there will undoubtedly be flaws in the process of creating the topic; consequently, we eagerly await your significant feedback so that we can increase the number of our experts and perform better the following time.

This final project is the result of our tireless efforts throughout the semester. Because we are still novices, we are aware that our design has numerous shortcomings. We welcome any feedback as well as suggestions for improving our project. We appreciate it.

Sincerely! Ho Chi Minh City, July 2024 Tran Tien Thanh Ngo Thanh Phu TABLE OF CONTENT CHAPTER 1: INTRODUCTION. Scope of research. Scientific and practical significance .2 CHAPTER 2: APPLICATION REVIEW AND CURRENT SURVEY. Mioto mobile app.

Sigo mobile app. Holacar mobile app. Overview of survey. What is the conclusion after reviewing?.

What is the solution?. The characteristics of ReactJS. Google Maps API .17 CHAPTER 3: REQUIREMENT SPECIFICATION. Guest use case diagram.

Car renter use case diagram. Car owner use case diagram. Admin use case diagram. Use case description.

Use case Register description. Use case Search for cars description. Use case View car information description. Use case Login description.

Use case Forgot password description. Use case Log out description. Use case Edit profile description. Use case Verify phone number description.

Use case Add car to favorites description. Use case Remove car from favorites description. Use case View list of favorite cars description. Use case Change password description.

Use case Book a trip description. Use case Make a payment description. Use Case View trip list description. Use case View trip details description.

Use case Review description. Use case Become a Car owner description. Use case Chat with Car owner description. Use case Chat with Car renter description.

Use case Delete the conversation description. Use case Compile revenue statistics description. Use case View car list description. Use case Search for a car description.

Use case View car details description. Use case Add a car description. Use case Edit car description. Use case Delete car description.

Use case View trip list description. Use case View trip details description. Use case Update trip status description. Use case Delete trip description.

Use case Search for trips description. Use case View review list description. Use case Reply a comment description. Use case Search for reviews description.

Use case View invoice description. Use case Export contract description. Use case Compile Revenue statistics of the whole system description. Use case View Car owner list description.

Use case View Car owner details description. Use case View request list description. Use case View request details description. Use case Accept request description.

Use case Decline request description. Use case View all accounts description. Use case View user details description. Use case Delete account description.

Use case View all categories description. Use case Add category description. Use case Edit category description. Use case Delete category description.

Use case View all cars description. Use case View all trips description. Use Case View all reviews description. Non-functional requirements .78 CHAPTER 4: SYSTEM DESIGN.

Entity Relational Diagram. Car owner collection. Mobile app interface .168 CHAPTER 5: VALIDATION AND DEPLOYMENT. Test case design.

Deploy website process .218 LIST OF FIGURES Figure 2.1: The Mioto website .4: Mioto mobile app .5: Sigo mobile app .6: Holacar mobile app .11: Google Maps API .1: Guest use case diagram .2: Car renter use case diagram .3: Car owner use case diagram .4: Admin use case diagram .2: Entity Relational Diagram .4: Register sequence diagram .5: Login sequence diagram .6: Forgot Password sequence diagram .7: Search for cars sequence diagram .8: Log out sequence diagram .9: Review sequence diagram.10: Update Profile sequence diagram .11: Verify phone number sequence diagram .12: Add a car to favorite list sequence diagram .13: Change password sequence diagram .14: Book a trip sequence diagram .15: Make a payment sequence diagram .16: Become a Car owner sequence diagram .17: Chat with Car owner sequence diagram .18: Chat with Car renter sequence diagram .19: Delete conversation sequence diagram .20: Revenue Statistics sequence diagram .21: Add car sequence diagram .22: Edit car sequence diagram .23: Delete car sequence diagram .24: Update trip status sequence diagram .25: Delete trip sequence diagram .26: Reply to a comment sequence diagram .27: Accept the request sequence diagram .28: Delcine the request sequence diagram .29: Delete account sequence diagram .30: Add category sequence diagram .31: Edit category sequence diagram .32: Delete category sequence diagram .36: Forgot password interface .37: Car renter homepage .38: Car renter profile interface .39: Change password interface .40: View list trip interface .41: View list of favorite cars interface .42: Verify diver license interface .43: Chat with Car owner interface .44: Search for cars interface.45: Search for cars by map interface .46: List cars interface .47: Car details interface 1 .48: Car details interface 2 .49: Car details interface 3 .50: Car owner information interface .51: Chat with Car owner interface .52: Change location interface .54: Confirm and payment interface .56: Pay done interface .57: Become car owner interface.58: Sign up modal interface .59: Car owner-Admin homepage .60: Car owner-Admin login interface .61: Car owner-Admin forgot password interface .62: Car owner-Admin profile interface.63: Owner-Admin change password interface .64: Owner homepage interface .65: Owner-Admin car list interface .66: Add-Edit car interface 1 .67: Add-Edit car interface 2 .68: Add-Edit car interface 3 .69: Trip list interface .70: Trip detail interface .71: Chat with Car renter interface .72: Review list interface .75: Admin homepage interface .76: Car owner list interface .77: Car owner details interface .78: Request list interface .79: Request details interface .80: Car renter list interface.81: Car renter details interface .81: Category list interface .82: Add-Update category interface .83: Guest homepage interface .84: Search for cars interface.85: Search for cars by map interface .86: Search for cars by filter interface .87: Car details interface .88: Car owner information interface .89: Chat with Car owner interface .90: Book a trip interface.92: Verify OTP interface.94: Forgot Password interface.95: My Profile interface .96: My Account – Edit interface .97: My Trip interface .98: Trip details interface .99: Become Car owner interface .100: My Favorite Cars interface .101: My Message interface .102: My Driver license interface .103: Change Password interface .105: Revenue Statistics interface .106: Store Profile interface .107: List car interface .108: Add – Edit car interface .109: List trip interface .111: Conversation – Chat with Car renter interface .112: Export contract interface .1: Configure Deployment Front-end .2: Deploy Front-end .3: Manage Deployments Front-end .5: Configure Deployment Back-end .