BAOCAOCUOIKY

You might also like

You are on page 1of 40

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.

HCM
KHOA ĐÀO TẠO QUỐC TẾ

BÁO CÁO CUỐI KỲ

MÔN NHẬP MÔN NGÀNH

CÔNG NGHỆ THÔNG TIN

Đề tài

XÂY DỰNG WEBSITE BÁN ĐỒ ĂN VÀ


THỨC UỐNG TRÊN
NỀN TẢNG WORDPRESS

Giảng viên hướng dẫn: ThS. Nguyễn Trần Thi Văn

Mã lớp học: INIT130185E_23_1_02FIE

Sinh viên thực hiện: Nhóm 06

Nguyễn Nhật Phát 23110053


Huỳnh Gia Hân 23110019
Bùi Trần Tấn Phát 23110052
Trần Huỳnh Xuân Thanh 23110060
Mai Trần Thuỳ Trang 23110065

Học kỳ: 1 – Năm học: 2023 – 2024


Tp HCM tháng 01 – 2024
SINH VIÊN THỰC HIỆN (NHÓM 06)

Họ và tên: Nguyễn Nhật Phát


Ngày sinh: 12/03/2005
MSSV: 23110053
SĐT: 0336243277
Lớp: 23110FIE1

Họ và tên: Huỳnh Gia Hân


Ngày sinh: 02/07/2005
MSSV: 23110019
SĐT: 0346732411
Lớp: 23110FIE1

Họ và tên: Bùi Trần Tấn Phát


Ngày sinh: 16/11/2005
MSSV: 23110052
SĐT: 0907251399
Lớp: 23110FIE1

Họ và tên: Trần Huỳnh Xuân Thanh


Ngày sinh: 26/05/2005
MSSV: 23110060
SĐT: 0763961854
Lớp: 23110FIE1

Họ và tên: Mai Trần Thùy Trang


Ngày sinh: 03/02/2005
MSSV: 23110065
SĐT: 0767059205
Lớp: 23110FIE1
__________________________________________________________________

LỜI NÓI ĐẦU


Trước hết, chúng em xin gửi lời cảm ơn sâu sắc đến thầy Nguyễn Trần Thi Văn đã
hướng dẫn, hỗ trợ và tạo điều kiện thuận lợi cho nhóm chúng em trong suốt quá
trình thực hiện đề tài "Xây dựng website bán đồ ăn và thức uống trên nền tảng
WordPress".

Báo cáo cuối kỳ này không chỉ là kết quả của quá trình học tập và nghiên cứu của
nhóm chúng em, mà còn là minh chứng cho sự nỗ lực, quyết tâm và sự cố gắng
không mệt mỏi của chúng em trong việc áp dụng những kiến thức đã học vào thực
tế.

Chúng em hy vọng rằng báo cáo này sẽ đáp ứng được yêu cầu của đề tài và đóng
góp một phần nhỏ vào kho tàng kiến thức chung. Chúng em rất mong nhận được
sự phản hồi và đánh giá của thầy để chúng em có thể hoàn thiện hơn trong tương
lai.

Trân trọng,

Nguyễn Nhật Phát

Huỳnh Gia Hân

Bùi Trần Tấn Phát

Trần Huỳnh Xuân Thanh

Mai Trần Thuỳ Trang

__________________________________________________________________
__________________________________________________________________

DANH MỤC HÌNH ẢNH


Hình 1. 1 Giao diện trang chủ trên máy tính và điện thoại.......................................1
Hình 1. 2 Thanh điều hướng của trang web trên điện thoại và máy tính..................1
Hình 1. 3 Giao diện phần “Cửa hàng” và “Blog”trên điện thoại và máy tính..........2
Hình 1. 4 Giao diện phần “Bản đồ” trên điện thoại và máy tính..............................2
Hình 1. 5 Giao diện menu của trang “Sản phẩm”.....................................................3
Hình 1. 6 Giao diện trang “Blog”..............................................................................5
Hình 1. 7 Một số bài viết trên trang “Blog”..............................................................6
Hình 1. 8 Giao diện trang “Về chúng tôi” trên điện thoại và máy tính.....................8
Hình 1. 9 Tính năng xem menu sản phẩm.................................................................9
Hình 1. 10 Tính năng thêm sản phẩm vào “Giỏ hàng”.............................................9
Hình 1. 11 Tính năng xem mô tả và phân loại sản phẩm........................................10
Hình 1. 12 Tính năng mua sản phẩm theo “combo”...............................................10
Hình 1. 13 Thanh “Tìm kiếm”, “Bài viết gần đây” và “Bình luận gần đây”..........12
Hình 1. 14 Độc giả điền thông tin lần lượt vào các ô và chọn nút ”Phản hồi” để tạo
một bình luận mới...................................................................................................13
Hình 1. 15 Một số bình luận của độc giả dưới bài viết trong trang “Blog”............14
Hình 1. 16 Link sản phẩm và hashtag phân loại bài viết........................................14

Hình 2. 1 Trang quản lý tên miền của Hostinger....................................................15


Hình 2. 2 Trang quản lý DNS và Nameservers của Hostinger...............................16
Hình 2. 3 Trang cho thuê Hosting - BKHOST........................................................17
Hình 2. 4 Các gói dịch vụ của trang WordPress.....................................................18
Hình 2. 5 Giao diện trang Cpanel quản lý Hosting.................................................18
Hình 2. 6 Giao diện đăng nhập quản lý...................................................................19
Hình 2. 7 Mẫu giao diện Restaurant and Café mà trang web đang sử dụng...........20
Hình 2. 8 Giao diện chỉnh sửa Widget trên WordPress..........................................21
Hình 2. 9 Một số widgets đã được thêm vào trang web..........................................21
Hình 2. 10 Thông tin về WooCommerce................................................................22
Hình 2. 11 Cài đặt chung và quản lý đơn hàng trên WooCommerce......................23
Hình 2. 12 Quản lý khách hàng và sản phẩm trên WooCommerce........................24
Hình 2. 13 Thông tin về plugin Use any font..........................................................25
Hình 2. 14 Thông tin về plugin Jetpack..................................................................25

Hình 3. 1 Cài đặt phiên bản WordPress 6.4.2.........................................................26


Hình 3. 2 Quy trình kiểm tra và phê duyệt đơn hàng của trang web......................27
__________________________________________________________________
__________________________________________________________________

__________________________________________________________________
MỤC LỤC
LỜI NÓI ĐẦU..........................................................................................................i
DANH MỤC HÌNH ẢNH.......................................................................................ii
CHƯƠNG 1: GIỚI THIỆU....................................................................................1
1.1. Giao diện (UI)..................................................................................................................1
1.1.1. Trang chủ.................................................................................................................1
1.1.2. Trang “Sản phẩm”..................................................................................................3
1.1.3. Trang “Giỏ hàng” và “thanh toán”.......................................................................4
1.1.4. Trang “Blog”............................................................................................................5
1.1.5. Trang “Tài khoản”..................................................................................................7
1.1.6. Trang “Về chúng tôi”..............................................................................................8
1.2. Tính năng và trải nghiệm người dùng (UX).................................................................9
1.2.1. Lựa chọn sản phẩm và thêm vào giỏ hàng............................................................9
1.2.2. Tài khoản và đánh giá...........................................................................................11
1.2.3. Blogs và bài viết chia sẻ.........................................................................................12
CHƯƠNG 2: THIẾT KẾ TRANG WEB............................................................15
2.1. Tên miền và hosting...........................................................................................................15
2.1.1. Tên miền (hexaron.online)........................................................................................15
2.1.2. Hosting........................................................................................................................17
2.2. Công nghệ sử dụng (WordPress)......................................................................................19
2.1.1. Themes (Giao diện web)............................................................................................20
2.2.2. Widgets........................................................................................................................21
2.2.3. WooCommerce và các plugins hỗ trợ......................................................................22
CHƯƠNG 3: TRIỂN KHAI VÀ KIỂM THỬ....................................................26
3.1. Quá trình cài đặt WordPress và các plugins...................................................................26
3.2. Kết quả kiểm thử và đánh giá hiệu suất..........................................................................27
CHƯƠNG 4: KẾT LUẬN....................................................................................28
4.1. Kết quả đạt được...............................................................................................................28
4.2. Ưu điểm..............................................................................................................................29
4.3. Nhược điểm........................................................................................................................30
4.1. Hướng phát triển...............................................................................................................31
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

CHƯƠNG 1: GIỚI THIỆU


1.1. Giao diện (UI)
1.1.1. Trang chủ
 Giao diện đơn giản, dễ nhìn, bắt mắt.
 Dễ dàng thao

tác trên cả điện thoại và máy tính.

 Thanh điều hướng hiển thị đầy đủ các tính năng trong trang web được
liên kết đến như trang sản phẩm, giỏ hàng, blog, tài khoản, thanh toán,
hướng dẫn thanh toán, về chúng tôi.

Hình 1. 1 Giao diện trang chủ trên máy tính và điện thoại

__________________________________________________________________
1
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 Cung cấp
sản phẩm của cửa hàng như các món ăn, nước
uống cửa hàng bán và một số bài blog được đề

Hình 1. 2 Thanh điều hướng của trang web trên điện thoại và máy tính

xuất.

 Có bản đồ vị trí, thông tin cửa hàng ở cuối trang.

Hình 1. 3 Giao diện phần “Cửa hàng” và “Blog”trên điện thoại và máy tính
Hình 1. 4 Giao diện phần “Bản đồ” trên điện thoại và máy tính

__________________________________________________________________
2
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.1.2. Trang “Sản phẩm”


 Trang “Sản phẩm” của website là một trang mục dùng để giúp khách
hàng có thể lựa chọn những món ăn và thức uống một cách dễ dàng.
Trang mục chứa tất cả các mặt hàng đang được kinh doanh cùng với
đó là các danh mục phân loại để khách hàng dễ dàng chọn những thứ
mình muốn.
 Trang được thiết kế đơn giản với màu sắc hài hòa, cùng các tính năng
được thể hiện rõ, đầy đủ nội dung (hình ảnh, giá cả, đánh giá,…) đáp
ứng đủ yêu cầu của khách hàng khi tìm kiếm.
 Mỗi sản phẩm đều có những mô tả chi tiết và hình ảnh sắc nét để
khách hàng có cái nhìn toàn diện nhất.

1.1.3.
T

rang “Giỏ hàng” và “thanh toán”

Hình 1. 5 Giao diện menu của trang “Sản phẩm”

__________________________________________________________________
3
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.1.4. Trang “Blog”

Hình 1. 6 Giao diện trang “Blog”

Blog của website hexaron.online là một blog chuyên về các món tráng
miệng và thức uống ngon. Blog có những bài viết chia sẻ kinh nghiệm,
kiến thức, đánh giá về các món bánh, đồ uống, quán cà phê ở Việt Nam
và thế giới. Blog cũng giới thiệu về sản phẩm của cửa hàng Hexaron, là
các loại bánh ngọt, trà và cà phê với hương vị vô cùng hấp dẫn

Blog có ba chuyên mục chính:

 Đồ ăn: Giới thiệu về các món bánh ngon và miêu tả chân thực hương
vị độc đáo, cũng như cách chế biến và bảo quản chúng.
 Thức uống: Giới thiệu về trà, cà phê, trà sữa,... cùng cách pha chế,
thưởng thức và lựa chọn chúng.
 Khác: Giới thiệu về các quán cà phê, nhà hàng, và địa điểm ẩm thực
nổi tiếng, cũng như các tin tức, sự kiện, và khuyến mãi liên quan đến
ẩm thực và cà phê.

__________________________________________________________________
4
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

Hình 1. 7 Một số bài viết trên trang “Blog”

__________________________________________________________________
5
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.1.5. Trang “Tài khoản”

__________________________________________________________________
6
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.1.6. Trang “Về chúng tôi”


 Trang được thiết kế đơn giản, giúp cho khách hàng biết thêm thông tin chi
tiết về người quản lí cửa hàng cũng như phương thứ liên hệ, làm tăng độ uy
tín của cửa hàng.

Hình 1. 8 Giao diện trang “Về chúng tôi” trên điện thoại và máy tính

__________________________________________________________________
7
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.2. Tính năng và trải nghiệm người dùng (UX)


1.2.1. Lựa chọn sản phẩm và thêm vào giỏ hàng
 Trang “Sản phẩm” sẽ hiển thị tất cả các món ăn cũng như thức uống. Với
mỗi đồ ăn/thức uống như vậy đều sẽ có các đánh giá kèm theo giá tiền và
tùy chọn thêm vào giỏ hàng.

Hình 1. 9 Tính năng xem menu sản phẩm

 Sau khi nhấp thêm vào giỏ hàng, trang sẽ hiển thị: hình ảnh tổng quan về
đồ ăn/thức uống, giá cả, số lượng, kèm theo phần mô tả. Nếu như sản phẩm
mà khách hàng chọn đang được giảm giá thì ở phần “giá cả” sẽ kèm theo cả
giá gốc lẫn giá đã được giảm để khách hàng có cái nhìn tổng quan hơn.
Phần cuối cùng của trang sẽ là các sản phẩm có cùng “danh mục” với sản
phẩm mà khách hàng đang xem.

Hình 1. 10 Tính năng thêm sản phẩm vào “Giỏ hàng”

__________________________________________________________________
8
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 Khi nhấp chọn 1 món ăn/thức uống bất kỳ:

Hình 1. 11 Tính năng xem mô tả và phân loại sản phẩm

 Đặc biệt hơn nữa, đối với các sản phẩm có các combo thì trang sẽ hiển thị
thêm
phần tùy
chọn
“Combo”.

Hình 1. 12 Tính năng mua sản phẩm theo “combo”

__________________________________________________________________
9
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.2.2. Tài khoản và đánh giá

__________________________________________________________________
10
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

1.2.3. Blogs và bài viết chia sẻ


 Cung cấp thông tin, kiến thức, kinh nghiệm bổ ích về các món tráng
miệng và các loại thức uống như cà phê, trà sữa,... cho người đọc.
 Cung cấp công cụ tìm kiếm các bài viết cụ thể hoặc có liên quan,
người đọc có thể xem được các bài viết và bình luận gần đây. Tạo sự
trực quan, tăng tính trải nghiệm người dùng

Hình 1. 13 Thanh “Tìm kiếm”, “Bài viết gần đây” và “Bình luận gần đây”

__________________________________________________________________
11
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 Tăng cường sự tương tác và gắn kết giữa người đọc và tác giả, cũng
như giữa người đọc với nhau, thông qua tính năng bình luận và chia sẻ
bài viết. Việc để lại bình luận trên blog vô cùng đơn giản, thân thiện.
Để đảm bảo tiêu chuẩn cộng đồng, chúng tôi sẽ kiểm duyệt từng bình
luận trước khi tải chúng lên website.

Hình 1. 14 Độc giả điền thông tin lần lượt vào các ô và chọn nút ”Phản hồi” để
tạo một bình luận mới

__________________________________________________________________
12
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

Hình 1. 15 Một số bình luận của độc giả dưới bài viết trong trang “Blog”

 Quảng bá và bán các sản phẩm của cửa hàng Hexaron, cũng như tạo
dựng thương hiệu và uy tín cho cửa hàng. Người mua nếu hứng thú
với sản phẩm trong blog có thể truy cập ngay vào đường link cuối mỗi
blog để mua sản phẩm của cửa hàng.

Hình 1. 16 Link sản phẩm và hashtag phân loại bài viết

__________________________________________________________________
13
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

CHƯƠNG 2: THIẾT KẾ TRANG WEB


2.1. Tên miền và hosting
2.1.1. Tên miền (hexaron.online)
 Tên miền hexaron.online được đăng ký tại Hostinger, một trong
những công ty chuyên cung cấp các dịch vụ về Web hosting và Tên
miền tại Việt Nam và trên thế giới. Hostinger được thành lập vào
tháng 11/2004 tại Lithuania. Tính đến nay họ cũng được gần 16 năm
hoạt động trong lĩnh vực này.

Hình 2. 1 Trang quản lý tên miền của Hostinger

__________________________________________________________________
14
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 Hexaron.online đăng ký vào ngày 01/12/2023 với thời hạn một năm kể
từ ngày đăng ký. Trang quản lý tên miền cung cấp tên miền cùng với
các DNS để trỏ tới các Hosting.
 Việc đăng ký và quản lý tên miền hexaron.online trên trang Hostinger
giúp cho việc quản lý và cung cấp địa chỉ tên miền cho các Hosting dễ
dàng hơn.

Hình 2. 2 Trang quản lý DNS và Nameservers của Hostinger

__________________________________________________________________
15
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

2.1.2. Hosting
 Sau khi đăng ký tên miền, nhóm em quyết định lựa chọn thuê Hosting
để lưu trữ dữ liệu của trang web và giúp trang web có thể truy cập
được từ Internet.
 Quy trình đăng ký Hosting:
 Chọn nhà cung cấp hosting: Chúng em đã so sánh các nhà
cung cấp hosting khác nhau dựa trên yêu cầu về dung lượng,
băng thông, độ tin cậy và giá cả. Và chúng em quyết định chọn
thuê Hosting tại BKHOST, một thương hiệu hàng đầu của Công
Ty CP Giải Pháp Mạng Trực Tuyến Việt Nam (viết tắt
BKHOST VIỆT NAM .,JSC) hoạt động trong lĩnh vực Công
Nghệ Thông Tin từ năm 2014.

Hình 2. 3 Trang cho thuê Hosting - BKHOST

__________________________________________________________________
16
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 Chọn gói dịch vụ: Sau khi chọn nhà cung cấp, chúng em đã
chọn gói dịch vụ WP Pro 1 theo nhu cầu của trang web (1Gb
Disk và 1Gb RAM) với mức giá 96.000đ cho 3 tháng.

Hình 2. 4 Các gói dịch vụ của trang WordPress

 Trang quản lý Hosting (Cpanel): Trang được thiết kế trực quan với
giao diện dễ dung gồm các thông tin chi tiết của Hosting và các chức
năng quản lý tên miền, dung lượng các files, WordPress Toolkit,..

__________________________________________________________________
17
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

Hình 2. 5 Giao diện trang Cpanel quản lý Hosting

__________________________________________________________________
18
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

2.2. Công nghệ sử dụng (WordPress)

 Nhóm chúng em quyết định sử dụng nền tảng WordPress bởi vì


WordPress là một hệ thống quản lý nội dung (CMS) mã nguồn mở,
được sử dụng rộng rãi trên toàn thế giới để tạo và quản lý trang web.
Nó cung cấp một giao diện người dùng thân thiện và một loạt các công
cụ và plugin để tùy chỉnh trang web theo nhu cầu.
 WordPress cung cấp một hệ thống quản lý và tuỳ chỉnh trang web một
cách tổng quan nhất gồm các mục quản lý các yếu tố cơ bản của trang
web.

Hình 2. 6 Giao diện đăng nhập quản lý

__________________________________________________________________
19
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

2.1.1. Themes (Giao diện web)

Hình 2. 7 Mẫu giao diện Restaurant and Café mà trang web đang sử dụng

 Trang hexaron.online hiện tại đang sử dụng mẫu giao diện


Restaurant and Café được cung cấp bởi Bộ giao diện Rara.
 Restaurant and Cafe là một bộ giao diện hoàn hảo cho các nhà hàng,
quán cà phê hoặc nơi kinh doanh ăn uống. Phù hợp với ý tưởng chung
của nhóm chúng em: “Điều hành một quán cà phê, một tiệm bánh hay
một nhà hàng sang trọng lớn”.
 Restaurant and Cafe sẽ mang đến cho khách hàng một trải nghiệm
trực quan nhất đi kèm với phần Banner, Phần tính năng, Về phần,
Phần dịch vụ, Phần chứng thực, Phần thực đơn nhà hàng, Phần đặt
phòng và phần Blog trên Trang chủ hoặc trang đầu. Nó cũng tương
thích với plugin WooCommerce.

__________________________________________________________________
20
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

2.2.2. Widgets
 WordPress cung cấp đa dạng các loại Widgets để hỗ trợ thao tác và
chức năng từng phần của trang web. Người chỉnh sửa web có thể chọn
và phối các loại widgets khác nhau để góp phần cải thiện trải nghiệm
người dùng.

Hình 2. 8 Giao diện chỉnh sửa Widget trên WordPress


 Một số widget cơ bản như “Tìm kiếm”, “Bài viết gần đây”, “Sản
phẩm đã xem”, “Nhạc”, … cũng đã được thêm vào trang
hexaron.online.

__________________________________________________________________
21
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

Hình 2. 9 Một số widgets đã được thêm vào trang web

__________________________________________________________________
22
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

2.2.3. WooCommerce và các plugins hỗ trợ


 WooCommerce là một plugin WordPress miễn phí, giúp biến trang
web WordPress thành một cửa hàng trực tuyến đầy đủ tính năng. Nó
cung cấp một loạt các công cụ và tùy chọn để quản lý sản phẩm, theo
dõi đơn hàng và thiết lập các phương thức thanh toán và vận chuyển.

Hình 2. 10 Thông tin về WooCommerce

__________________________________________________________________
23
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 WooCommerce mang đến nhiều chức năng giúp quản lý và tối ưu hoá
cửa hàng trực tuyến thông qua các tiện ích như quản lý sản phẩm, theo
dõi đơn hàng và thiết lập các phương thức thanh toán và vận chuyển.

Hình 2. 11 Cài đặt chung và quản lý đơn hàng trên WooCommerce

__________________________________________________________________
24
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

Hình 2. 12 Quản lý khách hàng và sản phẩm trên WooCommerce

__________________________________________________________________
25
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

 Bên cạnh WooCommerce, trang web hexaron.online còn sử dụng các


plugins hỗ trợ khác như:
 Use any font : để có thể chỉnh sửa phông chữ của trang web

Hình 2. 13 Thông tin về plugin Use any font

 Một số plugins phụ của WooCommerce: WP Menu Cart & WP


Super Cache.
 Jetpack : Giúp cải thiện hiệu suất, tốc độ và an ninh trang web.

Hình 2. 14 Thông tin về plugin Jetpack

__________________________________________________________________
26
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

CHƯƠNG 3: TRIỂN KHAI VÀ KIỂM THỬ


3.1. Quá trình cài đặt WordPress và các plugins

 Sau khi hoàn thành việc đăng ký tên miền và thuê hosting, nhóm
chúng em đã cài đặt nền tảng WordPress lên máy chủ của mình. Sau
đó, nhóm chúng em cài đặt và kích hoạt chủ đề Restaurant and Café
đã được nói đến ở mục 2.1.1. Chúng em đã tùy chỉnh giao diện người
dùng bằng cách sử dụng trình tuỳ chỉnh của nền tảng WordPress.
 Chúng em đã cài đặt và kích hoạt các plugin cần thiết như
WooCommerce để quản lý cửa hàng trực tuyến, Jetpack để tối ưu tốc
độ và an ninh.

Hình 3. 1 Cài đặt phiên bản WordPress 6.4.2

__________________________________________________________________
27
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

3.2. Kết quả kiểm thử và đánh giá hiệu suất

 Chúng em đã thực hiện kiểm thử trang web của mình để đảm bảo rằng
nó hoạt động như mong đợi. Chúng em đã kiểm tra các chức năng
chính như việc thêm sản phẩm vào giỏ hàng, thanh toán, và gửi biểu
mẫu liên hệ.
 Chúng em cũng đã kiểm tra trang web trên nhiều thiết bị khác nhau và
trình duyệt khác nhau để đảm bảo rằng nó hiển thị đúng trên tất cả các
nền tảng.
 Kết quả kiểm thử cho thấy trang web hoạt động một cách hiệu quả và
không có lỗi nghiêm trọng nào được phát hiện.

Hình 3. 2 Quy trình kiểm tra và phê duyệt đơn hàng của trang web

__________________________________________________________________
28
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

CHƯƠNG 4: KẾT LUẬN


4.1. Kết quả đạt được
 Về mặt kiến thức:
 Có được kiến thức tổng quan về máy tính, mạng máy tính và
internet;
 Có kiến thức về tư duy máy tính, vận dụng tư duy máy tính
trong giải quyết vấn đề.
 Có kiến thức cơ bản về lên kế hoạch và tạo lập trang web.
 Về mặt kỹ năng/chuyên môn:
 Cải thiện kỹ năng làm việc nhóm và kỹ năng xây dựng mối
quan hệ.
 Có kỹ năng lập kế hoạch và quản lý thời gian
 Về mặt thái độ:
 Có thái độ chăm chỉ và trung thực khi làm việc nhóm.
 Làm việc có tinh thần đoàn kết và đạo đức.

__________________________________________________________________
29
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

4.2. Ưu điểm
 Giao diện:
 Có thanh điều hướng giúp người dùng tìm kiếm thông tin nhanh
chóng.
 Có các widgets như “Tìm kiếm”, “Google Maps”, “Phân loại”,
“Âm nhạc”, … giúp cải thiện trải nghiệm người dùng.
 Thiết kế menu đơn giản, thao tác dễ dàng và lựa chọn.
 Thông tin sản phẩm rõ ràng và đầy đủ: số lượng sản phẩm, đánh
giá, giá cả, hình ảnh, …
 Phân loại sản phẩm: giúp khách hàng dễ dang tìm kiếm sản
phẩm mong muốn theo các danh mục.
 Giao diện đẹp mắt, dễ nhìn và thân thiện, giúp người đọc dễ
dàng tìm kiếm, đọc và theo dõi các bài viết.
 Tính năng:
 Tính năng mua sản phẩm trực quan, dễ dàng và thân thiện với
người dung phổ thông.
 Việc thanh toán và theo dõi, quản lý đơn hàng dễ dàng với
WooCommerce.
 Nội dung blog phong phú, đa dạng, và hấp dẫn, phù hợp với nhu
cầu và sở thích của nhiều đối tượng khách hàng.
 Cập nhật thường xuyên, nhanh chóng, và kịp thời, giúp người
đọc luôn có được những thông tin mới nhất và chính xác nhất về
các món tráng miệng và cà phê.
 Blog có tính tương tác cao, khuyến khích người đọc tham gia
bình luận và chia sẻ bài viết, cũng như gửi góp ý và phản hồi
cho tác giả.

__________________________________________________________________
30
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

4.3. Nhược điểm


 Phần thiết kế các mục còn khá đơn giản, chưa có nhiều chi tiết đẹp,
sinh động, và sản phẩm còn khá ít do nguyên nhân đầy dung lượng
hosting.
 Thiếu một vài chức năng tương tác như yêu thích, chia sẻ sản phẩm.
 Nội dung của blog đã tốt, nhưng còn có thể hoàn thiện hơn nữa, bằng
cách tận dụng các nguồn thông tin chính xác và đáng tin cậy, tham
khảo ý kiến của các chuyên gia, nhà báo và blogger tráng miệng, cà
phê nổi tiếng. Giúp blog cung cấp thêm nhiều thông tin bổ ích và hữu
ích cho người đọc, nâng cao chất lượng nội dung.
 Các bài viết miêu tả chân thực hương vị hấp dẫn của các món ăn
nhưng chưa có nhiều bài viết có tính chất phản biện, đánh giá.

__________________________________________________________________
31
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

4.4. Hướng phát triển


 Nâng cấp dung lượng ổ đĩa để phát triển trang web.
 Cải thiện tính tham khảo, trích dẫn, và ghi chú, bằng cách ghi rõ
nguồn gốc, dẫn chứng, và minh chứng cho các thông tin và ý kiến
được đưa ra, cũng như sử dụng các phương pháp trình bày và trích dẫn
khoa học và chuyên nghiệp.
 Thêm nhiều đa dạng sản phẩm và thêm các plugins giúp quảng cáo
trang web.
 Tạo các trang sự kiện, minigame cho trang web.

__________________________________________________________________
32
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________

BẢNG LIỆT KÊ KHỐI LƯỢNG CÔNG VIỆC


STT NGƯỜI PHỤ TRÁCH NỘI DUNG
1 Nguyễn Nhật Phát

2 Huỳnh Gia Hân

3 Bùi Trần Tấn Phát

4 Trần Huỳnh Xuân Thanh

5 Mai Trần Thuỳ Trang

__________________________________________________________________
33
PHỤ LỤC

You might also like