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

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

----------

HỌC PHẦN: THIẾT KẾ VÀ TRIỂN KHAI WEBSITE

Đề tài thảo luận

Xây dựng và thiết kế website chia sẻ công thức nấu ăn

Mã lớp học phần : 2218ECIT0731

Giảng viên hướng dẫn : Th.S Vũ Diệu Hương
Nhóm thực hiện : Nhóm 02

HÀ NỘI – NĂM 2022

 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

----o0o----

BIÊN BẢN HỌP NHÓM LẦN 1

Bộ môn: Thiết kế và triển khai website

Giảng viên hướng dẫn: Vũ Diệu Hương
Nhóm: 02
Nhóm trưởng: Nguyễn Thế Thu Hà
Lớp học phần: 2218ECIT0731
Thời gian làm việc: 20h00-20h30, ngày 22 tháng 02 năm 2022
Địa điểm: Google Meet
Thành viên tham gia: 10/10,
Mục tiêu cuộc họp:
1.Tìm hiểu, nghiên cứu, phân tích đề tài thảo luận và tìm ra phương hướng giải quyết đề tài
thảo luận: “Xây dựng và thiết kế website chia sẻ công thức nấu ăn”.
2. Phân chia công việc ban đầu của bài thảo luận:
STT Họ và tên Chức vụ Công việc
11 Nguyễn Thị Minh Đức Thành viên Xây dựng trang món ăn ngon
12 Ngô Văn Dũng Thành viên Xây dựng trang chủ
13 Đặng Thị Mỹ Duyên Thành viên Word
14 Nguyễn Thị Hà Giang Thành viên Word
15 Nguyễn Thế Thu Hà Nhóm trưởng Xây dựng trang món ăn ngon
16 Nguyễn Việt Hà Thành viên Thuyết trình
17 Đỗ Thị Hải Thành viên Word
 18 Trịnh Hồng Hạnh Thành viên Xây dựng trang liên hệ
19 Trần Mạnh Hảo Thành viên Xây dựng trang món ăn ngon
20 Tạ Xuân Hậu Thành viên Word

Đánh giá chung kết quả cuộc họp: Các thành viên tham gia đầy đủ, đúng giờ, chất lượng
cuộc họp tốt
Hà Nội, ngày 22 tháng 02 năm 2022

Người lập biên bản

Nguyễn Thế Thu Hà

 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

----o0o----

BIÊN BẢN HỌP NHÓM LẦN 2

Bộ môn: Thiết kế và triển khai website

Giảng viên hướng dẫn: Vũ Diệu Hương
Nhóm: 02
Nhóm trưởng: Nguyễn Thế Thu Hà
Lớp học phần: 2218ECIT0731
Thời gian làm việc: 21h-22h, ngày 17 tháng 03 năm 2022
Địa điểm: Google Meet
Thành viên tham gia: 9/10, Thành viên Đặng Thị Mỹ Duyên vắng mặt, Lý do: Sinh viên này
đã nghỉ hẳn học phần này.
Nội dung cuộc họp:
1. Thống nhất bố cục đầu trang và cuối trang, format cho cả nhóm
2. Điều chỉnh nhiệm vụ của từng thành viên, kiểm tra tiến độ thực hiện demo tĩnh của từng trang
Kết quả như sau:
Các trang hoàn thành các chi tiết cơ bản: Trang chủ, trang liên hệ, các trang còn lại
chưa hoàn thành.
Điều chỉnh nhiệm vụ cho từng thành viên:
STT Họ và tên Chức vụ Công việc
Xây dựng và thiết kế trang
11 Nguyễn Thị Minh Đức Thành viên
món ăn ngon
12 Ngô Văn Dũng Thành viên Xây dựng và thiết kế trang chủ
13 Đặng Thị Mỹ Duyên Thành viên (nghỉ học phần)
 Xây dựng và thiết kế trang
14 Nguyễn Thị Hà Giang Thành viên
món ăn ngon

15 Nhóm trưởng Xây dựng và thiết kế trang món

Nguyễn Thế Thu Hà dân dã, súp, gỏi
Xây dựng và thiết kế trang món
16 Nguyễn Việt Hà Thành viên
chiên, nướng, lẩu
17 Đỗ Thị Hải Thành viên Xây dựng và thiết kế trang chủ
Xây dựng và thiết kế
18 Trịnh Hồng Hạnh Thành viên
trang liên hệ
Xây dựng nội dung các công
19 Trần Mạnh Hảo Thành viên
thức món ăn
Xây dựng nội dung các công
20 Tạ Xuân Hậu Thành viên
thức món ăn

Đánh giá chung kết quả cuộc họp: Thành viên tham gia đúng giờ, tích cực trình bày tiến độ
công việc của mình, chất lượng cuộc họp tốt.
Hà Nội, ngày 17 tháng 03 năm 2022

Người lập biên bản

Nguyễn Thị Hà Giang

 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

----o0o----

BIÊN BẢN HỌP NHÓM LẦN 3

Bộ môn: Thiết kế và triển khai website

Giảng viên hướng dẫn: Vũ Diệu Hương
Nhóm: 02
Nhóm trưởng: Nguyễn Thế Thu Hà
Lớp học phần: 2218ECIT0731
Thời gian làm việc: 21h-22h, ngày 7 tháng 04 năm 2022
Địa điểm: Google Meet
Thành viên tham gia: 9/9
Nội dung cuộc họp:
1. Thảo luận về những điểm đã được, chưa được, cần chỉnh sửa và hoàn chỉnh lại trang web.
2. Phân công công việc và thời gian sửa chữa cụ thể cho từng công việc được giao.
STT Họ và tên Chức vụ Công việc
Thực hiện chức năng thêm công
11 Nguyễn Thị Minh Đức Thành viên
thức món ăn
Thực hiện chức năng xóa thể
12 Ngô Văn Dũng Thành viên
loại
Thực hiện chức năng thêm bình
14 Nguyễn Thị Hà Giang Thành viên
luận, Làm báo cáo
15 Nguyễn Thế Thu Hà Nhóm trưởng Thực hiện chức năng tìm kiếm
Thực hiện chức năng xem chi
16 Nguyễn Việt Hà Thành viên
tiết món ăn, Thuyết trình
 Thực hiện chức năng xóa công
17 Đỗ Thị Hải Thành viên
thức món ăn
Thực hiện chức năng sửa công
18 Trịnh Hồng Hạnh Thành viên
thức món ăn
Thực hiện chức năng sửa thể
19 Trần Mạnh Hảo Thành viên
loại
Thực hiện chức năng thêm thể
20 Tạ Xuân Hậu Thành viên
loại

Đánh giá chung kết quả cuộc họp: Tham gia đầy đủ, chất lượng cuộc họp tốt.
Hà Nội, ngày 07 tháng 04 năm 2022

Người lập biên bản

Nguyễn Thị Hà Giang

Đánh giá điểm cho thành viên trong nhóm

STT Họ tên Chức vụ Điểm Chữ ký

11 Nguyễn Thị Minh Đức Thành viên 8.9 Đức
12 Ngô Văn Dũng Thành viên 8.0 Dũng
14 Nguyễn Thị Hà Giang Thành viên 9.5 Giang
15 Nguyễn Thế Thu Hà Nhóm trưởng 9.2 Thu Hà
16 Nguyễn Việt Hà Thành viên 9.7 Việt Hà
17 Đỗ Thị Hải Thành viên 8.9 Hải
18 Trịnh Hồng Hạnh Thành viên 9 Hạnh
19 Trần Mạnh Hảo Thành viên 8.8 Hảo
20 Tạ Xuân Hậu Thành viên 9 Hậu
Mục lục
I. Lý do chọn đề tài................................................................................................................... 1
II. Đơn vị sở hữu và người sử dụng Website ....................................................................... 1
III. Các yêu cầu về nội dung, giao diện, chức năng của Website. ....................................... 1
3.1 Yêu cầu nội dung ............................................................................................................. 1
3.2 Yêu cầu giao diện ............................................................................................................ 2
3.3 Yêu cầu chức năng .......................................................................................................... 2
IV. Thiết kế giao diện, chức năng của Website, mô hình cơ sở dữ liệu.................................. 3
4.1 Thiết kế giao diện ........................................................................................................... 3
Trang chủ ................................................................................................................................ 3
Trang món ăn ngon ................................................................................................................ 5
Trang giới thiệu ...................................................................................................................... 6
4.2 Thiết kế chức năng ......................................................................................................... 7
4.2.1 Tìm kiếm món ăn, công thức món ăn .................................................................... 7
4.2.2 Đăng tải bình luận ................................................................................................... 8
4.2.3 Quản lý thể loại cho trang món ăn ngon ............................................................... 9
4.2.4 Quản lý món ăn cho trang món ăn ngon ............................................................ 14
4.3 Mô hình Cơ sở dữ liệu ................................................................................................. 19
V. Các ngôn ngữ lập trình được sử dụng ................................................................................ 19
5.1 HTML ........................................................................................................................... 19
5.2 CSS ................................................................................................................................ 20
5.3 Javascript ...................................................................................................................... 20
5.4 PHP và Mysql ............................................................................................................... 20
VI. Đánh giá và hướng phát triển ............................................................................................ 20
6.1 Đánh giá ........................................................................................................................ 20
6.2 Hướng phát triển ......................................................................................................... 21
 I. Lý do chọn đề tài.

Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặc biệt là
công nghệ thông tin, những ứng dụng của công nghệ thông tin vào các lĩnh vực đã đóng góp to
lớn cho sự nghiệp phát triển của con người. Trong một xã hội mà nhịp sống luôn rất nhanh, nhiều
người có nhu cầu tự nấu ăn thay vì tìm kiếm hay ăn tại các hàng quán, đặc biệt trong giai đoạn
dịch Covid con người càng quan tâm đến sức khỏe cũng như thực đơn hàng ngày nhiều hơn,
thường tìm hiểu các món ăn mới lạ, hay những người đơn giản là ưa thích nấu ăn - cần một nơi
có thể học hỏi các món ăn mới lạ, được chia sẻ bởi cộng đồng để đảm bảo tính đa dạng về món
ăn.

Ăn uống là nhu cầu không thể thiếu đối với con người và toàn xã hội, vì thế nấu ăn đóng
vai trò rất quan trọng trong sinh hoạt hàng ngày và ăn uống có tác dụng quan trọng đến sự phát
triển của cơ thể con người.Việt Nam có tới 54 dân tộc mà mỗi dân tộc lại có nét độc đáo riêng
về ẩm thực do vậy nền ẩm thực của nước ta vô cùng phong phú và đa dạng. Để có thể tìm hiểu
sâu hơn về cách thức tạo ra món ăn ngon cho mọi người thưởng thức, nhóm chúng em đã lựa
chọn đề tài “Xây dựng và thiết kế website chia sẻ công thức nấu ăn”. Đó như là một nơi để
mọi người tham gia và tạo nên một cộng đồng lớn mạnh, giúp ích đắc lực cho mọi người trong
việc lựa chọn thực đơn cho bữa ăn hàng ngày.

II. Đơn vị sở hữu và người sử dụng Website

Đơn vị sở hữu: Là các cá nhân có nhu cầu sử dụng website chia sẻ công thức nấu ăn trên Internet,
cụ thể website Học làm đầu bếp thuộc cá nhân: Nguyễn Việt Hà nhằm mục đích chia sẻ công
thức nấu ăn cá nhân và đem đến trải nghiệm tốt nhất cho người dùng về việc tìm hiểu công thức
nấu ăn.

Người sử dụng Website

Người sử dụng website: Người có nhu cầu tìm kiếm và sự đam mê nấu ăn mong muốn
tìm được những công thức hay món ăn mới lạ, đơn giản để phục vụ nhu cầu của bản thân và gia
đình. Những kinh nghiệm, công thức nấu các món ngon được chia sẻ qua phần bình luận của
website. Người xem, người nội trợ có thể tham khảo để mang đến bữa ăn ngon nhất cho gia đình.

Quản trị website: Là những người trực tiếp tham gia quản lý website (cập nhật các công
thức món ăn, cập nhật thể loại, quản lý bình luận, quản lý món ăn)

III. Các yêu cầu về nội dung, giao diện, chức năng của Website.
3.1 Yêu cầu nội dung
Các nội dung, công thức món ăn được sử dụng trong Website là những nội dung được tham
khảo, sưu tầm, hay do cá nhân người sở hữu xây dựng lên. Nội dung hình ảnh, nội dung văn bản

1
chất lượng, thu hút người dùng. Nội dung của website có sự đa dạng, đầy đủ về các món ăn ở
nhiều thể loại khác nhau.
Để tạo ra được sự thuận tiện cho người sử dụng khi tìm kiếm thông tin, Website Học làm
đầu bếp của nhóm đã được tối giản hóa gồm các trang như: Trang chủ; Món ăn ngon; Giới thiệu.
Trang chủ: Trang phải mang dấu ấn khẳng định thương hiệu ngay từ cái nhìn đầu tiên: tên
trang web, logo, câu slogan,... cần được thể hiện rõ ràng, mang nét riêng kích thích được thị giác
và gây ấn tượng với người dùng.
Món ăn ngon: Nội dung về các món ăn được chia sẻ trên web phải đa dạng, phong phú,
thuộc nhiều thể loại món khác nhau kèm hình ảnh minh họa thu hút. Các món ăn trên web chủ
yếu tập trung vào những món phổ biến, đơn giản, dễ dàng chế biến; cách thức chế biến phải
được trình bày cụ thể, chi tiết để mọi người dễ dàng tham khảo.
Giới thiệu: Phần giới thiệu ngắn gọn về người quản lý website, đảm bảo được tất cả thông
tin mà người dùng có thể liên lạc tới người quản lý website gồm địa chỉ facebook, instagram,
gmail..
Đặc biệt, khi xây dựng nội dung website nhóm đã dùng những ngôn từ thông dụng, dễ hiểu tránh
những từ ngữ nhiều nghĩa hay từ nghĩa địa phương để tạo nên sự thân thiện đối với người sử
dụng.

3.2 Yêu cầu giao diện

Giao diện website đơn giản, bố trí bố cục hợp lý, hài hòa, có thể cho người dùng truy cập
dễ dàng nhìn được nội dung của website, tối ưu hóa nội dung, hình ảnh. Giao diện hiển thị được
trên các thiết bị khác nhau như máy tính, điện thoại, TV… thiết kế cho các thông tin được hiển
thị rõ ràng, đầy đủ và dễ theo dõi nhất. Giao diện các trang web thuộc website được thiết kế đơn
giản, dễ dàng truy cập bởi người dùng, đầy đủ nội dung, bố cục đơn giản logic giúp người dùng
dễ dàng truy cập và sử dụng nhất.

Lựa chọn cho website màu sắc trung tính, hài hòa, hình ảnh phù hợp với từng nội dung.
Website lựa chọn tông màu vàng nhạt dễ nhìn, tượng trưng cho sự ấm cúng của gian bếp.

3.3 Yêu cầu chức năng

3.3.1 Fornt End
Website Học làm đầu bếp nhằm mục đích đăng tải, chia sẻ đa dạng các công thức về các
món ăn, giúp cho người ghé thăm website tìm hiểu, học thêm cách nấu về các món ăn. Người
dùng có thể xem nội dung các cách làm các món ăn, viết bình luận đóng góp.

• Xem nội dung

Người dùng khi ghé thăm website sẽ tìm hiểu về các nội dung về món ăn như các thể loại
món đa dạng, nguyên liệu, công thức món ăn, một số lưu ý khi nấu… Muốn xem nội dung của
từng phần thì sẽ nhấn vào tiêu đề từng phần, nội dung hiển thị thu hút gồm: Hình ảnh minh họa
2
từng thể loại, món ăn, có tên món ăn, nội dung liên quan đến món, thông tin giới thiệu, liên hệ
trực tiếp về người quản lý website.

• Tìm kiếm nội dung

Nhập từ khóa vào ô tìm kiếm để tiến hành tìm nội dung của các món liên quan đến từ
khóa. Người dùng có thể nhanh chóng tìm kiếm các món ăn thay vì tìm theo theo thể loại món
và danh sách các món ăn.

• Viết bình luận góp ý

Người dùng có thể viết bình luận đóng góp ý kiến về nội dung bài viết của website, nêu ý
kiến của cá nhân về trải nghiệm làm món ăn đó ở cuối nội dung các món ăn. Khi tiến hành nhập
họ tên và nội dung bình luận.
3.3.2 BackEnd
Chức năng quản lý thể loại món ăn gồm thêm mới thể loại món ăn, sửa, xóa thể loại khỏi
danh sách thể loại.
Chức năng quản lý món ăn gồm thêm mới món ăn, xem chi tiết món ăn, sửa xóa món ăn
khỏi danh sách món ăn.
IV. Thiết kế giao diện, chức năng của Website, mô hình cơ sở dữ liệu.
4.1 Thiết kế giao diện
Cấu trúc chung trên 1 trang bao gồm 3 phần chính: là header, body (nội dung page) và footer
Phần header: gồm ảnh nền, tên website, logo cùng với slogan của website, menu liên kết đến
các trang khác của website, thanh tìm kiếm.
Phần body: chứa nội dung từng trang tương ứng
Phần footer: Chứa thông tin liên hệ của website
Phần header và footer ở các trang thuộc website đều chung 1 thiết kế, mỗi trang chỉ có sự
khác biệt về nội dung (phần body).

Trang chủ

• Phần header: Banner website thể hiện nội dung. Phía dưới là logo cùng với thanh điều
hướng dẫn đến các trang: trang chủ, trang món ăn ngon, giới thiệu thể hiện được cấu
trúc cơ bản của website. Phần body: Giới thiệu đến độc giả về mục đích website. Hiển
thị danh sách các thể loại món ăn, cùng với một số món ăn “recommend”. Trên mỗi mục
sẽ hiển thị hình ảnh món ăn tương ứng.
3
4
• Phần cuối: thông tin liên hệ gồm thông tin của website.

Trang món ăn ngon

5
 Trang có các nhánh web để người dùng lựa chọn: món dân dã, món súp, món gỏi, món
chiên, món nướng, món lẩu. Tùy vào mỗi nhánh mà sẽ hiển thị hình ảnh đại diện cho
món ăn, phía dưới là các món ăn website giới thiệu.

Khi chọn 1 thể loại giao diện sẽ điều hướng sang trang chứa nội dung liên quan đến thể
loại đó.

Trang giới thiệu

6
 Chứa thông tin giới thiệu người quản lý website, thông tin liên hệ trực tiếp qua các nền
tảng mạng xã hội như facebook, instagram, gmail.

4.2 Thiết kế chức năng

4.2.1 Tìm kiếm món ăn, công thức món ăn
Vị trí trên bên phải của website có icon tìm kiếm, khi di chuột vào icon thì xuất hiện khung
nhập “Nhập từ khóa tìm kiếm...”. Người dùng tiến hành nhập từ khóa muốn tìm về món
ăn vào khung và nhấn enter.

7
 Ví dụ với khi người dùng nhập từ khóa “Lẩu” sẽ được kết quả như sau về các món có
chứa từ khóa:

4.2.2 Đăng tải bình luận

Khi người dùng nhập tên, bình luận và nhấn “Bình luận” thì sẽ hiển thị hộp thông báo tới
người dùng “Bạn đã bình luận thành công” sau đó nhấn “OK”. Bình luận sẽ được hiển thị
ngay bên dưới cùng với thông tin người dùng.

8
4.2.3 Quản lý thể loại cho trang món ăn ngon

9
• Thêm thể loại: Tiến hành thêm thể loại “Món xào” cùng với link ảnh bìa, nhấn
Thêm thể loại thì website hiển thị hộp thông báo tạo thể loại thành công và “Món
xào” đã được thêm vào Món ăn ngon.

10
• Sửa thể loại

Tiến hành nhấn “Sửa” thì giao diện sẽ chuyển sang form cho phép người dùng sửa thể
loại, nhập nội dung muốn thay đổi và nhấn “Cập nhật thể loại”, hiển thị hộp thông báo
“Cập nhật thể loại thành công”.

11
 Giao diện sau khi sửa tên thể loại thành “Món xào khô”

• Xóa thể loại

Ở giao diện Quản lý thể loại, trong phần danh sách thể loại nhấn xóa ở thể loại muốn xóa
để thực hiện thao tác xóa.

12
Nhấn xóa thể loại “Món xào khô” sẽ hiện hộp thông báo dưới đây, sau khi nhấn “OK” thì
thể loại được xóa khỏi danh sách thể loại và xuất hiện hộp thông báo “Xóa thể loại thành
công”.

13
 Danh sách thể loại sau khi thực hiện thao tác xóa

4.2.4 Quản lý món ăn cho trang món ăn ngon

• Thêm món ăn
Giao diện Quản lý món ăn có form sau, tiến hành nhập thông tin và nhấn “Thêm món ăn”,
trang xuất hiện hộp thông báo “Thêm món ăn thành công!”

14
Món ăn đã được thêm vào danh sách món ăn

15
 • Xem chi tiết món ăn
Khi nhấn vào xem chi tiết từng món ăn thì sẽ hiện ra giao diện đầy đủ thông tin, công thức
về món ăn như phía người dùng nhìn thấy, dưới đây là xem chi tiết của món “bánh bột
lọc”

• Sửa món ăn
Khi nhấn Sửa ở món ăn thì giao diện chuyển qua form sửa món giống như phần thêm món
ăn, nhập thông tin muốn sửa và nhấn “Cập nhật món ăn” giao diện hiển thị hộp thông báo
“Cập nhật món ăn thành công” .

16
Phần cập nhật sau khi sửa tên thành “Đậu hũ chiên giòn”

17
 • Xóa món ăn
Tương tự như xóa thể loại thì xóa món ăn được thao tác khi nhấn vào “Xóa” của từng
món ăn trong danh sách món ăn, giao diện hiện hộp thông báo xác nhận

Khi nhấn “Hủy” món ăn vẫn được giữ nguyên ngược lại nhấn “OK” món ăn sẽ được xóa
khỏi danh sách món ăn và hiển thị hộp thông báo:

18
4.3 Mô hình Cơ sở dữ liệu
Cơ sở dữ liệu của trang web là hoclamdaubep gồm có ba bảng là: binh_luans, mon_ans,
the_loais dùng để lần lượt lưu trữ dữ liệu của bình luận của người duyệt web, thông tin công
thức món ăn (gồm hình ảnh và nội dung) và thể loại món (gồm hình ảnh và tên loại)

Hình ảnh minh họa cơ sở dữ liệu của trang web

Cụ thể, đối với bảng

• binh_luans gồm các trường dữ liệu: “id”, “mon_an_id”, “noi_dung”, “ten_binh_luan”,
“ngay_tao”. Khi người dùng (là bất kỳ ai) nhập bình luận trong khung bình luận thì form
chứa thông tin của bình luận đó sẽ được gửi về database
• mon_ans gồm các trường dữ liệu: “id”, “ten_mon_an”, “link_image”, “noi_dung”,
“the_loai_id”, “ngay_tạo”. Trong đó, trường “the_loai_id” sẽ được liên kết với trường
“id” trong bảng the_loais

Hình ảnh minh họa khóa liên kết giữa hai trường dữ liệu của hai bảng khác nhau

• the_loais gồm các trường dữ liệu: “id”, “ten_the_loai”, “link_image_tl”, “ngay_tao”

Cả ba bảng đều có khóa chính là trường dữ liệu “id”

Bảng mon_ans và the_loais sẽ được nhận dữ liệu update, xóa, thêm mới thông qua form
thông tin quản lý món ăn và quản lý thể loại lần lượt ở file mã nguồn là quan_ly_mon_an.php
và quan_ly_the_loai.php. Tính năng này cho phép chỉ người quản trị web mới có thể chỉnh
sửa.
V. Các ngôn ngữ lập trình được sử dụng
5.1 HTML

HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu siêu văn bản. HTML được sử
dụng để tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn,
heading, titles, blockquotes… và HTML không phải là ngôn ngữ lập trình.

HTML được nhóm sử dụng để tất cả các trang như trang giới thiệu, trang chủ, trang món ăn
ngon.

19
 5.2 CSS

CSS (Cascading Style Sheet language) là ngôn ngữ tạo phong cách cho trang web. CSS sẽ
giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố cục, màu sắc trang, đổi
màu chữ, font chữ, thay đổi cấu trúc…

CSS được sử dụng để trang trí, định dạng phong cách cho các nội dung được hiển thị của
website HỌC LÀM ĐẦU BẾP như màu sắc, cỡ chữ, kiểu chữ..

5.3 Javascript

Javascript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML và giúp
cho website trở nên sống động hơn. Đây là dạng ngôn ngữ theo kịch bản, được hình thành dựa
trên chính đối tượng phát triển có sẵn hoặc đơn giản là tự định nghĩa ra. Javascript giúp tăng hiệu
quả tương tác, tăng thêm chức năng cho website

Nhóm sử dụng javascript để hỗ trợ trình bày bố cục trang web; tạo ảnh động cho các mục thể
loại, món ăn; quay lại các trang xử lý thông tin của admin sau khi thêm, sửa, xóa thông tin.

5.4 PHP và Mysql

PHP và Mysql nhóm sử dụng để tạo các bảng trong cơ sở dữ liệu, kết nối để hiển thị nội dung
website như xử lý thông tin món ăn, thể loại của website như thêm, sửa, xóa món ăn, thể loại.
Quản lý các thông tin về các bình luận của người sử dụng. Các nội dung này có thể được thay
đổi bởi người quản lý website.
VI. Đánh giá và hướng phát triển
6.1 Đánh giá
Xây dựng website chia sẻ công thức nấu ăn không phải là vấn đề mới mẻ nhưng lại phù hợp
với tình hình cũng như nhu cầu của mọi người hiện nay. Nhóm 2 thực hiện đề tài này mong rằng
có thể giúp cho mọi người có nơi để học hỏi, tìm hiểu công thức, trao đổi với nhau về những
món ăn thông qua các bài viết của website. Do sự hạn hẹp về trình độ, kỹ năng cũng như thời
gian nên website nhóm 2 xây dựng vẫn còn nhiều hạn chế, chỉ mới đáp ứng được những yêu cầu
cơ bản nhất của đề tài.
Về giao diện
Giao diện cơ bản đã đáp ứng được những yêu cầu ở mục III như thiết kế giao diện đơn giản,
thân thiện, các trang web thuộc website được thiết kế tối ưu hóa, dễ dàng truy cập bởi người
dùng. Nhóm đã lựa chọn được tông màu có độ hài hòa, thu hút người dùng là màu vàng nhạt
tượng trưng cho ngọn lửa bập bùng của gian bếp ấm cúng phù hợp với nội dung của website.
20
 Tuy nhiên tốc độ sử dụng chưa được nhanh mặc dù khi chuyển qua lại giữa các trang web
thuộc website khá đơn giản, dễ dàng. Phần hình ảnh minh họa cho món ăn được lấy từ website
khác nên có sự hạn chế. Phần bình luận chỉ cho phép người dùng sử dụng text nên tính tương tác
chưa được cao.
Nội dung
Phần nội dung của website liên quan đến các món ăn của từng trang đã được chọn lọc, lựa
hình ảnh bìa rõ nét, phù hợp với tên món đem lại trải nghiệm bổ ích cho người dùng về các công
thức món ăn khi ghé thăm website.
Chức năng
Các chức năng của website đã được thiết kế đáp ứng được yêu cầu của bài thảo luận: Chức
năng xem nội dung cho người dùng, chức năng tìm kiếm món ăn, chức năng viết đánh giá, đóng
góp, chia sẻ ý kiến cho người dùng, chức năng quản lý món ăn (xem chi tiết, thêm mới, sửa, xóa
món ăn) và chức năng quản lý thể loại món ăn (thêm, sửa, xóa thể loại) cho người quản trị
website.
6.2 Hướng phát triển
Do hạn chế về nhiều mặt nên website Học làm đầu bếp chỉ thực hiện được những yêu cầu rất
cơ bản trong khuôn khổ bài thảo luận. Vì vậy nhóm xin đưa ra một số dự định phát triển website
trong tương lai như sau.
Hoàn thiện, chỉn chu hơn về mặt giao diện, chức năng, nội dung cho website
Ngoài việc thiết kế website bằng HTML, định dạng bằng CSS trong tương lai nhóm sẽ sử dụng
các công cụ khác để website sinh động, chuyên nghiệp và hoàn thiện hơn. Các bài viết về món
ăn thuộc website thường xuyên được cập nhật, đảm bảo phù hợp với từng thời điểm.
Bổ sung trang diễn đàn, chức năng đăng bài, bày tỏ cảm xúc, cho phép bình luận đa
dạng như kèm hình ảnh, video, trả lời bình luận từ người dùng, chức năng quản lý tài
khoản, tính năng bán các sản phẩm nấu ăn phía quản trị viên
Bổ sung thêm trang diễn đàn cũng như các chức năng quản lý tài khoản người dùng trên
giúp cho website sẽ tăng tính tác giữa người quản trị website và người dùng hơn, và giữa những
người dùng với nhau, kết nối website đến với nhiều người dùng hơn. Về mặt hình ảnh minh họa
thì sẽ xây dựng các hình ảnh thuộc quyền sở hữu của người quản lý website thay vì lấy ảnh trực
tiếp từ website khác.

21
 Ngoài ra tính năng bán các sản phẩm sử dụng để nấu trong từng bài viết chia sẻ từ phía
quản trị viên giúp bổ sung chi phí duy trì website, tăng tính thiết thực cho từng bài viết thuộc các
trang web.

22