Building a smart website for selling clothes

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY CAPSTONE PROJECT INFORMATION TECHNOLOGY BUILDING A SMART WEBSITE FOR SELLING CLOTHES INSTRUCTOR: MSc LÊ THỊ MINH CHÂU STUDENT: ĐỖ QUỐC KHÁNH NGUYỄN HỮU QUYỀN SKL009168 Ho Chi Minh City, August, 2021 MINISTRY OF EDUCATION AND TRAINING HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INFORMATION TECHNOLOGY  CAPSTONE PROJECT “Building a smart website for selling clothes” STUDENT1: Đỗ Quốc Khánh ID: 17110041 STUDENT2: Nguyễn Hữu Quyền ID: 17110071 ACADEMIC YEAR: K17 INSTRUCTOR: MSc Lê Thị Minh Châu Ho Chi Minh City, August 2021 i THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness -Ho Chi Minh City, January 8, 2021 GRADUATION PROJECT ASSIGNMENT Student name: Nguyễn Hữu Quyền Student ID: 17110071 Student name: Đỗ Quốc Khánh Student ID: 17110041 Major: Software Engineering Class: 171100CLA1 Advisor: MSc Lê Thị Minh Châu Phone number: 0902200557 Date of assignment: 15/03/2021 Date of submission: xx/xx/2021 Project title: Building a smart website for selling clothes Initial materials provided by the advisor: Content of the project: Integrate deep learning into the website Final product: A smart e-commerce website CHAIR OF THE PROGRAM (Sign with full name) ADVISOR (Sign with full name) ii THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness -Ho Chi Minh City, January 8, 2021 ADVISOR’S EVALUATION SHEET Student name: Nguyễn Hữu Quyền Student ID: 17110071 Student name: Đỗ Quốc Khánh Student ID: 17110041 Major: Software Engineering Project title: Building a smart website for selling clothes Advisor: Lê Thị Minh Châu, MSc EVALUATION Content of the project: Strengths: Weaknesses: Approval for oral defense? (Approved or denied) Overall evaluation: (Excellent, Good, Fair, Poor) Mark:………….(in words: ) Ho Chi Minh City, January 8, 2021 ADVISOR (Sign with full name) iii THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness -Ho Chi Minh City, January 8, 2021 PRE-DEFENSE EVALUATION SHEET Student name: Nguyễn Hữu Quyền Student ID: 17110071 Student name: Đỗ Quốc Khánh Student ID: 17110041 Major: Software Engineering Project title: Building a smart website for selling clothes Name of Reviewer: EVALUATION Content and workload of the project Strengths: Weaknesses: Approval for oral defense? (Approved or denied) Overall evaluation: (Excellent, Good, Fair, Poor) Mark:………….(in words: ) Ho Chi Minh City, January 8, 2021 REVIEWER (Sign with full name) iv THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness EVALUATION SHEET OF DEFENSE COMMITTEE MEMBER Student name: Nguyễn Hữu Quyền Student ID: 17110071 Student name: Đỗ Quốc Khánh Student ID: 17110041 Major: Software Engineering Project title: Building a smart website for selling clothes Name of Defense Committee Member: • Lê Thị Minh Châu, MSc • Lê Vĩnh Thịnh, PhD EVALUATION Content and workload of the project Strengths: Weaknesses: Overall evaluation: (Excellent, Good, Fair, Poor) Mark:………….(in words: ) Ho Chi Minh City, month day, 2021 COMMITTEE MEMBER (Sign with full name) v THANK YOU! In the first words of this end-to-end "The Final Project"report, we would like to send our sincere thanks and gratitude to all those who have supported and provided us with knowledge and spirituality during project implementation We would like to express our faith to Ms Minh Chau, lecturer at Ho Chi Minh City University of Technical and Education that helped us Due to limited time, knowledge is still limited so the project implementation certainly not avoid certain shortcomings We would like to receive feedback from you so that we could have more experience to implement to complete our project better Best regards! Ho Chi Minh city, January 8, 2021 vi TABLE OF CONTENTS GRADUATION PROJECT ASSIGNMENT i PRE-DEFENSE EVALUATION SHEET iii EVALUATION SHEET OF DEFENSE COMMITTEE MEMBER iv TABLE OF CONTENTS vi LIST OF TABLES x LIST OF FIGURES xi CHAPTER INTRODUCTION 1.1 Why need to build a smart website? 1.1.1 Purpose of this topic 1.1.2 Main content CHAPTER THEORETICAL BASIC 2.1 MERN Stack 2.1.1 Definition 2.1.2 Components 2.1.3 Workflow 10 2.1.4 Advantages of MERN Stack 10 2.1.5 Business benefits to MERN Stack 11 2.2 Machine Learning 12 2.2.1 Basic problem in machine learning 12 2.2.2 Approaches 13 2.3 Deep Learning 14 2.4 Common architecture used in application 15 2.4.1 Definition 15 2.4.2 Architecture 15 CHAPTER CHATBOT IN DIALOGFLOW AND ALAN AI BOT 18 3.1 3.1.1 Chatbot 18 Definition 18 vii 3.1.2 Types of chatbots 18 3.1.3 How does it work 3.2 19 Dialogflow 20 3.2.1 Definition 20 3.2.2 Components 20 3.2.3 User interactions with integrations 22 3.2.4 Data structure and flow 24 3.3 ALAN AI 26 3.3.1 About ALAN 26 3.3.2 Voice platform 27 3.3.3 Dialog design 27 3.3.4 Integration 30 CHAPTER SURVEY 31 4.1 Chatbot survey 31 4.1.1 Chatbot GearVN 31 4.1.2 Chatbot Shopee 31 4.2 Website survey 32 4.2.1 Website Lazada 32 4.2.2 Website Shopee 33 4.2.3 Website GearVN 34 CHAPTER ANALYZE REQUIREMENTS AND APPLICATION DESCRIPTION … 36 5.1 Analyze requirements 36 5.1.1 System function requirements 36 5.1.2 Non-functional requirements 37 5.1.3 Functions 38 5.2 Application description 40 5.2.1 Use case diagram 40 5.2.2 System structure 40 viii 5.2.3 Use case specifications 45 5.2.4 Sequence Diagram 53 5.2.5 Database 64 5.2.6 Implementation system 71 CHAPTER IMPLEMENTING DIALOGFLOW AND ALAN AI TO THE ECOMMERCE WEBSITE 73 6.1 Dialogflow 73 6.2 ALAN AI 83 CHAPTER ADDITONAL TASK 87 7.1 Send order confirmation email 87 7.1.1 Create a new service and email template on emailjs 87 7.2 Forgot password 89 7.2.1 Create an API Key 89 7.2.2 7.3 Integrate 89 Setup HTTPS locally 90 7.3.1 Adding https 90 7.3.2 Create an SSL Certificate 91 7.4 Run automation testing and some appearance testing 92 7.4.1 Automation testing 92 7.4.2 Appearance Testing 93 7.4.3 Test case for sign up screen 95 CHAPTER FINAL INTERFACE 97 8.1 97 User 8.1.1 Homepage 97 8.1.2 Product page 97 8.1.3 Order status page 98 Admin 98 8.2.1 Homepage 98 8.2.2 Order history page 99 8.2