TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN
LẬP TRÌNH WEB NÂNG CAO
ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN HÀNG
Sinh viên thực hiện

:

Mã sinh viên

:

Giảng viên hướng dẫn :
Ngành

: CÔNG NGHỆ THÔNG TIN

Chuyên ngành

: CÔNG NGHỆ PHẦN MỀM

Lớp

: D14CNPM4

Khoá

: 2020 – 2024

Hà Nội, tháng năm


PHIẾU CHẤM ĐIỂM
Sinh viên thực hiện:
Họ và tên

Chữ ký

Ghi chú

Chữ ký

Ghi chú

Giáo viên chấm:
Họ và tên

Giảng viên chấm 1:

Giảng viên chấm 2:


MỤC LỤC
CHƯƠNG 1 KHẢO SÁT VÀ XÁC LẬP BÀI TOÁN………………………..1
1.1 Khảo sát hiện trạng......................................................................................1
1.2 Xác lập bài toán……………………………………………………………1
CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG (UML)........................3
2.1 Biểu đồ tổng quan (Use Case Diagram)......................................................3

2.2 Biểu đồ tuần tự (Sequence Diagram) .........................................................4
2.2.1 Biểu đồ tuần tự đăng nhập ......................................................................4
2.2.2 Biểu đồ tuần tự quản lí sản phẩm ............................................................5
2.2.3 Biểu đồ tuần tự quản li danh mục.............................................................6
2.2.4 Biểu đồ tuần tự thêm sản phẩm vào giỏ hàng...........................................7
2.2.5 Biểu đồ tuần tự quản lí giỏ hàng...............................................................8
2.2.6 Biểu đồ tuần tự đặt hàng ..........................................................................9
2.2.6 Biểu đồ lớp (Class Diagram) .................................................................10
CHƯƠNG 3: CÀI ĐẶT.....................................................................................11
3.1. Giao diện trang chủ...................................................................................11
3.2. Giao diện chi tiết sản phẩm......................................................................12
3.3. Giao diện giỏ hàng....................................................................................13
3.4. Giao diện đăng nhập.................................................................................14
3.2. Giao diện thanh toán.................................................................................15
3.2. Giao diện xem thơng tin đơn hàng phía khách.........................................16
3.2.4. Giao diện quản lí sản phẩm cho Admin................................................17
3.2.4. Giao diện quản lí hóa đơn......................................................................18
3.2.4. Giao diện quản lí đặt hàng.....................................................................19
3.2.4. Giao diện quản lí bình luận....................................................................20
KẾT LUẬN........................................................................................................21



CHƯƠNG 1: KHẢO SÁT VÀ XÁC LẬP BÀI TOÁN
1.1 Khảo sát hiện trạng
- Trong những năm gần đây,ứng dụng CNTT về quản lý web đang phát triển
mạnh mẽ giúp cho cửa hàng kiếm được lợi nhuận nhiều hơn nhờ vào các
web site bán hàng nhanh .Bởi vậy mà em quyết định chọn đê tài xây dựng
trang Website bán hàng công nghệ. Với mong muốn giúp cho cửa hàng kiếm
thêm thu nhập nhiều nhờ vào việc bán hàng hàng online.Ngoài ra website

bán hàng rất thân thiện giúp cho khách hàng mua được thuận lợi hơn, khách
hàng sẽ tùy ý mua thứ mình thích khơng cần tốn nhiều thời gian để di
chuyển đến cửa hàng cộng với dịch vụ giao hàng online hiện nay khiến cho
các website bán hàng ngày càng mọc lên nhiều hơn.
- Một trong những nhà mã nguồn mở giúp xây website nhanh chóng là ngơn
ngữ Php, sử dụng gọn nhẹ dễ dàng phát triển website
- Trong dự án lần này em sẽ ứng dụng công nghệ phát triển web bằng ngôn
ngữ Php trên máy chủ Apache vào xây dựng Website bán hàng online để
thực hiện môn học phần theo học phần và giúp bản than hiểu rõ hơn.
1.2 Xác lập bài tốn
- Vì là một website bán hàng nên sẽ chú trọng vào tính thân thiện người
dùng , giao diện đẹp mắt,cách trình bày sản phẩm cũng như chi tiết sản
phẩm, giá cả hợp lí cũng là cách để gây ấn tượng tốt mới khách hàng.Ngoài
ra trang web phải đảm bảo có đầy đủ các chức năng cơ bản nhất của một
trang web thương mại điện tử.
- Các chức năng chính của dự án gồm:
*Người dùng:
-Tham quan trang web
-Tìm kiếm và lựa chọn sản phẩm cần mua
-Xem chi tiết 1 sản phẩm
-Đăng kí đăng nhập phục vụ cho việc mua bán online
-Gửi đánh giá đối với sản phẩm
1


*Người quản trị(Admin)
-Quản lí trang web của mình thơng qua tài khoản Admin
-Xem danh sách sản phẩm và toàn quyền thao tác trên các sản phẩm
-Kiểm tra và xử lí các đơn hàng của khách hàng
-Theo dõi phản hồi ý kiến của khách hàng

- Sau khi đã phân tích các chức năng cần làm bây giờ ta sẽ tiến hành bắt tay
vào phân tích thiết kế hệ thống để đưa ra cái nhìn trực quan nhất về trang
web sẽ làm.

2


CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG(UML)
2.1 Biểu đồ tổng quan hệ thống (Use case Diagram)

Hình 2.1 Biều đồ Tổng quan(Use case)

3


2.2 Biều đồ tuần tự(Sequence Diagram)
2.2.1 Biều đồ tuần tự đăng nhập

Hình 2.2 Biểu đồ tuần tự Đăng nhập

4


2.2.2 Biểu đồ tuần tự quản lí sản phẩm

Hình 2.3 Biểu đồ tuần tự Quản lí sản phẩm

5



2.2.3. Biều đồ tuần tự quản lí danh mục sản phẩm

Hình 2.4.Biểu đồ tuần tự Quản lí danh mục sản phẩm

6


2.3.4.Biểu đồ tuần tự thêm giỏ hàng

Hình 2.4.Biểu đồ tuần tự Thêm sản phẩm vào rỏ hàng
7


2.3.5 Biểu đồ tuần tự quản lí giỏ hàng

Hình 2.6.Biểu đồ tuần tự Quản lí giỏ hàng

8


2.3.6 Biểu đồ tuần tự đặt hàng

Hình 2.7.Biểu đồ tuần tự Đặt hàng

9


2.4 Biểu đồ lớp(Class Diagram)

Hình 3.1 Biểu đồ lớp (Class Diagram)


10


CHƯƠNG 3: CÀI ĐẶT
3.1 Giao diện trang chủ
-Trang chủ bao gồm các phần như Banner, thanh menu, phần nội dung,phần bottom.
-Hiện thị các sản phẩm trong các danh mục khác nhau

Hình 3.1 Giao diện trang chủ
11


3.2 Giao diện chi tiết sản phẩm
- Đây là trang sẽ cup cấp cái nhìn chi tiết nhất về sản phẩm người dùng đã chọn
-Nếu hài lòng người dùng sẽ thực hiện thêm sản phẩm vào giỏ hàng
-Ngoài ra người dùng cịn có thể đưa ra những lời bình luận về sản phẩm

Hình 3.2 Giao diện chi tiết sản phẩm
12


3.3 Giao diện giỏ hàng
-Giao diện này sẽ hiện thị thông tin các sản phẩm mà người dùng đã đặt hàng
-Người dùng có thể tùy ý thêm sửa xóa sản phẩm trong giỏ hàng

Hình 3.3 Giao diện giỏ hàng

13



3.4 Giao diện đăng nhập
-Trang này sẽ thực hiện việc đăng nhập đăng kí của người dùng
-Nếu tài khoản có quyền là Admin người dùng sẽ được đưa tới trang Admin.

Hình 3.4 Giao diện đăng nhập

14


3.5 Giao diện thanh tốn
-Cung cấp thơng tin các sản phẩm mà người dùng đã đặt
-Thực hiện chức năng thanh tốn đơn hàng của khách hàng

Hình 3.5 Giao diện thanh toán

15


3.6 Giao diện xem thông tin đơn hàng cho khách hàng
-Giao diện này sẽ cung cấp thông tin và trạng thái sản phẩm đã đặt hàng của khách hàng

Hình 3.6 Giao diện xem thông tin đơn hàng cho khách hang

16


3.7 Giao diện quản lí sản phẩm của Admin
-Giao diện này sẽ cũng cấp thông tin các sản phẩm đang có trong trang web.
-Cung cấp các tùy chọn thêm sửa xóa sản phẩm


3.7 Giao diện quản lí sản phẩm cho Admin

17


3.8 Giao diện quản lý danh sách các hóa đơn
-Trang này hiển thị danh sách các đơn hàng đã đặt của khách

Hình 3.8 Giao diện quản lí danh sách hóa đơn mua hàng

18


3.9 Giao diện quản lí đặt hàng
-Trang này giúp Admin theo dõi các sản phẩm do phía khách hàng đặt

Hình 3.9. Giao diện quản lí đặt hàng

19


3.10 Giao diện quản lí bình luận sản phẩm
-Giao diện này sẽ hiện thị các bình luận của khách hàng đối với một sản phẩm

Hình 3.10 Quản lí bình luận sản phẩm

20



KẾT LUẬN
Sau một thời gian tìm hiểu và khảo sát qua các trang web thương mại điện tử như
, ... Và một số tài liệu lập trình php, từ đó em đã hoàn
thiện được đề tài “Xây dựng website bán hàng online” với những kết quả làm được
như sau:
- Hệ thống website phần lớn cung cấp được các thông tin về sản phẩm mới nhiều
loại khác nhau, những sản phẩm đang hot và bán chạy trên thị trường hiện nay
- Website có đầy đủ một số chức năng cơ bản dành cho admin như thêm, sửa, xóa
danh mục,sản phẩm,quản lí đặt hàng …
Tuy vậy do còn một số hạn chế nhất định do kiến thức cũng như thời gian còn hạn
hẹp nên trang web vẫn cịn rất nhiều thiếu sót , trong thời gian tới em sẽ cố gắng
hoàn thiện trang web của mình đầy đủ và tốt hơn nữa.

21