TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

~~~~~~*~~~~~~

Đề Tài:
DỰ ÁN PHẦN MỀM WEBSIE BÁN HÀNG CHO CTY TNHH D & G

Giảng viên hướng dẫn : Th.sNguyễn Thị Huyền

Nhóm sinh viên thực hành: Cao Ngọc Hoàng
Nguyễn Việt Hoàng
Hà Thành Long
Lớp: TH26.20
Nhóm: 2

Hà Nội - 2024

1
 MỤC LỤC

DANH MỤC HÌNH......................................................................................................4

LỜI NÓI ĐẦU...............................................................................................................7
CHƯƠNG 1. TỔNG QUAN.........................................................................................8
1. Lý do chọn đề tài.......................................................................................................8
2. Mục tiêu đề tài.........................................................................................................10
3. Phạm vi nghiên cứu.................................................................................................11
CHƯƠNG 2: TỔNG QUAN CÔNG TÁC QUẢN LÝ WEBSITE BÁN HÀNG CỦA
CÔNG TY TNHH D&G VIỆT NAM.........................................................................12
1. Giới thiệu khái quát về Công ty TNHH D&G VIỆT NAM....................................12
2. Thực trạng công tác quản lý bán hàng của Công ty:...............................................13
3. Mô tả bài toán..........................................................................................................14
3.1. Công cụ hỗ trợ xây dựng Website:.......................................................................14
3.2. Yêu cầu khi xây dựng trang web..........................................................................14
3.3. Ràng buộc về thực thi và thiết kế.........................................................................15
3.4. Quan sát nhu cầu từ phía người mua sản phẩm:..................................................15
3.5. Tiến hành khảo sát đối tượng cụ thể:...................................................................15
3.6. Kết quả sơ bộ........................................................................................................16
4. Các yêu cầu giao tiếp bên ngoài..............................................................................16
4.1.1. Giao diện người sử dụng...................................................................................16
4.1.2. Giao tiếp phần cứng..........................................................................................17
4.1.3. Giao tiếp phần mềm..........................................................................................17
5. Các yêu cầu phi chức năng......................................................................................17
5.1. Yêu cầu hiệu năng................................................................................................17
5.2. Yêu cầu độ tin cậy................................................................................................17
5.3. Yêu cầu bảo mật...................................................................................................17
5.4. Yêu cầu chất lượng...............................................................................................18
CHƯƠNG 3: CÀI ĐẶT, PHÂN TÍCH, THIẾT KẾ TRANG WEBSITE CHO CÔNG
TY TNHH D&G VIỆT NAM.....................................................................................19
1. Cài đặt hệ thống.......................................................................................................19
2
1.1. Cài đặt Web Server (XAMPP).............................................................................19
1.2. Cài đặt hệ quản trị nội dung mã nguồn mở (Wordpress).....................................22
2. Phân tích hệ thống...................................................................................................23
2.1. Thiết kế kiến trúc..................................................................................................23
2.2. Sơ đồ chức năng hoạt động của khách hàng........................................................24
2.3. Sơ đồ chức năng hoạt động của Admin................................................................28
2.4. Mô hình hóa tương tác trong các Use - Case.......................................................28
2.5. Sơ đồ thuật toán....................................................................................................30
2.6. Thiết kế cơ sở dữ liệu...........................................................................................34
2.7. Thiết kế giao diện cho trang web D&G...............................................................34
I, Xem sản phẩm được khuyến mãi.............................................................................52
L, Bình luận và đánh giá sản phẩm.............................................................................54
1. Những điểm chương trình làm được.......................................................................61
1.1. Đối với người sử dụng, chương trình đã đưa ra được:.........................................61
1.2. Đối với người quản trị, chương trình đã đưa ra được:.........................................61
2. Những điểm chưa làm được và hướng giải quyết:..................................................62
3. Hướng phát triển của chương trình:........................................................................62

3
 DANH MỤC HÌNH

Hình 1. Sơ đồ chức năng hoạt động của Khách hàng

Hình 2. Sơ đồ chức năng hoạt động của Admin

Hình 3: Sơ đồ Use - case QTV

Hình 4: Sơ đồ Use - case Khách hàng

Hình 5: Sơ đồ thuật toán đăng ký người dùng

Hình 6: Sơ đồ Use - case Khách hàng

Hình 7: Sơ đồ thuật toán thanh toán

Hình 8: Menu thêm sản phẩm

Hình 9:Nhập tiêu đề và mô tả chi tiết của sản phẩm

Hình 10: Khung nhập dữ liệu sản phẩm

Hình 11: Nhập dữ liệu sản phẩm

Hình 12: Khung mô tả ngắn sản phẩm

Hình 13: Tạo danh mục sản phẩm

Hình 14:Thiết lập từ khóa sản phẩm

Hình 15: Ảnh đại diện sản phẩm

Hình 16: Thư viện ảnh của một sản phẩm

Hình 17: Xem trang sản phẩm

Hình 18: Sản phẩm hiển thị ở trang Sản phẩm.

Hình 19: Hình mô tả chi tiết sản phẩm

Hình 20: Thêm sản phẩm vào giỏ

4
Hình 21: Trang giỏ hàng

Hình 22: Trang thanh toán

Hình 23: Menu bài viết

Hình 24: Nhập tiêu đề và nội dung bài viết (có thể kèm ảnh)

Hình 25: Chức năng thêm chuyên mục, ảnh đại diện, tóm tắt, comment

Hình 26: Bài viết hiển thị ở trang Bài viết

Hình 27: Ảnh Bài viết xu hướng

Hình 28: Thêm 1 trang mới

Hình 29: Kiểm tra đơn hàng của người mua đã đặt

Hình 30: Kiểm tra thông tin người đặt hàng

Hình 31: Thêm nhân viên vào để phụ việc kiểm tra đặt hàng

Hình 32: Chỉnh sửa, xóa, update giao diện

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

Hình 34: Giao diện đăng ký

Hình 35: Giao diện khôi phục mật khẩu

Hình 36: Quản lý tài khoản người mua, người đặt

Hình 37: Thanh tìm kiếm

Hình 38: Kết quả tìm kiếm

Hình 39: Sản phẩm phổ biến nhất

Hình 40: Sản phẩm mới nhất

Hình 41: Lọc giá sản phẩm và sản phẩm được đánh giá cao nhất

5
Hình 42: Xem các sản phẩm được giảm giá

Hình 43: Xem danh mục sản phẩm

Hình 44: Xem chi tiết sản phẩm

Hình 45: Bình luận và đánh giá sản phẩm

Hình 46: Giỏ hàng

Hình 47: Thông tin thanh toán

Hình 48: Hình thức thanh toán

Hình 49: Thông báo đặt hàng thành công

Hình 50: Xem danh sách đơn hàng

Hình 51: Xem bài viết

Hình 52: Xem giới thiệu

Hình 53: Xem các dịch vụ thêm

Hình 54: Để lại lời nhắn

Hình 55: Nhận ưu đãi

6
 LỜI NÓI ĐẦU

Xã hội phát triển về nhiều mặt, kèm theo đó là sự bùng nổ mạnh mẽ của
công nghệ thông tin. Nhu cầu của con người ngày càng được nâng cao. Để đáp
ứng cho nhu cầu con người trong việc mua hàng hóa thông minh thông qua các
website bán hàng. Chúng ta chỉ cần ở bất kỳ đâu chỉ cần có kết nối Internet thì
có thể mua hàng ở bất kỳ nơi nào với các chế độ vận chuyển chuyên nghiệp trên
toàn quốc. Để đáp ứng được điều đó thì công nghệ website hiện nay có rất nhiều
cách để tạo nên một website bán hàng thông minh. Trong đó chúng ta không thể
không nói đến Wordpress. Đây là một công cụ rất phổ biến trên thế giới nói
chung và Việt Nam nói riêng.Trong Wordpress có một Plugin rất nổi tiếng được
viết từ các lập trình viên thực thụ từ Wootheme đó chính là Woocommerce. Nó
được phản hồi rất tịch cực trong ngành công nghệ website đặc biệt là website
bán hàng tính đến thời điểm hiện tại. Với sự hỗ trợ đặc biệt của Plugin
Woocommerce trong việc tạo một website bán hàng. Nhóm em đã hợp tác cùng
chị Nguyễn Thị Huệ - Trường phòng Maketing để xây dựng và hoàn thành
“Website thời trang Dolce & Gabbana”.

Nhóm em xin chân thành cảm ơn sự hướng dẫn và chỉ bảo tận tình trong
những buổi học trên lớp của cô Nguyễn Thị Huyền – Giảng viên bộ môn Mã
nguồn mở, trường Đại học Kinh doanh và Công nghệ Hà Nội. Cô đã cho nhóm
em nhiều kiến thức cực kì quan trọng và nhiều đóng góp quý giá trong quá trình
nhóm em hoàn thành bài tập lớn này.

Nhóm em xin chân thành cảm ơn!

7
 CHƯƠNG 1. TỔNG QUAN

1. Lý do chọn đề tài
Thế kỷ 21 với sự phát triển mạnh mẽ của công nghệ thông tin, có rất nhiều
dịch vụ và ứng dụng đang dần chiếm lĩnh thị trường và đi sâu vào nhiều mặt
của đời sống con người trên khắp thế giới như thể thao, giải trí, tin tức, kinh
tế… và rất nhiều chương trình hỗ trợ về khoa học kỹ thuật, kinh tế chính trị
quân sự… đang và dần đáp ứng một phần nhu cầu của nhân dân, và con
người không ngừng vươn tới cái tốt và hoàn thiện hơn nhờ vào khoa học kỹ
thuật hiện đại. Internet đã và đang là một công cụ cực kỳ quan trọng đối với
nhiều doanh nghiệp, nhiều lĩnh vực và ngành nghề. Website trở thành nơi
giới thiệu, truyền đạt thông tin nhanh chóng và hiệu quả nhất với khách
hàng về hình ảnh cũng như sản phẩm của một doanh nghiệp. Hơn thế nữa,
với sự phát triển của ngành ngân hàng, việc thanh toán một hóa đơn hàng
hóa cũng trở nên đơn giản. Từ nhu cầu thuận tiện và tiết kiệm thời gian
trong mua bán hàng hóa dẫn đến việc kinh doanh trực tuyến trở nên phổ
biến, hầu hết các doanh nghiệp đều cần có Website riêng và chức năng mua
bán hàng hóa trực tuyến là cấp thiết. Nếu doanh nghiệp có một Website tốt,
họ có thể tăng doanh thu, tăng năng suất làm việc của nhân viên, giảm chi
phí cho việc marketing, giảm chi phí bán hàng, mở rộng mối quan hệ. Do đó
tầm quan trọng của Website đối với doanh nghiệp là rất lớn.

Đối với lĩnh vực kinh tế thương mại điện tử được xem là một công cụ hỗ trợ
thương mại mới mẻ và hữu hiệu trong bối cảnh Việt Nam hiện nay. Thương
mại điện tử là các hoạt động kinh doanh hoàn toàn hoặc một phần dựa trên
mạng Internet. Công nghệ thông tin đã và đang thay đổi thế giới cũng như
tạo nên một cuộc cách mạng thực sự trong mọi lĩnh vực của khoa học và đời
sống.

Việc ứng dụng công nghệ thông tin trong hoạt động sản xuất kinh doanh
cũng không nằm ngoài xu hướng đó. Khái niệm ứng dụng công nghệ thông
tin trong hoạt động thương mại hay còn gọi là thương mại điện tử ra đời và

8
đang trở thành xu thế mới thay thế dần phương thức kinh doanh cũ với rất
nhiều ưu thế nổi bật như nhanh hơn, rẻ hơn, tiện dụng hơn, hiệu quả hơn và
không bị giới hạn bởi không gian và thời gian…v v.

Tuy nhiên đối với một số nước đang phát triển nói chung và Việt Nam nói
riêng thương mại điện tử lại là một điều khá mới mẻ dẫu rằng việc nắm bắt
xu thế và phát triển đã và đang ở cả chiều rộng lẫn chiều sâu. Trong công
tác quản lý nhà nước cũng chưa thực sự hoàn thiện cho lĩnh vực này, các
chuyên gia đang tổ chức cũng đang ở mức độ thăm dò và hỗ trợ cho hình
thức kinh doanh truyền thống hoặc kết hợp giữa hai hình thức này.

Những năm trở lại đây, các chỉ tiêu đánh giá mức độ sẵn sàng thương mại
điện tử của Việt Nam không ngừng được cải thiện, chứng tỏ nước ta đang
dần hoàn chỉnh môi trường cho thương mại điện tử hoạt động thuận lợi.
Chính phủ Việt Nam đang dần hoàn thiện hệ thống văn bản pháp luật, cơ sở
hạ tầng nhằm hỗ trợ cho các doanh nghiệp tận dụng thương mại điện tử tốt
hơn. Hiệp hội Thương mại điện tử Việt Nam cũng đã ra đời nhằm bảo vệ,
đoàn kết và hỗ trợ cho các tổ chức doanh nghiệp về thương mại điện tử.

Công ty Trách Nhiệm Hữu Hạn Dolce & Gabbana Việt Nam thành lập vào
năm 2006 và được cấp giấy phép kinh doanh số : 3200234057 và do Sở kế
hoạch đầu tư cấp ngày 10 tháng 4 năm 2006, Công ty chuyên sản xuất và
tiêu thụ những sản phẩm về quần áo, giày dép và các phụ kiện trang phục.
Đây là những mặt hàng đang rất được ưa chuộng trong cuộc sống hiện nay.
Hằng năm Công ty sản xuất ra nhiều mặt hàng, mẫu mã phong phú đa dang.
Đáp ứng nhu cầu thi hiếu của nhiều khách hàng. Việc hình thành một trang
web bán hàng qua mạng để giới thiệu mua bán và quảng bá sản phẩm của
Công ty thật sự rất cần thiết và quan trọng có thể khai thác triệt để thế mạnh
cạnh tranh thương mại bằng phương pháp thương mại điện tử. Ngoài ra,
thương mại điện tử sẽ giúp cho Công ty tăng lợi thế cạnh tranh, có cơ hội
quảng bá thương hiệu trên phạm vi toàn cầu, mở rộng thị trường, tăng doanh
thu và giảm chi phí trong hoạt động kinh doanh. Xuất phát từ những vấn đề

9
nêu trên Chị Nguyễn Thị Huệ - Trường phòng Maketing đã hợp tác cùng
nhóm em - để triển khai đề tài “Xây dựng Website bán hàng cho Công ty
Trách Nhiệm Hữu Hạn Dolce & Gabbana Việt Nam”.

2. Mục tiêu đề tài

Trên cơ sở nghiên cứu thực trạng của Công ty, khảo sát nhu cầu từ đó xây
dựng và thết kế Website. Mục đích của Website này là thực hiện việc giao
dịch điện tử giữa nhà quản lý (Doanh nghiệp) và khách hàng, thực hiện việc
mua bán qua mạng với sản phẩm là những mặt hàng chủ lực của Công ty,
quảng bá sản phẩm tạo sức cạnh tranh cho sản phẩm của Công ty. Ngoài ra
nhóm em xây dựng trang web này, với mục đích đặc biệt hơn cả là tính
thương mại: Không những thông tin, qua trang Website, nhóm em cũng cố
gắng hết sức để cung cấp cho khách hàng những dịch vụ giao dịch kinh
doanh phổ biến mà hiện nay được biết đến dưới cái tên là thương mại điện
tử.

Tính chất đặc biệt của Website bán hàng cho Công ty Trách Nhiệm Hữu
Hạn D&G Việt Nam

a) Độ phức tạp: Dự án Website bán hàng cho Công ty Trách Nhiệm Hữu
Hạn D&G Việt Nam thường đối mặt với nhiều yếu tố phức tạp như tích
hợp với hệ thống thanh toán trực tuyến, quản lý bảo mật thông tin tài
khoản và giao diện người dùng đa dạng.

b) Quản lý rủi ro: Phần mềm bán hàng thông minh thường gặp phải rủi ro
như việc đảm bảo tính bảo mật của thông tin tài khoản và đối mặt với sự
biến động của thị trường game.

c) Quản lý nhóm: Quản lý dự án phần mềm cần phải hiểu về các quy trình
làm việc của nhóm phát triển phần mềm, đồng thời tạo điều kiện cho sự
hợp tác và giao tiếp hiệu quả giữa các thành viên trong nhóm.
10
d) Kiểm soát chất lượng: Đảm bảo rằng website được phát triển đúng theo
yêu cầu và tiêu chuẩn chất lượng đã đề ra, thông qua việc thực hiện
kiểm thử đầy đủ và kiểm tra chất lượng trong suốt quá trình phát triển.

e) Quản lý thay đổi: Quản lý và điều chỉnh các yêu cầu và thay đổi trong
quá trình phát triển website để đảm bảo sự linh hoạt và sự phản hồi
nhanh chóng đối với sự thay đổi từ khách hàng hoặc môi trường kinh
doanh.

f) Quản lý nguồn lực: Tối ưu hóa việc sử dụng nguồn lực như thời gian,
nhân lực và tài nguyên vật chất để đảm bảo dự án được hoàn thành đúng
thời gian và ngân sách.

3. Phạm vi nghiên cứu

Đợn vị thực hiện nghiên cứu là Công ty TNHH D&G Việt Nam trụ sở chính
đặt tại Phố 124, Vĩnh Tuy, Hai Bà Trưng, Hà Nội. Tất cả số liệu, thông tin
về nhân sự và cơ cấu tổ chức do đơn vị cung cấp. Thời gian hoàn thành dự
án 1 tuần tính từ ngày 27 tháng 5 năm 2024. Phạm vi chỉ xây dựng Website
bán hàng online cho Công ty TNHH D&G Việt Nam trụ sở chính đặt tại
Phố 124, Vĩnh Tuy, Hai Bà Trưng, Hà Nội.

11
CHƯƠNG 2: TỔNG QUAN CÔNG TÁC QUẢN LÝ
WEBSITE BÁN HÀNG CỦA CÔNG TY TNHH D&G
VIỆT NAM
1. Giới thiệu khái quát về Công ty TNHH D&G VIỆT NAM
Tên Công ty: CÔNG TY TRÁCH NHIỆM HỮU HẠN DOLCE &
GABBANA VIỆT NAM

Tên giao dịch: DOLCE&GABBANA VIETNAM LIMITED

LIABILITY COMPANY

Tên viết tắt: D&G VIET NAM CO .,LTD

Trụ sở chính: Phố 124, Vĩnh Tuy, Hai Bà Trưng, Hà Nội

Loại hình doanh nghiệp: Công ty trách nhiệm hữu hạn

Loại hình hoạt động: Doanh nghiệp

Người đại diện theo pháp luật: Chủ tịch Hội đồng thành viên Hà Mai Hương

Công ty Trách Nhiệm Hữu Hạn Dolce & Gabbana Việt Nam thành lập vào
năm 2006 và được cấp giấy phép kinh doanh số : 3200234057 và do Sở kế
hoạch đầu tư cấp ngày 10 tháng 4 năm 2006.

Công ty tự hào là một trong những đơn vị hàng đầu trong lĩnh vực kinh
doanh thời trang và phụ kiện thời trang tại Việt Nam. Được thành lập với sứ
mệnh mang đến cho khách hàng những sản phẩm thời trang chất lượng cao
và phong cách đa dạng, Những sản phẩm do D&G sản xuất có chất lượng
vượt trội, thoải mái, đã được khẳng định bởi những thị trường khó tính nhất
tại các nước công nghiệp phát triển. Thêm vào đó, với đội ngũ nhân viên trẻ
có năng lực, hiểu biết sâu về chuyên môn, và ham học hỏi, công ty đã khẳng
định được vị trí của mình trong lĩnh vực phân phối các sản phẩm thời trang.

Các loại sản phẩm của công ty TNHH Dolce & Gabbana Việt Nam

Công ty cung cấp một loạt các sản phẩm thời trang bao gồm:

 Trang phục nam nữ: Từ trang phục công sở lịch lãm, trang phục dạo
phố năng động đến trang phục dạ tiệc sang trọng, tất cả đều được thiết
kế tinh tế và cập nhật xu hướng mới nhất.
 Phụ kiện thời trang: Đa dạng với các loại túi xách, giày dép, thắt lưng,
kính mát, trang sức và nhiều phụ kiện khác giúp khách hàng hoàn
thiện phong cách thời trang của mình.
12
2. Thực trạng công tác quản lý bán hàng của Công ty:

Trong bối cảnh thị trường thời trang ngày càng cạnh tranh khốc liệt, Công ty
Trách Nhiệm Hữu Hạn D&G Việt Nam đã không ngừng nỗ lực cải thiện và
nâng cao công tác quản lý bán hàng để đáp ứng nhu cầu ngày càng đa dạng
của khách hàng. Dưới đây là một cái nhìn tổng quan về thực trạng công tác
quản lý bán hàng của công ty.

Hệ Thống Quản Lý Bán Hàng Hiện Tại

Kênh Bán Hàng Truyền Thống:

 Cửa Hàng Bán Lẻ: D&G Việt Nam hiện có một mạng lưới các cửa
hàng bán lẻ tại các thành phố lớn trên toàn quốc. Hệ thống cửa hàng
này được thiết kế hiện đại, bài trí sản phẩm khoa học, tạo điều kiện
thuận lợi cho khách hàng mua sắm trực tiếp.
 Đại Lý Phân Phối: Ngoài các cửa hàng chính hãng, công ty còn hợp
tác với nhiều đại lý phân phối trên toàn quốc để mở rộng phạm vi tiếp
cận khách hàng.

Hệ Thống Quản Lý Hàng Hoá và Kho Vận

 Quản Lý Hàng Tồn Kho: Công ty sử dụng phần mềm quản lý hàng
tồn kho để theo dõi và cập nhật tình trạng hàng hoá. Tuy nhiên, hệ thống
này đôi khi còn xảy ra sai sót, dẫn đến việc quản lý hàng tồn kho chưa thực
sự hiệu quả.
 Logistics và Vận Chuyển: Công ty hiện hợp tác với các đơn vị vận
chuyển uy tín để đảm bảo hàng hóa được giao đến tay khách hàng một cách
nhanh chóng và an toàn. Tuy nhiên, việc phối hợp giữa các bộ phận liên
quan còn thiếu sự đồng bộ, gây ra một số chậm trễ trong quá trình vận
chuyển.

Hệ Thống Quản Lý Khách Hàng

 Quản Lý Thông Tin Khách Hàng: Dữ liệu khách hàng được lưu trữ
trong hệ thống CRM (Customer Relationship Management), giúp công ty
theo dõi và quản lý thông tin khách hàng, lịch sử mua sắm và phản hồi của
khách hàng. Tuy nhiên, hệ thống này chưa được khai thác tối đa để triển
khai các chiến dịch marketing hiệu quả.
 Chăm Sóc Khách Hàng: Đội ngũ chăm sóc khách hàng của công ty
hoạt động tích cực, hỗ trợ khách hàng qua nhiều kênh như điện thoại, email,
13
và mạng xã hội. Mặc dù vậy, vẫn còn tồn tại một số phản ánh về chất lượng
dịch vụ chưa đáp ứng kịp thời nhu cầu của khách hàng.

3. Mô tả bài toán
3.1. Công cụ hỗ trợ xây dựng Website:
 XAMPP: là một phần mềm cho phép giả lập môi trường server hosting
ngay trên máy tính của bạn, cho phép bạn chạy demo website mà không cần
phải mua hosting hay VPS
 WORDPRESS: WordPress là một mã nguồn mở bằng ngôn ngữ PHP
để
hỗ trợ tạo blog cá nhân, website bán hàng, và nó được rất nhiều người sử
dụng ủng hộ về tính dễ sử dụng, nhiều tính năng hữu ích.
 Woocommerce: là một plugin miễn phí được sử dụng để tạo một trang
thương mại điện tử cỡ nhỏ tốt nhất hiện nay trong WordPress. Nó cũng như
bao plugin khác là bổ sung chức năng vào website nhưng nó sẽ bổ sung gần
như toàn diện các chức năng mà một trang bán hàng đơn giản cần có.
3.2. Yêu cầu khi xây dựng trang web
Mục tiêu chị Nguyễn Thị Huệ - Trường phòng Maketing yêu cầu:
3.2.1. Về giao diện người dùng một website cần có những chức năng
chính như sau:
 Cung cấp thông tin về các loại sản phẩm: tên sản phẩm, loại sản phẩm,
hình ảnh, giá cả, mô tả,..
 Xây dựng menu gồm: Trang chủ, Sản phẩm, Dịch vụ, Giới thiệu, Bài
viết, Liên hệ, …
 Cung chấp chức năng: đăng nhập, đăng xuất, tìm kiếm, lọc giá sản
phẩm, đánh giá, comment, top đánh giá, giỏ hàng, đặt hàng, thanh toán,
…
 Cung cấp thông tin liên hệ, hướng dấn mua hàng, các chính sách như
chính sách đổi trả, chính sách vận chuyển, chính sách an toàn thực
phẩm,…và các điều khoản dịch vụ.
3.2.2. Về giao diện người quản trị website cần có những chức năng chính
như sau:

14
Cung cấp các chức năng:
 Đăng kí
 Đăng nhập
 Đăng xuất
 Quản lý bài viết
 Quản lý khách hàng
 Quản lý đơn hàng
 Thêm, sửa, xóa sản phẩm, bài viết, bình luận
 Vv…
3.3. Ràng buộc về thực thi và thiết kế
- Ràng buộc thực thi thiết kế:
 Giao diện đơn giản, thân thiện với người dùng.
 Bàn giao sản phẩm đúng thời hạn.
 Phần mềm chạy trên các trình duyệt web.
 Công cụ lập trình chính: Sublime Text 3.
 Kích thước bộ nhớ máy (Máy lưu CSDL) phải đủ lớn để lưu thông tin
tăng lên khi sử dụng.
- Ràng buộc thực thi: Đáp ứng nhanh yêu cầu người dùng, trong thời gian
chờ vượt quá giới hạn hệ thông phải hiện thông báo đến người dùng.
3.4. Quan sát nhu cầu từ phía người mua sản phẩm:
1) Người mua có thể lựa chọn cách mua hàng online qua website và nhận
hàng tận nơi.
2) Người mua truy cập website để tìm và chọn sản phẩm muốn mua.
3) Sau khi chọn được sản phẩm ưng ý và số lượng muốn mua, người mua
tiến hành đặt hàng bằng cách chọn nút THÊM VÀO GIỎ để thêm sản
phẩm vào giỏ hàng.
4) Người mua chọn vào nút MUA NGAY hoặc THANH TOÁN để tiến
hành mua hàng. Yêu cầu người mua điền đầy đủ thông tin nhận hàng.
5) Sau khi đặt hàng thành công, D&G sẽ liên hệ người mua để xác nhận và
hoàn tất thủ tục.
6) Người mua có thể đăng kí để giảm giá vào lần sau bằng cách điền email
đăng ký.
3.5. Tiến hành khảo sát đối tượng cụ thể:
15
1) Trợ lý bán hàng: có nhiệm vụ tiếp nhận đơn hàng, chuyển đơn hàng đến
bộ phận vận chuyển để đến tay người mua, lập phiếu thanh toán và thu
tiền của người mua.
2) Nhân viên chăm sóc khách hàng: nhận những đánh giá, yêu cầu của
người mua, giới thiệu và giải đáp thắc mắc của người mua.
3) Người mua, người dùng: Nhằm nắm bắt được những đánh giá của người
mua đối với sản phẩm, dịch vụ, thương hiệu và nắm bắt nhu cầu, tiếp
cận người mua với những vấn đề liên quan đến dịch vụ/sản phẩm của
mình.
3.6. Kết quả sơ bộ
• Hoạt động quản trị người dùng: Hỗ trợ người dùng tạo tài khoản. Phân
quyền nhân viên.
• Nhận ưu đãi: Để tham gia chương trình, người mua sẽ đăng ký thông tin
email tại các cửa hàng của D&G hoặc đăng ký trực tuyến trên website.
Ngay khi hoàn tất đăng ký và trở thành KHTT, người mua sẽ được nhận ưu
đãi.
• Chương trình khuyến mại: Khuyến mãi là một thành tố quan trọng của
chiến lược marketing, được sử dụng để kích thích nhu cầu của thị trường,
thúc đẩy doanh số bán hàng nhanh và đôi khi là một phần trong chiến lược
nâng cao độ nhận diện thương hiệu.
• Quản lí bài đăng, bài viết: Để việc kinh doanh hiệu quả, việc đầu tư
content chuẩn seo là không thể thiếu, các nội dung trên các website, mạng
sẽ hội sẽ thu hút được nhiều khách hàng, doanh nghiệp sẽ quảng bá được
thương hiệu rộng rãi và bán hàng nhiều hơn mà không cần tốn quá nhiều chi
phí cho marketing.
• Quản lý sản phẩm: Việc thêm, sửa, xóa sản phẩm giúp quản trị viên dễ
dàng quản lý hàng hóa bán ra của mình.

4. Các yêu cầu giao tiếp bên ngoài

4.1.1. Giao diện người sử dụng
Các điều khiển trên trang web cần quen thuộc, dễ thao tác với người dùng.
Giao diện gồm ít nhất một thứ tiếng: tiếng Việt. Ngôn ngữ dễ sử dụng.
16
Tên các trường thông tin, chức năng phải thống nhất toàn bộ giao diện.
Font chữ Times New Roman hoặc Arial đơn giản và không vướng mắt
người dùng.
Màu sắc sử dụng hài hòa.

4.1.2. Giao tiếp phần cứng

CẤU HÌNH CẤU HÌNH TỐI THIỂU CẤU HÌNH ĐỀ NGHỊ

MS
Hệ điều hành Tùy ý
Windows(7,8,8.1,10,11)
Google Chrome, Edg, Cốc Google Chrome, Edg,
Browser
Cốc, IE 9+, Opera Cốc Cốc,…

4.1.3. Giao tiếp phần mềm

Để tương tác với hệ thống người dùng cần sử dụng chuột và bàn phím để
thực hiện các thao tác lựa chọn, di chuyển, điền thông tin (Không yêu cần
với các thiết bị cảm ứng).
Khả năng vận hành chính xác của các thiết bị phần cứng phải được đảm
bảo.
5. Các yêu cầu phi chức năng
5.1. Yêu cầu hiệu năng
 Yêu cầu về độ thực thi: Tốc độ xử lý và tính toán nhanh (Các thuật toán
sắp xếp, tìm kiếm được thiết kế tối ưu).
 Yêu cầu về giao diện: Giao diện phải thân thiện với người dùng; dễ dàng
thao tác.
5.2. Yêu cầu độ tin cậy
- Đáp ứng được nhu cầu của khách hàng
 Đảm bảo đáp ứng được các yêu cầu của người sử dụng.
 Ổn định, thời gian làm việc không gặp lỗi quá lớn.
 Cho kết quả chính xác.
- Đảm bảo website có ít khiếm khuyết về lập trình
 Kiếm soát được các ngoại lệ.
 Lỗi logic tối thiểu.
5.3. Yêu cầu bảo mật
- Đảm bảo tính duy nhất của tên đăng nhập người sử dụng.
- Chỉ có người quản trị hệ thống mới có quyền cập nhật các thông tin về sản
phẩm và người sử dụng.

17
- Chịu được tấn công của tin tặc và có thể khắc phục ngay về trạng thái
trước khi bị tấn công.
5.4. Yêu cầu chất lượng
- Tính bảo trì:
 Đảm bảo đáp ứng được các yêu cầu của người sử dụng.
 Cài đặt bằng mã nguồn mở Wordpress và các Plugin hữu ích
- Tính đáng tin cậy:
 Có ít khiếm khuyết về lỗi lập trình.
 Đáp ứng nhu cầu về chức năng, giao diện của người sử dụng.
- Tính hiệu quả:
 Website không sử dụng tài nguyên lãng phí, cài đặt tối ưu về bộ nhớ và
tốc độ.
- Tính tiện dụng:
 Giao diện đơn giản, trình bày các chức năng một cách hợp lý theo ý
thích của người sử dụng đề ra.
 Cung cấp đầy đủ tài liệu cho việc học hiệu quả.
 Hỗ trợ người sử dụng những tính năng khó
- Giá cả phải chăng:
 Giá thành rẻ do việc cài đặt bằng mã nguồn mở và không quá ưu hẹp về
tài chính.
 Sử dụng các Plugin có sẵn để giảm thời gian xây dựng.

18
CHƯƠNG 3: CÀI ĐẶT, PHÂN TÍCH, THIẾT KẾ TRANG WEBSITE
CHO CÔNG TY TNHH D&G VIỆT NAM

1. Cài đặt hệ thống

1.1. Cài đặt Web Server (XAMPP)
1.1.1. Cài đặt và khởi chạy XAMPP
Trước hết, bạn cần truy cập Apache Friends website và chọn liên kết tải
xuống phù hợp trên trang chủ:

Tiếp theo, kéo XAMPP vào thư mục Applications:

Khi trình tự tải hoàn tất, XAMPP sẽ được cài đặt trên hệ thống của bạn.
Phần này không yêu cầu bạn làm gì nhiều
Lưu ý là nếu bạn đang chạy XAMPP trên Windows và có một chương trình
khác trên máy đang sử dụng cổng 80 hoặc 443, bạn có thể gặp phải lỗi về
cổng. Ví dụ: chương trình World Wide Web Publishing Service thường sử
dụng cổng 80 và có thể gây ra xung đột với XAMPP.
Để giải quyết vấn đề này, bạn cần ngăn dịch vụ đó chạy bằng cách thực hiện
các thao tác sau:

1. Chuyển tới menu Windows Start, và gõ vào services.msc.

19
 2. Trong cửa sổ Services, tìm World Wide Web Publishing Service.
3. Nhấp chuột phải vào nó và chọn nút Stop.
4. Khởi động lại XAMPP. Lỗi về cổng sẽ được giải quyết nếu World
Wide Web Publishing Service là thủ phạm.
Nếu điều này không giải quyết được vấn đề thì có thể do tường lửa trên máy
Windows của bạn gây ra. Để buộc mở khóa cổng của bạn, bạn cần thiết lập
quy tắc tường lửa mới:

1. Mở Windows Firewall và điều hướng đến Advanced Settings.

2. Chuyển đến Inbound > New Rule.
3. Chuyển đến Port > TCP. Bạn phải nhập 80,443 trong trường có
nhãn Specific Ports, sau đó nhấp vào Next.
4. Chọn Allow the Connection, sau đó bấm vào Next một lần nữa.
5. Đảm bảo tất cả các tùy chọn được liệt kê đã được kiểm tra và sau đó
tiếp tục đến trang tiếp theo.
6. Trong trường Name, nhập tên dễ nhớ (chẳng hạn như host1) và
chọn Finish.
7. Bây giờ bạn cần lặp lại các bước từ 1 đến 6, thay đổi tên một lần nữa
(tức là thành host2) để xóa cổng.
8. Khởi động lại máy tính. Các cổng 80 và 443 giờ đã được bỏ chặn và
mở ra trên máy local.
Khi XAMPP được cài đặt, giờ bạn có thể sử dụng XAMPP.
Bây giờ, hãy mở ứng dụng XAMPP và nhấn nút Start. Bạn sẽ thấy đèn
xanh ở góc trên bên phải màn hình:

Tiếp theo, điều hướng đến tab Services. Bạn sẽ cần đảm bảo rằng trạng thái
của cả hai dịch vụ Apache và MySQL đều đang chạy (tức là đều có đèn
xanh). Điều này nhằm đảm bảo hệ thống quản lý database và các yếu tố

20
phần mềm đều sẵn sàng cho môi trường localhost. Hiện tại, bạn có thể bỏ
qua ProFTPD (là File Transfer Protocol server có thể cấu hình).
Nếu MySQL hoặc Apache không chạy (nếu hiển thị đèn đỏ), bạn chỉ cần
chọn chúng và nhấn Start:

Sau đó, chuyển sang tab Network. Tại đây, bạn có thể xác định quy tắc
chuyển tiếp cổng giữa server và bộ phần mềm XAMPP. Chọn localhost mà
bạn muốn làm việc, sau đó nhấn nút Enable. Trong ví dụ này, chúng tôi sẽ
sử dụng localhost:8080:

Bây giờ bạn sẽ có thể truy cập localhost và bắt đầu dùng XAMPP làm môi
trường máy chủ. Để làm điều này, hãy mở trình duyệt web ưa thích và nhập
tên localhost của bạn (hiện tại là localhost:8080). Việc này sẽ đưa lên
XAMPP dashboard. Khi đó, chọn nút phpMyAdmin ở góc trên cùng bên
phải của trang:

21
Sau đó, bạn cần phải tạo cơ sở dữ liệu để cài WordPress trên localhost. Để
thực hiện việc này, hãy chọn tab Database, nhập tên cho cơ sở dữ liệu của
bạn (trong trường hợp của chúng tôi, đơn giản là WordPress), đảm bảo
menu thả xuống tiếp theo được đặt thành Collation, sau đó nhấn Create:

Giờ, bạn đã có thể cài WordPress trên XAMPP.

1.2. Cài đặt hệ quản trị nội dung mã nguồn mở (Wordpress)

Tại thời điểm này, bạn cần truy cập WordPress.org và tải phiên bản mới
nhất của WordPress:

22
Mở thư mục WordPress trên máy, giải nén và tìm file wp-sample-
config.php:

Mở file này trong trình soạn thảo văn bản bạn thích (như TextEdit). Bạn cần
phải xác định vị trí dòng văn bản này:
define('DB_NAME', 'database_name_here');

Thay thế database_name_here bằng tên bạn đặt cho database ở bước cuối
cùng. Sau đó, tìm hai dòng này:
define('DB_USER', 'username_here');
define('DB_PASSWORD', 'password_here');

Bạn cần thay thế username_here bằng root và xóa hoàn

toàn password_here. Kết quả sẽ như sau:

Hãy lưu file dưới tên wp-config.php. Trước khi cài đặt WordPress trên
localhost, bạn cần copy, đưa toàn bộ nội dung file trong thư mục cài
WordPress vào thư mục con của htdocs trong thư mục XAMPP. Thư mục
con này bạn đặt tên tùy ý, chúng tôi đặt tên là WP.
Tiếp theo bạn chỉ cần chuyển đến http://localhost/wp/ trong trình duyệt.
Khi đó, hãy làm theo quy trình cài đặt WordPress tiêu chuẩn. Khi hoàn
thành, bạn sẽ có trang web WordPress trên máy localhost!

2. Phân tích hệ thống

2.1. Thiết kế kiến trúc

23
- Xác định các thành phần chính của hệ thống và mối quan hệ giữa chúng.

- Định nghĩa các mô-đun, thành phần và lớp (classes) trong hệ thống.

- Chọn kiến trúc phù hợp như MVC (Model-View-Controller),

Microservices, Layered Architecture, v.v.

Phân rã hệ thống ra thành các module nhỏ

2.2. Sơ đồ chức năng hoạt động của khách hàng

Hình 1. Sơ đồ chức năng hoạt động của Khách hàng

 Chức năng XEM THÔNG TIN SẢN PHẨM .

- Cho phép xem các thông tin liên quan đến sản phẩm .
Khách hàng Đăng nhập, đăng xuất

Xem thông tin sản phẩm

Chọn hàng Báo giá Hàng Các

hóa thông tin
khác
Đăng ký thành viên

Tìm kiếm

Đặt hàng 24 Thông tin Hóa đơn Hàng

khách (của hóa
hàng mình)
 - Đầu vào : + Tên hàng

+ Nhóm hàng

- Các quá trình xử lý :

+ Module nhập thông tin ( Tên hàng , nhóm hàng ) của mặt hàng
cần xem .

+ Module hiển thị danh mục hàng theo yêu cầu .

- Đầu ra : + danh mục hàng theo yêu cầu .

 Chức năng CHỌN HÀNG

Liệt kê danh mục mặt hàng sản phẩm theo nhóm, chủng loại , chi tiết…cho
phép khách hàng có thể lựa chọn ,bổ xung mặt hàng vào giỏ hàng
( Shopping cart) .

Đầu vào (Input ) :Các thông tin liên quan đến sản phẩm :( Tên mặt hàng )

Các quá trình cần thực hiện (Processes) :

+ Module liệt kê,hiển thị danh mục mặt hàng theo nhóm, loại, chi tiết.

+ Module thêm mặt hàng vào giỏ hàng .

+ Module loại bỏ mặt hàng trong giỏ hàng .

+Module hiển thị danh mục mặt hàng hiện có trong giỏ hàng.

Đầu ra (Output) :Danh mục mặt hàng định đặt mua .

 Chức năng ĐĂNG KÝ THÀNH VIÊN

- Khách hàng có thể đăng ký để trở thành khách hàng thường xuyên (thành
viên) của công ty và được cấp một tài khoản người dùng ( Acount ) để đăng
nhập khi cần đặt hàng ,thanh toán, hỗ trợ ký thuật …

- Đầu vào : -Các thông tin cá nhân của khách hàng

+ User name ( tài khoản ngưòi dùng)

+ Password(mật khẩu)

+ Họ tên đầy đủ ( Full name )

+ Địa chỉ liên lạc ( Address )

+ Email
25
 + Số ĐT ( Tel) và một số thông tin khác .

- Các quá trình thực hiện :

+ Module nhập thông tin cá nhân của khách hàng .

+ Module xác nhận thông tin vừa nhập .

+ Module thông báo cho khách hàng và yêu cầu nhập lại tài
khoản ngưòi dùng nếu tài khoản đó đã có người đăng ký .

+ Module lưu thông tin khách hàng vừa đăng ký vào CSDL .

+ Module thông báo và gửi Email đến khách hàng kết qủa đăng
ký .

- Đầu ra :

+ Thông báo cho khách hàng và yêu cầu nhập lại tài khoản hoặc
Email nếu tài khoản hoặc Email đó đã tồn tại trong CSDL .

+ Thông báo và yêu cầu nhập lại thông tin trong trường hợp thông
tin nhập vào không chính xác , không phù hợp .

+ Thông báo kết qủa đăng ký , mã khách hàng được cấp .

 Chức năng TÌM KIẾM

- Tìm kiếm thông tin về bản thân khách hàng (theo mã khách hàng ).

- Tìm kiếm thông tin về đơn hàng khách hàng đó đã đặt (theo mã
khách hàng).

- Tìm kiếm thông tin về sản phẩm (theo loại nhóm sản phẩm )

- Đầu vào : + từ hoặc cụm từ cần tìm kiếm

+ Dạng tìm kiếm ( tìm kiếm khách hàng, đơn hàng hay
sản phẩm).

- Các quá trình thực hiện :

+ Module tìm kiếm trong CSDL .

+ Module hiển thị kết quả tìm kiếm .

- Đầu ra : Kết quả tìm kiếm

 Chức năng ĐẶT HÀNG & THANH TOÁN :

26
 - Sau khi khách hàng chọn những sản phẩm cần mua đặt vào giỏ
hàng ,khách hàng có thể đặt mua hàng chính thức thông qua Website .

- Đầu vào (Input) :

+Danh mục mặt hàng trong giỏ hàng .

+ Thông tin cá nhân của khách hàng ( Mã khách hàng, Họ tên,

mật khẩu, …)

+ Thông tin liên quan đến việc mua hàng (ngày mua, thời điểm
giao hàng , số lượng mỗi mặt hàng đặt mua, hình thức thanh toán, nơi
nhận hàng, người nhận, tổng số tiền, tỷ giá USD/VND …)

-Các quá trình thực hiện :

+ Module hiển thị đầy đủ thông tin liên quan đến sản phẩm khách
hàng đã chọn .

+ Module tính tổng tiền hàng (theo USD và VND) theo đơn giá và
tỷ giá (USD/VND) của ngày đặt mua .

+ Module nhập thông tin đơn hàng .

+ Module kiểm tra xem khách hàng đã đăng ký là khách hàng

thường xuyên của công ty chưa

+ Module cập nhật đơn hàng vào CSDL .

+ Module thông báo cho khách hàng việc đặt hàng thành
công ,các thủ tục thanh toán, nhận hàng ,hướng dẫn đặt hàng hay
thông báo đặt hàng không thành công .

- Đầu ra :

+ Thông báo tình trạng đặt hàng (thành công\không thành

công) ,các thủ tục thanh toán, nhận hàng , hoặc hướng dẫn đặt hàng
lại trong trường hợp thông tin đặt hàng không phù hợp .

 Chức năng PHẢN HỒI-LIÊN HỆ

- Cho phép người dùng góp ý , khuyếu nại, phản hồi … một số thông
tin liên quan đến sản phẩm .

- Đầu vào : -các thông tin góp ý , phản hồi dưới dạng Email .

- Các quá trình thực hiện :

27
 + Module nhập thông tin góp ý , phản hồi .

+ Module lưu thông tin góp ý vào CSDL .

- Đầu ra : -Thông tin chi tiết về góp ý ,phản hồi chờ nhà quản trị trả
lời .

2.3. Sơ đồ chức năng hoạt động của Admin

ADMIN Thêm, sửa, xóa bài đăng
Đăng nhập, đăng xuất

Cập nhật khách hàng

Thêm, sửa, xóa sản phẩm

Thêm Sửa Xóa

mới khách khách
Quản lý đơn hàng
khách hàng hàng
hàng

Hình 2. Sơ đồ chức năng hoạt động của Admin

 Tóm tắt các chức năng: Sau khi đăng nhập với vai trò Admin trang
web. Admin trang web có thể: thêm, sửa, xóa các bài đăng, sản phẩm
hoặc khách hàng. Và Có thể quản lý đơn hàng

2.4. Mô hình hóa tương tác trong các Use - Case

2.4.1. Mô hình sơ đồ Use - Case QTV

28
 Hình 3: Sơ đồ Use - case QTV

2.4.2. Mô hình sơ đồ Use - Case Khách hàng

29
 Hình 4: Sơ đồ Use - case Khách hàng

2.5. Sơ đồ thuật toán

30
2.5.1. Sơ đồ thuật toán đăng ký người dùng

Start

Nhập thông tin người dùng

Kiểm tra Email đã tồn

tại

Email tồn tại Email chưa tồn tại

Mã hóa mật khẩu

Tạo tài khoản mới

Đăng ký thành công

End

Hình 5: Sơ đồ thuật toán đăng ký người dùng

A. Start: Quá trình bắt đầu.
B. Nhập thông tin người dùng: Người dùng nhập thông tin cá nhân như tên, email,
mật khẩu, v.v.
C. Kiểm tra email đã tồn tại?: Hệ thống kiểm tra xem email đã được sử dụng để
đăng ký trước đó chưa.
D. Email tồn tại: Nếu email đã tồn tại trong hệ thống, hỏi người dùng để họ chọn
email khác hoặc yêu cầu họ đăng nhập nếu họ đã có tài khoản.
E. Email không tồn tại: Nếu email chưa tồn tại, tiếp tục quá trình đăng ký.
F. Mã hóa mật khẩu: Mật khẩu được mã hóa trước khi lưu trữ trong cơ sở dữ liệu
để bảo vệ thông tin cá nhân của người dùng.
G. Tạo tài khoản mới: Tạo một tài khoản mới trong cơ sở dữ liệu với thông tin
người dùng đã nhập.
H. Đăng ký thành công: Thông báo cho người dùng rằng họ đã đăng ký thành công.
I. End: Kết thúc quá trình.

2.5.2. Sơ đồ thuật toán đặt hàng

31
 Start

Chọn sản phẩm

Xác nhận đơn hàng

Tính tổng giá trị đơn hàng

Tạo đơn hàng mới

Lưu chi tiết đơn hàng

Đặt hàng thành công

End

Hình 6: Sơ đồ Use - case Khách hàng

A. Start: Quá trình bắt đầu.
B. Chọn sản phẩms: Người dùng chọn món ăn mà họ muốn đặt từ menu của nhà
hàng.
C. Xác nhận đơn hàng: Người dùng xem lại đơn hàng và xác nhận để tiếp tục.
D. Tính tổng giá trị đơn hàng: Hệ thống tính tổng giá trị của đơn hàng bằng cách
cộng các giá trị của từng món ăn.
E. Tạo đơn hàng mới: Tạo một đơn hàng mới trong cơ sở dữ liệu với thông tin chi
tiết về đơn hàng và giá trị tổng cộng.
F. Lưu chi tiết đơn hàng: Lưu thông tin chi tiết của đơn hàng trong cơ sở dữ liệu.
G. Đặt hàng thành công: Thông báo cho người dùng rằng đơn hàng đã được đặt
thành công.
H. End: Kết thúc quá trình.

32
2.5.3. Sơ đồ thuật toán xử lý thanh toán

Start

Chọn phương thức thanh toán

Phương thức hợp lệ?

Phương thức không hợp Phương thức hợp lệ

lệ

Tạo giao dịch thanh toán

Lưu thông tin thanh toán

Thanh toán thành công

End

Hình 7: Sơ đồ thuật toán thanh toán

A. Start: Quá trình bắt đầu.
B. Chọn phương thức thanh toán: Người dùng chọn phương thức thanh toán từ danh sách có
sẵn (ví dụ: thẻ tín dụng, chuyển khoản ngân hàng, PayPal, v.v.).
C. Phương thức hợp lệ?: Hệ thống kiểm tra xem phương thức thanh toán đã chọn có hợp lệ hay
không.
D. Phương thức không hợp lệ: Nếu phương thức không hợp lệ, yêu cầu người dùng chọn
phương thức thanh toán khác.
E. Phương thức hợp lệ: Nếu phương thức hợp lệ, tiếp tục quá trình thanh toán.
F. Tạo giao dịch thanh toán: Tạo một giao dịch thanh toán mới trong hệ thống.
G. Lưu thông tin thanh toán: Lưu chi tiết của giao dịch thanh toán trong cơ sở dữ liệu.
H. Thanh toán thành công: Thông báo cho người dùng rằng thanh toán đã được xử lý thành
công.
I. End: Kết thúc quá trình.
J. Start: Quá trình bắt đầu.
K. Chọn phương thức thanh toán: Người dùng chọn phương thức thanh toán từ danh sách có
sẵn (ví dụ: thẻ tín dụng, chuyển khoản ngân hàng, PayPal, v.v.).
L. Phương thức hợp lệ?: Hệ thống kiểm tra xem phương thức thanh toán đã chọn có hợp lệ hay
không.

33
 M. Phương thức không hợp lệ: Nếu phương thức không hợp lệ, yêu cầu người dùng chọn
phương thức thanh toán khác.
N. Phương thức hợp lệ: Nếu phương thức hợp lệ, tiếp tục quá trình thanh toán.
O. Tạo giao dịch thanh toán: Tạo một giao dịch thanh toán mới trong hệ thống.
P. Lưu thông tin thanh toán: Lưu chi tiết của giao dịch thanh toán trong cơ sở dữ liệu.
Q. Thanh toán thành công: Thông báo cho người dùng rằng thanh toán đã được xử lý thành
công.
R. End: Kết thúc quá trình.

2.6. Thiết kế cơ sở dữ liệu

Cơ sở dữ liệu trang web

2.7. Thiết kế giao diện cho trang web D&G

2.7.1. Giao diện quản lý của Admin

A, Thêm một sản phẩm

- Nhập thông tin sản phẩm

Để thêm một sản phẩm, bạn vào Sản phẩm -> Thêm sản phẩm.

34
 Hình 8: Menu thêm sản phẩm (Wordpress)

Tại đây nó sẽ giống như trang thêm bài viết, nhưng nó sẽ có nhiều chức
năng riêng để thêm một sản phẩm.

Phần tiêu đề và nội dung chúng ta sẽ nhập nó như tiêu đề sản phẩm và nội
dung mô tả chi tiết của sản phẩm.

Hình 9:Nhập tiêu đề và mô tả chi tiết của sản phẩm

Ngay bên dưới nó là phần Dữ liệu sản phẩm, ở đây bạn hãy chọn là Sản
phẩm đơn giản. Ở bên dưới khung đó là các phần bạn nhập thông tin sản phẩm
như giá cả, mã sản phẩm, quản lý kho hàng,….

35
 Hình 10: Khung nhập dữ liệu sản phẩm

 Chung: Phần này sẽ nhập thông tin về mã sản phẩm và giá sản phẩm.
o Mã sản phẩm: Nhập mã sản phẩm để bạn tiện quản lý trong kho hàng.
o Giá bán chuẩn: Giá chuẩn của sản phẩm.
o Giá khuyến mãi: Giá sản phẩm sau khi được giảm, bạn có thể lên lịch
để giá khuyến mãi có hiệu lực trong thời gian nhất định.
 Kiểm kê kho hàng: Phần này sẽ thiết lập số lượng sản phẩm trong kho và tình
trạng hàng hóa trong kho.
o Quản lý kho hàng: Bạn muốn thiết lập số lượng hàng trong kho thì đánh dấu
vào.
o Tình trạng kho hàng: Tình trạng của sản phẩm này là còn hàng hay hết
hàng. Nếu bạn bật tính năng kiểm kê kho hàng thì khi khách mua hết số
lượng đã thiết lập thì nó đưa về tình trạng hết hàng.
o Bán riêng: Đánh dấu nếu bạn muốn khách chỉ được mua với số lượng 1 cái
của mặt hàng này trong một đơn hàng.
 Giao nhận: Thiết lập trọng lượng, kích thước của sản phẩm và loại hình giao hàng.
o Trọng lượng: Nhập số trọng lượng của sản phẩm, đơn vị sẽ được thiết lập ở
Woocommerce -> Cài đặt.
o Kích thước: Nhập chiều dài, chiều rộng và chiều cao của sản phẩm, đơn vị
sẽ được thiết lập ở Woocommerce -> Cài đặt

36
 o Loại hình giao nhận hàng: Chọn loại hình giao nhận hàng, cái này mình sẽ
nói kỹ hơn ở bài khác.
 Các sản phẩm được kết nối: Kết nối các sản phẩm lại với nhau để người mua
có thể dễ dàng tìm ra các sản đó và gợi ý khách hàng mua kèm thêm.
o Bán thêm: Gợi ý khách hàng mua sản phẩm thay cho sản phẩm hiện tại mà
họ đang xem. Ví dụ sau này bạn có một sản phẩm tốt hơn sản phẩm này thì
có thể thêm nó vào phần này.
o Bán chéo: Gợi ý khách hàng mua thêm trong lúc xem giỏ hàng, ví dụ bạn
bán iPhone 6S thì nên thêm các sản phẩm như sạc, vỏ điện thoại vào phần
bán chéo để họ mua kèm thêm.
o Nhóm: Chọn nhóm sản phẩm cần đưa vào. Nhóm sản phẩm nghĩa là họ
mua theo một nhóm chứ không mua riêng lẻ, cái này mình sẽ nói riêng ở
phần khác.
 Các thuộc tính: Thiết lập thuộc tính sản phẩm như màu sắc, kích thước,…
nhưng mình sẽ nói kỹ hơn ở phần khác.
 Nâng cao: Một số thiết lập thêm cho sản phẩm.
o Ghi chú thanh toán: Ghi chú mà bạn muốn gửi đến khách hàng sau khi
mua hàng.
o Menu đơn hàng: Số thứ tự ưu tiên của sản phẩm trong giỏ hàng, số càng
nhỏ thì càng ưu tiên.
o Cho phép đánh giá: Đánh dấu nếu muốn cho khách hàng đánh giá sản phẩm.

Hình 11: Nhập dữ liệu sản phẩm

37
 Tiếp tục kéo xuống dưới, chúng ta sẽ thấy phần mô tả ngắn của sản phẩm.
Phần này để bạn nhập mô tả ngắn, ví dụ như một lời giới thiệu ngắn về sản
phẩm vì nó sẽ hiển thị ngay bên dưới giá sản phẩm trong trang chi tiết của sản
phẩm

Hình 12: Khung mô tả ngắn sản phẩm

- Thiết lập danh mục sản phẩm.

Tiếp tục nhìn qua bên tay phải của trang thêm sản phẩm sẽ thấy phần thiết
lập danh mục sản phẩm, nhìn chung nó giống hệt chức năng Category (Chuyên
mục) trong bài viết thôi. Nếu chưa có bạn có thể thêm mới một danh mục và
chọn nó.

Hình 13: Tạo danh mục sản phẩm

38
- Thiết lập từ khóa sản phẩm

Từ khóa sản phẩm là các từ khóa mà bạn cho là có liên quan đến sản phẩm.
Ví dụ mình đặt danh mục là Áo thun thì nên chọn từ khóa các kiểu như áo
lacoste, áo cá sấu, áo pike chẳng hạn.

Hình 14:Thiết lập từ khóa sản phẩm

39
- Ảnh sản phẩm

Mỗi sản phẩm nên có một ảnh sản phẩm, hay còn gọi là ảnh đại diện cho
sản phẩm.

Hình 15: Ảnh đại diện sản phẩm

- Thư viện hình ảnh của sản phẩm

Ngay bên dưới phần ảnh sản phẩm là phần thư viện hình ảnh sản phẩm,
nói chính xác hơn thì đây là danh sách nhiều hình ảnh mà bạn muốn nó hiển thị
theo dưới dạng slide (trình diễn ảnh) trong trang sản phẩm. Bạn nên chọn một
số tấm ảnh khác của sản phẩm này ở đây, khi chọn ảnh bạn hãy ấn Ctrl để chọn
nhiều ảnh.

40
 Hình 16: Thư viện ảnh của một sản phẩm

Xong rồi, , bây giờ hãy ấn nút save. Sau đó vào lại trang Sản phẩm của bạn

Hình 17: Xem trang sản phẩm

Và bạn đã thấy sản phẩm mình vừa đăng lên nó thế này.

41
 Hình 18: Sản phẩm hiển thị ở trang Sản phẩm.

Và khi click vào trang chi tiết một sản phẩm nó sẽ hiển thị thế này.

Hình 19: Hình mô tả chi tiết sản phẩm

- Thử nghiệm chức năng giỏ hàng và thanh toán

Bây giờ hãy thử thêm sản phẩm của bạn vào giỏ đi. Lúc này bạn sẽ thấy
nó để một thông báo là đã thêm sản phẩm vào giỏ hàng.
42
 Hình 20: Thêm sản phẩm vào giỏ

Và khi bạn click vào giỏ hàng thì nó sẽ hiển thị thế này.

Hình 21: Trang giỏ hàng

Tiếp theo ấn nút thanh toán.

43
 Hình 22: Trang thanh toán

B, Thêm một bài viết

Để thêm một bài viết, bạn vào Bài viết -> Thêm bài viết

Hình 23: Menu bài viết

Thêm bài viết sẽ ít chức năng hơn sản phẩm, đầu tiên khi ấn vào
thêm bài viết sẽ hiện ra phần tiêu đề và nội dung bạn sẽ viết bài viết ở
đây.

44
 -

Hình 24: Nhập tiêu đề và nội dung bài viết (có thể kèm ảnh)

Ngay bên phải là các chức năng của bài viết như: thêm chuyên mục, thêm
ảnh đại diện bài viết, tóm tắt bài viết, comment bài viết.

45
 Hình 25: Chức năng thêm chuyên mục, ảnh đại diện, tóm tắt, comment

Sau khi viết bài và thêm các chức năng vào bài, bạn ấn đăng sau đó ra trang bài
viết thì bài viết sẽ hiện ở đấy.

Hình 26: Bài viết hiển thị ở trang Bài viết

Nếu bài viết nào mà nhiều lượt xem, comment thì sẽ được lên xu hướng của trang và
sẽ được hiển thị như này:

Hình 27: Ảnh Bài viết xu hướng

C, Các tính năng khác

Một vài tính năng nữa mà admin có thể làm được như:

46
 

Hình 28: Thêm 1 trang mới

Hình 29: Kiểm tra đơn hàng của người mua đã đặt

Hình 30: Kiểm tra thông tin người đặt hàng

Hình 31: Thêm

nhân viên vào để phụ việc
kiểm tra đặt hàng

47
 Hình 32: Chỉnh sửa, xóa, update giao diện

2.7.2. Giao diện hoạt động của khách hàng

Khách hàng có thể xem được những chức năng sau đây của web thời trang D&G
như:
• Đăng nhập, đăng ký, quên mật khẩu
• Sửa thông tin khách hàng
• Tìm kiếm sản phẩm
• Xem sản phẩm mới
• Xem sản phẩm nổi bật
• Lọc giá sản phẩm
• Xem sản phẩm được đánh giá cao nhất
• Xem sản phẩm khuyến mãi
• Xem chi tiết sản phẩm
• Bình luận, đánh giá sản phẩm
• Quản lí giỏ hàng
• Xem đơn hàng
• Xem bài viết

48
• Để lại lời nhắn
A, Đăng nhập:

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

B, Đăng ký:

Hình 34: Giao diện đăng ký

C, Quên mật khẩu:

49
 Hình 35: Giao diện khôi phục mật khẩu

D, Quản lý tài khoản người mua, người đặt:

Hình 36: Quản lý tài khoản người mua, người đặt

E, Tìm kiếm sản phẩm

50
 Hình 37: Thanh tìm kiếm

Hình 38: Kết quả tìm kiếm

F, Xem sản phẩm phổ biến nhất

51
 Hình 39: Sản phẩm phổ biến nhất

G, Xem sản phẩm mới nhất

Hình 40: Sản phẩm mới nhất

H, Lọc giá sản phẩm và xem sản phẩm được đánh giá cao nhất

52
 Hình 41: Lọc giá sản phẩm và sản phẩm được đánh giá cao nhất

I, Xem sản phẩm được khuyến mãi

Hình 42: Xem các sản phẩm được giảm giá

J, Xem danh mục sản phẩm

53
 Hình 43: Xem danh mục sản phẩm

K, Xem chi tiết sản phẩm

Hình 44: Xem chi tiết sản phẩm

L, Bình luận và đánh giá sản phẩm

54
 Hình 45: Bình luận và đánh giá sản phẩm

M, Giỏ hàng

Hình 46: Giỏ hàng

N, Thanh toán đặt hàng

55
Hình 47: Thông tin thanh toán

Hình 48: Hình thức thanh toán

56
 Hình 49: Thông báo đặt hàng thành công

O, Xem danh sách đơn hàng:

Hình 50: Xem danh sách đơn hàng

P, Xem bài viết

57
 Hình 51: Xem bài viết

Q, Xem giới thiệu về WEBSITE THỜI TRANG D&G

Hình 52: Xem giới thiệu

58
R, Xem các dịch vụ thêm

Hình 53: Xem các dịch vụ thêm

S, Để lại tin nhắn tới D&G

59
 Hình 54: Để lại lời nhắn

T, Đăng ký nhận tin, nhận ưu đãi

Hình 55: Nhận ưu đãi

60
61
CHƯƠNG 4: TỔNG KẾT ĐÁNH GIÁ VÀ HƯỚNG PHÁT
TRIỂN CỦA ỨNG DỤNG.

1. Những điểm chương trình làm được.

1.1. Đối với người sử dụng, chương trình đã đưa ra được:
Các cách tìm kiếm, tra cứu theo các chủ đề khác nhau, kết hợp nhiều chủ đề theo ý
khách hàng.

Xem chi tiết thông tin sản phẩm thương mại và đầy đủ các thông tin về cửa hàng

Cho phép khách hàng đăng ký thông tin để thực hiện việc mua sản phẩm.

Kiểm tra tính hợp lệ của khách hàng đăng nhập hệ thống.

Tạo đơn đặt hàng.

Có thể chạy trên nhiều hệ điều hành.

1.2. Đối với người quản trị, chương trình đã đưa ra được:
Xem thông tin của các đề mục cần quản lý như: Khách hàng, sản phẩm, đơn đặt
hàng…

Đưa ra các form để nhập dữ liệu mới của các loại tư liệu.

Có thể sửa đổi, cập nhật các dữ liệu trên.

Trong việc thêm mới sản phẩm chương trình tự động sinh mã sản phẩm, điều này
tiện lợi cho người quản trị và dữ liệu luôn đồng nhất.

Các chức năng này được thực hiện thông qua giao diện web.

Có thể chạy trên nhiều hệ điều hành.

62
2. Những điểm chưa làm được và hướng giải quyết:

Việc kết nối giữa server và cơ sở dữ liệu còn chậm.

Điều này cũng dễ hiểu vì việc thiết lập cầu nối phải qua nhiều cấp. Chỉ có cách
giải quyết là cho server chạy trên máy có cấu hình mạnh, tốc độ truy xuất đĩa
nhanh.

3. Hướng phát triển của chương trình:

Hướng phát triển của Web site là tiến đến một thương mại điện tử với đầy
đủ các chức năng thanh toán tiền qua mạng. Nhưng vì trong nước ta hiện nay vấn
đề thanh toán tiền qua mạng còn gặp nhiều khó khăn và chưa phổ biến lắm cho nên
chức năng của Web site dùng để hỗ trợ cho nhà quản trị còn hạn chế. Vấn đề chính
của Web site là phục vụ việc quảng cáo. Từ đó, bên cạnh việc thương mại thì vấn
đề cần phải tập trung thu hút khách hàng liên hệ và thõa thuận thiết kế, lắp đặt một
công trình nào đó thuộc lĩnh vực chuyên môn của công ty, cửa hàng.

Bổ sung thêm một số chức năng kiểm tra dữ liệu nhập, thay đổi mật mã truy
nhập của khách hàng cũng như nhà quản trị.

Mặc dù đã cố gắng hoàn chỉnh các yêu cầu nhưng bài báo cáo còn rất nhiều
thiếu sót mong nhận được sự chỉ bảo hướng dẫn của cô giúp đỡ xem xét, đề xuất
thêm các ý kiến cũng như bổ sung các vấn đề phục vụ cho việc xây dựng Web site
để nhóm em có thể hoàn chỉnh hơn . Nhóm em xin cảm ơn cô.

63
 TÀI LIỆU THAM KHẢO

1. Hướng Dẫn Woocommerce Toàn Tập A - Z | Hướng Dẫn Thiết Kế Website Bán Hàng
(youtube.com)

2. ĐỒ ÁN XÂY DỰNG WEBSITE BÁN HÀNG BẰNG WORDPRESS | PDF (slideshare.net)

3. (99+) Báo cáo bài tập lớn Phân tích và Đặc tả yêu cầu phần mềm | M ạnh Hùng
Đoàn - Academia.edu

4. Tích Hợp Hệ Thống Thanh Toán Tự động Vào Website Bán Hàng (vantheweb.com)

5. Hướng dẫn cài WordPress trên localhost bằng XAMPP (hostinger.vn)

6. 0101630311 - CÔNG TY TNHH D&G VIỆT NAM - MaSoThue

7. Thực trạng và giải pháp nhằm hoàn thiện công tác quản trị bán hàng ở công ty
tnhh thương mại và dịch vụ thanh long | PDF (slideshare.net)

64