Professional Documents
Culture Documents
BAOCAOCUOIKY
BAOCAOCUOIKY
BAOCAOCUOIKY
HCM
KHOA ĐÀO TẠO QUỐC TẾ
Đề tài
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,
__________________________________________________________________
__________________________________________________________________
__________________________________________________________________
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
__________________________________________________________________
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.
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.3.
T
__________________________________________________________________
3
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
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
Đồ ă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
__________________________________________________________________
__________________________________________________________________
5
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
6
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
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
__________________________________________________________________
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.
__________________________________________________________________
8
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
Đặ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”.
__________________________________________________________________
9
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
10
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
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.
__________________________________________________________________
13
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
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.
__________________________________________________________________
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.
__________________________________________________________________
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.
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
__________________________________________________________________
__________________________________________________________________
18
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
19
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
Hình 2. 7 Mẫu giao diện Restaurant and Café mà trang web đang sử dụng
__________________________________________________________________
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.
__________________________________________________________________
21
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
22
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
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.
__________________________________________________________________
24
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
25
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
26
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
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.
__________________________________________________________________
27
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
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
__________________________________________________________________
__________________________________________________________________
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
__________________________________________________________________
__________________________________________________________________
31
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
32
Xây dựng website bán đồ ăn và thức uống trên nền tảng WordPress
__________________________________________________________________
__________________________________________________________________
33
PHỤ LỤC