BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CẦN THƠ

KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

NIÊN LUẬN CƠ SỞ
CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI:
WEBSITE THƯƠNG MẠI ĐIỆN TỬ KINH
DOANH COFFEE

Sinh viên thực hiện:

NGUYỄN DƯƠNG KHANG
MSSV: DI22V7X025
Khoá:

Cần Thơ 10/2021

 BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG

NIÊN LUẬN CƠ SỞ
CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI:
WEBSITE THƯƠNG MẠI ĐIỆN TỬ KINH
DOANH COFFEE

Giảng viên hướng dẫn: Sinh viên thực hiện:

TS. THÁI MINH
NGUYỄN DƯƠNG KHANG
TUẤN
MSSV: DI22V7X025
Khóa:

Cần Thơ 10/2021

 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
  
...................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................

Cần Thơ, ngày … tháng … năm 2021

Giáo viên hướng dẫn

TS. Thái Minh Tuấn

 LỜI CẢM ƠN
  
Để có được kết quả ngày hôm nay, em xin chân thành cảm ơn thầy Thái Minh
Tuấn, giảng viên Khoa Công nghệ thông tin và Truyền thông, đã trực tiếp hướng dẫn
và giúp đỡ em trong suốt quá trình thực hiện đề tài. Em cũng xin gửi lời cảm ơn đến
quý thầy cô Trường Đại học Cần Thơ, đặc biệt quý thầy cô Khoa Công nghệ thông tin
và Truyền thông đã truyền đạt những kiến thức quý báu trong suốt quá trình học tập tại
trường.

Bên cạnh đó, em cũng xin gửi lời cảm ơn đến gia đình và bạn bè đã luôn hỗ trợ
em về mặc tinh thần để có thể hoàn thành tốt niên luận.
Mặc dù đã cố gắng hoàn thành đề tài một cách tốt nhất, nhưng trong khoảng thời
gian có hạn và kiến thức chuyên môn còn hạn chế nên không tránh khỏi thiếu sót. Rất
mong nhận được sự góp ý của Thầy để đề tài được hoàn thiện hơn.
Trân trọng cảm ơn Thầy, chúc Thầy luôn dồi dào sức khỏe!

Cần Thơ, ngày 17 tháng 10 năm 2021

Người viết

Nguyễn Dương Khang

 TÓM TẮT
Ngày nay, với sự phát triển không ngừng của mạng Internet cũng như nhu cầu
ngày càng cao của con người, đời sống phát triển kéo theo sự thay đòi hỏi vê nhu cầu
tinh thần ngày càng cao, với những người dân đô thị hay những nhân viên văn phòng,
thì một tách coffee buổi sáng là điều không thể thiếu trong đời sống tinh thần của họ, tuy
nhiên, không phải ai cũng có thời gian để tới những quán coffee, nắm bắt được nhu cầu
đó và để mang đến sự tiện lợi và nhanh chóng. "Website thương mại điện tử kinh doanh
coffee" (với tên đại diện là CoffeeHouse) đã ra đời với mục tiêu phục vụ cho nhu cầu
mua bán coffee trực tuyến cũng như giúp quản lý cửa hàng coffee trở nên dễ dàng và
thuận tiện hơn. Hệ thống được xây dựng với các tính năng chính như: cho phép khách
hàng đăng ký, đăng nhập tài khoản; tìm kiếm sản phẩm cafe; xem thông tin chi tiết về
các loại cafe; quản lý giỏ hàng, tài khoản và thanh toán. Bên cạnh đó, hệ thống hỗ trợ
quản trị viên quản lý sản phẩm cafe; quản lý đơn hàng; theo dõi hoạt động kinh doanh
và quản lý thông tin cửa hàng.
"Website thương mại điện tử kinh doanh coffee" được phát triển bằng ngôn ngữ
lập trình PHP, CSS, HTML, JavaScript, jQuery cùng hệ quản trị cơ sở dữ liệu MySQL.
Hy vọng rằng với những tính năng mà trang web mang lại, nó sẽ giúp ích cho
các khách hàng cũng như các cửa hàng coffe trong việc kinh doanh và mua bán sản
phẩm.
 PHẦN 1: GIỚI THIỆU
I. ĐẶT VẤN ĐỀ
Trong cuộc sống hiện nay, không khó để có thể tìm kiếm một quán nước, quán
coffee, ngoài nhu cầu giải khát, thưởng thức những món nước lạ thì còn có thể trò
chuyện cùng bạn bè, gia đình, việc học nhóm tại quá coffee cũng rất quen thuộc đối với
các bạn trẻ. Và để đáp ứng nhu cầu đó của con người thì ngày nay việc kinh doanh quán
coffee không còn quá xa lạ với mọi người. Các quán cà phê mọc lên như nấm, đủ thể
loại, đủ hình thức thu hút khách hàng. Ngoài ra, thức uống cũng là một phần quan trọng
dẫn đến lượng khách đến quán nhiều hay ít. Lâu nay cà phê là thức uống dành cho người
đi làm, dân công sở nhưng dạo gần đây thì cà phê được giới trẻ yêu thích không kém. Sự
du nhập của cà phê đã hình thành một sở thích uống cà phê mới trong giới trẻ.
Đối với người tiêu dùng, họ mong muốn có thể tìm thấy một nơi mua cà phê
chất lượng, tiện lợi, và nhanh chóng. Còn đối với những người quản lý, một hệ thống
quản lý cửa hàng có thể được xem như một công cụ quan trọng giúp việc kinh doanh cà
phê trở nên dễ dàng và hiệu quả hơn. Từ những yêu cầu thực tế này, hệ thống quản lý và
kinh doanh cà phê trực tuyến đã ra đời và được coi là giải pháp tối ưu cho vấn đề mua
bán cà phê trực tuyến tại Việt Nam.
II. LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ
Hiện tại có nhiều website thương mại điện tử về cà phê như:
trungnguyenlegend.com, highlandshoffee.com.vn,… Nhìn chung, mỗi website đã đáp
ứng được các yêu cầu nhất định của mình. “Website thương mại điện tử kinh doanh
coffee” (tên đại diện là CoffeeHouse) ra đời với hy vọng sẽ là một hệ thống với nhiều
hơn và mới hơn những tiện ích, từ đó giúp cho việc kinh doanh sách trực tuyến dễ
dàng, thuận tiện hơn.
III. MỤC TIÊU ĐỀ TÀI
Website hỗ trợ trong việc quản lý các nghiệp vụ như tính tiền, in hóa đơn,
thống kê, quản lý nhân viên, lương bổng…v.v. Website bán hàng quán cà phê giúp cho
người sử dụng tiết kiệm được thời gian, nhanh chóng, thao tác đơn giản, dễ dàng sử
dụng và quản lý.
Xây dựng một hệ thống mới phù hợp, dể hiểu, dể sử dụng cho người dùng
phần mềm. Hiểu được hệ thống quản lý bán hàng, cần quản lý những mảng nào để xây
dựng ứng dụng cho phù hợp nhu cầu thực tiễn.
Giúp quản lý hệ thống của quán trở nên tối ưu hơn, công tác quản lý dễ dàng
và tiện lợi hơn.
IV. ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU
1.Đối tượng nghiên cứu
Đối tượng nghiên cứu: Website thương mại điện tử kinh doanh coffee
 2.Phạm vi nghiên cứu
Phạm vi đề tài là: Quản lý thông tin cửa hàng, quản lý thông tin kinh doanh,
quản lý sản phẩm, quản lý giỏ hàng, thủ tục thanh toán, đặt hàng.
V. NỘI DUNG NGHIÊN CỨU
1.Phương pháp thực hiên
Phân tích yêu cầu:
 Thực hiện khảo sát thực trạng tại các các website thương mại điện tử kinh
doanh cà phê.
 Phân tích yêu cầu của khách hàng, yêu cầu của tiệm và phê
 Đặc tả yêu cầu xây dựng hệ thống.
Thiết kế:
Mô tả tổng quan về hệ thống.
Yêu cầu chức năng, phân tích và thiết kế các mô hình hệ thống.
Cài đặt:
Ngôn ngữ lập trình PHP.
Hệ quản trị CSDL: MySQL.
2.Hướng giải quyết
Cơ sở lý thuyết cần nắm:
Lý thuyết phân tích và thiết kế hệ thống thông tin.
Hệ quản trị CSDL MySQL
Kiến thức về xây dựng Web: HTML, PHP, Javascript, jQuery, CSS,…
Phần mềm, công cụ để phát triển hệ thống:
Trình duyệt web Google Chrome.
Các Framework: Bootstrap.
Thư viện: jQuery.
VI. NHỮNG ĐÓNG GÓP CHÍNH CỦA ĐỀ TÀI
Đề tài góp phần đa dạng thêm nguồn tài liệu nghiên cứu của sinh viên Đại học
Cần Thơ nói chung, khoa Công nghệ thông tin và Truyền thông nói riêng trong lĩnh
vực lập trình web.
Hơn nữa, đề tài cũng là tài liệu tham khảo cho các sinh viên khóa sau khi nghiên
cứu về web. Cải thiện và nâng cao kỹ năng lập trình, sử dụng các framework để đơn
giản hóa việc lập trình.
VII. BỐ CỤC NIÊN LUẬN CỞ SỞ
Bố cục của đề tài gồm các phần và các chương mục chính:
Phần 1: Giới thiệu: trình bày về các vấn đề, lịch sử giải quyết, mục tiêu, đối
tượng và phạm vi nghiên cứu của đề tài, nội dung nghiên cứu, những đóng góp
chính. Cuối phần 1 là phần giới thiệu nội dung của từng chương trong quyển
niên luận này.
Phần 2: Nội dung gồm 3 chương chính:
Chương 1: Giới thiệu tổng quan đề tài về đặc tả và các chức năng chính
của hệ thống.
Chương 2: Trình bày thiết kế và cài đặt giải pháp, giới thiệu các công
nghệ sử dụng, sơ đồ usecase, cơ sở dữ liệu và trình bày chức năng của từng phần
trong hệ thống.
Chương 3: Trình bày mục tiêu kiểm thử, các kịch bản kiểm thử và kết
quả kiểm thử.
Phần 3: Kết luận: Tổng kết kết quả đạt được và đề xuất hướng phát triển trong
tương lai
 PHẦN 2: NỘI DUNG
CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI
1.1. MÔ TẢ ĐỀ TÀI
“Website thương mại điện tử kinh doanh coffee” là một website thương mại
điện tử với mục đích cung cấp những tiện ích nhằm hỗ trợ khách hàng tìm kiếm và đặt
mua coffee khi không có thời gian đến cửa hàng. Bên cạnh đó, người quản lý cửa hàng
cũng có thể quản lý và theo dõi việc kinh doanh của cửa hàng một cách dễ dàng và
thuận tiện hơn. Hệ thống được xây dựng hướng đến 02 nhóm người dùng là “Khách
hàng” và “Quản trị viên”.
Khi “Khách hàng” truy cập vào trang web có thể thực hiện các chức năng cơ
bản như: xem thông tin thức uống, thêm sản phẩm vào giỏ hàng, thanh toán,... Để thực
hiện chức năng mua hàng “Khách hàng” cần đăng ký cho mình một tài khoản. Sau khi
đăng nhập, “Khách hàng” có thể tiến hành mua hàng và thực hiện các chức năng nâng
cao liên quan đến quản lý các thông tin cá nhân của tài khoản và quan trọng nhất.
“Quản trị viên” sau khi đăng nhập sẽ có quyền thao tác trên toàn bộ hệ thống
cũng như thực hiện các tương tác với cơ sở dữ liệu.
1.2. CÁC CHỨC NĂNG CỦA HỆ THỐNG
Hệ thống bao gồm các chức năng chính sau:
- Khách hàng:
 Đăng kí
 Đăng nhập/Đăng xuất
 Lọc sản phẩm
 Xem chi tiết sản phẩm
 Quản lí giỏ hàng
 Quản lí đơn hàng
 Quản lí tài khoản
 Đặt hàng
- Quản trị viên:
 Quản lí sản phẩm
 Quản lí người dùng
 Quản lí danh mục
 Quản lí đơn hàng

CHƯƠNG 2: THIẾT KẾ CÀI ĐẶT VÀ GIẢI PHÁP

2.1 CƠ SỞ LÝ THUYẾT
2.1.1. Giới thiệu về ngôn ngữ PHP
PHP (Hypertext Preprocessor): ngôn ngữ lập trình kịch bản mã nguồn mở,
chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ. PHP rất thích hợp với
web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng
web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản
phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành
một ngôn ngữ lập trình web phổ biến nhất thế giới.
2.1.2. Các công nghệ sử dụng khác
CSS (Cascading Style Sheets): thường được sử dụng với HTML để tùy chỉnh
giao diện người dùng.
HTML (Hyper Text Markup Language – Ngôn ngữ đánh dấu siêu văn bản):
được coi là xương sống của một trang web, sử dụng để định dạng và hiển thị văn bản
trên trình duyệt. Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra
World Wide Web và chủ tịch của World Wide Web Consortium (W3C - tổ chức thiết
lập ra các chuẩn trên môi trường Internet).
JavaScript: ngôn ngữ lập trình kịch bản, giúp tạo ra tính tương tác giữa người
dùng và website.
jQuery: bộ thư viện được viết dựa trên ngôn ngữ JavaScript, giúp đơn giản hóa
việc viết mã lệnh JavaScript. Là thư viện mã nguồn mở được phát triển bởi John Resig
và phiên bản đầu tiên được ra đời vào tháng 8 năm 2006.
Bootstrap: là một CSS framework được Twitter phát triển, gồm tập hợp các bộ
chọn, thuộc tính và giá trị có sẵn, giúp nhà phát triển tiết kiệm thời gian xây dựng giao
diện cho dự án.
Font Awesome: thư viện chứa các icon hay sử dụng trong website. Được xây
dựng với nhiều định dạng file khác nhau như .otf, .eot, .ttf, .woff, .svg,... vì vậy rất dễ
đưa vào sử dụng để hầu hết các trình duyệt máy tính hiện nay đều chạy được.
MySQL: hệ quản trị cơ sở dữ liệu mã nguồn mở đượ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ớ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ó nối kết cơ sở dữ liệu trên Internet.
Draw.io: phần mềm online hỗ trợ vẽ các loại sơ đồ phổ biến như: sơ đồ trường
hợp sử dụng (usecase), sơ đồ thực thể - quan hệ (entity - relationship),...
2.2. SƠ ĐỒ USECASE CỦA HỆ THỐNG
2.2.1. Quản trị viên
 Hình 1: Sơ đồ usecase Quản trị viên

Quản trị viên - người có quyền thao tác trên toàn bộ hệ thống, thực hiện các
tương tác trực tiếp với cơ sở dữ liệu, cụ thể là: quản lý đơn hàng,
quản lý thức uống /đồ ăn, quản lý người dùng, quản lý danh mục, lọc sản phẩm.
2.2.2. Khách hàng

Hình 2: Sơ đồ usecase khách hàng

Khách hàng là người truy cập và sử dụng chính của website, thực hiện các
chức năng như: đăng ký/đăng nhập tài khoản, lọc sản phẩm, xem thông tin sản phẩm,
quản lý giỏ hàng và tài khoản, đơn hàng.

2.3 THIẾT KẾ CƠ SỞ DỮ LIỆU

2.3.1. CDM – Mô hình dữ liệu mức quan niệm

Hình 3: Sơ đồ CDM
2.3.2. PDM – Mô hình dữ liệu mức vật lí
 Hình 4: Sơ đồ PDM
2.4. CÁC CHỨC NĂNG CHÍNH CỦA HỆ THỐNG
 2.4.1. Chức năng đăng kí tài khoản của khách hàng

Hình 5: Lưu đồ giải thuật chức năng đăng kí tài khoản

Khách hàng muốn sử dụng các dịch vụ của hệ thống cần có tài khoản để thực
hiện các tác vụ. Khách hàng vẫn có thể xem thông tin sản phẩm, nhưng phải đăng nhập
để sử dụng đầy đủ các chức năng của hệ thống. Nếu khách hàng chưa có tài khoản có
thể đăng ký.
Khi tiến hành đăng ký, nếu mật khẩu và mật khẩu nhập lại không khớp, hệ
thống sẽ thông báo cho khách hàng nhập lại mật khẩu. Mỗi một tài khoản sẽ phân biệt
với nhau bởi username và email. Nếu username và email đã được sử dụng để đăng ký
cho một tài khoản trước đó, khách hàng bắt buộc phải sử dụng username và email khác.
Khi dữ liệu đăng ký hợp lệ và nhấn “Đăng ký”, hệ thống sẽ chuyển về trang home. Sau
khi đã đăng ký tài khoản cho mình, khách hàng có thể tiến hành đăng nhập.
2.4.2. Chức năng đăng nhập tài khoản khách hàng
 Hình 6: Lưu đồ giải thuật chức năng đăng nhập
Khi khách hàng đã có tài khoản, khách hàng sẽ tiến hàng đăng nhập vào hệ
thống bằng username và mật khẩu đã thiết lập lúc đăng ký tài khoản. Nếu username
hoặc mật khẩu không chính xác, hệ thống sẽ yêu cầu khách hàng nhập lại. Sau khi đã
đăng nhập thành công, khách hàng có thể sử dụng đầy đủ các chức năng của hệ thống
liên quan đến các tác vụ quản lý tài khoản, thêm giỏ hàng và thanh toán.
 2.4.3. Chức năng thêm sản phẩm vào giỏ hàng

Vẫn thêm được

vào giỏ hàng

Hình 7: Lưu đồ giải thuật thêm sản phẩm vào giỏ hàng
Khi người dùng chưa đăng nhập, truy cập chức năng thêm sản phẩm vào giỏ
hàng sẽ vẫn thêm được nhưng không thể tiến hành đặt hàng. Trường hợp người dùng đã
đăng nhập, khi nhập số lượng muốn thêm và nhấn “Thêm vào giỏ”, hệ thống sẽ kiểm tra
sản phẩm vừa thêm đã tồn tại trong giỏ hàng hay chưa.
Nếu sản phẩm chưa tồn tại, hệ thống sẽ so sánh số lượng vừa thêm với số
lượng sản phẩm còn lại trong cửa hàng. Nếu số lượng vừa thêm lớn hơn số lượng còn
lại, hệ thống sẽ thông báo đến khách hàng.
 Nếu sản phẩm vừa thêm đã tồn tại trong giỏ hàng, hệ thống sẽ cập nhật lại số
lượng sản phẩm đó trong giỏ bằng tổng số lượng vừa thêm và số lượng sản phẩm đã tồn
tại trong giỏ hàng. Nếu số lượng đó lớn hơn số lượng còn lại trong cửa hàng, hệ thống sẽ
thông báo đến khách hàng.
2.4.4. Chức năng lọc sản phẩm

Hình 8: Lưu đồ giải thuật chức năng lọc sản phẩm

Chức năng lọc sản phẩm là chức năng cơ bản, khách hàng không cần phải đăng
nhập để có thể thực hiện chức năng này. Để sản phẩm mong muốn, người dùng cần nhập
tên sản phẩm vào ô input hoặc nhập mức giá mà khách hàng mong muốn, sau đó hệ thống
sẽ dò tìm tên sản phẩm hoặc sản phẩm có mức giá nằm trong khoảng mức giá mà bạn đã
nhập, trong CSDL và hiển thị kết quả.
 2.4.5. Chức năng thanh toán

Hình 9: Lưu đồ giải thuật chức năng thanh toán đơn hàng

Khi tiến hành thanh toán đơn hàng, bước đầu tiên sẽ kiểm tra xem trong giỏ
hàng có sản phẩm giảm giá không, nếu không có sản phẩm giảm giá thì tổng số tiền giảm
giá sẽ bằng 0, ngược lại thì sẽ tính tổng số tiền giảm giá.
Sau khi tính được tổng số tiền giảm giá, sẽ kiểm tra xem người dùng đã đăng
nhập hay chưa, nếu chưa đăng nhập thì sẽ thông báo đến người dùng là chưa đăng nhập,
ngược lại thì sẽ thêm thông tin của đơn hàng vào table orders.
 Sau đó tiến hàng lặp qua từng sản phẩm trong đơn hàng, nếu sản phẩm nào
không có giảm giá , thì thông tin được hàng sẽ được thêm vào table information_order,
ngược lại thì sẽ được thêm vào table informationdiscounting_order.
Sau khi đơn hàng được thanh toán thành công, thì mọi sản phẩm đã đặt mua sẽ
được xóa khỏi giỏ hàng và thông báo đến khách hàng đã mua thành công, và chuyển về
trang giỏ hàng rỗng.
2.4.6. Các giao diện minh họa
a. Giao diện trang chủ

Hình 10: Một phần giao diện trang chủ

Hình 10 minh họa giao diện phần đầu trang (header) của trang chủ khi khách
hàng vừa truy cập vào website. Phần header chứa: logo cửa hàng. Ngoài ra, header còn
chứa thanh menu hiển thị: trang chủ, danh mục, liên hệ, đơn hàng, giỏ hàng và phần đăng
nhập đăng kí tài khoản cho khách hàng.
Phần thân gồm có các phần:
 Sản phẩm mới:

Hình 11: Giao diện sẩn phẩm mới

Sản phẩm nổi bật:

Hình 12: Giao diện sản phẩm nổi bật

Sản phẩm hot:

Hình 13: Giao diện sản phẩm hot

Giao diện phần chân trang(footer)

Hình 14: Giao diện phần chân trang (footer)

 b. Giao diện trang danh mục

Hình 15: Một phần giao diện trang danh mục

Sidebar
Phần thanh bên (sidebar) hiển thị theo thứ tự từ trên xuống gồm danh mục sản
phẩm, lọc sản phẩm, tags sản phẩm.

Hình 16: Giao diện phần sidebar

Hình 17: Giao diện sản phẩm dạng grid

Hình 18: Giao diện sản phẩm dạng list

Hình 19: Giao diện thông tin chi tiết sản phẩm

Hình 20: Giao diện sản phẩm vừa xem