MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS INFORMATION TECHNOLOGY BUILDING AN E-COMMERCE WEBSITE FOR SELLING FASHION ACCESSORIES INSTRUCTOR: MSc.NGUYEN TRAN THI VAN STUDENT: LE CONG THUONG TRAN VAN THIEN SKL012469 Ho Chi Minh City, DECEMBER, 2023 HO CHI MINH UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INTERNATIONAL EDUCATION CAPSTONE PROJECT BUILDING AN E-COMMERCE WEBSITE FOR SELLING FASHION ACCESSORIES Students: Le Cong Thuong - 19110058 Tran Van Thien - 19110136 Major: Information Technology Instructor: MSc NGUYEN TRAN THI VAN HO CHI MINH CITY, DECEMBER - 2023 1 SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* PROJECT’S OBJECTIVES Student’s names: 1. Trần Văn Thiên Student ID: 19110136 2. Lê Công Thương Student ID: 19110058 Project’s name: BUILDING AN E-COMMERCE WEBSITE FOR SELLING FASHION ACCESSORIES Implementation content: Theory: • Programming Language Java • Spring boot • Bootstrap • Postgresql • Reactjs Practice: • Build an e-Commerce website for selling fashion accessories, using Programming Language Java, Spring boot, Bootstrap, Postgresql, Reactjs with the main features: o Allow user to search products and see product details of website o Allow users to choose products according to the color, size and quantity they want, after that add it to cart and manage their cart i o Allow users to check out, payment by two methods (paypal and vnpay) and see ordered bill o Allow users to log in, create account, change password, and edit information o Allow users to comment on products. o Allow admin of website to create, read, update and delete (CRUD) some related information of products o Allow admin of website to comment description of products o Allow admin of website to show how many products there are on a page o Allow admin of website to search products Implementation time: 15 weeks (Starting from July, 2023, to December, 2023) Student signature: …………………………………………………… Student signature: …………………………………………………… HEAD OF INFORMATION Ho Chi Minh City, date….
year TECHNOLOGY NSTRUCTOR (Sign and write full name) (Sign and write full name) ii SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* INSTRUCTOR'S COMMENT SHEET Full name of Student 1: Lê Công Thương MSSV 1: 19110058 Full name of Student 2: Trần Văn Thiên MSSV 2: 19110136 Major: Information Technology Project’s name: Building an e-commerce website for selling fashion accessories Instructor's full name: MSc Nguyen Tran Thi Van COMMENTS 1. Regarding the content of the topic, the volume of implementation:. Recommend for protection or not? iii 5. Score:…………………………………………………………………………… Ho Chi Minh City, December 2023 Instructor’s name (Sign and write full name) iv SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* ASSESSMENT FORM FOR REVIEWER Full name of Student 1: Lê Công Thương MSSV 1: 19110058 Full name of Student 2: Trần Văn Thiên MSSV 2: 19110136 Major: Information Technology Project’s name: Building an e-commerce website for selling fashion accessories Reviewer's full name: MSc Lê Văn Vinh COMMENTS 1.
Regarding the content of the topic, the volume of implementation:. Recommend for protection or not?. Score:…………………………………………………………………………… Ho Chi Minh City, December 2022 Reviewer’s name (Sign and write full name) vi ACKNOWLEDGEMENT Our team would like to express our gratitude to Mr. Nguyen Tran Thi Van, the instructor of our Capstone Project.
Throughout this course, you always help us with our difficulty in our study process as well as give us great comments and advice to help us develop ourselves as developers in the future. Because of that, you have become our inspiration for this final project and once again we would like to say that we are very blessed to be taught by you in this course. Everyone in our team has different strengths, throughout this final project we also realize our flaws in each individual, however, all of us have managed to overcome this hardship together as one. As a result, everyone in our team is also very thankful for the opportunity to be able to work together.
This final project is the fruit of our hard work throughout the entire course. We know there are still many flaws in our design since we are still amateurs. We are looking forward to receiving any comments as well as suggestions to improve our project further. Sincerely! Ho Chi Minh City, 2023 Le Cong Thuong Tran Van Thien vii Table Of Contents PROJECT’S OBJECTIVES.
i INSTRUCTOR'S COMMENT SHEET. iii ASSESSMENT FORM FOR REVIEWER. vii Table Of Contents. ix List Of Figures…………………………………………………………………………….xii List Of Tables…………………………………………………………………………….xv CHAPTER 1: INTRODUCTION .1 Overview of the topic .2 Reason for choosing the topic .3 The goal of the project.
1 CHAPTER 2: CURRENT STATUS SURVEY AND REQUIREMENTS MODELING.1 Current status survey .2 The advantages and disadvantages. 10 CHAPTER 3: SYSTEM ANALYSIS AND DESIGN. List of actors and use case:. Actors and use cases description:.
Use Case Diagram:. 81 CHAPTER 4: SYSTEM ARCHITECTURE AND TECHNOLOGIES USED .4 Json web token. 107 CHAPTER 5: DESIGN UI .1 List of all pages .3 Product Category Page .4 Product Detail Page.7 Profile of user Page .8 Address of user page. 133 CHAPTER 6: INSTALLATION AND TESTING CODE .2 Install PostgreSQL using pgAdmin .3 Download Json web token.
Testing methods and techniques. 152 xi LIST OF FIGURES Figure 1 The blue website Figure 2 Ninomax website Figure 3 Gucci website Figure 4 Chanel website Figure 6 Use Case Of Authentication Management Figure 7 Use Case of Account management Figure 8 Use Case of Notification Figure 9 Use Case of Favorite Figure 10 Use Case of Order Figure 11 Use Case of Information Figure 12 Use Case of Payment Figure 13 Use Case of Cart Figure 14 Use Case Of Discount Figure 15 General Use Case Of Shop Owner Figure 16 Use Case of Account management Figure 17 Use Case of Customer management Figure 18 Use Case of Event management Figure 19 Use Case of Statistic Figure 20 Use Case of Product Detail Figure 21 Use Case of Promotion Figure 22 Use Case of User Password Management Figure 23 Use Case of Notification Figure 24 Use Case of Seller management Figure 25 Use Case of Product Management Figure 26 Use Case of Order Management Figure 27 Sign Up sequence diagram xii Figure 28 Chane account information sequence diagram Figure 29 Manage Orders sequence diagram Figure 30 Manage user account sequence diagram Figure 31 Manage products sequence diagram Figure 32 Manage the shopping cart sequence diagram Figure 33 View products sequence diagram Figure 34 Search products sequence diagram Figure 35 Makek a payment sequence diagram Figure 36 Database diagram Figure 37 Monolithic Architecture Figure 38 ReactJS Figure 39 Spring Boot Figure 40 PostgreSQL Figure 41 Json Web Token Figure 42 Swagger Figure 43 Sign in Form Figure 44 Sign up form Figure 45 Header Figure 46 Home page 1 Figure 47 Category Figure 48 Product by category 1 Figure 49 Information detail of product Figure 50 Product category 2 Figure 51 Outstanding information Figure 52 About shop Figure 53 Footer Figure 54 Product Category Page 1 Figure 55 Product Category Page 2 Figure 56 Product detail page 1 xiii Figure 57 Product description Figure 58 Rating and comment Figure 59 Related product Figure 60 Cart page Figure 61 Suggest product Figure 62 Payment page Figure 63 User profile Figure 64 Information profile Figure 65 Information user address Figure 66 Purchase page Figure 67 Change password page Figure 68 Information change password Figure 69 Send verification code Figure 70 Information send verification code Figure 71 Verification code page Figure 72 Information verification code page Figure 73 Admin page xiv LIST OF TABLES Table 1 List of actors and functions Table 2 Actors and roles Table 3 Usercases description Table 4 Use Case Log In description Table 5 Use Case Log In By Social Account description Table 6 Use Case Register description Table 7 Use Case Logout description Table 8 Use Case Change Password description Table 9 Use Case Forgot Password description Table 10 Use Case Search Product description Table 11 Use Case Filter Product description Table 12 Use Case Sort Product By Price description Table 13 Use Case Edit Profile Information description Table 14 Use Case User Rating description Table 15 Use Case Report Product description Table 16 Use Case View Promotion Notification description Table 17 Use Case View Tracking Order description Table 18 Use Case View Notification description Table 19 Use Case View Purchase History description Table 20 Use Case View Favorite Products description Table 21 Use Case Add Product To Favorite description Table 22 Use Case Delete Product To Favorite description Table 23 Use Case Order description Table 24 Use Case Payment description Table 25 Use Case Cancel Order description Table 26 Use Case Share Products description Table 27 Use Case Add Product To Cart description Table 28 Use Case Delete Product To Cart description xv Table 29 Use Case Edit the number of products purchased in the cart description Table 30 Use Case Delete Cart description Table 31 Use Case Chat With Staff Shop description Table 32 Use Case Chat With The Shop’s virtual Assistant description Table 33 Use Case View Profile description Table 34 Use Case View Personal Cart description Table 35 Use Case View Landing Page description Table 36 Use Case View Shop’s location In Map description Table 37 Use Case Accept Sell Product Bill description Table 38 Use Case Add Information About Product Description Table 39 Use Case Edit Information About Product Description Table 40 Use Case Remove Product description Table 41 Use Case Add Account Description Table 42 Use Case Edit Account Description Table 43 Use Case Delete Account description Table 44 Use Case Add Bill description Table 45 Use Case Edit Bill description Table 46 Use Case Remove Bill description Table 47 Use Case Add New Customer description Table 48 Use Case Remove Customer description Table 49 Use Case Search Customers description Table 50 Use Case Add event description Table 51 Use Case Edit Event description Table 52 Use Case Remove Event description Table 53 Use Case View revenue statistics description Table 54 Use Case Discount description Table 55 User database description Table 56 User role database description Table 57 User Profile description xvi Table 58 User method payment description Table 59 User address database description Table 60 Social account of user database description Table 61 Product database description Table 62 Product visual database description Table 63 Product rating database description Table 64 Product rating visual database description Table 65 Product categories database description Table 66 Product description database description Table 67 Product description visual database description Table 68 Product detail database description Table 69 Product item detail database description Table 70 Product item database description Table 71 Product option detail database description Table 72 Product option database description Table 73 Order database description Table 74 Order detail database description Table 75 Notification database description Table 76 Cart item database description Table 77 Cart item detail address database description Table 78 Information in Sign In Table 79 Information in Sign Up Table 80 Information header Table 81 Information home page 1 Table 82 Information category Table 83 Information product by category 1 Table 84 The detail information of product Table 85 Information of product category 2 Table 86 Outstanding information xvii Table 87 Information about shop Table 88 Information footer Table 89 Information product category page 1 Table 90 Information product category page 2 Table 91Information product detail 1 Table 92 Information product description Table 93 Information rating and comment product Table 94 Information related product Table 95 Information cart Table 96 Information payment Table 97 Information profile Table 98 Information user address Table 99 Information purchase page Table 100 Information change password Table 101 Information send verification code Table 102 Information verification code page Table 103 Information admin page Table 104 Testing xviii CHAPTER 1: INTRODUCTION 1.