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: QUẢN LÝ TRANG WEB CỬA HÀNG ĐIỆN THOẠI FEAER

Sinh viên thực hiện : Nguyễn Văn Hải - 20810310300

Nguyễn Huy Hoàng – 20810310275

Đỗ Nguyên Vũ - 20810310070

Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP

Ngành : CÔNG NGHỆ THÔNG TIN

Chuyên ngành : CÔNG NGHỆ PHẦN MỀM

Lớp : D15CNPM2
Khóa : 2020-2025
 PHIẾU CHẤM ĐIỂM

Sinh viên thực hiện:

STT Họ và tên Nội dung thực hiện Điểm Chữ ký

1 Nguyễn Văn Hải Lập trình web, thiết kế

cơ sở dữ liệu, thiết kế
giao diện người dùng,
admin, làm báo cáo

2 Nguyễn Huy Hoàng Thiết kế giao diện,

Làm báo cáo, Tìm
kiếm dữ liệu, hình
ảnh,

Họ và tên Chữ ký Ghi chú

Giảng viên chấm 1 :

Giảng viên chấm 2 :

MỞ ĐẦU...............................................................................................................1
CHƯƠNG I: KHẢO SÁT HỆ THỐNG............................................................2
CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG..............................3
1. Phân tích...........................................................................................................3
1.1. Các chức năng của hệ thống....................................................................3
1.2. Các tác nhân của hệ thống.......................................................................3
2. Thiết kế hệ thống.............................................................................................4
2.1. Biểu đồ Use Case.......................................................................................4
2.2. Biểu đồ trình tự.......................................................................................12
2.3. Biểu đồ lớp...............................................................................................16
CHƯƠNG 3 : KẾT QUẢ THỰC NGHIỆM...................................................17
Giao diện người dùng:.......................................................................................17
3.1. Trang chủ....................................................................................................17
3.2. Trang login..................................................................................................17
3.3. Trang giỏ hàng............................................................................................18
3.4. Trang thanh toán........................................................................................19
Giao diện Admin:...............................................................................................20
3.5. Trang home.................................................................................................20
3.6. Trang quản lí admin...................................................................................20
3.7. Trang quản lý danh mục sản phẩm..........................................................21
3.8. Trang quản lý sản phẩm............................................................................21
3.9. Trang quản lý bình luận............................................................................22
3.10. Trang quản lý quảng cáo.........................................................................22
KẾT LUẬN........................................................................................................23
 MỞ ĐẦU
Công nghệ thông tin phát triển ngày càng hiện đại và đổi mới không ngừng,
bằng việc chinh phục hết đỉnh cao này đến đỉnh cao khác. Mạng internet đang trở
thành mạng truyền thông có sức ảnh hưởng lớn nhất, không thể thiếu trong tất cả
các hoạt động của con người trong việc truyền tải và trao đổi dữ liệu. Không như
ngày xưa, ngày nay mọi việc liên quan đến thông tin ngày càng dễ dàng hơn cho
người sử dụng bằng việc kết nối internet và một dòng dữ liệu truy tìm thì ngay lập
tức cả kho tài nguyên không chỉ trong nước mà ngoài nước hiện ra không chỉ bằng
ngôn ngữ mà cả bằng hình ảnh, âm thanh.

Chính vì lợi ích từ internet đã thúc đẩy sự ra đời và phát triển của thương
mại điện tử làm biến đổi bộ mặt văn hóa cũng như nâng cao chất lượng cuộc sống
của con người trong các hoạt động thông thường như sản xuất, kinh doanh, các
doanh nghiệp phát triển.

Cuộc sống con người ngày càng phát triển thì nhu cầu sống của con người
cũng được nâng cao và những nhu cầu đơn giản nhưng cũng rất thiết thực. Đó là
nhu dùng điện thoại, ở và mặc đây là 1 bài toán của các nhà kinh doanh, làm sao để
đáp ứng nhu cầu của con người để cải thiện đời sống ngày càng cao.
.

Vậy nên để giúp cho người mua hàng có nhiều thông tin bổ ích, giúp cho sản
phẩm trở nên dễ dàng, đa dạng, em chọn đề tài “Quản lý website cửa hàng điện
thoại FEAER“ phục vụ nhu cầu đó.
 CHƯƠNG I: KHẢO SÁT HỆ THỐNG
Với sự bùng nổ thông tin trên internet, vai trò của các trang thông tin điện tử
trực tuyến càng trở nên quan trọng. Khác với các hình thức bán hàng tại chỗ có
giới hạn thời gian cập nhật tin tức, các trang web bán hàng trực tuyến đã cung cấp
được sự tiện lợi trong việc cập nhật và mua hàng. Về phía người dùng, họ có thể
xem thông tin mọi lúc mọi nơi. Về phía những người cung cấp thông tin, các nhà
báo, họ có thể dễ dàng cập nhật những sản phẩm đẹp nhất, tốt nhất. Một trong
những thể loại tin tức trên website mà được nhiều người chú ý nhất là tin tức công
nghệ.

Và kinh doanh trực tuyến không phải cứ có một nguồn vốn lớn mới có thể
kinh doanh mà chỉ cần nguồn vốn đủ để tích lũy hàng hay một số dịch vụ khác là ta
có thể bắt tay vào việc kinh doanh của mình. Bên cạnh đó ta có thể sử dụng blog cá
nhân của mình để tiến hành kinh doanh các mặt hàng thời trang của mình.
Mặt hàng điện thoại thời trang ngày một đa dạng và nhiều mẫu mã, phổ
biến, với các shop online như thế này các chủ cửa hàng chỉ cần thường xuyên lên
mạng quảng cáo các mặt hàng của mình với mục đích tìm tiếm và thu hút khách
hàng. Khách hàng chỉ cần mấy thao tác “bấm chọn vào sản phẩm mình yêu thích”
và liên hệ với chủ cửa hàng là có thể chờ đơn hàng chuyển tời nhà của mình. Việc
sở hữu website cũng khiến người bán hàng đỡ vất vả trong quá trình quản lý đơn
hàng, đưa mẫu mã đến khách hàng của mình một cách tốt nhất. Nắm bắt được tình
hình trên nhóm chúng em đã tiến hành xây dựng trang web mua bán hàng online
điện thoại dành cho nam giới để mong sao giúp cho cửa hàng phát triển nhanh
chóng, giúp chủ cửa hàng có thể quản lý cửa hàng một cách tốt hơn.
Do đó, em đã quyết định phân tích để thiết kế Website cửa hàng điện thoại
FEAER để phục vụ nhu cầu mua sắm của mọi người
6
 CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
Hệ thống website bán điện thoại FEAER được thiết kế bằng ngôn ngữ PHP và
MYSQL
1. Phân tích
1.1. Các chức năng của hệ thống
Hệ thống quản trị trang web
- Quản lý danh mục sản phẩm
- Quản lý sản phẩm: cập nhật thông tin về sản phẩm
- Quản lý danh sách tài khoản
- Quản lý hình ảnh
- Quản lý bình luận
Hệ thống giới thiệu sản phẩm
- Hiển thị thông tin sản phẩm(tên sản phẩm , giá, bảo hành , khuyến
mãi, hình ảnh sản phẩm,…)
- Hiển thị danh mục sản phẩm
- Cho phép đăng ký, đăng nhập tài khoản
- Cho phép người dùng xem chi tiết giỏ hàng, các sản phẩm sẽ mua

1.2. Các tác nhân của hệ thống

Admin:
Người thục hiện các chức năng quản trị hệ thống, tải khoản, khách
hàng, quản lý sản phẩm, quản lý danh mục sản phẩm, quản lý loại hàng,
quản lý thông tin quảng cáo…Để thực hiện các chức năng này admin phải
đăng nhập.
Khách hàng:
Có thể thực hiện các chức năng như đăng ký tài khoản, đăng nhập, tìm
kiếm sản phẩm,đặt hàng, xem giỏ hàng, hóa đơn

7
2. Thiết kế hệ thống
2.1. Biểu đồ Use Case
a) Use Case tổng quát

Hình 2.1. Biểu đồ Use Case tổng quát

Web shop FEAER thời trang nam
Tên : Tổng quan hệ thống
Tóm tắt : Login, quản lý sản phẩm, quản lý đơn hàng, quản lý quảng cáo, quản
thành viên, quản lý danh mục, đặt hàng
8
Dòng sự kiện chính :
- Admin, Customer đăng nhập vào hệ thống và thao tác với các chức năng thuộc
quyền hạn của mình.
- Hệ thống đưa ra các chức năng để người dùng thao tác
Các dòng sự kiện :
1. Đăng nhập
- Thành công tới vào trong hệ thống
- Không thành công tới hệ thống thông báo lỗi tài khoản hoặc mặt khẩu
2. Quản lý
- Thao tác với hệ thống
- Hệ thống cập nhật dữ liệu mới
3. Thêm, sửa, xóa, tìm kiếm
- Thêm, sửa, xóa, tìm kiếm thông tin sản phẩm
- Hệ thống hiển thị thông tin sản phẩm
4. Đặt hàng
- Thêm hàng vào giỏ hàng
- Sửa, xóa sản phẩm trong giỏ hàng
Điều kiện kiên quyết : Không có
Các yêu cầu đặc biệt: Giao diện và các thao tác dễ dùng với người lần đầu tiên sử
dụng

9
 b) Use Case login

Hình 2.2. Biểu đồ Use Case login

Tên: Đăng nhập hệ thống

Tóm tắt: Hệ thống cấp quyền cho phép admin hoặc customer login
Dòng sự kiện chính: Người dùng đăng nhập hệ thống để sử dụng chức năng
Các dòng sự kiện:
1. Đăng nhập thành công -> vào giao diện hệ
thống phân quyền của người đó.
2. Không thành công -> báo lỗi
- Tài khoản hoặc mật khẩu không đúng
- Chưa có tài khoản
Điều kiện kiên quyết: Thông tin đăng nhập(tài khoản, mật khẩu)
Các yêu cầu đặc biệt: Giao diện và các thao tác dễ dùng với người lần đầu tiên sử
dụng
10
 c) Use Case Quản lý sản phẩm

Hình 2.3. Biểu đồ use case quản lý sản phẩm

Quản lý sản phẩm

Tên : Quản lý thông tin sản phẩm
Tóm tắt : Thêm, sửa, xóa, có trong phần quản lý
Dòng sự kiện chính : Admin đăng nhập hệ thống để sử dụng chức năng cập nhật
thông tin sản phẩm
Các dòng sự kiện :
1. Đăng nhập vào hệ thống
2. Hệ thống hiển thị các chức năng và thông tin sản phẩm

- Thêm sản phẩm

- Sửa sản phẩm
- Xóa sản phẩm

11
Điều kiện tiên quyết : Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt : Giảo diện và các thao tác dễ dùng với người lần đầu tiên sử
dụng.

d) Use Case Quản lý đặt hàng

Hình 2.4: Biểu đồ use case quản lý đặt hàng

Quản lý đặt hàng
Tên : Quản lý đặt hàng của khách hàng
Tóm tắt : Đặt hàng, thêm sản phẩm vào giỏ hàng, xem thông tin đơn hàng
Dòng sự kiện chính : Customer đăng nhập vào hệ thống mới sử dụng được chức
năng đặt hàng.
Các dòng sự kiện:
1. Đăng nhập vào hệ thống
2. Hệ thống hiển thị các thông tin sản phẩm, hình ảnh:
- Thêm sản phẩm vào giỏ hàng
- Đặt hàng
- Xem thông tin đơn hàng
- Xóa sản phẩm
12
 - Hủy đơn hàng
Điều kiện : tiên quyết Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt : Giao diện dễ dùng với người lần đầu tiên sử dụng

e) Use Case Quản lý hình ảnh quảng cáo

Hình 2.5: Biểu đồ use case quản lý hình ảnh quảng cáo
Quản lý hình ảnh
Tên : Quản lý các hình ảnh quảng cáo
Tóm tắt : Admin đăng nhập vào hệ thống để sử dụng các chức năng
Dòng sự kiện chính
1. Đăng nhập vào hệ thống
2. Hệ thống hiển thị các thông tin
- Thêm ảnh
- Sửa ảnh
- Xóa ảnh

13
Điều kiện tiên quyết : Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt : Giao diện và các thao tác dễ dùng với người lần đầu
tiên sử dụng

f) Use Case Quản lý tài khoản thành viên

Hình 2.6: Biểu đồ use case quản lý tài khoản thành viên
Quản lý tài khoản
Tên : Quản lý tài khoản
Tóm tắt : Xem, thêm, sửa, xóa các tài khoản
Dòng sự kiện chính : Admin đăng nhập hệ thống để sử dụng các chức năng
Các dòng sự kiện :
1. Đăng nhập vào hệ thống
2. Hệ thống hiển thị các chức năng
- Xem thông tin tài khoản

14
 - Thêm mới tài khoản
- Sửa thông tin tài khoản
- Xóa tài khoản
Điều kiện tiên quyết : Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt : Giao diện và các thao tác dễ dùng với người lần đầu tiên sử
dụng

2.2. Biểu đồ trình tự

a) Biểu đồ trình tự – Login

Hình 2.7: Biểu đồ Sequence Diagram – Login

15
b) Biểu đồ trình tự – Quản lý sản phẩm

Hình 2.8: Biểu đồ trình tự– Quản lý sản phẩm

16
c) Biểu đồ trình tự – Quản lý đặt hàng

Hình 2.9: Biểu đồ trình tự – Quản lý đặt hàng

17
d) Biểu đồ trình tự – Quản lý tài khoản

Hình 2.10: Biểu đồ Sequence Diagram – Quản lý tài khoản

18
2.3. Biểu đồ lớp

Hình 2.11: Biểu đồ lớp

19
 CHƯƠNG 3 : KẾT QUẢ THỰC NGHIỆM
Giao diện người dùng:
3.1. Trang chủ

3.2. Trang login

20
3.3. Trang giỏ hàng

3.4. Trang thanh toán

21
Giao diện Admin:
3.5. Trang home

3.6. Trang quản lí admin

22
3.7. Trang quản lý danh mục sản phẩm

3.8. Trang quản lý sản phẩm

23
3.9. Trang quản lý bình luận

3.10. Trang quản lý quảng cáo

24
 KẾT LUẬN
Công nghệ thông tin mở ra triển vọng to lớn trong việc đổi mới các phương
pháp và hình thức dạy học. Những phương pháp dạy học theo cách tiếp cận kiến
tạo, phương pháp dạy học theo dự án, dạy học phát hiện và giải quyết vấn đề càng
có nhiều điều kiện để ứng dụng rộng rãi. Tiếp thu và ứng dụng những thành tựu
của công nghệ thông tin trong công việc kinh doanh. Cùng với việc sử dụng công
nghệ thông tin thực hành cho công việc quản lý, rất cần có những hệ thống quản lý
hiệu quả và tối ưu nhất, để góp phần tăng lên tính tích cực của việc quản lý.

Xong do kỹ năng lập trình còn kém nên giao diện chưa thực sự thân thiện
với người dùng và chỉ đáp ứng được một số yêu cầu của bài toán. Trong thời gian
tới em sẽ tiếp tục hoàn thiện các chức năng và bổ sung các chức năng mới để mang
lại sự tiện dụng cho người sử dụng. Trong tương lai em sẽ hoàn thiện đề tài và cố
gắng đáp ứng đầy đủ nhất các yêu cầu hệ thống thực đòi hỏi. Vì vậy kính mong
quý thầy cô có thể chỉ bảo để em có thể hoàn thành đề tài này tốt hơn.

25
 TÀI LIỆU THAM KHẢO

1. Trung tâm đào tạo Việt pro

26