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.Ngồ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