ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: XÂY DỰNG WEBSITE ẨM THỰCTRUYỀN THỐNG VIỆT NAM. THS.TRẦN ĐÌNH SƠN

MỞ ĐẦUẨm thực là một nét tinh hoa trong văn hóa truyền thống của người Việt Nam.Không phải ngẫu nhiên ẩm thực Việt lại được coi là tinh hoa văn hóa, được bạn bèthế giới ca ngợi và đánh g

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN



ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE ẨM THỰC

TRUYỀN THỐNG VIỆT NAM

Sinh viên thực hiện : NGUYỄN QUỲNH NHẬT PHƯƠNG Giảng viên hướng dẫn : THS.TRẦN ĐÌNH SƠN

Đà nẵng, tháng 5 năm 2021

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN



ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE ẨM THỰC

TRUYỀN THỐNG VIỆT NAM

Đà Nẵng, tháng 5 năm 2021

MỞ ĐẦU

Ẩm thực là một nét tinh hoa trong văn hóa truyền thống của người Việt Nam.Không phải ngẫu nhiên ẩm thực Việt lại được coi là tinh hoa văn hóa, được bạn bèthế giới ca ngợi và đánh giá cao Kênh truyền hình CNN (Mỹ) bình chọn ẩm thựccủa Việt Nam là 1 trong 10 nền ẩm thực tuyệt nhất trên thế giới Tạp chí du lịch MỹCondé Nast Traveler từng ví von rằng, món bánh mì của Việt Nam là một trongnhững món ăn đường phố ngon nhất thế giới Hay như món phở của Việt Nam đượctạp chí danh tiếng Business Insider bình chọn là một trong những món phải ăn thửmột lần trong đời, Từ những thành tựu đáng tự hào trên, với tham vọng mang ẩmthực Việt vươn rộng đến các quốc gia bạn bè, chúng tôi xây dựng website ẩm thựctruyền thống Việt Nam”

Website ẩm thực truyền thống Việt Nam được xây dựng để hỗ trợ giới thiệunhững nét tinh tuý trong ẩm thực Việt Website được thiết kế và xây dựng dựa trênngôn ngữ HTML, CSS, JavaScript, … Tiêu chí của chúng tôi là bao quát, chi tiết,đảm bảo cho người dùng trải nghiệm tốt nhất, đơn giản mà tiện lợi Người dùng cóthể truy cập và cập nhật nhanh chóng ở bất cứ đang chỉ cần thông qua thiết bị kếtnối internet Website ngoài việc giới thiệu về ẩm thực, chúng tôi còn hướng đếnchuyên mục hướng dẫn chế biến một số món ăn dân gian quen thuộc Đồng thờiwebsite còn cung cấp nhiều thông tin hữu ích về phong tục truyền thống Việt Namxoay quanh vấn đề ẩm thực

LỜI CẢM ƠN

Đầu tiên, em xin bày tỏ lòng biết ơn sâu sắc đến Ban giám hiệu Trường Đại họcCông nghệ thông tin và Truyền thông – Việt Hàn, các thầy cô thuộc khoa Khoa họcmáy tính đã tận tình giúp đỡ em suốt thời gian học tập và thực hiện đồ án đầu tiên

Đặc biệt, em xin gửi lời cảm ơn chân thành nhất đến ThS Trần Đình Sơn.Trong quá trình nghiên cứu và thực hiện đồ án cơ sở 1, em đã nhận được sự quan tâmgiúp đỡ, hướng dẫn chu đáo, tâm huyết của thầy Thầy đã giúp em tích lũy thêm nhiềukiến thức để có thể cái nhìn sâu sắc và chuyên môn hơn Đây là hành trang quí báu, làkinh nghiệm đầu tiên trên con đường mai sau

Có lẽ kiến thức là vô hạn mà sự tiếp nhận kiến thức của bản thân mỗi người luôntồn tại những hạn chế nhất định Do đó, trong quá trình hoàn thành đồ án, chắc chắnkhông tránh khỏi những thiếu sót Bản thân em rất mong nhận được những góp ý đến

từ thầy để bài đồ án được hoàn thiện hơn

Kính chúc thầy sức khỏe, hạnh phúc thành công trên con đường sự nghiệp giảngdạy

Sinh viên

Nguyễn Quỳnh Nhật Phương

NHẬN XÉT

MỤC LỤC

Trang

MỞ ĐẦU

Chương 1 GIỚI THIỆU 1

1.1 Tổng quan 1

1.2 Phương pháp, kết quả 2

1.3 Cấu trúc đồ án 3

Chương 2 NGHIÊN CỨU TỔNG QUAN 4

2.1 Phân tích thị trường: 4

2.1.1 Foody: 4

2.1.2 Địa điểm ăn uống - Thiên đường ăn uống: 4

2.2 Phân tích yêu cầu: 4

2.2.1 Chức năng: 4

2.2.2 Thương hiệu: 4

2.2.3 Yêu cầu cụ thể của trang web: 5

Chương 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 6

3.1 Tổng quan của hệ thống nghiên cứu: 6

3.2 Thiết kế chi tiết: 6

3.2.1 Mô hình gửi tiếp nhận mail đóng góp ý kiến: 6

3.2.2 Mô hình xử lý database – tìm kiếm: 7

3.2.3 Mô hình đăng ký và đăng nhập 7

3.2.4 Sơ đồ phân cấp chức năng khách hàng: 8

3.2.5 Sơ đồ phân cấp chức năng quản trị viên: 8

Chương 4 TRIỂN KHAI XÂY DỰNG 9

4.1 Danh sách thư mục cài đặt: 9

4.2 Cấu trúc của website 9

4.3 Một số hình ảnh về website 9

Kết luận 17

Kết quả: 17

Đối với khách hàng, website đã đưa ra đươc: 17

Hướng phát triển của website: 17

PHỤ LỤC KÈM THEO

DANH MỤC TÀI LIỆU THAM KHẢO

DANH MỤC HÌNH

Trang

Hình 1 - Sơ đồ cấu trúc website OIAV 3

Hình 2 - Logo 5

Hình 3 - Mô hình gửi tiếp nhận mail 6

Hình 4 - Mô hình tìm kiếm thông tin 7

Hình 5 - Mô hình đăng ký và đăng nhập 7

Hình 6 - Sơ đồ phân cấp chức năng khách hàng 8

Hình 7 - Sơ đồ phân cấp chức năng quản trị viên 8

Hình 8 - Thư mục cài đặt 9

Hình 9 - Header 10

Hình 10 - Banner 10

Hình 11 - Footer 10

Hình 12 - Trang chủ 11

Hình 13 - Sự kiện tin tức 12

Hình 14 - Về chúng tôi 13

Hình 15 - Thư viện - hình ảnh 14

Hình 16 - Thư viên - thơ 15

Hình 17 - Liên hệ 16

Chương 1 GIỚI THIỆU

1.1 Tổng quan

Ẩm thực – một nét di sản tinh tế được hình thành trong dòng chảy hàngngàn năm văn hóa Việt Nam đã góp phần làm say lòng bao du khách, bạn bèquốc tế Ngày càng nhiều món ăn Việt Nam được quốc tế tôn vinh Văn hóa củamỗi quốc gia luôn có những bản sắc riêng Trong văn hóa Việt Nam, ẩm thựcchiếm giữ một vị trí quan trọng, là một phần bản sắc Việt Nam Thật đáng mừng,cùng với nhiều giá trị văn hóa giàu bản sắc khác, ẩm thực Việt Nam ngày càngđược bạn bè quốc tế biết đến và tôn vinh

Văn hóa ẩm thực là nét văn hóa tự nhiên hình thành trong cuộc sống Đốivới nhiều dân tộc, quốc gia, ẩm thực không chỉ là nét văn hóa về vật chất mà còn

là văn hóa về tinh thần Qua ẩm thực người ta có thể hiểu được nét văn hóa thểhiện phẩm giá con người, trình độ văn hóa của dân tộc với những đạo lý, phéptắc, phong tục trong cách ăn uống… Và mỗi khi nhắc đến đất nước Việt Namxinh đẹp thì ẩm thực luôn là một đề tài thú vị Ẩm thực của người Việt không chỉ

là những món ăn, công thức chế biến mà đây là một nét văn hóa tự nhiên hìnhthành trong cuộc sống

Người Việt ăn toàn diện, không chỉ ăn bằng miệng, nếm bằng lưỡi mà bằngngũ quan Đã ăn thì mắt phải nhìn thấy màu sắc món ăn, cách trình bày món ănđẹp, răng phải chạm vào món ăn, mũi phải ngửi được mùi vị hấp dẫn, lưỡi phảicảm nhận được, tai phải nghe được tiếng nhai thức ăn Người Việt ăn uống cũngrất đa vị Thông thường món ăn Việt Nam có 5 vị chính: ngọt, mặn, chua, cay,béo; có cả ngũ sắc: đen (tương), đỏ (ớt), xanh (rau), vàng (khế chín), trắng (bánhtráng, bún) Ăn một miếng mà mắt thấy 5 màu, lưỡi nếm 5 vị và có khi còn hơnthế nữa

Ẩm thực Việt phong phú, đa dạng và hội tụ những nét tinh tế riêng biệtthông qua cách thức chọn lựa nguyên liệu, chế biến, bày biện và thưởng thức.Món ăn Việt Nam ở bất kỳ vùng miền, dân tộc nào cũng mang đầy đủ các yếu tố:ngon mắt, ngon mũi, ngon miệng, dễ chế biến, gần gũi với thiên nhiên và ai cũng

có thể thưởng thức được…Không quá lời khi nói rằng: Ẩm thực Việt Nam hội đủcác yếu tố “chân, thiện, mỹ” Mỗi vùng miền lại có những món ăn khác nhau,mang ý nghĩa riêng biệt tạo nên bản sắc của từng địa phương Bên cạnh sự phongphú về món ăn, người Việt có cách thưởng thức cũng hết sức tinh tế, thể hiện rõnét cốt cách văn hóa, thưởng thức ẩm thực Đây cũng là cái hồn tạo nên nét riêng,nét hấp dẫn đặc biệt của văn hóa ẩm thực Việt Nam

Văn hóa ẩm thực Việt Nam đã được thế giới công nhận song chủ nhân của

di sản chưa thực sự chưa chú tâm lắm đến công tác quảng bá, chưa khai thácđược hết những giá trị đặc sắc của ẩm thực như một tài sản quốc gia

Đó là điểm mà ngành du lịch cũng như những người yêu thích ẩm thực Việt,muốn đưa ẩm thực Việt ra thế giới cần nghiên cứu và hành động bằng cả tâm

huyết và trách nhiệm… (I- trích báo Tin tức: Văn hóa ẩm thực Việt Nam - Biến

di sản thành tài sản)

Với một đất nước có chiều dài lịch sử lâu đời và vị trí địa lý khác biệt, thìmỗi một vùng miền trên dải đất hình chữ S này lại có những món ăn đặc trưng,những món đặc sản riêng biệt không thể hòa lẫn – những di sản vô giá mà thế hệ

đi trước đã tạo dựng cho ta Chính vì thế, chúng tôi đã xây dựng và phát triển ýtưởng “OIAV – website ẩm thực truyền thống Việt Nam” với hi vọng về một nơilưu trữ, bảo tồn và phát triển những tinh hoa ẩm thực quí báu Đó cũng chính làước muốn, khao khát chúng tôi đặt vào sự phát triển của dự án Là một người conđất Việt, nâng tầm và truyền bá tinh hoa dân tộc vừa là trọng trách lớn lao, vừa làniềm tự hào cao cả

1.2 Phương pháp, kết quả

Phương pháp triển khai:

- Lên ý tưởng cho sản phẩm:

 Đối tượng khách hàng hướng đến ? Người đọc, người tìm hiểu về ẩm thực Việt,

 Sản phẩm sẽ mang lại gì cho khách hàng ? Cung cấp thông tin về ẩm thực: các sự kiện, lễ hội; các món ăn dân gian; các phong tục truyền thống của người Việt Cho phép khách hàng đóng góp ý kiến

 Công cụ hỗ trợ ?

 Phần mềm: Visual Studio Code (code website), Adobe Photoshop CS6 (chỉnh sửa hình ảnh website và báo cáo), diagrams (website tạo sơ đồ khối)

 Ngôn ngữ: HTML (Hyper Text Markup Language), CSS (Cascading Style Sheets), JS (JavaScript)

- Phân bổ thời gian thực hiện

- Tiến hành nghiên cứu kết hợp thực hiện, tham khảo tài liệu, thưviện mẫu để có kết quả tốt nhất

Kết quả đạt được:

- OIAV – website ẩm thực truyền thống Việt Website được xâydựng bao gồm các chức năng cơ bản sau, đối với người xem, người đọc:

 Xem thông tin các món ăn, ẩm thực truyền thống Việt Nam, tin tức

và phong tục liên quan

 Gửi mail về tác giả (đề xuất, bổ sung, chỉnh sữa, …)

- Source code: https://github.com/nqnphuong/Sem2_DACS1_WEB

Hình 1 - Sơ đồ cấu trúc website OIAV

1.3 Cấu trúc đồ án

- Chương 2: Nghiên cứu tổng quan

- Chương 3: Phân tích hệ thống

- Chương 4: Triển khai xây dựng

- Chương 5: Tổng kết và hướng phát triển

Chương 2 NGHIÊN CỨU TỔNG QUAN

2.1 Phân tích thị trường:

2.1.1 Foody:

- Địa chỉ trang web: https://www.foody.vn

- Foody.vn là trang web ẩm thực nồi tiếng Việt Nam về review cácmón ăn, địa điểm ăn uống, giá cả, chỉ đường, đặt món, Là web đồ ănquen thuộc của người dùng bằng việc cập nhật đầy đủ nhất các thông tin

về địa điểm ăn uống, món ăn trên cả nước

- Hiện nay, Foody đã có thêm ứng dụng được cài đặt qua điện thoại,máy tính bảng để người dùng thuận tiện hơn trong quá trình sử dụng Bạn

có thể đăng ký một tài khoản Foody miễn phí để khám phá ẩm thực ViệtNam, gọi món, tìm địa chỉ ăn uống ngon, giá rẻ và nhận nhiều ưu đãi hấpdẫn từ ứng dụng

 Tìm kiếm dễ dàng: công cụ tìm kiếm thông minh, tiện dụng

 Phân loại rõ ràng: các địa điểm được phân loại rất chi tiết

 Bình luận & Đánh giá: Foody cho phép thành viên chèn hình ảnh vàobình luận, đnahs giá, …

2.1.2 Địa điểm ăn uống - Thiên đường ăn uống:

- Địa chỉ trang web: https://diadiemanuong.com

- Đúng với tên gọi của website, bạn có thể tìm hàng loạt các địa điểm

ăn uống trên khắp cả nước tại đây Người dùng dễ dàng tìm kiếm các cửa

hàng, món ăn theo từng khu vực từ thanh menu trên đầu trang web Hỗ trợ chỉ đường nhanh chóng trên bản đồ rất chi tiết

 Cung cấp một lượng thông tin lớn và đáng tin cậy về ẩm thực

 Hỗ trợ chỉ đường

 Tìm kiếm nhanh chóng

2.2 Phân tích yêu cầu:

- Tên đề tài: “Xây dựng wesite ẩm thực truyền thống Việt Nam”

2.2.2 Thương hiệu:

- OIAV (人戈日女) bắt nguồn từ Thương Hiệt (1) của chữ “食(2) thực” trong tiếng Nôm 食 danh từ, mang nghĩa là: thức ăn, lộc, bổng lộc;động từ mang nghĩa là: ăn, mòn, khuyết Với mục đích, ý nghĩa là cầu nốigiữa quá khứ và tương lai Lấy tiếng Nôm để ý chỉ về quá khứ ông cha.Tuy nhiên lại lấy Thương Hiệt thay vì chữ Nôm gốc mang mục đích liênkết với hiện đại Tinh tuý ẩm thực được tạo dựng từ ngàn xưa Được pháttriển và bảo tồn đến hiện nay Sẽ được lưu truyền mãi mãi, muôn đời

-Hình 2 - Logo

2.2.3 Yêu cầu cụ thể của trang web:

- Đối với khách hàng: người sử dụng hằng ngày tìm kiếm, quan tâmđến ẩm thực, những thông tin sự kiện hay các món ăn đặc sắc, những lễnghi ẩm thực trong văn hoá dân gian, …

 Hiển thị mục tin tức sự kiện riêng biệt để khách hàng dễ theo dõi

 Có thư viện hình ảnh, … để khách hàng thuận tiện cập nhật

 Cung cấp cho khách hàng phương tiện để đóng góp ý kiến, cải thiệntrang web

- Bên cạnh những chức năng chủ yếu, trang web phải được thiết kếvới ngôn ngữ thân thiện, dễ hiểu, dễ dàng thao tác, trực quan và cô đọng.Song song với đó là đảm bảo website luôn được cập nhật thường xuyên,

có sự đổi mới trong giao diện và nội dung truyền tải

2

[Date]

Chương 3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG

3.1 Tổng quan của hệ thống nghiên cứu:

- Trong quá trình thực hiện, tìm hiểu và xây dựng hướng phát triển

cho hệ thống, chúng em đã phát triển lên mô hình phân tích thiết kế hệ

thống cho website “OIAV - ẩm thực truyền thống Việt”

 Mô hình gửi – tiếp nhận mail đóng góp ý kiến

 Mô hình xủ lý database – tìm kiếm (chưa phát triển)

 Mô hình đăng ký và đăng nhập (chưa phát triển)

 Sơ đồ phân cấp chức năng khách hàng (chưa phát triển)

 Sơ đồ phân cấp chức năng quản trị viên (chưa phát triển)

3.2 Thiết kế chi tiết:

3.2.1 Mô hình gửi tiếp nhận mail đóng góp ý kiến:

3

[Date]

Hình 3 - Mô hình gửi tiếp nhận mail

3.2.2 Mô hình xử lý database – tìm kiếm:

3.2.3 Mô hình đăng ký và đăng nhập

Hình 5 - Mô hình đăng ký và đăng nhập

4

[Date]

Hình 4 - Mô hình tìm kiếm thông tin

3.2.4 Sơ đồ phân cấp chức năng khách hàng:

3.2.5 Sơ đồ phân cấp chức năng quản trị viên:

5

[Date]

Hình 6 - Sơ đồ phân cấp chức năng khách hàng

Hình 7 - Sơ đồ phân cấp chức năng quản trị viên

Chương 4 TRIỂN KHAI XÂY DỰNG

4.1 Danh sách thư mục cài đặt:

- css: Chứa file CSS của toàn bộ website

- fonts: chứa file font cài đặt cho website

- images: chứa file ảnh của toàn bộ website

- JS: chứa file JavaScript của toàn bộ website

- Các trang thành phần của website bao gồm index và các trang con

4.2 Cấu trúc của website

- Nội dung của trang được chia thành các phần: header, banner,content và footer

[Date]

Hình 17 - Liên hệ

11

[Date]

Kết luận

Kết quả:

Đối với khách hàng, website đã đưa ra đươc:

- Các thông tin xoay quanh vấn đề ẩm thực

- Xem chi tiết thông tin sự kiện, tin tức, ẩm thực và phong tục

- Cho phép khách hàng gửi mail liên hệ với quản trị viên (đề xuất,chỉnh sữa, )

- Dùng được trên nhiều thiết bị

- Giao diện thân thiện, trực quan

Hướng phát triển của website:

Phát triển trở thành trang ẩm thực hàng đầu, với tham vọng làm lan toả vàphổ biến cho ẩm thực Việt Nam Mang đến cho bạn bè quốc tế một cái nhìn vàcảm nhận về những nét tinh tuý tiềm ẩn bên trong ẩm thực Việt Nam Websitehướng đến tất cả các đối tượng truy cập và sử dụng internet; tất cả những ai muốntìm hiểu, thông tin về ẩm thực Việt

Để giữ vững website hoạt động ổn định và phát triển, ngoài nguồn vốn banđầu đổ về, cần thiết có những biện pháp hỗ trợ cộng thêm: Liên kết, kết hợp vớicác nhãn hàng, thương hiệu liên quan để quảng cáo, quảng bá sản phẩm, PR(Public Relations) sản phẩm; tạo điều kiện, mở bán các khoá học từ chuyên gia;đưa ra tính năng Premium account

Bổ sung cơ sở dữ liệu, từ đó tạo thêm thanh tìm kiếm

Hiếm ít một website nào phát triển mạnh mẽ mà không có sự đóng góp tolớn từ khách hàng Vì vậy, nếu website phát triển ổn định và tính đến vấn đề dàilâu, việc chuyển hướng và phát triển website lên thành một cộng đồng là điềuthiết yếu: tạo tài khoản, cho phép bình luận chia sẻ, đăng bài, …

-Hết -(Xin chân thành cảm ơn)

12

[Date]

PHỤ LỤC (kèm theo)

(1) Thương Hiệt: bộ gõ Thương Hiệt là bộ gõ chữ Hán, giúp người dung nhập

chữ Hán vào máy tính thông qua bàn phím tiêu chuẩn Được Châu Bang Phục sáng tạo năm 1976, bộ gõ này được đặt theo tên của Thương Hiệt, nhân vật

thần thoại được xem là sáng tạo ra chữ Hán Đây là bộ gõ chữ Hán đầu tiên

- Độ thông dụng trong Hán ngữ cổ: rất cao

- Độ thông dụng trong tiếng Trung hiện đại: rất cao

13

[Date]