model 16 Figure 3: Entity customers 16 Figure 4: Entity products 17 Figure 5: Entity product_categories 17 Figure 6: Entity categories 17 Figure 7: Coupons entity 17 Figure 8: Entity car
MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS INFORMATION TECHNOLOGY BUILDING A WEBSITE FOR SELLING FASHION LECTURER: Dr LÊ VĂN VINH STUDENT : PHAN HOÀNG LONG NGUYỄN QUANG MINH SKL 011643 Ho Chi Minh City, July 2023 MINISTRY OF EDUCATION AND TRAINING HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY FOR HIGH-QUALITY TRAINING PROJECT ON SOFTWARE ENGINEERING Report: BUILDING A WEBSITE FOR SELLING FASHION STUDENT NAME STUDENT ID Phan Hoàng Long 17110046 Nguyễn Quang Minh 17110051 INSTRUCTOR: Mr Le Van Vinh Ho Chi Minh City July 2023 SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom - Happiness *** PROJECT OF DUTY Student: Phan Hoàng Long ID: 17110046 Student: Nguyễn Quang Minh ID: 17110051 Major: Information Technology Topic name: Build a Fashion Selling Website with html, css/sass, js, php, mysql Instructor: Dr Lê Văn Vinh Content: Survey the current state of demand Explore related systems as well as system operations Practice: - Apply to develop a website for selling fashion - Build an admin page with employee and administrator permissions to perform functions with corresponding Products achieved: website is friendly and easy to use Execution time from 13/02/2023 to 17/07/2023 HEAD OF INFORMATION TECHNOLOGY (Name and signature) INSTRUCTOR (Name and signature) 2|Page SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom - Happiness *** COMMENTARY OF INSTRUCTOR Student name: Phan Hoàng Long Student ID: Nguyễn Quang Minh 17110046 17110051 Major: Information Technology Topic name: Build a Fashion Selling Website with html, css/sass, js, php, mysql Name of instructor: Dr Lê Văn Vinh COMMENTARY On content of topic & workload done: Advantage: Disadvantage: Recommend for defense or not? Rating type: Mark: (By word .) Ho Chi Minh, 2023 INSTRUCTOR (Name and signature) 3|Page SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom - Happiness *** COMMENTARY OF REVIEWER Student name: Phan Hoàng Long Student ID: Nguyễn Quang Minh 17110046 17110051 Major: Information Technology Topic name: Build a Fashion Selling Website with html, css/sass, js, php, mysql Name of reviewer: Ms Mai Anh Thơ COMMENTARY On content of topic & workload done: Advantage: Disadvantage: Recommend for defense or not? Rating type: Mark: (By word .) Ho Chi Minh, 2023 REVIEWER (Name and signature) 4|Page ACKNOWLEDGEMENT Student success always accompanies the faculty We would like to thank Mr Le Van Vinh, who directly supported the team, contributed ideas as well as gave advice to help us the best project Thanks to the instructor, helping our group gain the knowledge to make presentations as well as to carry out the project, so we completed it on schedule with a lot of experience that we learned Once again, our team would like to thank the guide The project took about two months, just enough to complete it However, due to some unexpected incidents, the project will inevitably have many errors We look forward to receiving all the comments from teachers to make our project better Sincerely thank you Phan Hoàng Long - 17110046 Nguyễn Quang Minh - 17110051 5|Page TABLE OF CONTENTS Contents ACKNOWLEDGEMENT TABLE OF CONTENTS LIST OF PICTURES LIST OF TABLES 11 LIST OF SIGNS, ABBREVIATIONS 12 SUMMARY 13 CHAPTER 1: INTRODUCTION 14 1.1 Reasons for choosing the topic 14 1.2 Purpose of the topic 14 1.3 Research object 14 1.4 Research scope 15 1.5 Scientific and practical significance of the topic 15 1.6 Development tools 15 a) Introduction to Visual Studio Code 15 b) Introduction to Power Designer 16 c) Introduction to Xampp 17 d) Introduction to StarUML 17 CHAPTER 2: FUNDAMENTAL 19 2.1 HTML5 19 2.2 Tailwind CSS 20 2.3 Concepts of SQL Server Database Administration System 21 2.4 PHP Language 22 CHAPTER 3: STATUS SURVEY AND USER REQUIREMENTS 23 3.1 Status Survey 23 3.1.1 ZARA Vietnam (https://www.zara.com/vn/) 23 3.1.2 H&M (https://www2.hm.com/vi_vn/index.html) 24 3.1.3 Uniqlo (https://www.uniqlo.com/vn/vi/) 25 3.2 Requirement Analysing 26 3.2.1 Functional Requirements 26 3.2.2 Non-Functional Requirements 27 3.3 Identify the actors and functions of the system 27 CHAPTER 4: ANALYST AND DESIGN 29 4.1 System specification 29 4.2 System Analysis 30 I Class Diagram 30 6|Page II Database Diagram 31 III Use-case diagram 39 a Diagram of guest user’s use case 39 b Use case diagram for member users 40 c Admin use case diagram 41 IV The main processing algorithm in the system 42 a Flowchart of member registration algorithm 42 b Flowchart of system login algorithm 43 c Flowchart of product buying algorithm 44 V Sequence Diagram 45 a Process of adding product to cart 45 b Ordering process 46 c Process of adding products 47 CHAPTER 5: CODE DEVELOPMENT AND EXPERIMENT 48 Performance Result 48 5.1 User Homepage 48 5.2 Shop page 52 5.3 Product detail page 53 5.4 Cart page 54 5.5 Account page 55 5.6 Notice page 56 5.7 Contact page 57 5.8 Product search page 58 5.9 Login page 59 5.10 Admin page 59 5.11 Product view page 60 5.12 More product page 61 5.13 Product edit page 62 5.14 Product catalog view page 63 5.15 Category page 64 5.15.1 Slider page 64 5.16 Order page 65 5.17 Customer page 66 5.17.1 Coupons page 66 CONCLUSION AND DEVELOPMENT 67 Result 67 Valuation 67 Future Development 67 Task Division 68 7|Page REFERENCES 69 8|Page LIST OF PICTURES Figure 1: CDM model 15 Figure 2: PDM model 16 Figure 3: Entity customers 16 Figure 4: Entity products 17 Figure 5: Entity product_categories 17 Figure 6: Entity categories 17 Figure 7: Coupons entity 17 Figure 8: Entity cart 17 Figure 9: Entity customer_orders 18 Figure 10: Hybrid user USE-CASE diagram 23 Figure 11: Member user USE-CASE diagram 24 Figure 12: USE-CASE admin diagram 25 Figure 13: Flowchart of the membership registration algorithm 26 Figure 14: Flowchart of the login algorithm 27 Figure 15: Product purchase algorithm flowchart 28 Figure 16: User homepage interface 29 Figure 16.1: User homepage interface 30 Figure 16.2: User homepage interface 31 Figure 16.3: User homepage interface 32 Figure 17: Store interface 33 Figure 18: Product detail interface 34 Figure 19: Cart page interface 35 Figure 20: Account page interface 36 Figure 21: Notification page interface 37 Figure 22: Contact page interface 38 Figure 23: Product search interface 39 Figure 24: Login page interface 40 9|Page