MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS MAJOR: INFORMATION TECHNOLOGY BUILDING A WEBSITE AND MOBILE APPLICATION TO MANAGE SALES INSTRUCTOR: NGUYEN DUC KHOAN STUDENT: HO KIM TIEN TRUONG PHAM LY HUONG Ho Chi Minh city, June 2024 HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY -----🙞🙜🕮🙞🙜----- HO KIM TIEN – 20110572 TRUONG PHAM LY HUONG – 20110081 Thesis name: BUILDING A WEBSITE AND MOBILE APPLICATION TO MANAGE SALES GRADUATION THESIS ADVISOR NGUYEN DUC KHOAN, M.IT COURSE 2020 - 2024 HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY -----🙞🙜🕮🙞🙜----- HO KIM TIEN – 20110572 TRUONG PHAM LY HUONG – 20110081 Thesis name: BUILDING A WEBSITE AND MOBILE APPLICATION TO MANAGE SALES GRADUATION THESIS ADVISOR NGUYEN DUC KHOAN, M.IT COURSE 2020 – 2024 THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness *** Ho Chi Minh City, December 2023 ADVISOR EVALUATION SHEET Student name: Ho Kim Tien Student ID: 20110572 Student name: Truong Pham Ly Huong Student ID: 20110081 Major: Information Technology Thesis name: Building a website and mobile application to manage sales. Advisor: Nguyen Duc Khoan, M. Content of the project:. Approval for oral defense? .) Ho Chi Minh City ADVISOR THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness *** Ho Chi Minh City, December 2023 PRE-DEFENSE EVALUATION SHEET Student name: Ho Kim Tien Student ID: 20110572 Student name: Truong Pham Ly Huong Student ID: 20110081 Major: Information Technology Thesis name: Building a website and mobile application to manage sales.
Name of Reviewer:. Content of the project:. Approval for oral defense? .) Ho Chi Minh City REVIEWER ACKNOWLEDGEMENTS To complete this topic and report, we would like to send our sincere thanks to lecturer, Nguyen Duc Khoan, who directly supported us throughout the project process. We thank the teacher for advising his practical experience to guide us by the requirements of the chosen topic, always answering questions, and providing timely suggestions and corrections time to help us overcome our shortcomings and complete it well and on time.
This is also the first time we have done this discussion, with limited knowledge and many other technical limitations and experience in implementing a software project. Therefore, in creating this topic, there are some shortcomings, so we look forward to receiving your valuable comments so that our knowledge can be improved and we can do better. We sincerely thank you. Finally, we respectfully wish you good health and greater success in your career.
We want to express our sincerest thanks to the teachers, especially Mr. Nguyen Duc Khoan. HCMC University Of Technology And Education Faculty Of Information Technology GRADUATION THESIS OUTLINE Student name: Ho Kim Tien Student ID: 20110572 Student name: Truong Pham Ly Huong Student ID: 20110081 Date receive: 2024-04-03 Date submit: 2024-06-15 Major: Software Technology Thesis name: Building a website and mobile application to manage sales. Advisor: Nguyen Duc Khoan, M.IT Mission of the thesis: 1.
Theory: Learn about technologies: Spring Boot, ReactJS, React Native. Practice: - Use Spring Boot to build backend, and write API for modules in the system. - Use MySQL to store the system's user data. - Use ReactJS to design and handle web interfaces for admin.
- Use React Native to design and handle mobile interfaces for all actors. Thesis outline: TABLE OF CONTENT 1. The urgency of the thesis 1. Chapter 1: Application and technology review 1.
Chapter 2: Project specification 2. Non-functional requirement 3. Chapter 3: System design 3. Entity relation diagram 3.
User interfaces design 4. Chapter 4: Validation and deployment 4. Test case design 4. References IMPLEMENTATION PLAN: No Time Work Note 1 14/03/2024 – 21/03/2022 - Application review - Use case design and project specification 2 22/03/2024 – 29/03/2024 - Learn about JavaScript's React library and Spring Boot - Learn about the React Native framework 3 30/03/2024 – 04/04/2024 - Learn about JSON Web Token to apply to system API authentication and authorization - Learn about MySQL to apply to the system's user data storage 4 05/04/2024 – 03/05/2024 - Proceed to write API - Proceed to build the user interface for the system 5 04/05/2024 – 06/06/2024 - Bring the built parts together (interface, API, database).
- Learn and modify the system to perfection. 6 07/06/2024 – 18/06/2024 - Test the system and fix errors 7 19/06/2024 – 20/06/2024 - Write and complete reports Day Month Year 2024 Thesis group Advisor’s feedback (sign and print full name) TABLE OF CONTENT INTRODUCTION. THE URGENCY OF THE THESIS. 3 CHAPTER 1: APPLICATION AND TECHNOLOGY REVIEW.
App “Quan Ly Ban Hang”. App “KiotViet Ban Hang”. 15 CHAPTER 2: PROJECT SPECIFICATION. NON-FUNCTIONAL REQUIREMENT.
109 CHAPTER 3: SYSTEM DESIGN. ENTITY RELATION DIAGRAM. Login with google sequence diagram. Purchase service sequence diagram.
Notification sequence diagram. Export receipt sequence diagram. View report sequence diagram. Filter product sequence diagram.
Filter payment sequence diagram. Filter coupon sequence diagram. Disable account sequence diagram. USER INTERFACES DESIGN.
125 CHAPTER 4: VALIDATION AND DEPLOYMENT. TEST CASE DESIGN. 209 LIST OF FIGURES Figure 1.1 App “Quan Ly Ban Hang" .2 App “KiotViet Ban hang” .3 App “sshop – So ban hang”.4 App “AFaDa – Quan Ly Ban Hang” .6 Spring Boot Flow Architecture .8 Redux Data Flow Chart .9 Redux-saga Flow .1 Guest’s use case diagram .2 Buyer’s use case diagram .3 Admin’s use case diagram.4 Store owner’s use case diagram .5 Use case Sign up .6 Use case Login .7 Use case Recover password .8 Use case View receipt history .9 Use case View receipt detail .10 Use case View my QR .11 Use case Register store .12 Use case View accumulated points .13 Use case Update profile .14 Use case Change password .15 Use case Logout .16 Use case Search imported product .17 Use case Setup store .18 Use case View all service packages .19 Use case Extend account .20 Use case Scan product code .21 Use case Scan QR customer .22 Use case Sell .23 Use case View all imported products .24 Use case Create imported product .25 Use case Update imported product.26 Use case Delete imported product .27 Use case View all products .28 Use case Create product .29 Use case Update product .30 Use case Delete product .31 Use case View all receipts .32 Use case View detailed receipt.33 Use case See profit report.34 Use case See sale report .35 Use case See warehouse report .36 Use case View all customers .37 Use case View all coupons .38 Use case Create coupon .39 Use case Update coupon .40 Use case Stop coupon .41 Use case Manage import book .42 Use case Manage export book .43 Use case See profile .44 Use case Update profile .45 Use case Change password .46 Use case return products in receipt .47 Use case View all accounts .48 Use case Enable/Disable account .49 Use case View all transactions .50 Use case View all service packacges .51 Use case Create service package .52 Use case Update service package .53 Use case See profile (website) .54 Use case Update profile (website) .55 Use case Send notification for users .56 Use case View chart report (website) .57 Use case Change password (website).58 Use case Export to excel (website) .59 Use case Disable/enable system maintenance .2 Entity relation diagram .5 Login with google sequence diagram.6 Purchase service sequence diagram .7 Notification sequence diagram .8 Export receipt sequence diagram .9 View report sequence diagram .10 Filter product sequence diagram .11 Filter payment sequence diagram .12 Filter coupon sequence diagram .13 Disable account sequence diagram .14 Upload image sequence diagram.15 Extend account sequence diagram .16 Import product sequence diagram .21 Login website screen .22 Recovery password screen .23 Recovery password website screen 01 .24 Recovery password website screen 02 .25 Recovery password website screen 02 .26 Buyer dashboard screen 01 .27 Buyer dashboard screen 02 .28 Buyer dashboard screen 03 .29 Buyer dashboard screen 04 .30 Buyer’s receipt list screen .31 Buyer’s receipt detail screen .32 Register store screen .33 My QR screen .34 Store owner dashboard screen .35 Product search screen .37 Store settings screen .39 Profile settings screen .40 Password change screen .41 Service package list screen .42 Service package detail screen .43 Product code scanning screen .44 Imported products management screen .45 Product management screen .46 Imported products list screen in products .47 Imported product deletion screen in products .48 Imported product deletion screen in products .49 Product create/update screen .50 Profit report screen .51 Sales report screen .52 Warehouse report screen .53 Imported product screen .54 Detailed screen of imported products.55 Customer list screen .56 Coupon list screen .57 Coupon type screen .58 Coupon create screen .59 Warehouse management screen .60 Import book screen .61 Export book screen .62 Store owner’s receipt list screen.65 Admin dashboard screen .66 Admin dashboard website screen .67 Account list screen .68 Account list website screen .69 Transaction list screen .70 Transaction list website screen .71 Service package list screen .72 Service package list website screen .73 Service package create/updating screen .74 Service package create/updating website screen .75 Admin setting profile screen .76 Disable/Enable system maintenance screen .77 Disable/Enable system maintenance website screen .1 Build server with Gradle .2 Deploy to SAP with Cloud Foundry .3 Deploy the mobile application .4 Config env file. 205 LIST OF TABLES Table 2.2 Sign up use case description .3 Login use case description .4 Recover password use case description .5 View receipt history use case description .6 View receipt detail use case description .7 View my QR use case description .8 Register store use case description .9 View accumulated points use case description .10 Update profile use case description .11 Change password use case description .12 Logout use case description .13 Search imported product use case description .14 Setup store use case description .15 View all service packages use case description .16 Extend account use case description .17 Scan product code use case description .18 Scan QR customer use case description .19 Sell use case description .20 View all imported products use case description .21 Create imported product use case description .22 Update imported product use case description .23 Delete imported product use case description .24 View all products use case description .25 Create product use case description.26 Update product use case description .27 Delete product use case description.28 View all receipts use case description .29 View detailed receipt use case description .30 See profit report use case description .31 See sale report use case description .32 See warehouse report use case description .33 View all customers use case description .34 View all coupons use case description .35 Create coupon use case description .36 Update coupon use case description .37 Stop coupon use case description .38 Manage import book use case description .39 Manage export book use case description .40 See profile use case description .41 Update profile use case description .42 Change password use case description .43 Return products in receipt use case description .44 View all accounts use case description .45 Enable/Disable account use case description .46 View all transactions use case description .47 View all service packages use case description .48 Create service package use case description .49 Update service package use case description .50 See profile (website) use case description .51 Update profile (website) use case description .52 Send notification for users use case description .53 View chart report (website) use case description .54 Change password (website) use case description .55 Export to excel (website) use case description .56 Disable/enable system maintenance use case description .1 Database diagram description .2 Screen for Guest .3 Screen for Buyer .4 Screen for Store owner .5 Screen for Admin .6 Signup screen 01 description .7 Signup screen 02 description .8 Signup screen 03 description .9 Login screen description .10 Login website screen description .11 Recovery password screen description .12 Recovery password website screen description .13 Buyer dashboard screen 01 description .