Professional Documents
Culture Documents
FinalReport CERA
FinalReport CERA
FINAL REPORT
In the current era of technology boom, the internet, web applications in general
and commercial web in particular have been increasingly important and widely used in
daily life. Websites born can meet the needs of people studying, working, entertaining,
and doing business. To be able to create successful websites that meet the needs of
users in addition to economic factors, retailers must have their own information
systems, software, and websites to take advantage of the strengths of the website.
technology brings. Thanks to the application of information technology through the
field of commercial web application development, the process of buying, selling and
managing stores becomes faster, simpler and more efficient.
Stemming from the above as well as after studying and researching under the
guidance of Mr. Le Hoang Viet Tuan, we would like to present the project "Building a
tiles business website -CERA".
Because the contact time is not long and the qualifications are still limited, in
the process of implementing the project, there will be many shortcomings. But we
hope to receive suggestions and guidance from the teacher to make the project more
complete. We would like to sincerely thank the teacher for his enthusiastic guidance,
teaching and valuable comments during the past study period.
2
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
Table of Contents
PREFACE .....................................................................................................................................................2
I. PROJECT OVERVIEW...................................................................................................................11
1. Topic description:..................................................................................................................11
1. Register/login account..........................................................................................................14
2. Search products....................................................................................................................15
3. Filter products.......................................................................................................................16
4. Sort products.........................................................................................................................16
5. Edit cart.................................................................................................................................17
6. Order.....................................................................................................................................18
7. Categories Management.......................................................................................................18
8. Product Management...........................................................................................................19
9. Customers Management.......................................................................................................19
10.Orders Management.............................................................................................................20
3
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
2. Class Diagram........................................................................................................................22
1. Homepage.............................................................................................................................24
4. Order page............................................................................................................................26
5. Payment Page.......................................................................................................................27
7. Admin page...........................................................................................................................28
8. Add Category.........................................................................................................................28
9. Add products.........................................................................................................................29
10.Add Coupons.........................................................................................................................29
V. ASSESSMENT OF WEBSITE..........................................................................................................31
1. Technical feasibility...............................................................................................................31
2. Development Tools...............................................................................................................31
3. Summary table......................................................................................................................32
4. Security requirements...........................................................................................................33
CONCLUSION.............................................................................................................................................34
I. Advantages:................................................................................................................................34
II. Didvantages:...............................................................................................................................34
TASK ASSIGNMENT....................................................................................................................................36
REFERENCE................................................................................................................................................38
Project Link................................................................................................................................................38
4
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
LIST OF TABLES
LIST OF FIGURES
5
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
PART I. ABOUT PRESTASHOP
With the advantage of the source code developed later, PrestaShop inherits
many ideas of the same source code as OsCommerce. The main difference is that
Prestashop has a built-in library to present products by color. This feature helps store
owners better reach out to their customers.
In addition, the direct integration of the information management page into the
source code, also helps PrestaShop become more user-friendly.
- About module management: Users can easily access and configure all
modules thanks to the function of filtering and grouping modules together.
- About catalog management: Creating and modifying a product is done on the
same page and is hierarchical with tabs, making product management intuitive
and easy.
6
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
- About the order process: The order process will be optimized for customer
conversion purposes. With 4-step shopping on the same page will bring a
smoother experience
- Custom interface design: Simple and refined basic interface with native
layout compatible on mobile devices, providing great flexibility for PrestaShop
integrators.
- Manage forms: The management of forms is designed as a widget.
Information fields can be managed and rearranged by a simple “drag > drop”.
- About payment: There are many payment options, easy to customize the
checkout cart
- Support for marketing and marketing: create special offers, advertise
products, collect customer emails.
8
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
PART II. E-COMMERCE WEBSITE PROJECT
I. PROJECT OVERVIEW
1. Topic description:
This is a small website that my team has designed with the purpose of buying
and selling bricks so that I can introduce to everyone all kinds of high-class bricks,
ordinary bricks so that everyone has a beautiful house, good quality assurance. and
has a clear origin.
9
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
Figure 3: Categories and productsDiagram
Use the open source Prestashop to design the interface to build the
functionality of the website. To put the website into practice, it is necessary to
build a marketing communication strategy and online marketing.
10
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
5. Online sales model:
The system is divided into two parts: a part for customers, a part for
administrators.
Agent Function
- Sign up
- Log in
- Find products
- View product information
- Log in
- Manage categories
- Product Management
- Customer management
Admin - Order Management
- Manage shipping tracking
- Manage customer questions and comments
- View reports and statistics
11
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
II. MAIN FUNCTIONS OF WEBSITE
1. Register/login account
The login function allows users to log into the system to use the website. This is a
function that helps users to use the shopping cart and order products of the website. If the
user does not have an account at CERA website, then register to create an account.
12
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
2. Search products
The search function helps users find the product they need.
When you want to search for the product you need, the User Click on the search
bar at the top of the page and type the product name in the search bar. After pressing
“Enter”, the system will display the product information to be searched.
13
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
3. Filter products
4. Sort products
14
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
5. Edit cart
15
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
6. Order
The user selects the product he wants to put in the cart and chooses to add it to the
cart. When Users want to buy products, go to the shopping cart page to confirm the
products they want to buy, then go to the Check out page, enter the address and phone
number.
7. Categories Management
8. Product Management
9. Customers Management
17
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
10. Orders Management
18
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
III. RELATIONSHIP DIAGRAM AND FUNCTIONAL SOLVING
CLASSES
1. Entity Relationship Diagram
19
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
2. Class Diagram
List of classes
21
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
IV. DEMO WEBSITE
1. Homepage
22
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
2. Product detail page
23
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
3. Shopping Cart page
4. Order page
24
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
5. Payment Page
25
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
7. Admin page
8. Add Category
26
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
9. Add products
27
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
11. Advertising Page
28
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
V. ASSESSMENT OF WEBSITE
1. Technical feasibility
2. Development Tools
29
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
My SQL has the advantages of ease of use, high security, multi-
features, and speed. Besides, there are also some disadvantages in terms of
reliability and limited capacity
- Emulator tool: XAMPP
XAMPP is a software that allows you to simulate a server hosting
environment right on your computer, allowing you to run a demo website
without having to buy it . hosting nice VPS
Has a simple configuration but brings many useful functions such as:
Set up a mock server , set up a mock Mail Server and support SSL on
localhost .
Integrate many features with important components such as: Apache,
PHP, MySql. Therefore, users do not need to install each part individually,
but just need to install XAMPP to have a complete web server.
- Other tools: Word, PPT, ...
3. Summary table
30
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
No. Risk Level Review description Note
incorrect input is
inevitable
4. Security requirements
PART III.
32
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
CONCLUSION
I. Advantages:
II. Didvantages:
The project has a promising future. The project can be deployed to put into
practical applications in the future. The project can be updated in the near future
33
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
and when there are similar requirements, as it is very flexible in terms of
extensibility.
The team can focus on developing and perfecting functions, support tools,
and features that are more in line with consumer wishes.
Provide a more strategic development strategy for the project, including the
completion and expansion of the website, as well as other useful functions such as:
- Customer positioning
- Inventory management system
- More branches of the store
- Multi-language go to this page
- And many more features can be added to this project
34
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
TASK ASSIGNMENT
Completion
MSSV Name Mission
level
- Install Prestashop
- Make a plan to execute the project.
- Search product data, create import
Hoang Thi database file
195120621 100%
Phuong Uyen - Summary of Word reports.
- Report part II chapter 5, conclusion
- Create Github, the group's YouTube
- Install Module v1.0.3-ph_scrolltotop
- Install Prestashop
- Website Theme Settings
- Install Module Paypal Payment,
Nguyen Thanh Chatbot
195120344 100%
Hien - Website Logo Design
- Product data search, data import
- Report Part II Chapter 2, Chapter 4
- Record a demo video
35
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
- Report part II chapter 3
- Install Prestashop
- Install Module v1.0.4-
ets_banneranywhere
Nguyen Thi - Create website banners
205120600 100%
Minh Trinh - Website interface design
- Product data search
- Report part I + part II chapter I
- Prepare PP report.
36
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA
REFERENCE
Wikipedia contributors. (2022, March 15). Visual Studio Code. Wikipedia. Retrieved April 6, 2022,
from https://vi.wikipedia.org/wiki/Visual_Studio_Code
MATBAO. (2021, December 27). MySQL là gì? Hướng dẫn toàn tập về MySQL.
dan-toan-tap-ve-mysql/
Cường Q. C. (2020, March 21). Visual Studio Code là gì? Tính năng nổi bật của Visual Studio
la-gi.html
Tùng Đ. (2021, August 3). Prestashop là gì? Tại sao nên sử dụng Prestashop để thiết kế web bán
hàng trực tuyến? Tài Liệu Hướng Dẫn Và Tối Ưu Dịch Vụ. https://wiki.tino.org/prestashop-la-gi/
HuuHV. (2016, April 20). Giới thiệu và cài đặt Prestashop - website thương mại điện tử.
https://viblo.asia/p/gioi-thieu-va-cai-dat-prestashop-website-thuong-mai-dien-tu-5y8Rr6PoRob3
Project Link
- YouTube: https://www.youtube.com/channel/UCFdgN4qPlukVV4KVPf9gyaQ
- GitHub: https://github.com/UyenHTP/Website-Cera-Project
37
Advanced E-Commerce Web Development - Lecturer Mr. Le Hoang Viet Tuan - CERA