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 .