ĐỒ ÁN CƠ SỞ 1: ĐỀ TÀI: Xây dựng website CHUCK - THẾ GIỚI ẨM THỰC

ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1:
ĐỀ TÀI: Xây dựng website
CHUCK - THẾ GIỚI ẨM THỰC

Sinh viên thực hiện: :TRẦN ĐĂNG QUỐC
Giảng viên hướng dẫn : THS. DƯƠNG THỊ MAI NGA
Lớp
: 19IT2

Đà Nẵng , tháng 8 năm 2020


ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1:
ĐỀ TÀI: Xây dựng website
CHUCK - THẾ GIỚI ẨM THỰC


Đà Nẵng, tháng 8 năm 2020


MỞ ĐẦU

Ngày nay cùng với sự bùng nổ của Internet, ngày càng mở rộng ở khắp nơi

trên thế giới, chỉ cần máy tính kết nối Internet thì việc sử dụng nguồn tài nguyên
này là vô cùng phong phú.
Việc các doanh nghiệp đang dần hoàn thiện bộ máy tổ chức một cách linh
hoạt nhất và việc ứng dụng công nghệ thông tin vào mọi hoạt động kinh doanh của
doanh nghiệp là một việc làm tất yếu, một trong những cải tiến đó là doanh nghiệp
đã chủ động xây dựng những trang thơng tin của riêng mình để quảng bá hình ảnh
của công ty, mặt khác là để kinh doanh trực tuyến, áp dụng thương mại điện tử vào
trong thương mại.
Và một trong những cơng cụ hữu ích nhất cho việc phát triển này đó là xây
dựng được một dự án cơng nghệ thơng tin hồn chỉnh, đáp ứng được các nhu cầu
của người dùng.
Đối với ngành công nghệ thực phẩm, việc ứng dụng công nghệ thông tin
cũng giúp cho các doanh nghiệp xử lý cơng việc chính xác, hiệu quả, tiết kiệm chi
phí, quảng bá hình ảnh doanh nghiệp rộng rãi trong nước và quốc tế, mặt khác còn
khắc phục được những yếu kém trong công tác quản lý nội bộ của doanh nghiệp và
khách hàng. Từ những kiến thức được học,em đã tìm hiểu về đề tài “Xây dựng
trang web ẩm thực Việt Nam”.


LỜI CẢM ƠN

Để hoàn thành đề tài này, em xin gửi lời cảm ơn chân thành đến cô giáo Dương
Thị Mai Nga- giảng viên Khoa Công nghệ thông tin và Truyền thông (CNTT & TT) Đại
học Đà Nẵng – Người hướng dẫn chính - đã tận tình chỉ bảo và hướng dẫn em để hoàn
thành đồ án.
Em cũng xin cảm ơn thầy cô Khoa CNTT & TT đại học Đà Nẵng đã truyền đạt
cho em kiến thức cũng như kỹ năng để hồn thành bài đồ án này.
Trong q trình làm đồ án cịn nhiều thiếu sót,em rất mong nhận được sự chỉ bảo,
đóng góp ý kiến của các thầy cơ để em có điều kiện bổ sung, khắc phục những hạn chế
của bài đồ án cơ sở này.

Em xin chân thành cảm ơn!

Đà Nẵng, tháng 8 năm 2020


NHẬN XÉT
(Của giảng viên hướng dẫn)
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
................................................................................................................................
...................................................................................................................................
................................................................................................................................


Mục Lục
CHƯƠNG 1 : GIỚI THIỆU..................................................................................1
1.1 Tổng quan....................................................................................................1
1.1.1 Lí do chọn đề tài...................................................................................1
1.1.2 Mục tiêu đề tài......................................................................................1
1.1.3 Đối tượng nghiên cứu và phạm vi nghiên cứu......................................1
1.2 Phương pháp thực hiện................................................................................2
CHƯƠNG 2 CƠ SỞ LÝ THUYẾT.......................................................................3
2.1 Cơ sở lý luận và thực tiễn...........................................................................3
2.1.1 Khái niệm website................................................................................3
2.1.2 Có hai loại web: Web tĩnh và Web động..............................................3
2.1.3 Lịch sử hình thành và phát triển của website.......................................3
Chi phí thấp so với các ấn phẩm thơng thường.....................................................5

Thị trường mở rộng...............................................................................................5
Đa dạng hóa doanh thu.........................................................................................5
Phục vụ 24/7 và 365 ngày.....................................................................................5
Thuận tiện.............................................................................................................5
2.2 Tổng quan về ẩm thực Việt Nam.................................................................5
2.3 Giới thiệu về đồ án......................................................................................6
2.3.1 Các phương pháp cơng nghệ sử dụng trong đồ án................................6
2.3.2 Hình thức thể hiện đồ án......................................................................7
2.3.3 Quy mô đồ án.......................................................................................7
2.4 Phương pháp nghiên cứu.............................................................................8
2.4.1 Phương pháp 1: Nghiên cứu thực tế.....................................................8
2.4.2 Phương pháp 2: Đọc và tham khảo sách báo........................................8
2.4.3 Phương pháp 3: Tham khảo trên Internet.............................................8
Kết luận: Kết hợp cả 3 phương pháp để có thể nhận được một thơng tin chính
xác góp phần hồn thiện trang web giúp trang web trở nên hữu ích và sinh
động, bắt mắt người đọc.....................................................................................9
CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ................................................................10
3.1 Mơ hình tổng quan của hệ thống nghiên cứu............................................10
3.1.1 Biểu đồ phân tích thiết kế hướng đối tượng.......................................10
3.1.2 Mô tả hệ thống...................................................................................10
3.2 Thiết kế chi tiết.........................................................................................10
3.2.1 Thiết kế trên phần mềm Sublime Text 3.............................................10
3.2.2 Lý do chọn.........................................................................................11
3.3 Triển khai xây dựng..................................................................................11
3.1 Phân tích các trang web ẩm thực đang tồn tại...........................................11
3.1.1 Foddy.................................................................................................11
Đến thời điểm hiện tại, Foody với hàng chục ngàn địa điểm và hàng ngàn bình
luận, hình ảnh tại Việt Nam ở hầu hết các tỉnh thành. Foody là cách dễ nhất để
bạn có thể tìm kiếm và lựa chọn địa điểm tốt nhất cho mình và bạn bè...........12
3.1.2 Lozi....................................................................................................12

......................................................................................................................... 13
3.1.3 Cooky.vn - Let's Cook & Share (Hãy nấu ăn & Cùng chia sẻ)...........13
Website: www.cooky.vn..............................................................................13
3.2 Code trên Sublime Text 3..........................................................................13
CHƯƠNG 4 KẾT QUẢ ĐẠT ĐƯỢC................................................................16


CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN......................................18

DANH MỤC HÌNH
Hình 11 Về chúng tơi...........................................................................................16
Hình 12 Thực đơn dinh dưỡng.............................................................................16
Hình 13 Vị trí của website...................................................................................17
Hình 14 Trang chia sẻ cơng thức..........................................................................17
Bảng 1 So sánh các phương pháp..........................................................................9


DANH MỤC CỤM TỪ VIẾT TẮT
STT
1
2
3

Cụm từ
Công nghệ phần mềm
Công nghệ thông tin
Đại học Đà Nẵng

Viết tắt
CNPM

CNTT
ĐHĐN


CHƯƠNG 1 :

GIỚI THIỆU

1.1 Tổng quan
1.1.1 Lí do chọn đề tài
-

-

-

Cơng nghệ thơng tin (CNTT) ngày càng có vai trị quan trọng trong
cuộc sống hằng ngày của chúng ta. Việc ứng dụng CNTT vào các
lĩnh vực trong đời sống giúp cơng việc được tiến hành nhanh chóng
và hiệu quả hơn. Có rất nhiều cơng việc mới phát triển song song
với sự phát triển của CNTT. Một trong những số đó là lập trình
Website, hướng đi mang lại hiệu quả kinh tế cao.Như chúng ta đã
biết, ngày nay với nhịp sống tốc độ cao, nhu cầu của con người này
càng lớn về mọi mặt. Không như trước kia, con người chỉ cần “ăn
no, mặc ấm” là đủ thì bây giờ nhu cầu con người đã chuyển sang
“ăn ngon, mặc đẹp”.
Ẩm thực luôn gắn liền với cuộc sống, đặc biệt là ẩm thực dân dã, nó
mang một nét riêng ln hấp dẫn thực khách. Một món ăn ngon
khơng chỉ để thỏa mãn nhu cầu ăn uống mà nó cịn mang trong
mình một nghệ thuật, một nét đặc trưng của vùng miền nơi nó sinh

ra.
Ẩm thực là một phần văn hóa quan trọng trong tổng thể nền văn
hóa của một quốc gia. Khi nhắc đến một quốc gia nào đó thì ngồi
những điểm nổi bật về kiến trúc, nghệ thuật, tơn giáo… thì ẩm thực
ln được chú trọng. Ví dụ như khi nhắc đến Nhật Bản thì ta nghĩ
ngay tới sushi, nhắc tới Ý thì nghĩ đến Pizza…Việt Nam cũng vậy,
cũng có những nét ẩm thực riêng tạo nên bản sắc dân tộc. Vậy nên,
em muốn được quảng bá, đưa ẩm thực Việt Nam trở nên phong phú
và phổ biến để bạn bè năm châu có thể biết đến ẩm thực Việt.

1.1.2 Mục tiêu đề tài
- Hiện nay, con người chúng ta có sở thích ăn uống vơ cùng đa dạng,
thích ăn những món ăn ngon, thích đến những qn view đẹp để
vừa được ăn ngon lại vừa có được những tấm hình selfie vơ cùng
xinh xắn. Nhưng đâu phải ai cũng tìm được những quán ăn hợp với
nhu cầu của mình.
- Em muốn được quảng bá, đưa ẩm thực Việt Nam trở nên phong phú
và phổ biến để bạn bè năm châu có thể biết đến ẩm thực Việt.
- Nắm bắt được điều kiện đó. Em đã nghiên cứu và làm ra một trang
web để phục vụ nhu cầu ăn uống của tất cả mọi người cũng như nhu
cầu quảng bá của em.
1.1.3 Đối tượng nghiên cứu và phạm vi nghiên cứu
Đối tượng nghiên cứu là tất cả các món ăn từ mọi miền Bắc – Trung –
Nam. Các món ăn thơng thường cũng như các món ăn truyền thống nổi tiếng của
mỗi vùng miền.

Page 1


1.2 Phương pháp thực hiện

-

Đọc xem tài liệu, và tìm hiễu các mã nguồn mở thiết kế một giao diện phù
hợp với yêu cầu đặt ra của trang web.
Tham khảo trên mạng và qua sách báo. Tìm kiếm những thơng tin liên quan
đến ẩm thực Việt.
Nghiên cứu thực tế để có thể nắm vững các vấn đề liên quan đến đối tượng là
hết sức cần thiết.
Thu thập thông tin từ nhiều nguồn khác nhau, tổng hợp và phân tích, rút ra
những yếu tố cần thiết để đưa vào đồ án.
Thiết kế datebase phù hợp với giao diện đa đặt ra.

Page 2


CHƯƠNG 2
2.1

CƠ SỞ LÝ THUYẾT

Cơ sở lý luận và thực tiễn

2.1.1 Khái niệm website
Website (tiếng Anh: website), còn gọi là trang web (có thể nhầm lẫn với "web
page") hoặc trang mạng, là một tập hợp trang web, thường chỉ nằm trong một tên
miền hoặc tên miền phụ trên World Wide Web của Internet. Một trang web là tập
tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP. Trang mạng có
thể được xây dựng từ các tệp tin HTML (trang mạng tĩnh) hoặc vận hành bằng
các CMS chạy trên máy chủ (trang mạng động).

Trang mạng có thể được xây dựng bằng nhiều ngơn ngữ lập trình khác nhau
(PHP, ASP.NET, Java, Ruby on Rails, Perl,...).
Website được giao tiếp và hiển thị cho người dùng truy cập bằng các phần mềm
được gọi là trình duyệt website. Một sơ trình duyệt website nổi tiếng có thể kể
đến như Internet Explorer được cài đặt mặc định vào mỗi máy tính cài hệ điều
hành windows và được thay thế bởi Edge trên Windows 10 hay Chrome được
phát triển bởi Google và Firefox được phát triển bởi Mozilla.
Để một website hoạt động cần 3 yếu tố:
- Cần có tên miền
- Nơi lưu trữ website
- Nội dung các trang web hoặc cơ sở dữ liệu thông tin
2.1.2 Có hai loại web: Web tĩnh và Web động
-

Website tĩnh là website mà người quản trị (những người không phải là lập
trình viên) khơng thể tùy ý thay đổi nội dung và hình ảnh mà phải cần kiến thức
về HTML cơ bản. Website tĩnh được viết hoàn toàn dựa trên nền tảng
HTML CSS và thêm các hiệu ứng từ Javascript nếu muốn.
Website động là website được viết kèm theo một bộ công cụ quản trị để
tùy biến nội dung dành cho webmaster (người quản trị) có thể dễ dàng thay đổi
nội dung, hình ảnh. Website động được thiết kế bởi các lập trình viên để làm
sao cho phép website có thể thay đổi được nội dung thường xuyên. Một số công
nghệ, ngôn ngữ để xây dựng website động bao gồm PHP, ASP.NET, Java,..
2.1.3 Lịch sử hình thành và phát triển của website
Nhiều người vẫn thường có thói quen sử dụng hai từ World wide web và Internet
thay thế cho nhau, nhưng thực ra đây lại là hai khái niệm hồn tồn khác nhau.
Internet có nghĩa là một “mạng lưới toàn cầu của các mạng lưới”, liên kết hàng
triệu các máy tính cùng chia sẻ thơng tin thơng qua một tập hợp những giao thức
chia sẻ phần mềm. Ngược lại, có các ứng dụng lại sử dụng mạng Internet như
một phương tiện để giao tiếp như thư điện tử, trò chuyện toàn cầu và mạng toàn

cầu.
Lịch sử của Web
Page 3


Website xuất hiện lần đầu tiên vào năm 1989 khi nhà vật lý học Tim
Berners-Lee muốn tìm ra một cách thức giúp các nhà khoa học trao đổi tài liệu
nghiên cứu thơng qua Internet. Berners-Lee muốn rằng đó khơng chỉ là cách in
các văn bản trực tiếp trên Internet mà còn là cách hiển thị các đường dẫn để đưa
người đọc đến các phần khác của tài liệu, hoặc thậm chí là dẫn đến các tài liệu
được đặt ở một nơi khác trên mạng Internet. Điều đó có nghĩa là tạo nên một hệ
thống tài liệu được kết nối toàn cầu.
Thực ra thì Berners-Lee khơng phải là người đưa ra ý tưởng này đầu tiên.
Ngay từ những năm 40, các nhà nghiên cứu khác cũng đã từng mô tả một hệ
thống tương tự, và vào khoảng những năm 80, các ứng dụng như Ngôn ngữ đánh
dấu tổng quát chuẩn (SGML) cũng đã sử dụng một tập hợp phức tạp các siêu
liên kết để kết nối các tài liệu lại với nhau. Nhưng Berners-Lee đã phát triển một
hệ thống mà trong đó khơng địi hỏi phải sử dụng các phần mềm mắc tiền hay
những kỹ năng lập trình cao. Ơng đã phát minh ra một giao thức cơ bản cho việc
chuyển tải các tài liệu lên mạng Internet, gọi là Giao thức truyền siêu văn bản
(HTTP) cũng như phát minh ra một bộ đơn giản các lệnh gọi là Ngôn ngữ đánh
dấu siêu văn bản (HTML) để mô tả cấu trúc của một tài liệu.
Website đã bùng nổ vào năm 1993 khi một sinh viên tốt nghiệp trường Đại
học Illinois tên là Marc Andreessen phát triển thành công một phần mềm giúp
hiển thị các trang Web dưới dạng đồ họa. Phần mềm của Andreessen, được gọi là
một “trình duyệt” , cho phép người sử dụng có thể hiển thị hình ảnh cũng như văn
bản trên các trang web. Kết quả là Web đã lớn mạnh nhanh chóng,vượt ra khỏi cả
phạm vi sử dụng nhỏ hẹp ban đầu của các nhà khoa học. Sau đó Andreessen đã
tiếp tục đồng sáng lập Netscape Communications, đánh dấu cho sự khởi đầu của
cuộc cách mạng Internet.

Lí do gì làm cho Website thành cơng đến như vậy?
Website phát triển như vậy khơng chỉ vì nó dễ sử dụng mà cịn vì bất cứ ai cũng
có thể thực hiện trang Web riêng của họ. Ngôn ngữ HTML cơ bản rất dễ học. Nó
sử dụng một tập hợp các đuôi đơn giản giúp mô tả các đầu đề, đoạn văn, danh
sách, các bảng và các thành tố khác của một trang Web. Mới đây, nhiều công ty
đã phát triển phần mềm xử lý tự động hóa, làm cho việc học HTML trở nên
khơng cịn cần thiết nữa. Nhờ đó, hàng triệu người với vốn kinh nghiệm ít ỏi cũng
đã có thể lập trang Web cho riêng mình.
Lợi ích khi có website

Page 4


-

2.2

Chi phí thấp so với các ấn phẩm thơng thường
Thị trường mở rộng
Đa dạng hóa doanh thu
Phục vụ 24/7 và 365 ngày
Thuận tiện
Thêm giá trị gia tăng và hài lòng
Cải thiện tin cậy
Cơ hội tăng trưởng, dễ dàng nhận thông tin phản hồi.

Tổng quan về ẩm thực Việt Nam

Việt Nam là một nước nơng nghiệp thuộc về xứ nóng, vùng nhiệt đới gió mùa.
Ngồi ra, lãnh thổ Việt Nam được chia ra ba miền rõ rệt là Bắc,Trung,Nam.

Chính các đặc điểm về địa lý, văn hóa, dân tộc, khí hậu đã quy định những đặc
điểm riêng của ẩm thực từng vùng – miền. Mỗi miền có một nét, khẩu vị đặc
trưng. Điều đó góp phần làm ẩm thực Việt Nam phong phú, đa dạng. Đây là
một văn hóa ăn uống sử dụng rất nhiều loại rau (luộc, xào, làm dưa, ăn sống);
nhiều loại nước canh đặc biệt là canh chua, trong khi đó số lượng các món ăn
có dinh dưỡng từ động vật thường ít hơn. Những loại thịt được dùng phổ biến
nhất là thịt lợn, bò, gà, ngan, vịt, các loại tơm, cá, cua,ốc, hến, trai, sị... Những
món ăn chế biến từ những loại thịt ít thơng dụng hơn như thịt chó, thịt dê, thịt
rùa, thịt baba,... thường khơng phải là nguồn thịt chính, nhiều khi được coi là đặc
sản và chỉ được sử dụng trong một dịp liên hoan nào đó với rượu uống
kèm. Người Việt cũng có một số món ăn chay theo đạo Phật được chế biến từ các
loại thực vật, khơng có nguồn thực phẩm từ động vật. Tuy nhiên, trong cộng đồng
thì lại có rất ít người ăn chay trường, chỉ có các sư thầy trong các chùa hoặc
người bị bệnh nặng buộc phải ăn kiêng.
Một đặc điểm ít nhiều cũng phân biệt ẩm thực Việt Nam với một số nước khác:
ẩm thực Việt Nam chú trọng ăn ngon tuy đôi khi không đặt mục tiêu hàng đầu là
ăn bổ. Bởi vậy trong hệ thống ẩm thực người Việt ít có những món hết sức cầu
kỳ, hầm nhừ ninh kỹ như ẩm thực Trung Hoa, cũng khơng thiên về bày biện có
tính thẩm mỹ cao độ như ẩm thực Nhật Bản, mà thiên về phối trộn gia vị một
cách tinh tế để món ăn được ngon, hoặc sử dụng những nguyên liệu dai, giòn
thưởng thức rất thú vị dù không thực sự bổ béo (ví dụ như các món măng, chân
cánh gà, phủ tạng động vật...).
Trong thực tế, nhiều người nhận thấy, một cách cảm tính, đặc trưng ẩm thực Việt
Nam tốt lộ trong sự đối sánh với các nền văn hóa ẩm thực khác trên thế giới:
món ăn Trung Hoa ăn bổ dưỡng, món ăn Việt ăn ngon miệng, món ăn Nhật nhìn
thích mắt. Tuy nhiên, đặc điểm này ngày càng phai nhòa trong thời hội nhập.

Page 5

Hình 1 Món ăn đa dạng

2.3 Giới thiệu về đồ án
2.3.1 Các phương pháp công nghệ sử dụng trong đồ án
Thiết kế giao diện trang web trên nền tảng Bootstrap và photoshop. Photoshop là
phầm mền chỉnh sửa, cắt ghép hình ảnh, thiết kế các hiệu ứng ảnh, còn Bootstrap
giúp tạo giao diện website đẹp mắt với hiệu ứng sinh động.
Website được code trên phần mềm Sublime Text 3 là một phần mềm phổ biến
hiện nay giúp người dùng linh động, dễ dàng có thể tạo ra website.

Page 6


Hình 2 Giao diện dẹp

2.3.2 Hình thức thể hiện đồ án
Thiết kế Website có chiều rộng max, chiều dài phụ thuộc vào nội dung từng trang
web. Các trang web là các trang riêng biệt, có bố cục khác nhau, được liên kết với
nhau. Trang web tạo ấn tượng nhờ sự sắp xếp bố cục hình ảnh, thơng tin mới lạ,
bắt mắt thu hút người xem. Trọng tâm của website là trang chủ, các trang con
phát triển dựa trên mô tuýp của trang chủ. Các trang có tính đồng nhất và liên kết
với nhau.

Hình 3 Bố cục rõ ràng, hình ảnh bắt mắt

2.3.3 Quy mô đồ án
Trang web gồm 5 trang chính và 2 trang con. Mỗi trang có bố cục khác nhau
nhưng vẫn dựa trên một phong cách chung, xuyên suốt tồn bộ trang web. Trang
web khơng chỉ giới thiệu những món ăn dân dã mà con đi sâu vào cách chế biến
một số món ăn để người xem có thể tự mình thực hiện những món ăn đó.

Page 7


2.4

Phương pháp nghiên cứu

2.4.1 Phương pháp 1: Nghiên cứu thực tế
Em đã đi thực tế một số món ăn như bún, phở… ở một số nơi, một số món
thực tế bằng việc tự nấu như các món canh, kho, thịt, cá… Vì phạm vi đề
tài quá rộng và điều kiện khơng cho phép nên trong phương pháp này
nhóm chúng em chưa thực sự đúc kết được nhiều thông tin.
2.4.2 Phương pháp 2: Đọc và tham khảo sách báo
Sách báo nói về ẩm thực theo em được biết là vô cùng nhiều, nhóm chúng
em có tham khảo qua một vài sách như: Ẩm thực Việt Nam(nhiều tác giả),
Văn hóa ẩm thực Việt Nam(Trần Quốc Vượng - Nguyễn Thị Bảy)…
Tuy việc đúc kết thông tin từ sách báo tuy ưu điểm hơn phương pháp 1
nhưng lại tốn kém rất nhiều thời gian.
2.4.3 Phương pháp 3: Tham khảo trên Internet
Phương pháp này theo em nghiên cứu là một phương pháp tối ưu nhất,
nhanh nhất mà thông tin nhận được vô cùng nhiều, chúng em đã thu thập
thông tin từ cả 3 phương pháp nhưng đa phần phương pháp 3 này chiếm
phần lớn.

Table 1

Page 8

Phương
pháp
1
Nghiên
cứu thực tế

Ưu điểm

Nhược điểm

2
Đọc
và
tham khảo
sách báo
3
Tham
khảo trên
internet

Linh động, nhận -Tốn thời gian
được nhiều thơng
tin hơn

Có thể cảm nhận -Tốn thời gian
món ăn thực tê, -Phạm vi quá rộng
nếm được mùi vị
và độ ngon của
món ăn

Kết luận
Chưa ưu việt

Linh động, nhanh, -Đọc ở nhiều trang - Được
dễ dàng tìm kiếm khác nhau, dễ gây
thơng tin, có thể rối thơng tin
tham khảo các
trang ẩm thực
khác để nhìn nhận
và đánh giá trang
web của mình.
Bảng 1 So sánh các phương pháp

 Kết luận: Kết hợp cả 3 phương pháp để có
thể nhận được một thơng tin chính xác góp
phần hồn thiện trang web giúp trang web trở
nên hữu ích và sinh động, bắt mắt người đọc.

Page 9


CHƯƠNG 3

PHÂN TÍCH THIẾT KẾ

3.1 Mơ hình tổng quan của hệ thống nghiên cứu
3.1.1 Biểu đồ phân tích thiết kế hướng đối tượng

Hệ Thống Website ẩm thực

USER

Sửa thơng tin cá
nhân

Xóa thơng tin cá
nhân

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

Đưa ý kiến , đánh giá
, công thức riêng

3.1.2 Mô tả hệ thống
Thông qua website , người dung có thể:
+ Chỉnh sửa, xóa thơng tin cá nhân
+ Tìm kiếm món ăn mà mình ưu thích
+ Đưa ra ý kiến, đánh giá hay chia sẻ công thức của riêng mình

3.2 Thiết kế chi tiết
3.2.1 Thiết kế trên phần mềm Sublime Text 3
Sublime Text 3 là một phần mềm khá được ưa chuộng với lập trình viên hiện
nay.
 Sublime Text là một text editor được viết bằng ngôn ngữ lập trình Python
và có thể được sử dụng trên nhiều nền tảng hệ điều hành khác nhau như
Windows, Mac, Linux.
 Hỗ trợ nhiều ngơn ngữ lập trình phù hợp với nhu cầu của lập trình viên.
 Là một cơng cụ có thể sử dụng miễn phí và cũng có thể trả phí.
Page 10

 Sublime Text hiện có hai phiên bản là Sublime Text 2 và phiên bản mới
hơn là Sublime Text 3.
3.2.2 Lý do chọn
 Sublime Text khác với các IDE khác ở điểm rất nhẹ, linh hoạt, cài đặt
dễ dàng, dễ sử dụng, cung cấp nhiều tính năng tiện lợi cho các lập
trình viên.
 Thời gian khởi động của Sublime Text rất nhanh, rơi vào khoảng 1-2
giây, khác với các IDE khác chúng ta thường phải chờ tầm 10 giây để
mở lên.
 Sublime Text cho phép chúng ta tùy biến thông qua việc cài đặt các
Plugin hoặc các Automation Task bằng việc tùy biến các đoạn
snippet.
 Sublime Text có giao diện người dùng trực quan, đơn giản, dễ sử
dụng.
 Hỗ trợ nhiều chức năng mạnh mẽ có thể mở rộng thêm thông qua
Package Control.
 Hỗ trợ nhận diện, tô màu từ khóa cho hơn 20 ngơn ngữ khác nhau
như HTML, CSS, Javascript, PHP,…
 Sublime Text hỗ trợ trên nhiều nền tảng hệ điều hành khác nhau.

3.3 Triển khai xây dựng
3.1 Phân tích các trang web ẩm thực đang tồn tại
3.1.1 Foddy
Website: www.foody.vn

Page 11

Được xây dựng từ giữa năm 2012 tại TP. HCM, Việt Nam, Foody là cộng đồng
tin cậy cho mọi người có thể tìm kiếm, đánh giá, bình luận các địa điểm ăn uống:
nhà hàng, quán ăn, cafe, bar, karaoke, tiệm bánh, khu du lịch… tại Việt Nam, từ
website hoặc ứng dụng di động. Tất cả thành viên từ Bắc đến Nam, Foody kết nối
những thực khách đến với các địa điểm ăn uống lớn nhỏ cả đất nước.

Hình 4 Foody.vn

Đến thời điểm hiện tại, Foody với hàng chục ngàn địa điểm và hàng ngàn bình
luận, hình ảnh tại Việt Nam ở hầu hết các tỉnh thành. Foody là cách dễ nhất để
bạn có thể tìm kiếm và lựa chọn địa điểm tốt nhất cho mình và bạn bè.
3.1.2 Lozi
Website: www.lozi.vn
Lozi là cộng đồng chia sẻ địa điểm ăn uống hàng đầu dành cho bạn trẻ Việt. Ra
mắt từ tháng 1/2014, Lozi nhanh chóng trở thành sự lựa chọn tối ưu cho việc tìm
kiếm món ăn với tốc độ nhanh gấp 7 lần, giao diện hiện đại cùng vơ số hình ảnh
bắt mắt. Sứ mệnh của chúng tôi là giúp người dùng Việt Nam đơn giản hố việc
tìm kiếm địa điểm ăn uống và khám phá những món ăn địa điểm thú vị xung
quanh họ để có những trải nghiệm tốt hơn mỗi ngày.

Page 12


Hình 5 Lozi

3.1.3 Cooky.vn - Let's Cook & Share (Hãy nấu ăn & Cùng chia sẻ)
Website: www.cooky.vn
Với rất nhiều công thức nấu ăn được chia sẻ từ thành viên. Công thức nấu ăn của
Cooky khá hoàn thiện từ hướng dẫn đến hình ảnh đầy đủ. Các cơng thức đa số
được thực hiện và chia sẻ từ các thành viên yêu thích ẩm thực, nấu nướng. Ngồi

website ra cooky có riêng ứng dụng hướng dẫn nấu ăn để người yêu thích nấu ăn
có thể tải về tham khảo trên 2 nền tảng iOS và android. Với kho công thức hơn
22K+ trải rộng trên hầu hết các thể loại món: món kho, món chính, món khai vị,
thức uống, làm bánh, ... người dùng tha hồ lựa chọn và tìm hiểu dành cho các bạn
bắt đầu học nấu ăn

Hình 6 Cooky.vn

3.2 Code trên Sublime Text 3
-

Sử dụng CSS, Bootstrap và Javascrip để code
Page 13


Hình 7 Code Css

-

Sử dụng tính năng Carousel và thanh Navb để tạo nên thanh cơng cụ và hình
ảnh trang chủ chuyển động đặc sắc

Hình 8 Carousel và thanh menu

Page 14


-

Xây dựng code đăng nhập cho user: thực hiện nhờ Javascrip và CSS kết

hợp với nhau tạo giao diện sinh động

Hình 9 Code đăng nhập

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

Page 15


CHƯƠNG 4

KẾT QUẢ ĐẠT ĐƯỢC

- Em bước đầu đã xây dựng được một trang web về ẩm thực Việt Nam mang tên
là Chuck.

Hình 11 Về chúng tơi

- Em đã tạo nó những tính năng mà một trang web ẩm thực cần có như tìm kiếm
món ăn ưu thích, cách chế biến các món ăn, những thực đơn dinh dưỡng cho một
số loại bệnh.

Hình 12 Thực đơn dinh dưỡng

Page 16