You are on page 1of 59

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT HÀN
---

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: WEBSITE CUNG CẤP NỘI THẤT

Giảng viên hướng dẫn: TS. Nguyễn Hoàng Hải.

Sinh viên thực hiện:

Đà Nẵng, tháng năm 2021


ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ
TRUYỀN THÔNG VIỆT – HÀN

BÁO CÁO ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI
XÂY DỰNG WEBSITE CUNG CẤP NỘI THẤT

Đà Nẵng, tháng 12 năm 2021


Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

LỜI MỞ ĐẦU

1
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

LỜI CẢM ƠN
Nhu cầu mua và sử dụng các loại giày ngày càng nhiều. Trên thị trường ngày càng
xuất hiện nhiều cửa hàng, công ty chuyên mua bán, cung cấp đầy đủ các mẫu giày. Chính
vì vậyĐể hoàn
việc giớithành
thiệu đề
và tài
đưanày,
sản chúng
phẩm em
của xin
mìnhgửiđến
lờitay
cảm ơn chân
người thành
dùnglà mộtđến thầy
trong những
nhu cầuHoàng
Nguyễn thiết yếu.
Hải - giảng viên Trường đại học Công nghệ thông tin và Truyền thông
(CNTT Ngày
& TT)nay cùng
Việt vớiNgười
Hàn– sự phát triểndẫn
hướng nhanh chóng
chính - đã của Internet,
tận tình các và
chỉ bảo hình thứcdẫn
hướng mua và
bán hàng
chúng hóahoàn
em để cho thành
mọi người
đồ án.ngày càng đa dạng và phát triển hơn. Với sự phát triển mạnh
mẽ củaChúng
thương
emmại điện
cũng xintửcảm
giúp
ơnchúng
thầy côta Khoa
tiết kiệm
KHMTcác trường
chi phíđại
nhờhọcchiCNTT
phí vận chuyển
& TT
trungHàn
Việt gian,
đã chi phí đạt
truyền giaocho
dịch. Hơnem
chúng nữa thương
kiến mại điện
thức cũng như tử
kỹ còn
nănggiúp con người
để hoàn có thể
thành bài đồ tìm
kiếm
án này.tự động theo mục đích khác nhau, tự động cung cấp thông tin theo nhu cầu và sở
thích của con quá
Trong người. Giờlàm
trình đây,đồ
con
ánngười có thể thiếu
còn nhiều ngồi ởsót,
nhà chúng
mà có thể
emmua sắm mọi
rất mong thứ theo
nhận
ý muốn
được sựvàchỉ
cácbảo,
website
đóngbángóp
hàng
ý trên
kiếnmạng có thể
của các giúpcôta để
thầy làmchúng
được điều
em đó.
có điều kiện
bổ sung,
Bênkhắc
cạnhphục những
đó việc quảnhạn chế doanh
lý kinh của bàicủa
đồrất
ánnhiều
cơ sở này. bán hàng nói chung và
website
Chúng
website emnói
bán giày xinriêng
chânvẫn
thành
tiến cảm
hànhơn!
rất thủ công, việc ghi chép thông qua sổ sách gặp
rất nhiều trở ngại, gây khó khăn cho người quản lý khi muốn xem xét tình trạng mặt hàng.
Một vấn đề cấp thiết đặt ra trong quản lý là làm thế nào để chuẩn hóa cách xử lý dữ liệu
trên website. Đà Nẵng, ngày 00 tháng 00 năm 2021
Nhận thấy sự thiết thực ấy, nhóm em đã lựa chọn xây dựng Website cung cấp nội thất để giới thiệu về

mẫu mã, thương hiệu của những mẫu nội thất giúp người dùng tìm kiếm và đặt mua nhanh hơn, tiện lợi hơn. Mọi

người có thể truy cập website mọi lúc mọi nơi trên các thiết bị, rất tiện lợi, sẽ giúp người đọc tiết kiệm được rất

nhiều thời gian. Đồng thời website giúp người bán quản lý cửa hàng hiệu quả hơn.

2
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

NHẬN XÉT
(Của giảng viên hướng dẫn)

……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
…………………………………………………………………………………………

Đà Nẵng, ngày 00 tháng 00 năm 2021

Giảng viên hướng dẫn

3
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Contents
LỜI MỞ ĐẦU
Chương 1 TỔNG QUAN
1.1. Giới thiệu
1.1.1. Lí do chọn đề tài
1.1.2. Mục tiêu của website
Giúp cho khách hàng: Khách hàng là người có nhu cầu mua sắm nội thất. Họ sẽ tìm
kiếm những mặt hàng nội thất có trên website, vậy trang web phải giúp cho khách
hàng:
− Tìm kiếm và lựa chọn được sản phẩm
− Đặt mua hàng
− Theo dõi đơn hàng của mình.
Giúp nhà quản lý: Là người có quyền đăng nhập và làm chủ mọi hoạt động của hệ
thống trang web. Quản trị viên một tên đăng nhập và mật khẩu để truy cập vào hệ
thống để thực hiện các chức năng sau:
− Quản lý danh mục sản phẩm
− Quản lý tài khoản quản trị và tài khoản khách hàng.
− Quản lý sản phẩm.
− Quản lý đơn hàng.
1.1.3. Lợi ích khi có website
1.2. Phương pháp
1.3. Giới thiệu, mô tả, yêu cầu
1.3.1 Giới thiệu phân tích và thiết kế hệ thống Website cung cấp nội thất
1.3.2. Mô tả bài toán
1.3.3. Các yêu cầu của hệ thống
Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG VÀ TẠO CƠ SỞ DỮ LIỆU
2.1. Xác định các tác nhân (actors):
2.2. Xác định các trường hợp sử dụng (use case):
2.3 Đặc tả các trường hợp sử dụng (Use case descriptions):
2.3.1. Ca sử dụng: Tìm kiếm sản phẩm.
2.3.2. Ca sử dụng: Đăng ký thành viên
2.3.3. Ca sử dụng: Đăng nhập hệ thống
2.3.4. Ca sử dụng: Mua hàng
2.3.5. Ca sử dụng: Quản lí thành viên
2.3.6. Ca sử dụng: Quản lý sản phẩm.
2.3.7. Ca sử dụng: Quản lí đơn đặt hàng
2.3.8. Ca sử dụng: Thống kê
2.4. Biểu đồ trường hợp sử dụng (use case diagrams):
2.4.1. Ca sử dụng: Tìm kiếm sản phẩm
2.4.2. Ca sử dụng: Đăng ký thành viên
2.4.3. Ca sử dụng: Đăng nhập hệ thống
2.4.4. Ca sử dụng: Thêm vào giỏ hàng
2.4.5. Ca sử dụng: Mua hàng
2.4.6. Ca sử dụng: Quản lý sản phẩm

4
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

2.4.7. Ca sử dụng: Quản lý đơn đặt hàng


2.4.8. Ca sử dụng: Thống kê
2.5. Mô hình khái niệm (conceptual model of UML)
2.5.1. Biểu đồ lớp
2.6. Mô hình hóa hành vi
2.6.1. Biểu đồ tuần tự Tìm kiếm sản phẩm
2.6.2. Biểu đồ tuần tự Đăng ký thành viên
2.6.3. Biểu đồ tuần tự Đăng nhập hệ thống
2.6.4. Biểu đồ tuần tự Thêm vào giỏ hàng
2.6.5. Biểu đồ tuần tự Mua hàng
2.6.6. Biểu đồ tuần tự Quản lý đơn hàng, sản phẩm, khách hàng thành viên
2.6.7. Biểu đồ tuần tự Thống kê
2.7.Tạo cơ sở dữ liệu
2.7.1. Bảng tài khoản khách hàng
2.7.2. Bảng danh mục sản phẩm
2.7.3. Bảng thương hiệu sản phẩm
2.7.4. Bảng sản phẩm
2.7.5. Bảng thuộc tính bình luận sản phẩm
2.7.6. Bảng thư viện ảnh sản phẩm
2.7.7. Bảng tài khoản admin
2.7.8. Bảng danh mục bài viết
2.7.9 Bảng thông tin bài viết
2.7.10 Bảng thông tin mã giảm giá
2.7.11 Bảng thông tin slider
2.7.12 Bảng thông tin đơn hàng
2.7.13 Bảng thông tin chi tiết đơn hàng
2.7.14 Bảng thông tin thống kê
2.7.15 Bảng thông tin xã, phường, thị trấn
2.7.16 Bảng thông tin quận huyện
2.7.17 Bảng thông tin tỉnh, thành phố
2.7.18 Mô hình dữ liệu
Chương 3 XÂY DỰNG WEBSITE
3.1. Cấu hình website:
3.2. Sơ đồ chức năng hệ thống
3.3. Giao diện phía người dùng
3.3.1. Danh sách các giao diện
3.3.2. Chi tiết các giao diện
3.4. Giao diện phía người quản trị
3.4.1. Danh sách các giao diện:
3.4.2. Chi tiết các giao diện
Chương 4 KẾT LUẬN

5
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

MỤC LỤC HÌNH ẢNH

Hình 1. Biểu đồ hoạt động tìm kiếm sản phẩm


Hình 2. Biểu đồ hoạt động đăng ký thành viên
Hình 3. Biểu đồ hoạt động đăng nhập hệ thống
Hình 4. Biểu đồ hoạt động xem, cập nhật thông tin cá nhân
Hình 5. Biểu đồ hoạt động thêm vào giỏ hàng
Hình 6. Biểu đồ hoạt động mua hàng
Hình 7. Biểu đồ hoạt động kiểm tra giỏ hàng
Hình 8. Biểu đồ hoạt động đặt hàng
Hình 9. Biểu đồ hoạt động thanh toán
Hình 10. Biểu đồ hoạt động quản lý thành viên
Hình 11. Biểu đồ hoạt động quản lý sản phẩm
Hình 12. Biểu đồ hoạt động quản lý đơn đặt hàng
Hình 13. Biểu đồ hoạt động thống kê
Hình 14. Biểu đồ ca sử dụng chung
Hình 15. Biểu đồ ca sử dụng tìm kiếm sản phẩm
Hình 16. Biểu đồ ca sử dụng đăng ký thành viên
Hình 17. Biểu đồ ca sử dụng đăng nhập
Hình 18. Biểu đồ ca sử dụng xem, cập nhật thông tin cá nhân
Hình 19. Biểu đồ ca sử dụng thêm vào giỏ hàng
Hình 20. Biểu đồ ca sử dụng mua hàng
Hình 21. Biểu đồ ca sử dụng quản lý thành viên
Hình 22. Biểu đồ ca sử dụng quản lý sản phẩm
Hình 23. Biểu đồ ca sử dụng quản lý đơn đặt hàng
Hình 24. Biểu đồ ca sử dụng thống kê
Hình 25. Mô hình các lớp biên
Hình 26. Mô hình các lớp điều khiển
Hình 27. Biều đồ lớp hệ thống mức phân tích
Hình 28. Biểu đồ tuần tự tìm kiếm sản phẩm
Hình 29. Biểu đồ tuần tự đăng ký thành viên
Hình 30. Biểu đồ tuần tự đăng nhập hệ thống
Hình 31. Biểu đồ tuần tự xem, sửa thông tin cá nhân
Hình 32. Biểu đồ tuần tự thêm vào giỏ hàng
6
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 33. Biểu đồ tuần tự quản lý đơn hàng, sản phẩm, khách hàng thành viên
Hình 34. Biểu đồ tuần tự thống kê
Hình 57. Bảng lưu trữ thông tin tài khoản khách hàng
Hình 58. Bảng lưu trữ danh mục sản phẩm
Hình 59. Bảng lưu trữ thương hiệu sản phẩm
Hình 60. Bảng lưu trữ thông tin sản phẩm
Hình 61. Bảng lưu trữ thuộc tính sản phẩm
Hình 62. Bảng lưu trữ ảnh sản phẩm
Hình 63. Bảng lưu trữ tài khoản admin
Hình 35. Trang đăng nhập
Hình 36. Trang đăng ký
Hình 37. Banner trang chủ
Hình 38. Giao diện trang chủ
Hình 39. Footer của trang
Hình 40. Trang sản phẩm
Hình 41. Trang chi tiết sản phẩm
Hình 44. Tìm kiếm
Hình 45. Trang menu sản phẩm
Hình 46. Trang giỏ hàng
Hình 47. Trang đăng nhập
Hình 48. Trang quản lý danh mục
Hình 49. Sửa sản phẩm
Hình 50. Sửa thông tin sản phẩm
Hình 52. Trang quản lý thư viện ảnh sản phẩm
Hình 53. Trang quản lý thuộc tính sản phẩm

7
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Chương 1 TỔNG QUAN


o 1.1. Giới thiệu

▪ 1.1.1. Lí do chọn đề tài

▪ Xây dựng các trang web thương mại điện tử là việc làm cần thiết.
Việc có cho doanh nghiệp kinh doanh của mình một trang web bán hàng, vừa nâng cao sự
uy tín và chất lượng mà vừa là nơi quảng cáo tốt nhất cho sản phẩm của mình đến rất nhiều
người thông qua internet. Ngoài ra, website còn giúp doanh nghiệp kinh doanh quản lý tốt
nhất các sản phẩm và đơn đặt hàng thông qua phần quản trị hệ thống của website. Vì vậy,
em quyết định chọn đề tài “Kinh doanh nội thất” để giải quyết bài toán đặt ra trong thực tế.

▪ 1.1.2. Mục tiêu của website

▪ Giúp cho khách hàng: Khách hàng là người có nhu cầu mua sắm nội
thất. Họ sẽ tìm kiếm những mặt hàng nội thất có trên website, vậy trang
web phải giúp cho khách hàng:

▪ − Tìm kiếm và lựa chọn được sản phẩm

▪ − Đặt mua hàng

▪ − Theo dõi đơn hàng của mình.

▪ Giúp nhà quản lý: Là người có quyền đăng nhập và làm chủ mọi
hoạt động của hệ thống trang web. Quản trị viên một tên đăng nhập và
mật khẩu để truy cập vào hệ thống để thực hiện các chức năng sau:

▪ − Quản lý danh mục sản phẩm

▪ − Quản lý tài khoản quản trị và tài khoản khách hàng.

▪ − Quản lý sản phẩm.

▪ − Quản lý đơn hàng.

▪ 1.1.3. Lợi ích khi có website


− Tiện lợi, sử dụng được mọi lúc mọi với vài thao tác.
− Giới thiệu về sản phẩm dưới góc nhìn người dùng, mau chóng tìm được sản phẩm
phù hợp.
− Chọn và mua loại sản phẩm ưa thích nhanh nhất.
− Điều chỉnh thông tin sản phẩm nhanh chóng.
− Thống kê chi tiết hoạt động mua bán.
8
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

o 1.2. Phương pháp


− Đọc xem tài liệu, và tìm hiểu các mã nguồn mở thiết kế một giao diện phù hợp với
yêu cầu đặt ra của trang web.
− Thu thập thông tin từ nhiều nguồn khác nhau liên quan đến bán giày, tổng hợp và
phân tích, rút ra những yếu tố cần thiết để đưa vào đồ án.
− Sử dụng các framework như bootstrap, laravel,… các kiến thức về web
responsive, web kinh doanh, bán hàng.
1.3. Giới thiệu, mô tả, yêu cầu

▪ 1.3.1 Giới thiệu phân tích và thiết kế hệ thống Website cung cấp nội
thất
Với tốc độ công nghiệp hóa- hiện đại hóa trong nhiều năm gần đây, công nghệ
thông tin đã và đang phát triển trên mọi mặt, trở thành động lực của sự phát triển. Phạm
vi ứng dụng của công nghệ thông tin đã được mở rộng và góp mặt trên rất nhiều các lĩnh
vực như truyền thông, tự động hóa, quản trị các hoạt động của con người và xã hội…
Với mục đích xây dựng một hệ thống website cung cấp nội thất đơn giản, thân
thiện, dễ sử dụng đem lại cho khách hàng những lựa chọn tối ưu nhất để có thể tìm kiếm,
xem và mua nội thất mà không cần mất nhiều thời gian. Sản phẩm mà website muốn
hướng đến là nội thất, mặt hàng đem lại những thẩm mĩ tuyệt vời cho mọi nhà. Do đó, từ
đề tài “Phân tích và thiết kế hệ thống Website cung cấp nội thất” này của chúng em
mong muốn người sử dụng có một trải nghiệm tốt nhất trên website.

▪ 1.3.2. Mô tả bài toán


Hệ thống bán giày qua website là một hệ thống cung cấp cho người sử dụng, người
quản trị những chức năng cần thiết để cập nhật, mua bán, quản trị hoạt động của website.
Đối với khách hàng, hệ thống cho phép tìm kiếm, xem chi tiết thông tin các sản phẩm
trên website và đặt hàng, mua hàng. Sau khi chọn sản phẩm xong thì chuyển qua thanh
toán đồng thời chọn địa điểm và xác định thời gian giao hàng. Thực hiện xong khách
hàng tiến hành xác nhận thanh toán và đợi nhận hàng từ bộ phận chuyển phát và kết thúc
giao dịch.

▪ 1.3.3. Các yêu cầu của hệ thống

a. Yêu cầu chức năng:


− Chức năng tìm kiếm sản phẩm.
− Chức năng đăng ký, đăng nhập thành viên.
− Chức năng xem, cập nhật thông tin .
− Chức năng thêm vào giỏ hàng.
− Chức năng mua hàng.
− Chức năng quản lý thông tin: gồm quản lý thành viên, quản lý danh mục sản phẩm.
− Chức năng thống kê.
9
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

b. Yêu cầu phi chức năng:


− Giao diẹn thân thiện dễ tiếp cận với người dùng.
− Website không quá phức tạp, giao diện dễ nhìn, màu sắc hài hòa
− Đảm bảo tính chính xác trên mọi trình duyệt khác nhau.
− Về độ bảo mật: An toàn bảo mật dữ liệu.
− Đáp ứng độ tin cậy, cùng hiệu quả trên thời gian và không gian.
− Chuyển giao dễ dàng và dễ triêrn khai.
− Nội dung hiển thị một cách khoa học và chi tiết hteo từng chuyên mục được bố trí
một cách rõ ràng, nhằm thúc đẩy tốt nhất việc giao thương trên website, tương
tác hệ thống cao

10
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG VÀ


TẠO CƠ SỞ DỮ LIỆU
o 2.1. Xác định các tác nhân (actors):
- Khách hàng: người ghé thăm website, xem, tìm kiếm sản phẩm và có thể mua hàng.
- Thành viên: đăng nhập hệ thống, gồm khách hàng đã đăng ký
- Người quản trị: điều hành, quản lý và theo dõi mọi hoạt động của hệ thống: thêm,
sửa, xóa thành viên; thêm, sửa, xóa sản phẩm và tác giả, xác nhận mua hàng.
- Hệ thống ngân hàng: xác nhận thông tin tài khoản của khách hàng, trung gian
chuyển tiền của khách hàng sang tài khoản của cửa hàng.

o 2.2. Xác định các trường hợp sử dụng (use case):


- Khách hàng:
+ Đăng ký thành viên.
+ Tìm kiếm sản phẩm.
+ Mua sản phẩm.
-Thành viên:
+ Đăng nhập, đăng xuất.
+ Xem, sửa thông tin.
+ Tìm kiếm, xem sản phẩm.
+ Xem, cập nhật giỏ hàng.
+ Mua giày.
+ Thanh toán.
-Người quản trị:
+ Thêm, sửa, xóa thông tin sản phẩm.
+ Xác nhận thanh toán.
+ Kiểm tra đơn hàng.
+ Xác nhận đơn hàng.
-Hệ thống ngân hàng:
+ Thanh toán.

o 2.3 Đặc tả các trường hợp sử dụng (Use case descriptions):

▪ 2.3.1. Ca sử dụng: Tìm kiếm sản phẩm.


− Các tác nhân: Khách hàng.
− Điều kiện trước: Khách hàng ghé thăm hệ thống.
− Điều kiện sau: Khi Khách hàng có nhu cầu biết thông tin về sản phẩm.
− Mô tả: Khách hàng vào hệ thống để tìm kiếm sản phẩm nào đó.
− Các sự kiện chính:
Hành động của tác nhân Hành động của hệ thống

11
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
1.Khách hàng kích vào mục tìm kiếm. 2.Hệ thống hiển thị form tìm kiếm: tìm
kiếm theo tên giày, thương hiệu, kiểu dáng,
kích cỡ…
3.Khách hàng nhập thông tin cần thiết
vào form tìm kiếm và nhấn nút tìm 4.Hệ thống hiển thị kết quả tìm kiếm.
kiếm.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
3. Khách hàng không nhập đúng 4. Hệ thống không hiển thị kết quả.
thông tin tìm kiếm.

− Biểu đồ hoạt động:

Hình 1. Biểu đồ hoạt động tìm kiếm sản phẩm

▪ 2.3.2. Ca sử dụng: Đăng ký thành viên


− Các tác nhân: Khách hàng .
− Điều kiện trước: Khách hàng ghé thăm hệ thống và cung cấp thông tin cần thiết để
tạo tài khoản.
− Điều kiện sau: Khách hàng trở thành thành viên của hệ thống.
− Mô tả: Khách hàng cung cấp đầy đủ thông tin cần thiết đăng ký thành viên hệ thống
và có quyền lợi như một khách hàng thành viên.

12
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
− Các sự kiện chính:
Hành động của tác nhân Hành động của hệ thống
1. Một khách hàng sau khi ghé thăm 2. Hiển thị form đăng ký cho khách
website và muốn tạo tài khoản đăng nhập hàng.
vào website sẽ phải đăng ký để thực hiện.
3. Khách hàng cung cấp đầy đủ thông tin
cần thiết mà hệ thống yêu cầu và nhấn 4. Hệ thống báo kết quả quá trình nhập
Đăng ký. thông tin cá nhân.
5. Xác nhận thông tin.
6. Hệ thống cập nhật thông tin của khách
hàng vừa đăng ký vào danh sách thành
7. Khách hàng đã trở thành thành viên của viên.
hệ thống.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
3. Khách hàng không cung cấp đủ thông 4. Hệ thống sẽ thông báo yêu cầu khách
tin cần thiết. hàng nhập đầy đủ thông tin hoặc thoát
ra khỏi form đăng ký.

− Biểu đồ hoạt động:

13
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 2. Biểu đồ hoạt động đăng ký thành viên

▪ 2.3.3. Ca sử dụng: Đăng nhập hệ thống


− Các tác nhân: Thành viên
− Điều kiện trước: Người vào hệ thống đã đăng ký là thành viên của hệ thống.
− Điều kiện sau: Tên và mật khẩu của thành viên hợp lệ, đăng nhập thành công.
− Mô tả: Khách hàng nhập tên và mật khẩu, hệ thống cho phép đăng nhập thành công
nếu là thành viên của hệ thống.
− Các sự kiện chính:
Hành động của tác nhân Hành động của hệ thống
1.Thành viên chọn chức năng đăng nhập. 2. Hệ thống hiển thị form đăng nhập.
3. Thành viên nhập tên và mật khẩu vào 4. Hệ thống kiểm tra tên và mật khẩu của
form đăng nhập. thành viên có hợp lệ không.
5. Hệ thống hiển thị thành viên đăng
nhập thành công.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
5. Hệ thông báo nhập sai thông tin, hiển
6. Thành viên đăng nhập lại hoặc chọn thị form nhập lại.
chức năng quên mật khẩu ở hệ thống.
14
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
8. Thành viên tiếp tục đăng nhập hệ thống 7. Hệ thống hiển thị chức năng tạo mật
hoặc rời khỏi. khẩu mới.

− Biểu đồ hoạt động:

Hình 3. Biểu đồ hoạt động đăng nhập hệ thống

▪ 2.3.4. Ca sử dụng: Mua hàng


− Các tác nhân: Khách hàng, Hệ thống ngân hàng, Người quản trị.
− Điều kiện trước: Khách hàng vào hệ thống chọn sản phẩm cần mua thêm vào giỏ
hàng.
− Điều kiện sau: Xác nhận mua giày thành công. 
− Mô tả: Khách hàng vào hệ thống xem các sản phẩm, bỏ vào giỏ hàng, người quản
trị kiểm duyệt, hệ thống ghi nhận và thông báo số tiền, nếu sử dụng thẻ thì phải có sự xác
nhận của hệ thống ngân hàng.
− Các sự kiện chính:

Hành động của tác nhân Hành động của hệ thống


1. Khách hàng vào hệ thống xem các sản 2. Hệ thống hiển thị các sản phẩm.
phẩm.
3. Khách hàng lựa chọn sản phẩm và bấm 4. Hệ thống hiển thị thông tin giỏ hàng
vào nút mua ngay. hiện tại cho khách hàng.
15
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
5. Khách hàng kiểm tra giỏ hàng và nhấn 6. Hệ thống tính tiền và gửi xác nhận địa
nút mua hàng. chỉ giao hàng của khách hàng.
7. Khách hàng xác nhận và lựa chọn 8. Nếu lựa chọn thanh toán qua thẻ ngân
phương thức thanh toán. hàng thì bên ngân hàng xác nhận.
9.Người quản trị kiểm duyệt xác nhận
đặt hàng thành công.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
6. Hệ thống thông báo không thể mua
sản phẩm vì hết hàng.
7. Khách hàng không xác nhận, đơn hàng 8. Nếu tài khoản trong thẻ không đủ thì
bị hủy. ngân hàng sẽ không xác nhận, đơn hàng
bị hủy bỏ.

− Biểu đồ hoạt động:

Hình 6. Biểu đồ hoạt động mua hàng

16
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 7. Biểu đồ hoạt động kiểm tra giỏ hàng

Hình 8. Biểu đồ hoạt động đặt hàng


17
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 9. Biểu đồ hoạt động thanh toán

▪ 2.3.5. Ca sử dụng: Quản lí thành viên


−  Các tác nhân: Người quản trị
−  Điều kiện trước: Người quản trị đăng nhập thành công vào hệ thống.
−  Điều kiện sau: Người quản trị hệ thống được thông tin của các thành viên trong hệ
thống.
−  Mô tả: Người quản trị vào hệ thống, truy cập vào chức năng quản lý Khách hàng,
xem thông tin Khách hàng và cập nhập một số thông tin của khách hàng hoặc nhân viên . 
−  Các sự kiện chính:
Hành động của tác nhân Hành động của hệ thống
1. Người quản trị truy cập vào hệ thống, 2.Hệ thống yêu cầu chọn quản lý khách
chọn chức năng quản lý Khách hàng. hàng hoặc quản lý nhân viên.
3. Nếu người quản trị chọn chức năng 4.Hệ thống hiển thị form quản lý nhân viên.
quản lý nhân viên.  6.Hệ thống hiển thị kết quả và yêu cầu xác
5. Người quản trị xem, cập nhật thông tin nhận.
nhân viên, lịch làm việc và quản lý việc
chấm lương.

18
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
7. Người quản trị xác nhận hoàn thành. 9. Hệ thống hiển thị form quản lý khách
8. Nếu người quản trị chọn chức năng hàng.
quản lý khách hàng. 11.Hệ thống hiển thị kết quả và yêu cầu xác
10. Người quản trị xem, cập nhật thông tin nhận.
khách hàng, quản lý điểm tích lũy mua
hàng.
12. Người quản trị xác nhận hoàn thành.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
7. Người quản lý không xác nhận hoàn 8.Hệ thống hiển thị lại form quản lý.
thành.

− Biểu đồ hoạt động:

Hình 10. Biểu đồ hoạt động quản lý thành viên

▪ 2.3.6. Ca sử dụng: Quản lý sản phẩm.


− Các tác nhân: Người quản trị.
− Điều kiện trước: Người quản trị đăng nhập vào hệ thống thành công.
− Điều kiện sau: Website được người quản trị cập nhật thông tin sản phẩm.
− Mô tả: Người quản trị kiểm tra sản phẩm cập nhật trên hệ thống.
− Các sự kiện chính:

19
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hành động của tác nhân Hành động của hệ thống


1.Người quản trị đăng nhập vào hệ thống 2.Hệ thống yêu cầu chọn quản lý sản
thành công. phẩm.
3. Người quản trị chọn chức năng quản lý 4.Hệ thống hiển thị form quản lý sản
sản phẩm. phẩm.
5. Người quản trị kiểm tra sản phẩm.
6. Người quản trị cập nhật thông tin sản 7. Hệ thống tiếp nhận và cập nhật thông
phẩm lên hệ thống. tin lên website.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
6. Cập nhật thông tin sai. 7. Hệ thống cập nhật thông tin sai.

− Biểu đồ hoạt động:

Hình 11. Biểu đồ hoạt động quản lý sản phẩm

▪ 2.3.7. Ca sử dụng: Quản lí đơn đặt hàng


− Các tác nhân: Người quản trị
− Điều kiện trước: Người quản trị đăng nhập thành công vào hệ thống.
20
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
− Điều kiện sau: Người quản trị hệ thống được các đơn đặt hàng trong hệ thống.
− Mô tả: Người quản trị vào hệ thống, truy cập vào chức năng quản lý đơn đặt hàng,
xem thông tin đơn hàng và cập nhập một số thông tin của đơn hàng.
− Các sự kiện chính:
Hành động của tác nhân Hành động của hệ thống
1. Người quản trị truy cập vào hệ thống, 2.Hệ thống hiển thị form quản lý đơn đặt
chọn chức năng quản lý đơn đặt hàng. hàng.
3. Người quản trị xem, cập nhật thông tin 4.Hệ thống hiển thị kết quả và yêu cầu
đơn hàng. xác nhận.
5. Người quản trị xác nhận hoàn thành.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
5. Người quản trị không xác nhận hoàn 6. Hệ thống hiển thị lại form quản lý.
thành.

− Biểu đồ hoạt động:

Hình 12. Biểu đồ hoạt động quản lý đơn đặt hàng

21
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
▪ 2.3.8. Ca sử dụng: Thống kê
− Các tác nhân: Người quản trị.
− Điều kiện trước: Người quản trị đăng nhập vào hệ thống thành công.
− Điều kiện sau: Sản phẩm, số lượng thành viên đăng ký được thống kê.
− Mô tả: Thống kê tất cả sản phẩm, doanh thu.
− Các sự kiện chính:
Hành động của tác nhân Hành động của hệ thống
1.Hệ thống tự động thống kê và gửi về
2.Nhận xử lý thông tin và làm báo cáo. người quản trị.

− Các sự kiện phụ:


Hành động của tác nhân Hành động của hệ thống
1.Hệ thống không thể cập nhật và thống
kê.
2. Người quản trị không có thông tin để
làm báo cáo.

− Biểu đồ hoạt động:

Hình 13. Biểu đồ hoạt động thống kê

22
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
o 2.4. Biểu đồ trường hợp sử dụng (use case diagrams):

Hình 14. Biểu đồ ca sử dụng chung

▪ 2.4.1. Ca sử dụng: Tìm kiếm sản phẩm


- Ca sử dụng này mô tả các bước tìm kiếm sản phẩm của tác nhân khách hàng trên hệ
thống.

Hình 15. Biểu đồ ca sử dụng tìm kiếm sản phẩm

23
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
▪ 2.4.2. Ca sử dụng: Đăng ký thành viên
- Ca sử dụng này mô tả các bước đăng ký thành viên của tác nhân khách hàng vào hệ
thống.

Hình 16. Biểu đồ ca sử dụng đăng ký thành viên

▪ 2.4.3. Ca sử dụng: Đăng nhập hệ thống


- Ca sử dụng này mô tả các bước đăng nhập hệ thống của tác nhân thành viên vào hệ
thống.

Hình 17. Biểu đồ ca sử dụng đăng nhập

▪ 2.4.4. Ca sử dụng: Thêm vào giỏ hàng


- Ca sử dụng này mô tả các bước thêm vào giỏ hàng của tác nhân khách hàng trên hệ
thống.

Hình 19. Biểu đồ ca sử dụng thêm vào giỏ hàng

24
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
▪ 2.4.5. Ca sử dụng: Mua hàng
- Ca sử dụng này mô tả các bước mua hàng của tác nhân khách hàng trên hệ thống.

Hình 20. Biểu đồ ca sử dụng mua hàng

▪ 2.4.6. Ca sử dụng: Quản lý sản phẩm


- Ca sử dụng này mô tả các bước quản lý sản phẩm của tác nhân người quản trị trên
hệ thống.

Hình 22. Biểu đồ ca sử dụng quản lý sản phẩm

▪ 2.4.7. Ca sử dụng: Quản lý đơn đặt hàng


- Ca sử dụng này mô tả các bước qunr lý đơn đặt hàng của tác nhân người quản trị
trên hệ thống.

25
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 23. Biểu đồ ca sử dụng quản lý đơn đặt hàng

▪ 2.4.8. Ca sử dụng: Thống kê


- Ca sử dụng này mô tả các bước thống kê của tác nhân người quản trị trên hệ thống.

Hình 24. Biểu đồ ca sử dụng thống kê

26
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
o 2.5. Mô hình khái niệm (conceptual model of UML)

▪ 2.5.1. Biểu đồ lớp

Hình 27. Biều đồ lớp hệ thống mức phân tích

27
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
o 2.6. Mô hình hóa hành vi

▪ 2.6.1. Biểu đồ tuần tự Tìm kiếm sản phẩm

Hình 28. Biểu đồ tuần tự tìm kiếm sản phẩm

28
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
▪ 2.6.2. Biểu đồ tuần tự Đăng ký thành viên

Hình 29. Biểu đồ tuần tự đăng ký thành viên

▪ 2.6.3. Biểu đồ tuần tự Đăng nhập hệ thống

Hình 30. Biểu đồ tuần tự đăng nhập hệ thống

▪ 2.6.4. Biểu đồ tuần tự Thêm vào giỏ hàng

29
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 32. Biểu đồ tuần tự thêm vào giỏ hàng

▪ 2.6.5. Biểu đồ tuần tự Mua hàng

30
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
Hình 26. Biểu đồ tuần tự mua hàng

▪ 2.6.6. Biểu đồ tuần tự Quản lý đơn hàng, sản phẩm, khách hàng thành
viên

Hình 33. Biểu đồ tuần tự quản lý đơn hàng, sản phẩm, khách hàng thành viên

▪ 2.6.7. Biểu đồ tuần tự Thống kê

Hình 34. Biểu đồ tuần tự thống kê

31
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
o 2.7.Tạo cơ sở dữ liệu

▪ 2.7.1. Bảng tài khoản khách hàng


- Lưu thông tin tài khoản của khách hàng.

Hình 57. Bảng lưu trữ thông tin tài khoản khách hàng

▪ 2.7.2. Bảng danh mục sản phẩm


- Lưu thông tin danh mục sản phẩm.

Hình 58. Bảng lưu trữ danh mục sản phẩm

▪ 2.7.3. Bảng thương hiệu sản phẩm


- Lưu thông tin của thương hiệu sản phẩm.

Hình 59. Bảng lưu trữ thương hiệu sản phẩm


32
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
▪ 2.7.4. Bảng sản phẩm
- Lưu thông tin của từng sản phẩm.

Hình 60. Bảng lưu trữ thông tin sản phẩm

▪ 2.7.5. Bảng thuộc tính bình luận sản phẩm


- Lưu thông tin của từng bình luận sản phẩm

Hình 61. Bảng lưu trữ bình luận sản phẩm

▪ 2.7.6. Bảng thư viện ảnh sản phẩm


- Lưu ảnh của từng sản phẩm.

Hình 62. Bảng lưu trữ ảnh sản phẩm

33
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
▪ 2.7.7. Bảng tài khoản admin
- Lưu thông tin của tài khoản admin.

Hình 63. Bảng lưu trữ tài khoản admin

▪ 2.7.8. Bảng danh mục bài viết


- Lưu thông tin danh mục bài viết.

Hình 64. Bảng lưu trữ danh mục bài viết

▪ 2.7.9 Bảng thông tin bài viết


- Lưu thông tin bài viết.

Hình 65. Bảng lưu trữ thông tin bài viết

▪ 2.7.10 Bảng thông tin mã giảm giá


- Lưu thông tin mã giảm giá.

34
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 66. Bảng lưu trữ thông tin mã giảm giá

▪ 2.7.11 Bảng thông tin slider


Lưu thông tin hiển thị slider.

Hình 67. Bảng lưu trữ thông tin slider

▪ 2.7.12 Bảng thông tin đơn hàng


- Lưu thông tin đơn hàng.

Hình 68. Bảng lưu trữ thông tin đơn hàng

▪ 2.7.13 Bảng thông tin chi tiết đơn hàng


- Lưu thông tin chi tiết đơn hàng.

35
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 69. Bảng lưu trữ thông tin chi tiết đơn hàng

▪ 2.7.14 Bảng thông tin thống kê


- Lưu thông tin chi tiết đơn hàng

Hình 70. Bảng lưu trữ thông tin chi tiết đơn hàng

▪ 2.7.15 Bảng thông tin xã, phường, thị trấn


- Lưu thông tin chi tiết xã phường, thị trấn

Hình 71. Bảng lưu trữ thông tin xã phường, thị trấn

▪ 2.7.16 Bảng thông tin quận huyện


- Lưu thông tin chi tiết quận huyện

Hình 72. Bảng lưu trữ thông tin quận huyện

36
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

▪ 2.7.17 Bảng thông tin tỉnh, thành phố


- Lưu thông tin chi tiết tỉnh, thành phố

Hình 73. Bảng lưu trữ thông tin quận huyện

▪ 2.7.18 Mô hình dữ liệu


- Thể hiện thông tin liên kết giữa các bảng

Hình 74. Mô hình dữ liệu

37
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Chương 3 XÂY DỰNG WEBSITE


o 3.1. Công cụ phát triển và môi trường làm việc:

▪ 3.1.1 Công cụ lập trình.


Visual studio là một phần mềm hỗ trợ đắc lực hỗ trợ công việc lập trình website. Công cụ
này được tạo lên và thuộc quyền sở hữu của ông lớn công nghệ Microsoft. Năm 1997,
phần mềm lập trình nay có tên mã Project Boston. Nhưng sau đó, Microsoft đã kết hợp
các công cụ phát triển, đóng gói thành sản phẩm duy nhất. 

Visual Studio là hệ thống tập hợp tất cả những gì liên quan tới phát triển ứng dụng, bao
gồm  trình chỉnh sửa mã, trình thiết kế, gỡ lỗi. Tức là, bạn có thể viết code, sửa lỗi, chỉnh
sửa thiết kế ứng dụng dễ dàng chỉ với 1 phần mềm Visual Studio mà thôi.  Không dừng
lại ở đó, người dùng còn có thể thiết kế giao diện, trải nghiệm trong Visual Studio như
khi phát triển ứng dụng Xamarin, UWP bằng XAML hay Blend vậy.

Phần mềm Visual studio được chia thành 2 phiên bản Visual Studio Enterprise và Visual
Studio Professional, các phiên bản cao cấp có tính phí này được sử dụng nhiều bởi
các công ty chuyên về lập trình. Bên cạnh đó, Microsoft cũng cho ra mắt phiên bản
Community (phiên bản miễn phí) của gói phần mềm, cung cấp cho người dùng những
tính năng cơ bản nhất, phù hợp với các đối tượng lập trình không chuyên, mới tiếp cận
tìm hiểu về công nghệ (đối tượng nghiên cứu, nhà phát triển cá nhân, hỗ trợ dự án mỡ,
các tổ chức phi doanh nghiệp dưới 5 người dùng).

3.1.2 Hệ quản trị nội dung, Ngôn ngữ và cơ sở dữ liệu

38
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
− Ngôn ngữ HTML
Ngôn ngữ HTML (HyperText Markup Language – ngôn ngữ siêu văn bản) là một
trong các loại ngôn ngữ được sử dụng trong lập trình web. Khi truy cập một trang web cụ
thể là click vào các đường link, bạn sẽ được dẫn tới nhiều trang các nhau, và các trang
này được gọi là một tài liệu HTML (tập tin HTML).

Hình 3.2. Ngôn ngữ HTML.


HTML, theo đúng nghĩa của nó, là một loại ngôn ngữ đánh dấu siêu văn bản, thế
nên các chức năng của nó cũng xoay quanh yếu tố này. Cụ thể, HTML giúp cấu thành các
cấu trúc cơ bản trên một website (chia khung sườn, bố cục các thành phần trang web) và
góp phần hỗ trợ khai báo các tập tin kĩ thuật số như video, nhạc, hình ảnh.
− Ngôn ngữ CSS:
CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng
để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như
HTML). Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử
trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng
ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang,
đổi màu chữ, thay đổi cấu trúc,…rất nhiều.

Hình 3.3. Ngôn ngữ CSS.


Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn
có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp
dụng các thuộc tính cần thay đổi lên vùng chọn đó.
− Ngôn ngữ lập trình: PHP

39
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình
kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho
máy chủ, mã nguồn mở, dùng cho mục đích tổng quát.

Hình 3.4. Ngôn ngữ lập trình PHP.


PHP rất thích hợp với web. Thực chất PHP là ngôn ngữ kịch bản nhúng trong
HTML, nó còn là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ, là một công
nghệ phía máy chủ (Sever-Slide) và không phụ thuộc vào môi trường.
− Laravel
Laravel là PHP Web Framework miễn phí, mã nguồn mở, được tạo bởi Taylor
Otwell và dành cho việc phát triển các ứng dụng web theo mô hình kiến trúc mô hình
MVC và dựa trên Symfony PHP Framework. Một số tính năng của Laravel như là sử dụng
hệ thống đóng gói module, quản lý package (Composer), hỗ trợ nhiều hệ quản trị
CSDL quan hệ (MySQL, MariaDB, SQLite, PostgreSQL,…), các tiện ích hỗ trợ triển khai
và bảo trì ứng dụng.

Hình 3.5. LARAVEL


− Hệ quản trị MySQL
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và
được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì MySQL là
cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều
hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. Với tốc độ và tính
bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet.
MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. Nó có nhiều
phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng

40
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix,
Solaris, SunOS,...

Hình 3.6. Hệ quản trị cơ sở dữ liệu MySQL.


MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan
hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL). MySQL được sử dụng cho việc bổ trợ
PHP, Perl, và nhiều ngôn ngữ khác, nó làm nơi lưu trữ những thông tin trên các trang
web viết bằng PHP hay Perl,...
− XAMPP
Phần mềm XAMPP là một loại ứng dụng phần mềm khá phổ biến và thường hay
được các lập trình viên sử dụng để xây dựng và phát triển các dựa án website theo
ngôn ngữ PHP. XAMPP thường được dùng để tạo máy chủ web (web server)được
tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như
phpMyAdmin.

Hình 3.7. XAMPP


XAMPP được xem là một bộ công cụ hoàn chỉnh dành cho lập trình viên PHP trong việc
thiết lập và phát triển các website.

Đặc biệt, Xampp có giao diện quản lý khá tiện lợi, cho phép người dùng chủ động bật tắt
hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào. Phần mềm này cũng được thiết
lập và phát triển dựa trên mã nguồn mở.

41
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

o 3.2. Sơ đồ chức năng hệ thống

Website cung cấp nội thất


MakeMyHome

Trang quản trị


Trang giao diện người dùng

o 3.3. Giao diện phía người dùng

▪ 3.3.1. Danh sách các giao diện

STT Tên Mô tả
1 Trang đăng nhập Trang giúp thành viên có thể đăng nhập
vào hệ thống.
2 Trang chủ Trang mở ra đầu tiên khi khách hàng
truy cập webstite.
3 Trang sản phẩm mới Hiển thị tất cả sản phẩm mới trong
tuần,trong tháng.
4 Trang chi tiết sản phẩm Xem chi tiết 1 sản phẩm
5 Trang kết quả tìm kiếm Trang hiển thị các kết quả được tìm kiếm
khi người dùng nhập từ khóa trên thanh
tìm kiếm.
6 Trang giỏ hàng và thanh toán Trang hiển thị các sản phẩm được thêm
vào giỏ hàng và thông tin thanh toán sản.

▪ 3.3.2. Chi tiết các giao diện

− Trang đăng nhập, đăng ký

42
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 35. Trang đăng nhập

Hình 36. Trang đăng ký

43
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
− Trang chủ

Hình 37. Banner trang chủ

Hình 38. Giao diện trang chủ

44
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 39. Footer của trang

− Trang sản phẩm

Hình 40. Trang sản phẩm

− Trang chi tiết sản phẩm

45
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 41. Trang chi tiết sản phẩm

− Trang tìm kiếm


Khách hàng nhập thông tin muốn tìn kiếm trên thanh tìm kiếm, các sách tương ứng
(nếu có) sẽ được hiện ra cho khách hàng lựa chọn.

Hình 44. Tìm kiếm

46
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 45. Trang thanh toán

− Trang giỏ hàng

Hình 46. Trang giỏ hàng

47
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
o 3.4. Giao diện phía người quản trị

▪ 3.4.1. Danh sách các giao diện:

STT Tên Mô tả
1 Trang đăng nhập Trang để Admin có thể đăng nhập vào
hệ thống.
2 Trang quản lý danh mục Trang quản lý tất cả các danh mục sản
phẩm, có thể xem, sửa, xóa tất cả các
thông tin.
3 Trang quản lý thương hiệu Trang quản lý tất cả các sản phẩm, có
thể xem, sửa, xóa tất cả các thông tin.
4 Trang quản lý sản phẩm Trang quản lý tất cả các chi tiết của giày,
có thể xem, sửa, xóa tất cả các thông tin.
5 Trang quản lý đơn đặt hàng Trang quản lý tất cả các đơn đặt hàng, có
thể xem, sửa, xóa tất cả các thông tin.
6 Trang quản lý mã giảm giá Trang quản lý tất cả các mã giảm giá, có
thể xem, sửa, xóa tất cả các thông tin.
7 Trang kết quả thống kê Trang hiển thị các kết quả được thống kê
nhằm quản trị viên dễ dàng theo dõi.
8 Trang quản lý đơn hàng Trang quản lý tất cả các đơn hàng, có thể
xem, sửa, xóa tất cả các thông tin.
9 Trang quản lý bình luận Trang quản lý tất cả các bình luận, có thể
duyệt, trả lời tất cả các bình luận.
10 Trang quản lý bài viết Trang quản lý tất cả các bài viết, có thể
xem, sửa, xóa tất cả các thông tin.
11 Trang quản lý banner Trang quản lý tất cả các banner, có thể
xem, sửa, xóa tất cả các thông tin.
12 Trang quản lý thông tin cửa hàng Trang quản lý tất cả các thông tin cửa
hàng, có thể xem, sửa, xóa tất cả các
thông tin.

▪ 3.4.2. Chi tiết các giao diện


− Trang đăng nhập

48
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
Hình 47. Trang đăng nhập

− Trang quản lý, chỉnh sửa danh mục

Hình 48. Trang quản lý danh mục

− Trang quản lý, chỉnh sửa sản phẩm

Hình 49. Sửa sản phẩm

49
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 50. Sửa thông tin sản phẩm

− Trang quản lý thư viện ảnh sản phẩm

Hình 52. Trang quản lý thư viện ảnh sản phẩm

− Trang quản lý thông tin website

50
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 53. Trang quản lý thông tin website

- Trang quản lí thương hiệu sản phẩm

Hình 54. Trang quản lý thương hiệu sản phẩm

- Trang quản lí Slider Banner

51
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 55. Trang quản lý Slider Banner


- Trang quản lí đơn hàng

Hình 56. Trang liệt kê đơn hàng

52
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 57. Trang chi tiết đơn hàng

- Trang quản lí mã giảm giá

Hình 57. Trang liệt kê mã giảm giá

- Trang quản lí bình luận sản phẩm

53
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

Hình 58. Trang quản lý bình luận sản phẩm

- Trang hiển thị thống kê

Hình 59. Trang hiển thị thống kê

54
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải
Chương 4 KẾT LUẬN
1.Ưu điểm:
* Đối với khách hàng:
− Tìm kiếm sản phẩm theo nhu cầu khách hàng.
− Xem chi tiết được thông tin sản phẩm.
− Cho phép khách hàng mua sản phẩm.
− Cho phép khách hàng đăng ký thông tin để trở thành thành viên và nhận ưu đãi từ
cửa hàng.
− Tạo đơn đặt hàng
*Đối với người quản trị:
− Kiểm tra tính hợp lệ của khách hàng khi đăng nhập hệ thống.
− Xem được thông tin của các đề mục cần quản lý như: thành viên, sản phẩm, đơn đặt
hàng…
− Đưa ra các form để cập nhật dữ liệu mới của các loại tư liệu.
− Có thể sửa đổi dữ liệu.
2.Nhược điểm:
− Chưa triển khai được chức năng gửi lại email để nhận thông báo từ .
− Chưa triển khai được chức năng thanh toán bằng ví điện tử
− Chưa cho phép khách hàng xem, cập nhật thông tin cá nhân.
3. Hướng phát triển:
Hướng phát triển của hệ thống là tiến đến một hệ thống thương mại với đầy đủ các
chức năng hỗ trợ đầy đủ cách thức tư vấn nhanh cho khách hàng, chức năng gửi mail
thông báo thông tin khuyến mại đến khách hàng sử dụng trên nhiều loại thiết bị hiện đại
khác, hỗ trợ nhiều thứ tiếng để mở rộng phạm vi  bán sản phẩm. Xử lý trường hợp liên
quan đến thanh toán như khách hàng đặt hàng nhiều hơn so với số lượng giày còn trong
kho. Cụ thể dựa vào số lượng khách đặt để đưa ra thông báo cho cả bên khách hàng và
bên quản trị.Nhưng vì là hệ thống nhỏ nên còn gặp nhiều khó khăn và chưa được cải tiến
nhiều.   

55
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

− TÀI LIỆU THAM KHẢO


Tài liệu tiếng việt
[1] Lập trình cơ bản PHP & MYSQL, nhà xuất bản khoa học kỹ thuật
[2] Khuất Thùy Dương, Lập trình ứng dụng web với PHP, nhà xuất bản Đại học Quốc gia
thành phố Hồ Chí Minh.
[3] Phạm Hữu Khang (chủ biên), Lập trình web bằng PHP 5.3 và cơ sở dữ liệu MySQL
5.1, Nhà xuất bản Phương Đông.
[4] Phạm Thị Nhung, Lập trình web vơi HTML và Javascript, Nhà xuất bàn đại học Quốc
gia thành phố Hồ Chí Minh.
[5] Nguyễn Văn Khoa, Nguyễn Minh Hải, Tự học các ngôn ngữ lập trình web phổ biến,
Nhà xuất bản đại học giao thông vận tải.
[6] Slide bài giảng Phân tích thiết kế hệ thống (GV:Lê Viết Trương)
[7] Slide bài giảng Công nghệ và lập trình Web (GV: Võ Ngọc Đạt)

Trang web
[1] https://stackoverflow.com/
[2] https://www.w3schools.com/
[3] https://getbootstrap.com/
[4] https://laravel.com/
[5] https://github.com/
[6] https://makemyhomevn.com/

56
Website cung cấp nội thất MakeMyHomeGVHD: TS. Nguyễn Hoàng Hải

57

You might also like