DA NANG UNIVERSITY

Vietnam – Korea University of Information and Communication Technology

BÁO CÁO ĐỒ ÁN

Đề Tài : Website bán linh kiê ̣n
máy tính
GVHD : Ths. Võ Hùng Cường

THÀNH VIÊN :
</> Trương Sĩ Phúc 19IT6
</> Nguyễn Duy Tân 19IT6

1
 CONTENT
I. Introduce the topic
II. Methods of implementation
III. Overview the website
IV. Conclusion and development direction

2
I. Introduce the topic

- In the age of technology 4.0. website is an important thing that is used a lot
in social life, it brings a lot of utilities to serve human needs. In this report,
our team would like to present the topic that the group implemented is:
“Website selling computer components “ to support customers can view
and choose to buy a complete computer set through the online website
without going to the store, suitable for each work or entertainment needs they
desire

2
 II. Methods of implementation
- Learn how the Back-end web works
- Apply static web before (Front- end)
- Learn how to store data of the MySQL administration database
- Use programming languages such as: Html, Css, Jquery, Boostrap,
Php, Jquery-ajax and Framework Laravel.
- Use support tools such as: Xampp, Navicat, Visual Studio Code.
StarUML.

3
 III. Overview the website
The website structure
The website include the following section :
User : Admin:
- Home page - Overview page
- Introduce page - Categories manage page
- List products page - Products manage page
- Products details page - Products details manage page
- Find products page - User manage page
- Contact page - Bills manage page
- Login and sign up page - Banner manage page
- Bills details page - Find products page
- Cart page
- Order page
- Information user page

4
1. User interface

1.1 Home page

Home page interface includes: Introduction, product, contact, search section, shopping
cart and admin page. Has the function of searching and displaying products to help
users easily choose and place orders quickly

5
1. User interface

1.3 Introduce page 1.4 Find page

Home page interface includes: Introduction, product, contact, search section, shopping
cart and admin page. Has the function of searching and displaying products to help
users easily choose and place orders quickly

6
1. User interface

1.5 List products page

Product list page includes: a list of products displayed by each category and tips on how
to choose to buy according to that product type.

7
1. User interface

1.6 Products details page

- Customers can view product details, view related products, and can directly comment
on product reviews.

8
1. User interface

1.6 Products details page

- Customers can view product details, view related products, and can directly comment
on product reviews.

9
1. User interface

1.7 Cart page

- Customers can view product details, view related products, and can directly comment
on product reviews.

10
1. User interface

1.8 Order page

When customers choose products to order and place orders, the system will send
customers to the form to enter information, address, and phone number.
If customers click confirm, the order will be sent to the administrator to confirm and
approve the order

11
1. User interface

1.9 Email
When the customer clicks to send the order, an automatic email from the system will
respond to the email address provided by the customer.

12
1. User interface

2.0 Information user page 2.1 Bills details page

Helping customers to see order status updated from the administrator

13
2. Admin interface

2.1 Tương Tự

Copy file đồ án lên gg dịch xong pas vô đây

14
2. Admin interface

16
2. Admin interface

17
2. Admin interface

18
2. Admin interface

19
 III. Conclusion and development direction
1. Conclusion
E-commerce website is completed with easy-to-see interface, easy to use
and user-friendly interface.

Advantages : Understand the basic steps of building an online sales

website in laravel language, follow the correct process. Build a
reasonable website layout.

Disadvantages : Small website, simulation. Small database, There are

still some small errors in operation.

2. Development direction
Build a usable website to fully meet the system's professional requirements, Optimize
processing speed, learn customer trends to modify and supplement the system according to
requirements.

20
DA NANG UNIVERSITY
Vietnam – Korea University of Information and Communication Technology