HỌC VIỆN NGÂN HÀNG

KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ

BÀI TẬP LỚN

LẬP TRÌNH WEB
Đề tài: Website thời trang D3NT Clothing
Giáo viên hướng dẫn: Thầy Vũ Trọng Sinh
Nhóm thực hiện: Nhóm 7
Sinh viên thực hiện:

Họ tên sinh viên MSSV

Nguyễn Mạnh Đạt 23A4040026

Phạm Văn Nhân 23A4040104

Nguyễn Văn Nam 23A4040092

Phạm Xuân Nhã 23A4040101

Nguyễn Phương Thảo 23A4040171

Hà Nội, 1-2023
 LỜI NÓI ĐẦU

Ngày nay công nghệ thông tin phát triển như vũ bão sẽ ảnh hưởng sâu sắc đến
bạn. Chiếc máy tính di động không còn là một phương tiện thông tin quý giá mà ngày
càng trở thành một công việc làm việc và giải trí cho trẻ em, không chỉ trong công việc
mà còn trong gia đình. Nó được biết đến như một công nghệ thông tin được ứng dụng
trong mọi lĩnh vực kinh tế, chính trị và xã hội. Việc ứng dụng công nghệ thông tin và số
hóa được coi là một trong những quy định quan trọng nhất trong các hoạt động của đất
nước. Điều rất quan trọng là thiết bị lưu trữ đóng một vai trò quan trọng và có thể được
phát hiện, vì vậy tôi nghĩ rằng INTERNET là một trong những sản phẩm có giá trị. Lực
lượng lao động và sức lao động ngày càng trở thành một công việc không thể thiếu, một
mạng lưới để mọi người truy cập và trao đổi thông tin cho toàn thế giới. Thông qua
INTERNET, chúng tôi đã nhận thấy tốc độ của dịch vụ, chi phí thấp hơn nhiều so với
cách truy cập Internet. Chính hành động này đã thúc đẩy sự ra đời và phát triển của một
thế hệ mới về chủ đề bồi dưỡng giáo dục, đóng góp đáng kể vào văn hóa. Trong hoạt
động khởi nghiệp, kinh doanh, việc thăng tiến, thúc đẩy sự phát triển của doanh nghiệp
là điều không thể tránh khỏi đối với chị. Là một phần của sản phẩm được xúc tiến nhằm
mục đích quảng bá, giới thiệu sản phẩm của khách hàng đáp ứng nhu cầu mua hàng
ngày càng cao của khách hàng. . Chính vì điều này nhóm chúng em đã tổ chức thực hiện
đề tài “Xây dựng website thời trang”. Khách hàng có thể thêm sản phẩm vào Website
của mình và quản lý Website đó, khách hàng có thể mua hàng, mua hàng để đặt hàng
mà không cần phải mua hàng, hàng sẽ được gửi đến cho khách hàng. Sản phẩm mới sẽ
có thể đáp ứng nhu cầu của khách hàng..
 GHI
STT HỌ VÀ TÊN MSV CÔNG VIỆC TỈ LỆ CHÚ

Đăng nhập, đăng kí, đăng xuất, 20% Đã ký

header, footer, index, sản phẩm yêu
thích, giỏ hàng, session, tổng
23A40 quan(admin), cơ sở dữ liệu,video, sản
1 Nguyễn Mạnh Đạt 40026 phẩm admin, chi tiết sản phẩm admin

- Trang thanh toán 20% Đã ký

- Hóa đơn, Chi tiết hóa đơn, Nhân

viên (Admin), Mã Khuyến mãi,
- Tính năng tìm kiếm, phân trang, bộ
lọc
- Tích hợp thanh toán Momo-
QRcode, Momo-ATM
- Tích hợp công cụ Texteditor, tính
23A40 năng báo cáo trên Google Analytics,
2 Nguyễn Văn Nam 40092 cơ sở dữ liệu

Cơ sở dữ liệu, liên hệ, thanh toán, 20% Đã ký

chỉnh sửa word, làm ppt, admin
khách hàng, liên hệ của khách hàng,
23A40 trang blog admin, chatbot, đăng nhập
3 Phạm Xuân Nhã 40101 admin

Chi tiết sản phẩm, sản phẩm, sản 20% Đã ký

phẩm yêu thích , tìm kiếm sản phẩm,
23A40 đổi mật khẩu, danh sách nhân viên,
4 Phạm Văn Nhân 40104 cập nhật trạng thái đơn hàng

-Trang tin tức, admin tin tức, trang 20% Đã ký

giỏ hàng, khách hàng admin.
- Thêm sản phẩm, thêm blog, thêm
thông tin giới thiệu, trang giới thiệu
Nguyễn Phương 23A40
5 Thảo 40171 -Tổng hợp nội dung word
 MỤC LỤC

DANH MỤC HÌNH VẼ ............................................................................................................ 1

CHƯƠNG 1. PHÁT BIỂU BÀI TOÁN................................................................................... 3

1.1 Giới thiệu ......................................................................................................................... 3

1.2 Hệ thống hiện tại ............................................................................................................ 3

1.3 Giới hạn của hệ thống .................................................................................................... 4

1.4 Yêu cầu phần cứng, phần mềm ...................................................................................... 5

1.4.1 Phần mềm................................................................................................................. 5
1.4.2 Phần cứng ................................................................................................................. 5

CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG ........................................................... 6

2.1 Phân tích yêu cầu khách hàng ....................................................................................... 6

2.1.1 Đối tượng sử dụng hệ thống..................................................................................... 6
2.1.2 Chức năng của hệ thống ........................................................................................... 6

2.2 Quản trị hệ thống ............................................................................................................ 7

2.2.1 Các thao tác truy cập trang quản trị hệ thống .......................................................... 7

2.3 Thiết kế hệ thống .......................................................................................................... 10

2.3.1 Mô hình quan hệ thực thể ...................................................................................... 10
2.3.2 Thiết kế cơ sở dữ liệu ............................................................................................. 11
2.3.3 Thiết kế giao diện ................................................................................................... 11
2.3.4 Lưu đồ giải thuật .................................................................................................... 23

CHƯƠNG 3. KẾT QUẢ......................................................................................................... 26

3.1 Hiển thị thông tin của cửa hàng thời trang................................................................. 26

3.2 Chức năng đăng ký tài khoản và đăng nhập dành cho khách hàng.......................... 27

3.3 Hiển thị các danh mục sản phẩm cùng chi tiết các sản phẩm theo danh mục sản phẩm
để khách hàng có thể lựa chọn và mua ............................................................................. 28

3.4 Sau khi khách hàng chọn và đặt hàng trực tiếp thì hàng sẽ được cho vào giỏ hàng,
trong giỏ hàng sẽ hiện lên đơn hàng để khách hàng có thể nhập thông tin mua hàng và
chốt hóa đơn ........................................................................................................................ 29
 3.5 Hiển thị giao diện Liên hệ để khách hàng có thể nhắn tin trực tiếp với cửa hàng .. 30

3.6 Chức năng thêm, sửa, xóa thông tin của sản phẩm ................................................... 31

3.7 Quản lý thông tin tài khoản của khách hàng ............................................................. 32

3.8 Quản lý thông tin tài khoản của nhân viên và quản lý cửa hàng.............................. 33

3.9 Tiếp nhận và quản lý đơn đặt hàng, có xác nhận khi những hóa đơn nào đã được giao
tới khách hàng. Hiển thị danh sách hóa đơn và chi tiết hóa đơn .................................... 34

3.10 Quản lý danh sách liên hệ mà khách hàng gửi tới cửa hàng .................................. 35

3.11 Chức năng báo cáo với nền tảng Google Analytics .................................................. 36

3.12 Chức năng thanh toán với Momo QR-code và Momo ATM .................................... 36

CHƯƠNG 4. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ..................................................... 39

4.1 Ưu nhược điểm của hệ thống ...................................................................................... 39

4.1.1 Ưu điểm ................................................................................................................. 39
4.1.2 Nhược điểm ........................................................................................................... 39
4.1.3 Giải pháp ............................................................................................................... 39

4.2 Kết luận và hướng phát triển ....................................................................................... 39

4.2.1 Kết luận ................................................................................................................. 39
4.2.2 Hướng phát triển.................................................................................................... 40

4.3 Danh sách kiểm tra hoạt động..................................................................................... 40

4.3.1 Kiểm tra trang web phía khách hàng ..................................................................... 40
4.3.2 Kiểm tra trang web phía cửa hàng......................................................................... 41

TÀI LIỆU THAM KHẢO ..................................................................................................... 42

 DANH MỤC HÌNH VẼ

Hình 2-1: Danh sách tài khoản nhân viên .......................................................................7

Hình 2-2: Mô hình quan hệ thực thể..............................................................................10
Hình 2-3: Cơ sở dữ liệu ................................................................................................. 11
Hình 2-4: Trang chủ ....................................................................................................... 11
Hình 2-5: Trang Sản phẩm mới nhất .............................................................................12
Hình 2-6: Trang Sản phẩm_1 ........................................................................................12
Hình 2-7: Trang Sản phẩm_2 ........................................................................................13
Hình 2-8: Trang Chi tiết sản phẩm ................................................................................13
Hình 2-9: Trang tin tức_1 ..............................................................................................14
Hình 2-10: Trang tin tức _2 ...........................................................................................14
Hình 2-11: Trang Chi tiết tin tức ...................................................................................15
Hình 2-12: Trang giới thiệu_1 .......................................................................................15
Hình 2-13: Trang giới thiệu_2 .......................................................................................16
Hình 2-14: Trang liên hệ_1............................................................................................16
Hình 2-15: Trang liên hệ_2............................................................................................17
Hình 2-16: Trang Đặt hàng ............................................................................................17
Hình 2-17: Trang chủ Admin .........................................................................................18
Hình 2-18: Trang Quản lý đơn hàng ..............................................................................18
Hình 2-19: Trang Quản lý sản phẩm .............................................................................19
Hình 2-20: Trang Quản lý khách hàng ..........................................................................19
Hình 2-21: Trang Chương trình khuyến mãi .................................................................20
Hình 2-22: Trang Quản lý tin tức ..................................................................................21
Hình 2-23: Trang Quản lý nhân viên .............................................................................21
Hình 2-24: Trang Quản lý liên hệ khách hàng ..............................................................22
Hình 2-25: Biểu đồ chức năng đặt hàng ........................................................................23

1
Hình 2-26: Biểu đồ chức năng giỏ hàng ....................................................................... 24
Hình 2-27: Biểu đồ chức năng tìm kiếm, lọc theo yêu cầu ........................................... 25
Hình 3-1: Giao diện sản phẩm ...................................................................................... 27
Hình 3-2: Giao diện đăng nhập_1 ................................................................................. 27
Hình 3-3: Giao diện đăng nhập_2 ................................................................................. 28
Hình 3-4: Giao diện danh mục sản phẩm_1 .................................................................. 28
Hình 3-5: Giao diện danh mục sản phẩm_2 .................................................................. 29
Hình 3-6: Giao diện chi tiết sản phẩm .......................................................................... 29
Hình 3-7: Giao diện giỏ hàng ........................................................................................ 30
Hình 3-8: Giao diện đặt hàng ........................................................................................ 30
Hình 3-9: Giao diện liên hệ ........................................................................................... 31
Hình 3-10: Giao diện quản lý danh sách sản phẩm....................................................... 32
Hình 3-11: Giao diện quản lý chi tiết sản phẩm ............................................................ 32
Hình 3-12: Giao diện Quản lý khách hàng.................................................................... 33
Hình 3-13: Giao diện thông tin chi tiết khách hàng ...................................................... 33
Hình 3-14: Giao diện danh sách nhân viên ................................................................... 34
Hình 3-15: Giao diện quản lý đơn hàng ........................................................................ 35
Hình 3-16: Giao diện danh sách liên hệ khách hàng ..................................................... 35
Hình 3-17: Giao diện báo cáo với Goodle Analytics .................................................... 36
Hình 3-18: Giao diện thanh toán với QR-Code Momo ................................................. 37
Hình 3-19: Giao diện thanh toán Momo ATM .............................................................. 37

2
 CHƯƠNG 1. PHÁT BIỂU BÀI TOÁN

1.1 Giới thiệu

Ngày nay, chúng ta đang sống trong thời đại số, công nghệ thông tin đang được
phát triển và ứng dụng nhiều trong các lĩnh vực khác nhau, đặc biệt là trong lĩnh vực
kinh doanh. Các doanh nghiệp từ lớn tới nhỏ, đều mong muốn sản phẩm của mình được
quảng bá rộng rãi tới khách hàng, cùng với đó là đem đến cho khách hàng một phương
thức mua bán sản phẩm khác với phương thức mua bán trực tiếp truyền thống. Khách
hàng trẻ tuổi ngày nay tiếp cận với công nghệ rất nhanh, và đó là lý do mà họ rất ưa
chuộng phương thức mua bán mới này – Mua hàng online qua mạng Internet. Doanh
nghiệp nào hiện nay cũng đều có Website cho riêng mình để quảng bá sản phẩm, hình
ảnh công ty, và có thể kết hợp thêm chức năng mua hàng và thanh toán Online trên chính
Website của công ty mình.

Web đã được đẩy lên host với tên miền: https://d3ntclothingg.000webhostapp.

1.2 Hệ thống hiện tại

Khi dịch bệnh chưa xuất hiện, D3NTCLOTHING vẫn là một cửa hàng kinh
doanh thời trang theo phương pháp truyền thống. Khách hàng phải đến trực tiếp cửa
hàng để mua hàng. Khi khách hàng đồng ý mua hàng, nhân viên sẽ ghi hóa đơn và khách
hàng thanh toán bằng tiền mặt.

Khi dịch bệnh bắt đầu diễn biến phức tạp, cửa hàng chuyển sang dịch vụ ship
hàng tận nhà. Khách muốn mua hàng sẽ phải gọi điện qua hotline của cửa hàng hoặc
nhắn tin qua fanpage. Khi có đơn hàng nhân viên sẽ ghi hóa đơn và giao đến nhà cho
khách. Điều này chỉ giảm thiểu việc tiếp xúc so với mua hàng trực tiếp nhưng vẫn gặp
phải rất nhiều hạn chế như: Khách hàng không biết cửa hàng hiện đang có những sản
phẩm gì? Việc đợi nhân viên check tin nhắn để mua hàng đôi khi sẽ rất tốn thời gian,
ghi thông hóa đơn trên giấy khiến cho việc lưu giao dịch, tìm kiếm thông tin khách hàng
trở nên khăn,...

Dựa vào những ràng buộc cụ thể của hệ thống hiện hành chúng ta có thể đề nghị
một hệ thống khác tiên tiến hơn, tiết kiệm được thời gian…

3
 Chính vì những điểm yếu trên, để cửa hàng có thể kinh doanh một cách dễ dàng
và thuận tiện, nhóm chúng em đã tiến hành triển khai đề tài “Xây dựng hệ thống website
cho cửa hàng thời trang D3NTCLOTHING”.

Khách hàng khi muốn mua sản phẩm cần truy cập vào website của cửa hàng để
có thể mua sắm, xem sản phẩm hay đọc blog thời trang. Khách hàng có thể tìm kiếm
các loại sản phẩm mình muốn mua trên thanh tìm kiếm và bấm vào giỏ để mua sản
phẩm. Các thông tin về khách hàng đã được lưu lại ở bước đăng ký, đơn hàng sẽ được
xác nhận và giao đến địa chỉ của khách hàng. Khách hàng có thể để lại bình luận về trải
mua hàng hay sản phẩm đã sử dụng.

Một số chức năng của hệ thống mới:

• Hiển thị thông tin về cửa hàng để quảng bá hình ảnh.

• Hiển thị danh sách các mặt hàng theo từng danh mục sản phẩm để khách hàng
xem và chọn mua.
• Sau khi khách hàng chọn và đặt hàng trực tiếp thì hàng sẽ được cho vào giỏ hàng,
trong giỏ hàng sẽ hiện lên đơn hàng để khách hàng có thể nhập thông tin mua
hàng và chốt hóa đơn.
• Bên cạnh việc mua hàng, cần có chức năng comment để khách hàng bình luận về
các sản phẩm của cửa hàng.
• Hiển thị danh sách blog và blog chi tiết.
• Hiển thị giao diện form Liên hệ để khách hàng gửi lời nhắn trực tiếp tới cửa hàng.
• Chức năng cập nhật, sửa xóa sản phẩm, kiểu sản phẩm, danh mục sản phẩm, blog,
sự kiện
• Tiếp nhận và quản lý đơn đặt hàng. Hiển thị danh sách hóa đơn và chi tiết hóa
đơn.
• Quản lý danh sách liên hệ mà khách hàng đã gửi tới cửa hàng

1.3 Giới hạn của hệ thống

Hệ thống đã được thiết kế với đầy đủ chức năng cần thiết của một website bán
hàng tuy nhiên vẫn còn một vài hạn chế như tính năng báo cáo chưa tự động sao lưu,
khách hàng chưa thể gửi phản hồi về trang web, bộ lọc sản phẩm chưa hoàn chỉnh, chưa
đa dạng phương thức thanh toán.

4
1.4 Yêu cầu phần cứng, phần mềm

1.4.1 Phần mềm

• Trình duyệt: Google Chrome, Cốc Cốc.

• Phần mềm: Visual Studio Code, Xampp.
• Website: https:/d3ntclothingg.webhostapp.com/

1.4.2 Phần cứng

Thành phần Yêu cầu tối thiểu Yêu cầu đề xuất

Bộ xử lý Bộ xử lý lõi kép x86 hay x64 Bộ xử lý lõi kép 3,3 GHz

bit 1,9 GHz có bộ hướng dẫn hay 64 bit nhanh hơn có
SSE2 bộ hướng dẫn SSE2

Bộ nhớ Ram 2GB RAM 4GB trở lên

Hiển thị Độ phân giải 1024 x 768 Độ phân giải 1024 x 768

5
 CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1 Phân tích yêu cầu khách hàng

2.1.1 Đối tượng sử dụng hệ thống

Về phía cửa hàng, người sử dụng website chính là quản lý, nhân viên của cửa
hàng sử dụng để quản lý kho hàng, đơn đặt hàng, quảng bá các sản phẩm và tương tác
với khách hàng.

Khách hàng hay người mua hàng không cần đăng ký tài khoản trên hệ thống vẫn
có thể tìm kiếm thông tin, sản phẩm, xem blog nhưng cần đăng kí tài khoản để mua
hàng.

2.1.2 Chức năng của hệ thống

Hệ thống đã được thiết kế với đầy đủ chức năng cần thiết của một website bán
hàng, về phía khách hàng hay người mua hàng hệ thống có các chức năng như:

• Hiển thị thông tin về cửa hàng để quảng bá hình hình ảnh: Hầu hết khách
hàng hiện nay đều muốn tham khảo trước các thông tin liên quan đến thông
tin của cửa hàng xem cửa hàng có uy tín không rồi mới quyết định mua
hàng, Chính vì vậy, một trang web bán hàng chuyên nghiệp thì chức năng
đầu tiên phải có đó là đăng tải và cung cấp đầy đủ, rõ ràng các thông tin
của cửa hàng để quảng bá hình ảnh của cửa hàng.
• Tra cứu thông tin nhanh chóng với tính năng tìm kiếm: Một trang web với
cả trăm nghìn thông tin khổng lồ có thể khiến khách hàng bối rối khi muốn
tìm đến thông tin mà mình cần. Khách hàng có thể đi đến mua sản phẩm
khi bấm vào “shop now” trên các banner. Khi vào trang sản phẩm khách
hàng tìm kiếm sản phẩm theo tên tên sản phẩm hoặc là theo các thuộc tính
của sản phẩm đó.
• Tính năng lọc: Ở trang web của chúng em khách hàng có thể sử dụng tính
năng lọc sản phẩm với đa dạng các phương thức lọc ví dụ như là lọc theo
giá, lọc theo ngày đăng sản phẩm, lọc theo thứ tự bảng chữ cái. Với những
phương thức lọc đa dạng như này giúp cho khách hàng dàng tìm được sản
phẩm mình mong muốn.

6
 • Tính năng đặt hàng/thêm vào giỏ hàng:
- Đặt hàng tiện lợi, mọi lúc mọi nơi chỉ với một cú click chuột đơn giản.
Khách hàng chỉ cần tìm chọn và tham khảo chi tiết các sản phẩm họ yêu
thích và rồi chọn vào ô “đặt hàng” hay “thêm vào giỏ hàng” là đã có thể
tiến hành đặt hàng tại D3NTCLOTHING.
- Sau khi click chọn, khách hàng cần chọn cập nhật với tính năng thêm
thêm vào giỏ hàng hoặc khách hàng sẽ phải điền đầy đủ thông tin như
họ tên, sđt, địa chỉ, ghi chú và rồi click chọn lại vào ô “đặt hàng” để đặt
hàng thành công tại D3NTCLOTHING.
• Tính năng quản trị hệ thống: Tính năng quản trị hệ thống sẽ là một web
page có thiết kế giao diện khác biệt hoàn toàn với phần còn lại của website.
Tính năng này chỉ cho phép những người có tài khoản quản trị (tài khoản
admin) để vào hệ thống - thường tài khoản này chỉ được cung cấp cho nhân
viên vận hành trong cửa hàng D3NTCLOTHING.

2.2 Quản trị hệ thống

2.2.1 Các thao tác truy cập trang quản trị hệ thống

Bước 1: Chọn đăng nhập quản trị.

Bước 2: Điền đầy đủ tài khoản, mật khẩu mà cửa hàng cung cấp.

Hình 2-1: Danh sách tài khoản nhân viên

Bước 3: Chọn vào ô đăng nhập hệ thống.

7
 Sau khi đăng nhập thành công, màn hình sẽ hiển thị giao diện quản trị hệ thống,
ở đây ta có thể thấy 7 hình thức quản trị chính bao gồm:

- Quản trị blog

- Quản trị sản phẩm
- Quản trị danh mục
- Quản trị loại sản phẩm
- Quản trị liên hệ
- Quản trị đơn hàng
- Quản trị admin
- Quản trị mã Khuyến mãi
a) Quản trị blog
Người quản trị viên, nhân viên vận hành có thể có những thao tác như:
• Sửa blog: bao gồm sửa tiêu đề, hình ảnh, mô tả nội dung chính, nội dung
blog.
• Xóa blog: nhân viên có thể xoá hoàn toàn blog đó bằng cách chọn vào dấu
“x” ở cột xoá nếu nhân viên cảm thấy mẩu blog đấy không còn phù hợp với
nội dung mà website D3NTCLOTHING muốn truyền tải.
• Thêm blog: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo thêm
nhiều nội dung blog mới cho website.
b) Quản trị sản phẩm
Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

• Sửa sản phẩm: bao gồm sửa tên sản phẩm, giá gốc, giá bán, chi tiết, mô tả,
nội dung, danh mục sản phẩm, kiểu sản phẩm, ảnh minh hoạ.
• Xóa sản phẩm: nhân viên có thể xóa hoàn toàn sản phẩm đó bằng cách chọn
vào dấu “x” ở cột xoá nếu cửa hàng không còn nhận hàng sản phẩm đó nữa.
• Thêm sản phẩm: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo
thêm mẫu sản phẩm mới hiển thị trên trang web của người dung.
c) Quản trị thương hiệu
Người quản trị viên, nhân viên vận hành có thể có những thao tác như:
• Sửa danh mục: sửa tên danh mục

8
 • Xóa danh mục: nhân viên có thể xóa hoàn toàn danh mục đó bằng cách
chọn vào dấu “x” ở cột xoá nếu cửa hàng không còn lựa chọn hàng theo
danh mục đó nữa.
• Thêm danh mục: Nhân viên có thể chọn vào dòng “thêm mới +”, để tạo
thêm danh mục mới hiển thị trên trang web của người dung.
d) Quản trị mã khuyến mãi
• Người quản trị viên, nhân viên vận hành có thể có những thao tác như:
• Sửa thông tin mã khuyến mãi, áp dụng mã khuyến mãi theo % cho sản
phẩm
• Xóa sự kiện nhân viên có thể xóa hoàn toàn sự kiện đó bằng cách chọn
vào dấu “x” ở cột xoá nếu cửa hàng không còn sự kiện đó nữa.
• Thêm mã khuyến mãi: Nhân viên có thể chọn vào dòng “thêm mới +”,
để tạo thêm mã khuyến mãi mới hiển thị trên trang web của người dùng.
e) Quản trị admin
Người quản trị viên, nhân viên vận hành có thể có những thao tác như:

• Sửa người dùng: Sửa tên người dùng, password

• Xóa người dùng: có thể xóa hoàn toàn tài khoản người dùng đó bằng
cách chọn vào dấu “x” ở cột xoá
• Thêm mới người dùng: quản trị viên có thể chọn vào dòng “thêm mới
+”, để tạo thêm tài khoản người dùng mới hiển thị trên trang web của
người dùng.
f) Quản trị liên hệ

Những liệt kê về phản hồi của khách hàng. Các thông tin bao gồm:

• Họ tên
• Số điện thoại
• Email
• Tiêu đề
• Nội dung phản hồi
g) Quản trị đơn hàng

Bảng dữ liệu hiển thị các đơn hàng có thông tin bao gồm:

• Mã đơn hàng

9
 • Tên người nhận
• Địa chỉ
• Điện thoại
• In đơn
• Ngày tạo

2.3 Thiết kế hệ thống

2.3.1 Mô hình quan hệ thực thể

Hình 2-2: Mô hình quan hệ thực thể

10
2.3.2 Thiết kế cơ sở dữ liệu

Hình 2-3: Cơ sở dữ liệu

2.3.3 Thiết kế giao diện

2.3.3.1 Giao diện khách hàng

Giao diện trang chủ:

Hình 2-4: Trang chủ

11
 Hình 2-5: Trang Sản phẩm mới nhất

Trang chủ “Index.php”: Là trang chính, chứa tất cả các mục để lựa chọn.
Từ trang chủ khách hàng có thể tìm thấy mọi thông tin cần thiết:
• Thông tin về các sự kiện, chương trình, event mà cửa hàng đang thực hiện.
• Thông tin về các loại sản phẩm với giao diện bắt mắt, đẹp, thu hút... từ đó khách
hàng có thể đặt mua cho mình những sản phẩm yêu thích, phù hợp với túi tiền...
• Các bài viết hay về thời trang trên toàn thế giới được quản trị hệ thống chọn lọc...

Giao diện trang sản phẩm:

Hình 2-6: Trang Sản phẩm_1

12
 Hình 2-7: Trang Sản phẩm_2

Trang “shop_product.php” là trang hiển thị thông tin khái quát các sản
phẩm như: ảnh sản phẩm, tên sản phẩm, giá tiền để khách hàng có thể lựa chọn
và lọc sản phẩm theo danh mục sản phẩm.
Giao diện trang chi tiết sản phẩm:

Hình 2-8: Trang Chi tiết sản phẩm

Trang “product_retails.php” là trang hiển thị thông tin chi tiết về sản
phẩm: giá tiền, tên sản phẩm, số lượng, mô tả, đánh giá, chính sách vận chuyển,
…giúp cho khách hàng có cái nhìn tổng quan về sản phẩm. Là cơ sở để khách
hàng có quyết định mua sản phẩm hay không.

13
Giao diện trang tin tức:

Hình 2-9: Trang tin tức_1

Hình 2-10: Trang tin tức _2

Trang “blog.php” là trang hiển thị thông tin về các tin tức thời trang mới
nhất được quản trị cửa hàng cập nhật.
Giao diện trang chi tiết tin tức:

14
 Hình 2-11: Trang Chi tiết tin tức

Trang “blog_details.php” là trang hiển thị thông tin chi tiết về các tin tức
thời trang, hay những bài quảng cáo, review về sản phẩm để tăng độ tin cậy và uy
tín của cửa hàng. Giúp lượt tương tác của khách hàng với website của cửa hàng
tăng thêm.
Giao diện trang giới thiệu:

Hình 2-12: Trang giới thiệu_1

15
 Hình 2-13: Trang giới thiệu_2

Trang “about.php” là trang hiển thị lời giới thiệu về nhãn hàng. Khách
hàng có thể đọc và biết thêm về sự sáng tạo, nỗ lực để tạo ra thương hiệu này.
Giao diện trang liên hệ:

Hình 2-14: Trang liên hệ_1

16
 Hình 2-15: Trang liên hệ_2

Trang “contact.php” là cầu nối giữa khách hàng và cửa hàng, tại đây khách
hàng có thể gửi các thắc mắc cũng như ý kiến của mình tới cửa hàng. Khách hàng
phải nhập đầy đủ các thông tin cá nhân trong form trên.
Giao diện đặt hàng:

Hình 2-16: Trang Đặt hàng

Trang “cart.php” là trang mà khách hàng có thể xem được những sản phẩm
của mình đã chọn. Tại đây khách hàng có thể biết được số lượng mặt hàng mình
đã chọn cũng như tổng số tiền phải thanh toán. Khách hàng có thể thêm, cập nhập

17
cũng như xóa sản phẩm ngay tại giỏ hàng. Khách hàng điền đầy đủ thông tin vào
form “thông tin đặt hàng” để có thể mua hàng.

2.3.3.2 Giao diện admin

Giao diện trang chủ:

Hình 2-17: Trang chủ Admin

Đây là trang quản trị dành cho người Admin của cửa hàng, cung cấp đầy đủ tính
năng cho người quản trị như: quản lý sản phẩm, quản lý các đơn đặt hàng…

Giao diện quản lý khách hàng:

Hình 2-18: Trang Quản lý đơn hàng

18
 Trang “invoice_list.php” là trang hiển thị danh sách đơn hàng, tại đây quản trị
cập nhật được trạng thái đơn hàng.

Giao diện quản lý sản phẩm:

Hình 2-19: Trang Quản lý sản phẩm

Trang “list_product.php” là trang hiển thị danh sách sản phẩm, quản trị viên có
thể quản lý được tên mặt hàng, loại, thương hiệu, giá sản phẩm. Và đồng thời có thể
xem chi tiết sản phẩm hoặc xóa sản phẩm.

Giao diện quản lý khách hàng:

Hình 2-20: Trang Quản lý khách hàng

19
 Trang “customer_admin.php” là trang hiển thị danh sách khách hàng. Tại đây
quản trị quản lý các thông tin của khách hàng: tên khách hàng, email, mật khẩu và đồng
thời có thể xem chi tiết hơn về khách hàng hoặc xóa khách hàng khỏi trang quản lý .

Giao diện chương trình khuyến mãi:

Hình 2-21: Trang Chương trình khuyến mãi

Trang “voucher_list.php” là trang hiển thị những chương trình khuyến mãi từ
mô tả, % khuyến mãi, những thao tác cơ bản như các trang trên.

Giao diện quản lý tin tức:

20
 Hình 2-22: Trang Quản lý tin tức

Trang “blog_list.php” là trang hiển thị danh sách tin tức như tiêu đề, ảnh, tác giả,
nội dung, ngày đăng và các thao tác cơ bản như sửa, xóa mà quản trị viên có thể quản
lý.

Quản lý nhân viên:

Hình 2-23: Trang Quản lý nhân viên

Trang “admin_list.php” là trang hiển thị danh sách nhân viên. Tại đây quản trị
có thể cập nhật thông tin nhân viên và các thao tác cơ bản như sửa, xóa mà quản trị viên
có quyền chỉnh sửa.

21
Giao diện liên hệ khách hàng:

Hình 2-24: Trang Quản lý liên hệ khách hàng

Trang “contact_admin.php” là trang hiển thị danh sách liên hệ của khách hàng
như: tên người gửi, email, chủ đề, nội dung hay thao tác xóa.

22
2.3.4 Lưu đồ giải thuật

2.3.4.1 Biểu đồ chức năng đặt hàng

Hình 2-25: Biểu đồ chức năng đặt hàng

23
2.3.4.2 Biểu đồ chức năng giỏ hàng

Hình 2-26: Biểu đồ chức năng giỏ hàng

24
2.3.4.3 Biểu đồ chức năng tìm kiếm, lọc theo yêu cầu

Hình 2-27: Biểu đồ chức năng tìm kiếm, lọc theo yêu cầu

25
 CHƯƠNG 3. KẾT QUẢ

Sau khi phân tích và thiết kế, nhóm em đã xây dựng thành công website cửa hàng
thời trang D3NTCLOTHING với nhiều chức năng mới.

3.1 Hiển thị thông tin của cửa hàng thời trang
Sau khi truy cập vào website, người dùng có thể xem được toàn bộ thông tin,
hình ảnh về cửa hàng, các sản phẩm của cửa hàng để có thể dễ dàng chọn lựa, đưa ra
quyết định mua hàng ngay trên website.

26
 Hình 3-1: Giao diện sản phẩm

3.2 Chức năng đăng ký tài khoản và đăng nhập dành cho khách hàng
Khách hàng cần phải đăng ký tài khoản sau đó đăng nhập mới có thể mua hàng,
gửi tin nhắn tới cửa hàng. Nếu không đăng nhập tài khoản, khách hàng chỉ có thể xem
thông tin và sản phẩm mà không thể mua hàng.

Hình 3-2: Giao diện đăng nhập_1

27
 Hình 3-3: Giao diện đăng nhập_2

3.3 Hiển thị các danh mục sản phẩm cùng chi tiết các sản phẩm theo danh
mục sản phẩm để khách hàng có thể lựa chọn và mua
Trên trang web của cửa hàng có nhiều phong cách thời trang, nhiều thương hiệu
khác nhau như Gens Viet, Essential, …Vì vậy việc phân chia thành các danh mục sản
phẩm sẽ giúp khách hàng giới hạn được lựa chọn và nhanh chóng trong việc tìm kiếm
được những sản phẩm mà khách hàng có thể lựa chọn.

Hình 3-4: Giao diện danh mục sản phẩm_1

28
 Hình 3-5: Giao diện danh mục sản phẩm_2

Hình 3-6: Giao diện chi tiết sản phẩm

3.4 Sau khi khách hàng chọn và đặt hàng trực tiếp thì hàng sẽ được cho vào
giỏ hàng, trong giỏ hàng sẽ hiện lên đơn hàng để khách hàng có thể nhập
thông tin mua hàng và chốt hóa đơn
Chức năng giỏ hàng sẽ hiển thị đầy đủ các sản phẩm mà khách hàng đã chọn
mua, số lượng, đơn giá và thành tiền.

29
 Hình 3-7: Giao diện giỏ hàng

Hình 3-8: Giao diện đặt hàng

3.5 Hiển thị giao diện Liên hệ để khách hàng có thể nhắn tin trực tiếp với cửa
hàng
Khách hàng có thể liên hệ, tương tác trực tiếp với cửa hàng bằng việc điền các
thông tin cá nhân và lời nhắn với cửa hàng thông qua chức năng liên hệ.

30
 Hình 3-9: Giao diện liên hệ

3.6 Chức năng thêm, sửa, xóa thông tin của sản phẩm
Quản trị website đăng nhập vào tài khoản và có thể thêm, sửa, xóa các thông tin
về sản phẩm.

31
 Hình 3-10: Giao diện quản lý danh sách sản phẩm

Hình 3-11: Giao diện quản lý chi tiết sản phẩm

3.7 Quản lý thông tin tài khoản của khách hàng

Sau khi khách hàng đăng ký tài khoản trên hệ thống, toàn bộ thông tin của khách
hàng đã đăng ký trước đó trên hệ thống sẽ được lưu trữ trên hệ thống ở phần quản lý
khách hàng.

32
 Hình 3-12: Giao diện Quản lý khách hàng

Hình 3-13: Giao diện thông tin chi tiết khách hàng

3.8 Quản lý thông tin tài khoản của nhân viên và quản lý cửa hàng
Hệ thống sẽ lưu trữ thông tin cá nhân của nhân viên hoặc quản lý cửa hàng và sẽ
được hiển thị ở phần giao diện quản lý quản trị viên.

33
 Hình 3-14: Giao diện danh sách nhân viên

3.9 Tiếp nhận và quản lý đơn đặt hàng, có xác nhận khi những hóa đơn nào
đã được giao tới khách hàng. Hiển thị danh sách hóa đơn và chi tiết hóa đơn
Khi có đơn hàng, hệ thống sẽ tiếp nhận đơn hàng và được giao tới cho khách
hàng. Những đơn hàng đã được giao cũng sẽ được xác nhận trên hệ thống. Hệ thống sẽ
hiển thị danh sách các hóa đơn và chi tiết của từng đơn hàng.

34
 Hình 3-15: Giao diện quản lý đơn hàng

3.10 Quản lý danh sách liên hệ mà khách hàng gửi tới cửa hàng
Thông tin cá nhân và những liên hệ của khách hàng tới cửa hàng sẽ được lưu trên
hệ thống và được hiển thị trên giao diện quản lý liên hệ của quản trị.

Hình 3-16: Giao diện danh sách liên hệ khách hàng

35
3.11 Chức năng báo cáo với nền tảng Google Analytics
Bên cạnh số liệu trong trang quản trị, quản trị viên có thể xem trên nền tảng
Google Analytics với các thông số như Số lượt người xem, Biểu đồ lượng truy cập theo
thời gian tại link dưới đây: Báo cáo Google Analytics.

Hình 3-17: Giao diện báo cáo với Goodle Analytics

3.12 Chức năng thanh toán với Momo QR-code và Momo ATM
Ngoài việc thanh toán ngay tại lúc nhận hàng, khách hàng có thể chọn phương
thức thanh toán như Momo QR-code, hay thẻ Momo ATM.

36
Hình 3-18: Giao diện thanh toán với QR-Code Momo

Hình 3-19: Giao diện thanh toán Momo ATM

37
38
 CHƯƠNG 4. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

4.1 Ưu nhược điểm của hệ thống

4.1.1 Ưu điểm
• Giao diện thân thiện, bắt mắt
• Thanh toán thuận tiện, dễ dàng, đa dạng
• Dễ dàng tiếp cận thông tin sản phẩm cũng như xem đánh giá bình luận của
khách hàng đã mua.
• Quy trình mua hàng hoàn thiện, chi tiết, hỗ trợ khách hàng cụ thể

4.1.2 Nhược điểm

• Chưa đưa ra giải pháp bảo mật.

• Chưa hoàn thiện chức năng quên mật khẩu.
• Chưa hoàn thiện phần phản hồi liên hệ khách hàng.

4.1.3 Giải pháp

Phát triển phần hỗ trợ đặt hàng nhanh, tạo đường dẫn thân thiện hơn với người dùng, cụ
thể ở đây là khách hàng để tăng độ an toàn bảo mật của người dùng, phát triển tự động
sao lưu với phần báo cáo.

4.2 Kết luận và hướng phát triển

4.2.1 Kết luận

Hệ thống website D3NTCLOTHING đã có đầy đủ những chức năng cơ bản của một
website bán hàng, khách hàng có thể xem và lựa chọn đặt hàng, tuy nhiên vẫn còn một
vài hạn chế và cần tiếp tục được phát triển để hoàn thiện nhất. Trong thời gian tới, nhóm
chúng em sẽ cố gắng tiếp tục phát triển và đưa ra nhiều tính năng mới hơn như thêm sao
lưu tự động báo cáo, chú trọng về chất lượng nội dung, đảm bảo đưa những thông tin
chính xác, được bảo mật một cách tốt nhất, tạo dựng niềm tin cho khách hàng và cả
thành viên nhân viên của công ty. Giúp khách hàng có những trải nghiệm tốt hơn và
ngày càng hài lòng hơn.

39
4.2.2 Hướng phát triển

Thông qua bài báo cáo này, nhóm em đã có được những kiến thức, trải nghiệm
và hình dung một cách tổng thể về một vấn đề được đặt ra một cách cụ thể, vận dụng
được những kiến thức đã học vào bài báo cáo này một cách hiệu quả hơn. Tuy nhiên vì
chưa có nhiều kinh nghiệm và thời gian còn hạn chế nên bài báo cáo này vẫn còn những
sai sót nên chúng em hi vọng sẽ có thêm được sự chỉ bảo và hướng dẫn của thầy để có
thể cải thiện được những sai sót của nhóm trong tương lai. Những kiến thức, kinh nghiệm
của bài báo cáo cuối kì là những trải nghiệm thực tế rất quý giá cho nhóm chúng em,
học hỏi được những điều bổ ích giúp chúng em rất nhiều trong tương lai. Từ đó chúng
ta có thể thấy rằng, lý thuyết đi đôi với vận dụng vào thực tế là một quá trình dài, vì vậy
những sinh viên đang ngồi trên ghế giảng đường chúng em cần phải nỗ lực học hỏi, tìm
tòi thì mới có thể có được những thành công cho riêng mình.

4.3 Danh sách kiểm tra hoạt động

4.3.1 Kiểm tra trang web phía khách hàng

Kiểm tra hoạt động Kết quả

Mở web trên Google chrome, Cốc cốc, Hiển thị giao diện web đúng theo đoạn code
Microsoft edge

Kết nối với cơ sở dữ liệu Hiển thị được các thông tin đúng theo cơ sở
dữ liệu.

Xem sản phẩm Hiển thị giao diện đúng, khách hàng xem sản
phẩm theo danh mục và chi tiết sản phẩm

Xem tin tức Hiển thị giao diện đúng, khách hàng xem
được các tin tức và chi tiết tin tức

Liên hệ với cửa hàng Hiển thị giao diện đúng, lời nhắn của khách
hàng được lưu vào cơ sở dữ liệu

40
Đặt hàng Hiển thị giao diện đúng, đơn hàng của khách
hàng được lưu vào cơ sở dữ liệu

Tìm kiếm sản phẩm Hiển thị giao diện đúng, khách hàng tìm kiếm
sản phẩm theo từ khóa tìm kiếm

4.3.2 Kiểm tra trang web phía cửa hàng

Kiểm tra hoạt động Kết quả

Mở web trên google chrome, Hiển thị giao diện web đúng theo đoạn code
cốc cốc, microsoft edge

Kết nối với cơ sở dữ liệu Hiển thị được các thông tin đúng CSDL

Thêm, xóa, sửa các thông tin Đều được cập nhật vào cơ sở dữ liệu
như: kiểu sản phẩm, sản phẩm,
tin tức, sự kiện,...

41
 TÀI LIỆU THAM KHẢO

[1] Tài liệu học môn lập trình Web – Khoa Hệ thống thông tin quản lý, Học Viện
Ngân Hàng.

[2] Tài liệu học môn Cơ sở dữ liệu 1 - Khoa Hệ thống thông tin quản lý, Học Viện
Ngân Hàng.

[3] Tài liệu học môn Phát triển hệ thống thông tin kế toán - Khoa Hệ thống thông tin
quản lý - Học Viện Ngân Hàng.

[4] W3Schools Online Web Tutorials - https://www.w3schools.com/

[5] Stackoverflow - https://stackoverflow.com/

42