Design a website to sell handmade products made from duckweed and sedge fiber

LIST OF FIGUREFigure 1: QR code to Website...2 Figure 2: WordPress – Most famous for CMS...24 Figure 3: Main home page of the website...27 Figure 4: Shopping cart when clicking add produ

VIETNAM NATIONAL UNIVERSITY

HANOI SCHOOL OF BUSINESS AND MANAGEMENT

-o0o -NGUYỄN PHONG ĐIỆP

Design a website to sell handmade products made from

duckweed and sedge fiber

Submitted in partial fulfillment of the requirements for the degree of

Bachelor in Management of Enterprise & Technology

Honors Program Course: QH-2019-D

Supervisor(s): PhD Nguyen Thi Ly

Hà Nội, 2024

VIETNAM NATIONAL UNIVERSITY

HANOI SCHOOL OF BUSINESS AND MANAGEMENT

-o0o -NGUYỄN PHONG ĐIỆP

Design a website to sell handmade products made from

duckweed and sedge fiber

Submitted in partial fulfillment of the requirements for the degree of

Bachelor in Management of Enterprise & Technology

Honors Program Course: QH-2019-D

Supervisor(s): PhD Nguyen Thi Ly

Hà Nội, 2024

I would like to begin by expressing my profound gratitude to Vietnam NationalUniversity - Hanoi School of Business and Management, for providing me with theopportunity to pursue my studies in the Management of Enterprise & Technology(MET) program The academic environment and resources provided by this esteemedinstitution have been fundamental in shaping my educational journey andprofessional growth

My journey to this point has been challenging, and I am grateful to theindividuals who have supported me along the way I extend my sincere appreciation

to my academic advisor, PhD Nguyen Thi Ly, whose guidance has been invaluablethroughout this endeavor I consider PhD Nguyen Thi Ly not only as a mentor butalso as a parental figure, and I am thankful for her expertise and wisdom insupervising this project Her guidance and cooperation have been instrumental in thesuccess of this work

I am also indebted to my peers in the PhD Nguyen Thi Ly, whose academicinteractions and ideas have enriched my learning experience Their contributionshave been instrumental in shaping my understanding of the subject matter

Furthermore, I would like to express my gratitude to the Director of A.I Softcompanyfor their collaboration during the system development phase Their insightsand support were invaluable in providing domain expertise and guidance throughoutthe project

I extend my heartfelt thanks to all my friends of class MET1.01 for their helpthroughout my academic journey

Lastly, I want to express my heartfelt gratitude to my friends and family fortheir unwavering encouragement and support Their belief in me has been a constantsource of motivation, and I am truly thankful for their presence in my life

I

2.3.5 WooCommerce Framework 26

2.4Web interfaces 26

2.4.1.Web’s Core Functions 26

PART III: IMPLEMENTATION AND PROJECT MANAGEMENT 34

3.1 Implementation plan 34

3.1.1 Website Development 34

3.1.2 Inventory Procurement 35

3.1.3 Marketing and Advertising 35

3.1.4 Logistics and Shipping 36

3.1.5 Staff Recruitment and Training 37

3.1.6 Testing and Quality Assurance 37

3.1.7 Launch and Promotion 38

3.1.8 Monitoring and Optimization 39

3.2 Project Management anh quotation 40

3.2.1 Human Resource plans 40

3.2.2 Financial Management 41

3.2.3 Feasibility Assessment 44

CONCLUSION 47

REFERENCES 49

III

The emergence of the Fourth Industrial Revolution was highlighted at the 2016World Economic Forum in Davos, Switzerland, where hundreds of world leadersconvened under the theme "The Fourth Industrial Revolution"[1] Chairman Schwabunderscored the revolutionary impact of this era, noting, "Never before in history hashumanity faced such a profound convergence of challenges and opportunities."Online commerce epitomizes the transformative potential of this revolution, breakingdown geographical barriers and providing unprecedented access to global markets.Online businesses transcend traditional limitations, facilitating transactions acrossvast distances and offering customers a diverse array of high-quality choices Thisglobal reach has reshaped the commercial landscape, presenting unparalleledopportunities for businesses to thrive in an interconnected world.

1

The emergence of the Fourth Industrial Revolution was highlighted at the 2016World Economic Forum in Davos, Switzerland, where hundreds of world leadersconvened under the theme "The Fourth Industrial Revolution"[1] Chairman Schwabunderscored the revolutionary impact of this era, noting, "Never before in history hashumanity faced such a profound convergence of challenges and opportunities."Online commerce epitomizes the transformative potential of this revolution, breakingdown geographical barriers and providing unprecedented access to global markets.Online businesses transcend traditional limitations, facilitating transactions acrossvast distances and offering customers a diverse array of high-quality choices Thisglobal reach has reshaped the commercial landscape, presenting unparalleledopportunities for businesses to thrive in an interconnected world.

1

TABLE OF CONTENTS

ACKNOWLEDGEMENT I TABLE OF CONTENTS II LIST OF ABBREVIATIONS IV LIST OF DIAGRAM V LIST OF FIGURE VI LIST OF TABLE VII

INTRODUCTION 1

PART I: PROJECT OVERVIEW 3

1.1.Product Description 3

1.2 Overview of project 3

1.3 Problem Statement 4

1.4 Scope 6

1.5 Objective 6

1.6 Structure 7

PART II: SYSTEM ANALYSIS, DESIGN AND WEB INTERFACE 9

2.1 System Architecture and Design 9

2.1.1 Introduction to the System 9

2.1.2 Draw the overall architecture of system 10

2.2 User Requirements 20

2.3 Technology and Platform 21

2.3.1 PHP 21

2.3.2 Wordpress 23

2.3.3 XAMPP 24

2.3.4 PhpMyAdmin 25

II

LIST OF DIAGRAM

Diagram 2 1: System description in UML – UC 12

Diagram 2 2: Flow diagram - Client 14

Diagram 2 3: Flow diagram - Admin 16

Diagram 2 4: Table Plugin WP 19

Diagram 2 5: Table Plugin WP 19

Diagram 2 6: Chart comparing the popularity of languages 21

V

IV

LIST OF TABLE

Table 1: Budget 42

Table 2: Revenue Streams 42

Table 3: Financial Projections 43

Table 4: Break-even Revenue 44

Table 5: Net Present Value (NPV) 44

VII

The emergence of the Fourth Industrial Revolution was highlighted at the 2016World Economic Forum in Davos, Switzerland, where hundreds of world leadersconvened under the theme "The Fourth Industrial Revolution"[1] Chairman Schwabunderscored the revolutionary impact of this era, noting, "Never before in history hashumanity faced such a profound convergence of challenges and opportunities."Online commerce epitomizes the transformative potential of this revolution, breakingdown geographical barriers and providing unprecedented access to global markets.Online businesses transcend traditional limitations, facilitating transactions acrossvast distances and offering customers a diverse array of high-quality choices Thisglobal reach has reshaped the commercial landscape, presenting unparalleledopportunities for businesses to thrive in an interconnected world.

1

LIST OF DIAGRAM

Diagram 2 1: System description in UML – UC 12

Diagram 2 2: Flow diagram - Client 14

Diagram 2 3: Flow diagram - Admin 16

Diagram 2 4: Table Plugin WP 19

Diagram 2 5: Table Plugin WP 19

Diagram 2 6: Chart comparing the popularity of languages 21

V

2.3.5 WooCommerce Framework 26

2.4Web interfaces 26

2.4.1.Web’s Core Functions 26

PART III: IMPLEMENTATION AND PROJECT MANAGEMENT 34

3.1 Implementation plan 34

3.1.1 Website Development 34

3.1.2 Inventory Procurement 35

3.1.3 Marketing and Advertising 35

3.1.4 Logistics and Shipping 36

3.1.5 Staff Recruitment and Training 37

3.1.6 Testing and Quality Assurance 37

3.1.7 Launch and Promotion 38

3.1.8 Monitoring and Optimization 39

3.2 Project Management anh quotation 40

3.2.1 Human Resource plans 40

3.2.2 Financial Management 41

3.2.3 Feasibility Assessment 44

CONCLUSION 47

REFERENCES 49

III

LIST OF TABLE

Table 1: Budget 42

Table 2: Revenue Streams 42

Table 3: Financial Projections 43

Table 4: Break-even Revenue 44

Table 5: Net Present Value (NPV) 44

VII

LIST OF TABLE

Table 1: Budget 42

Table 2: Revenue Streams 42

Table 3: Financial Projections 43

Table 4: Break-even Revenue 44

Table 5: Net Present Value (NPV) 44

VII

LIST OF TABLE

Table 1: Budget 42

Table 2: Revenue Streams 42

Table 3: Financial Projections 43

Table 4: Break-even Revenue 44

Table 5: Net Present Value (NPV) 44

VII

LIST OF DIAGRAM

Diagram 2 1: System description in UML – UC 12

Diagram 2 2: Flow diagram - Client 14

Diagram 2 3: Flow diagram - Admin 16

Diagram 2 4: Table Plugin WP 19

Diagram 2 5: Table Plugin WP 19

Diagram 2 6: Chart comparing the popularity of languages 21

V

TABLE OF CONTENTS

ACKNOWLEDGEMENT I TABLE OF CONTENTS II LIST OF ABBREVIATIONS IV LIST OF DIAGRAM V LIST OF FIGURE VI LIST OF TABLE VII

INTRODUCTION 1

PART I: PROJECT OVERVIEW 3

1.1.Product Description 3

1.2 Overview of project 3

1.3 Problem Statement 4

1.4 Scope 6

1.5 Objective 6

1.6 Structure 7

PART II: SYSTEM ANALYSIS, DESIGN AND WEB INTERFACE 9

2.1 System Architecture and Design 9

2.1.1 Introduction to the System 9

2.1.2 Draw the overall architecture of system 10

2.2 User Requirements 20

2.3 Technology and Platform 21

2.3.1 PHP 21

2.3.2 Wordpress 23

2.3.3 XAMPP 24

2.3.4 PhpMyAdmin 25

II

2.3.5 WooCommerce Framework 26

2.4Web interfaces 26

2.4.1.Web’s Core Functions 26

PART III: IMPLEMENTATION AND PROJECT MANAGEMENT 34

3.1 Implementation plan 34

3.1.1 Website Development 34

3.1.2 Inventory Procurement 35

3.1.3 Marketing and Advertising 35

3.1.4 Logistics and Shipping 36

3.1.5 Staff Recruitment and Training 37

3.1.6 Testing and Quality Assurance 37

3.1.7 Launch and Promotion 38

3.1.8 Monitoring and Optimization 39

3.2 Project Management anh quotation 40

3.2.1 Human Resource plans 40

3.2.2 Financial Management 41

3.2.3 Feasibility Assessment 44

CONCLUSION 47

REFERENCES 49

III

LIST OF FIGURE

Figure 1: QR code to Website 2

Figure 2: WordPress – Most famous for CMS 24

Figure 3: Main home page of the website 27

Figure 4: Shopping cart when clicking add product 27

Figure 5: View shopping cart displaying selected products 28

Figure 6: Payment interface 28

Figure 7: Confirm order information 29

Figure 8: Order management 30

Figure 9: Order detail 30

Figure 10: WP management page 31

Figure 11: Page detail 32

Figure 12: Manage all products that have been successfully ordered 33

Figure 13: Product details uploaded on the website 33

VI

LIST OF DIAGRAM

Diagram 2 1: System description in UML – UC 12

Diagram 2 2: Flow diagram - Client 14

Diagram 2 3: Flow diagram - Admin 16

Diagram 2 4: Table Plugin WP 19

Diagram 2 5: Table Plugin WP 19

Diagram 2 6: Chart comparing the popularity of languages 21

V

IV

LIST OF DIAGRAM

Diagram 2 1: System description in UML – UC 12Diagram 2 2: Flow diagram - Client 14Diagram 2 3: Flow diagram - Admin 16Diagram 2 4: Table Plugin WP 19Diagram 2 5: Table Plugin WP 19Diagram 2 6: Chart comparing the popularity of languages 21

V

TABLE OF CONTENTS

ACKNOWLEDGEMENT ITABLE OF CONTENTS IILIST OF ABBREVIATIONS IVLIST OF DIAGRAM VLIST OF FIGURE VILIST OF TABLE VIIINTRODUCTION 1PART I: PROJECT OVERVIEW 31.1.Product Description 31.2 Overview of project 31.3 Problem Statement 41.4 Scope 61.5 Objective 61.6 Structure 7PART II: SYSTEM ANALYSIS, DESIGN AND WEB INTERFACE 92.1 System Architecture and Design 92.1.1 Introduction to the System 92.1.2 Draw the overall architecture of system 102.2 User Requirements 202.3 Technology and Platform 212.3.1 PHP 212.3.2 Wordpress 232.3.3 XAMPP 242.3.4 PhpMyAdmin 25

II

TABLE OF CONTENTS

ACKNOWLEDGEMENT ITABLE OF CONTENTS IILIST OF ABBREVIATIONS IVLIST OF DIAGRAM VLIST OF FIGURE VILIST OF TABLE VIIINTRODUCTION 1PART I: PROJECT OVERVIEW 31.1.Product Description 31.2 Overview of project 31.3 Problem Statement 41.4 Scope 61.5 Objective 61.6 Structure 7PART II: SYSTEM ANALYSIS, DESIGN AND WEB INTERFACE 92.1 System Architecture and Design 92.1.1 Introduction to the System 92.1.2 Draw the overall architecture of system 102.2 User Requirements 202.3 Technology and Platform 212.3.1 PHP 212.3.2 Wordpress 232.3.3 XAMPP 242.3.4 PhpMyAdmin 25

II

LIST OF FIGURE

Figure 1: QR code to Website 2Figure 2: WordPress – Most famous for CMS 24Figure 3: Main home page of the website 27Figure 4: Shopping cart when clicking add product 27Figure 5: View shopping cart displaying selected products 28Figure 6: Payment interface 28Figure 7: Confirm order information 29Figure 8: Order management 30Figure 9: Order detail 30Figure 10: WP management page 31Figure 11: Page detail 32Figure 12: Manage all products that have been successfully ordered 33Figure 13: Product details uploaded on the website 33

VI

IV

TABLE OF CONTENTS

ACKNOWLEDGEMENT ITABLE OF CONTENTS IILIST OF ABBREVIATIONS IVLIST OF DIAGRAM VLIST OF FIGURE VILIST OF TABLE VIIINTRODUCTION 1PART I: PROJECT OVERVIEW 31.1.Product Description 31.2 Overview of project 31.3 Problem Statement 41.4 Scope 61.5 Objective 61.6 Structure 7PART II: SYSTEM ANALYSIS, DESIGN AND WEB INTERFACE 92.1 System Architecture and Design 92.1.1 Introduction to the System 92.1.2 Draw the overall architecture of system 102.2 User Requirements 202.3 Technology and Platform 212.3.1 PHP 212.3.2 Wordpress 232.3.3 XAMPP 242.3.4 PhpMyAdmin 25

II

LIST OF FIGURE

Figure 1: QR code to Website 2Figure 2: WordPress – Most famous for CMS 24Figure 3: Main home page of the website 27Figure 4: Shopping cart when clicking add product 27Figure 5: View shopping cart displaying selected products 28Figure 6: Payment interface 28Figure 7: Confirm order information 29Figure 8: Order management 30Figure 9: Order detail 30Figure 10: WP management page 31Figure 11: Page detail 32Figure 12: Manage all products that have been successfully ordered 33Figure 13: Product details uploaded on the website 33

VI

LIST OF TABLE

Table 1: Budget 42Table 2: Revenue Streams 42Table 3: Financial Projections 43Table 4: Break-even Revenue 44Table 5: Net Present Value (NPV) 44

VII

LIST OF FIGURE

Figure 1: QR code to Website 2Figure 2: WordPress – Most famous for CMS 24Figure 3: Main home page of the website 27Figure 4: Shopping cart when clicking add product 27Figure 5: View shopping cart displaying selected products 28Figure 6: Payment interface 28Figure 7: Confirm order information 29Figure 8: Order management 30Figure 9: Order detail 30Figure 10: WP management page 31Figure 11: Page detail 32Figure 12: Manage all products that have been successfully ordered 33Figure 13: Product details uploaded on the website 33

VI

2.3.5 WooCommerce Framework 262.4Web interfaces 262.4.1.Web’s Core Functions 26PART III: IMPLEMENTATION AND PROJECT MANAGEMENT 343.1 Implementation plan 343.1.1 Website Development 343.1.2 Inventory Procurement 353.1.3 Marketing and Advertising 353.1.4 Logistics and Shipping 363.1.5 Staff Recruitment and Training 373.1.6 Testing and Quality Assurance 373.1.7 Launch and Promotion 383.1.8 Monitoring and Optimization 393.2 Project Management anh quotation 403.2.1 Human Resource plans 403.2.2 Financial Management 413.2.3 Feasibility Assessment 44CONCLUSION 47REFERENCES 49

III

LIST OF DIAGRAM

Diagram 2 1: System description in UML – UC 12Diagram 2 2: Flow diagram - Client 14Diagram 2 3: Flow diagram - Admin 16Diagram 2 4: Table Plugin WP 19Diagram 2 5: Table Plugin WP 19Diagram 2 6: Chart comparing the popularity of languages 21

V

TABLE OF CONTENTS

ACKNOWLEDGEMENT ITABLE OF CONTENTS IILIST OF ABBREVIATIONS IVLIST OF DIAGRAM VLIST OF FIGURE VILIST OF TABLE VIIINTRODUCTION 1PART I: PROJECT OVERVIEW 31.1.Product Description 31.2 Overview of project 31.3 Problem Statement 41.4 Scope 61.5 Objective 61.6 Structure 7PART II: SYSTEM ANALYSIS, DESIGN AND WEB INTERFACE 92.1 System Architecture and Design 92.1.1 Introduction to the System 92.1.2 Draw the overall architecture of system 102.2 User Requirements 202.3 Technology and Platform 212.3.1 PHP 212.3.2 Wordpress 232.3.3 XAMPP 242.3.4 PhpMyAdmin 25

II

LIST OF TABLE

Table 1: Budget 42Table 2: Revenue Streams 42Table 3: Financial Projections 43Table 4: Break-even Revenue 44Table 5: Net Present Value (NPV) 44

VII

2.3.5 WooCommerce Framework 262.4Web interfaces 262.4.1.Web’s Core Functions 26PART III: IMPLEMENTATION AND PROJECT MANAGEMENT 343.1 Implementation plan 343.1.1 Website Development 343.1.2 Inventory Procurement 353.1.3 Marketing and Advertising 353.1.4 Logistics and Shipping 363.1.5 Staff Recruitment and Training 373.1.6 Testing and Quality Assurance 373.1.7 Launch and Promotion 383.1.8 Monitoring and Optimization 393.2 Project Management anh quotation 403.2.1 Human Resource plans 403.2.2 Financial Management 413.2.3 Feasibility Assessment 44CONCLUSION 47REFERENCES 49

III

LIST OF FIGURE

Figure 1: QR code to Website 2Figure 2: WordPress – Most famous for CMS 24Figure 3: Main home page of the website 27Figure 4: Shopping cart when clicking add product 27Figure 5: View shopping cart displaying selected products 28Figure 6: Payment interface 28Figure 7: Confirm order information 29Figure 8: Order management 30Figure 9: Order detail 30Figure 10: WP management page 31Figure 11: Page detail 32Figure 12: Manage all products that have been successfully ordered 33Figure 13: Product details uploaded on the website 33

VI