VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY UNIVERSITY OF ECONOMIC AND LAW FINAL PROJECT REPORT BUSINESS WEBSITE DEVELOPMENT TOPIC: DEVELOP AN E-COMMERCE WEBSITE IN THE ORGANIC PRODUCTS BUSINESS Lecturer: Ph. Tran Duy Thanh Couse ID: 231MI5703 Ho Chi Minh City, December 25, 2023 VIETNAM NATIONAL UNIVERSITY HO CHI MINH CITY UNIVERSITY OF ECONOMIC AND LAW FINAL PROJECT REPORT BUSINESS WEBSITE DEVELOPMENT TOPIC: DEVELOP AN E-COMMERCE WEBSITE IN THE ORGANIC PRODUCTS BUSINESS Lecturer: Ph. Tran Duy Thanh Couse ID: 231MI5703 No. Student Name Student ID 1 La Thé Anh K214060389 2 Vii Luu Hoang Lan K214060429 3 Gia Ngọc Thảo Ly K214060430 4 Nguyễn Quốc Việt K214061752 5 Nguyễn Thúy Vy K214061753 Ho Chi Minh City, December 25, 2023 ACKNOWLEDGEMENTS With the completion of this report, our team would like to express our deep gratitude to all who supported us throughout this journey.
Learning is an ongoing process of acquiring knowledge and skills, and the implementation of this report has provided us with valuable experience and confidence for future scientific research papers. It has also propelled us forward in our graduation thesis journey. First and foremost, we extend our sincere thanks to the Rector of the University of Economics and Law for creating a conducive environment that allowed us to delve into the subject of “Business Website Development” and for providing access to modern library facilities. The wide range of books and documents available has been instrumental in facilitating our search for information and conducting thorough research.
We are immensely grateful to our subject teacher, Doctor of Philosophy Tran Duy Thanh for your unwavering dedication and detailed teaching. Your guidance and support equipped us with the necessary knowledge to apply to this project successfully. With the collective efforts of everyone involved, we have achieved a significant milestone in our research journey. Once again, thank you to all who contributed to the success of this project.
COMMITMENT Our team hereby declares that the research topic “Develop an E-Commerce Website in the Organic Products Business” is our research work under the scientific guidance of Doctor of Philosophy Tran Duy Thanh. The data and research results in the thesis are collected, handled honestly, and objectively, and have clear origins. The content of the research has references to domestic and foreign studies and the references are fully listed in the list of references. With limited research time, shortcomings are inevitable.
Looking forward to your suggestions for a more complete study. TABLE OF CONTENTS ACKNOWLEDGEMENTS COMMITMENT. LG nh HH TH TH re TABLE OF CONTENTS LIST OF ABBREVIATIONS.L QL SH HH HH kh vi LIST OF TABLES LIST OF FIGURES CHAPTER 1. The introduction of PACHA Shop.
Reasons of the project n. The goal of the project 2. Structure OÝ DFOj@CẢ. LH HT HT KT KT KH ket CHAPTER 2.
Advantages of Django Framework 2. Compare Django and Angular. The architecture of Django Framework. CRUD and REST.
LH HH TH Hàn Hàng ren 2. Python programming language. Structured Query Language (SQLite) 2. Relational Database Management System.
Structured Query Language. Asynchronous JavaScript and XML. SH He 14 FPT. SYSTEM ANALYSIS AND DEVELOPMENT.
Actors and se CaS6@S.Q LH HH HT HH ky 16 3. Use Cases for CUS†Om@TS. LHHH HH tệ 16 3. Use Cases for Administrafion.
Business Process Modeling Notation. Login and Registrafion.-LL Q0 02222211 nn ng n1 vn ng ket 19 3. Change personal information and password. HH HT TH HT TT KT nhe, 23 3.
View cart and make Order o. ee ee eee ngu 24 3. Add products to wishliSE. 0000122221222 11111 n xnxx ke, 25 Ko on.
Define collections of database oo. DFD of order and payment process. Draft and Templafe. Mock-up for components of the websife.
Website Interface Design. Mock up for user interface. 0n n HT n2 n n2 HT HT ng key 45 3. Special functions of the websif€.
nh HH Hee 52 3. LH eee HH TK ệt 57 3. nh HH HH Hà net 60 ¬:. cee ee ern erent e tent eters cneecniesenietinresentesneeesnesenerenrenees 60 4.
Solutions and development direcfions.- nen Hee 62 REFERENCES. Q0 Q00 nh HH HT ưng 63 13500900. 65 LIST OF ABBREVIATIONS Abbreviations Definition Ajax Asynchronous JavaScript and XML API Application Programming Interface BPMN Business Process Model and Notation CRUD Create Read Update Delete Css Cascading Style Sheets DDS Data Distribution Service DFD Data Flow Diagram DRY Don’t Repeat Yourself DTL Django Template Language HTTP Hypertext Transfer Protocol JSON JavaScript Object Notation KISS Keep it short and simple LISP List Processing MVC Model View Controller MVT Model View Template NoSQL No-Structured Query Language OTP One Time Password PHP Hypertext Preprocessor RDBMS Relational Databases RESS Responsive Web Design + Server-Side Componeni vi REST Representational State Transfer SEO Search Engine Optimization SQL Structured Query Language UNIX Uniplexed Information Computing System URL Uniform Resource Locator XML Extensible Markup Language vil LIST OF TABLES Table 2. Compare the features of Django and Angular framework.
Use Case & Actor mapping. Description of the functions of administrator in the website. Description of product dafa. 0000000022222 vn 1n nn ng vn ky 27 Table 3.
Description of category data. HH TT n TS n2 HH HT ng ng ghen he, 28 Table 3. Description of product collections data.-- Q2 222222 vn sexy 28 Table 3. Description of product attributes dafa.
Description of product image attributes data.--cc Son seo 29 Table 3. Description of user dat†a. 0000000002222 n TH ng Tnhh, 29 Table 3. Description of user addresses dafa.
0n HQ n TH HH HH nen 30 Table 3. Description of review dafa. 0n HQ TT HT TT HT TT TH ng ket 30 Table 3. Description of promotion dafa.
22H HH nnnn ng ket 31 Table 3. Description of order data. L0 0000000222 220111 1111111 0111 11kg kế 31 Table 3. Description of order item data.
0000000222222 vnn ng ng vn nhe, 32 Table 3. Description of blogs dafa.-- 00H11 T111 22 1n n TH ng ng va 32 Table 3. Description of contact dafa. Q00 002222 HH nnn ng n Tnhh nghe, 32 Table 3.
Description of Wishlist data. Q0 nQ Q00 2n nnnS 2n vn net 33 vill LIST OF FIGURES Figure 2. Model View Controller. Model View Templafe.
00000001222 nnHn TH TH ng HT khe, 7 Figure 2. The MVT architecture of Django. Describe the operating principle of REST.Ặ Si ee 10 Figure 2. Examples of a relational database.
0n n TH này 12 Figure 2. The interface of SQLite RDBMS.QQQQ nh ha 14 Figure 3. Use case overview of the customer websife. uc nnsenhhree 16 Figure 3.
Use case overview of the administrator website. BPMN for Login 0. ccccccccecccceccsssseeeeeeeesssseeeseeeecsssseeeeseeesstseeeeeess 19 IIe00)i- ch nh»)|) 8/s0n{- s] —ir-u ci)ỤŨỤRMRẠIỊÍIIIAIAIỤIAIỘIAIỤIiiiii. BPMN for changing personal information.
BPMN for changing password. L0 000002222 2n nn ng n1 vn kg 22 Figure 3. BPMN for forgetting password. 0n nnnnnnnnnnnnnn ng khe, 23 Figure 3.
BPMN for viewing cart and making order. BPMN for adding products to wishlist. BPMN for canceling order. 0000110222222 111v 1n ng khe, 27 Figure 3.
Entity-Relationship Diagram of Basic Database. DFD of order and payment process. Sitemap of the websif€. LH rky 36 Figure 3.
Header of the websife.LLQ Q0 0Q 000222 HH TT HH1 g TT ng khen và 37 Figure 3. Footer of the websif@. L0 0000002222 HH HT ng HT KT ru 37 Figure 3. Q00 000000222021 nnnnn n1 Tnhh ghe, 38 00-5 si lo an -ẢẢẢẢ.
Blog list page.- 2201111111112 111111 khen va 39 Figure 3. Sample blog page. Q0 SH nhKH két 39 Figure 3. Product list page.
00H11 nnn n2 HT TT Tnhh key 40 Figure 3. 0000000022222 HH nnn TT TT TT kh ket 40 Figure 3. SHOPPING Cart PAGE. ee cee 0L nh HH két 41 Figure 3.
LH nh KT KT ky 41 Figure 3. z)0)\i9)0)-ee)iì)eie)u -lllRỂHa4ỌađầầaaaiđắÃẮŸÝẮ.112 n nh H111 111k hy 42 Figure 3. ee eee eee ete HH TH TH KT KT KH 44 Figure 3. L0 0000002222211 1n nnn ng 111kg nhà 44 Figure 3.
Q00 0000222221111 nnnn ng 1 11T nhà 44 Figure 3. ADOUt US PAGE. Blog list page. Sample blog page.
Q0 SH nhKH két 48 Figure 3. 0000000022222 HH nnn TT TT TT kh ket 49 Figure 3. Product list page. 00H11 nnn n2 HT TT Tnhh key 49 Figure 3.
SAlS PAGE mm. Shopping bag page. Q0 1 nh nh HH HH 50 Figure 3.L Q00 000000222221 1n nnnn ng TT nhe 51 Figure 3.L nh HH HT KHE ky 51 Figure 3.-- SH ng ky 52 Figure 3. Search products by name .L LH sgk 52 Figure 3.
Filter products by Crit©ria.LLL Q00 22 21H HT TH ng nh key 53 Figure 3. Recommend related producfS.- c0 0000222222211 nnnnn n1 1xx xy 53 Figure 3. Automatically update comment confent.ccccccccssccsnhy sec 55 Figure 3. Statistics of orders by day.
LH Ha 55 Figure 3. View information about placed orderS. View order items information.- S LH HH hệt 56 Figure 3. General page of admin interface.- nh HH ha 57 Figure 3.
000000002122 2021 1111111 E01 111kg ket 58 Figure 3. Project Implementation processS. L0 QQQQ Q2 S2 HH ng nen 59 xi CHAPTER 1. The introduction of PACHA Shop PACHA shop is a brand created and simulated by the group for course projects.
Brand information is based on a similar website abroad. PACHA Shop is an online store specializing in natural organic beauty and relaxation products. Some outstanding product lines at the shop include scented candles, bath soap, etc. At the PACHA store, we always provide consumers with natural green products, produced extremely “green” but of outstanding quality.
However, to encourage more consumers to access organic products, we developed an e-commerce website platform to expand the customer base, bringing products closer to customers. Reasons of the project Currently, sustainable consumption is increasingly important in the context of gradually depleted natural resources, polluted environment, and complex climate change. Consumer awareness is getting better and better, especially as people’s living standards improve every day. Besides the quality of products and services, how the production process impacts the environment.
From people’s concerns about the environment, the definition of “green consumption” began to appear and gradually became popular. In the world, the concept of green consumption was first mentioned in 1970 in the United States and since then, many studies have expanded this concept. The concept of green consumption emphasizes incorporating environmental awareness into the consumption process or green consumption is a form of consumption that encourages people to actively protect the environment. In Vietnam, in the articles of some authors, green consumption is understood as the purchase and use of environmentally friendly products that do not harm human health or threaten the natural ecology.
Along with the trend of global integration, the definition of green consumption in Vietnam is increasingly expanding. Green consumption means people increase the use of environmentally friendly products and services, especially organic products. Organic products contain organic ingredients that do not use any pesticides, sewage sludge, or genetically modified organisms during the farming process. Organic products will be produced from farm ingredients with a focus on conserving water and soil resources, using sustainable resources, and improving the quality of the living environment.
Organic cosmetics usually contain no or very little chemical content. Organic cosmetics will contain a minimum of 95% organic ingredients and only 5% other substances, so they are very benign and safe for the user’s health [1]. The use of organic products is quite popular abroad, however, it has only appeared in Vietnam in recent years. In particular, in this context, Vietnam is a country with many rich sources of natural ingredients with many health benefits.
Vietnam’s agricultural products contain many rare medicinal herbs that are exported abroad, so the organic product market is a potential market.
