ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: TRANG WEB ẨM THỰC. Giảng viên hướng dẫn : PGS.TS HUỲNH CÔNG PHÁP

Việc các doanh nghiệp đang dần hoàn thiện bộ máy tổ chức một cáchlinh hoạt nhất và việc ứng dụng công nghệ thông tin vào mọi hoạt động kinhdoanh của doanh nghiệp là một việc làm tất yếu,

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

Sinh viên thực hiện: NGUYỄN ĐÌNH HOÀNG

LÊ MINH HIỆP

Giảng viên hướng dẫn : PGS.TS HUỲNH CÔNG PHÁP

Lớp : 19IT2

Đà nẵng, tháng 7 năm 2020

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

MỞ ĐẦU

Ngày nay cùng với sự bùng nổ của Internet, ngày càng mở rộng ở khắpnơ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àinguyê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áchlinh hoạt nhất và việc ứng dụng công nghệ thông tin vào mọi hoạt động kinhdoanh 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ụngthươ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 hoàn chỉnh, đáp ứng được cácnhu 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 tincũ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ệmchi phí, quảng bá hình ảnh doanh nghiệp rộng rãi trong nước và quốc tế, mặtkhá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ủadoanh nghiệp và khách hàng Từ những kiến thức được học, nhóm chúng 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, chúng em xin gửi lời cảm ơn chân thành đến thầygiáo Huỳnh Công Pháp – Trưởng Khoa 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 chúng em để hoàn thành đồ án

Chúng em cũng xin cảm ơn thầy cô Khoa CNTT & TT đại học Đà Nẵng đãtruyền đạt cho chúng em kiến thức cũng như kỹ năng để hoàn thành bài đồ án này

Trong quá trình làm đồ án còn nhiều thiếu sót, chúng em rất mong nhận được sựchỉ bảo, đóng góp ý kiến của các thầy cô để chúng em có điều kiện bổ sung, khắc phụcnhững hạn chế của bài đồ án cơ sở này

Chúng em xin chân thành cảm ơn!

Đà Nẵng, tháng 7 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, kết quả 2

1.2.1 Phương pháp thực hiện: 2

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

Chương 2 CẤU TRÚC ĐỒ ÁN 5

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

2.1.1 Khái niệm website 5

2.1.2 Có hai loại web: Web tĩnh và Web động: 5

2.1.3 Lịch sử hình thành và phát triển của website 5

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

Chương 3 PHƯƠNG PHÁP NGHIÊN CỨU 9

3.1 Giới thiệu về đồ án: 9

3.1.1 Các phương pháp công nghệ sử dụng trong đồ án: 9

3.1.2 Hình thức thể hiện đồ án: 9

3.1.3 Quy mô đồ án: 10

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

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

3.2.2 Phương pháp 2: Đọc và tham khảo sách báo 10

3.2.3 Phương pháp 3: Tham khảo trên Internet 10

Chương 4 Phân tích thiết kế hệ thống 12

4.1 Mô hình tổng quan của hệ thống nghiên cứu 12

4.1.1 Biểu đồ phân cấp chức năng: 12

4.2 Mô tả hệ thống : 12

4.2.1 Admin: 12

4.2.2 User: 12

4.3 Thiết kế chi tiết: 13

4.3.1 Thiết kế trên phần mềm Sublime Text 3: 13

4.3.2 Lý do chọn: 13

Chương 5 Triển khai xây dựng 14

5.1 Phân tích các trang web ẩm thực đang tồn tại 14

5.1.1 Kokotaru 14

5.1.2 Lozi: 14

5.1.3 Cooky.vn - Let's Cook & Share (Hãy nấu ăn & Cùng chia sẻ) 15

5.2 Code trên Sublime Text 3: 16

Chương 6 Kết luận và Hướng phát triển 18

DANH MỤC CÁC BẢNG DANH MỤC HÌNH

Hình 1 Về chúng tôi 2

Hình 2 Món ăn đơn giản, nấu nhanh 3

Hình 3 Bánh mì, Pizza 3

Hình 4 Xôi, Cơm 4

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

Hình 6 Giao diện đẹp 9

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

Hình 8 Kokoratu.vn 13

Hình 9 Lozi 14

Hình 10 Cooky.vn 1 PAGEREF _Toc8983837 \h 4 Hình 11 Code CSS 15

Hình 12 Code đăng nhập 16

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

Bảng 1 Bảng so sánh các phương pháp 17

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 1

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 trongcuộc sống hằng ngày của chúng ta Việc ứng dụng CNTT vào cáclĩ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 songvới sự phát triển của CNTT Một trong những số đó là lập trìnhWebsite, 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àycà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 luôn hấp dẫn thực khách Một món ăn ngonkhông đủ để thỏa mãn nhu cầu ăn uống mà nó còn mang trong mìnhmộ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ănhóa của một quốc gia Khi nhắc đến một quốc gia nào đó thì ngoàinhững điểm nổi bật về kiến trúc, nghệ thuật, tôn giáo… thì ẩm thựcluôn đượ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ênnhóm chúng em muốn hướng dẫn để làm các món ăn nổi tiếng trênthế giới cũng như trong nước

- Mục tiêu đề tài:

- Giúp mọi người tìm kiếm được các công thức nấu ăn ngon, dễ, chấtlượng

1.1.2 Đố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 nổi tiếng khắp thế giới Cácmó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 đấtnước

- Thu thập thông tin từ nhiều nguồn khác nhau, tổng hợp và phântích, rút ra những yếu tố cần thiết để đưa vào đồ án.

Hình 2 Món ăn đơn giản, nấu nhanh

- Các món như Bánh mì, Pizza,Xôi, Cơm, những món nấu đơn giản nấu nhanh,

Hình 3 Bánh mì, Pizza

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 3

Hình 3 Xôi, Cơm

2.1 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 giaothức HTTP Trang mạng có thể được xây dựng từ các tệp tin HTML (trangmạ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ầnmề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 hayChrome đượ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

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 4

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àntoà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ảntrị để 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âydự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 hoàn toàn khácnhau 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ếthà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 giaothức chia sẻ phần mềm Ngược lại, có các ứng dụng lại sử dụng mạng Internetnhư một phương tiện để giao tiếp như thư điện tử, trò chuyện toàn cầu và mạngtoàn cầu

Lịch sử của Web

Web xuất hiện lần đầu tiên vào năm 1989 khi nhà vật lý học Tim Berners-Leemuố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ứuthông qua Internet Berners-Lee muốn rằng đó không chỉ là cách in các văn bảntrự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àiliệ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ốngtương tự, và vào khoảng những năm 80, các ứng dụng như Ngôn ngữ đánh dấutổ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ảicá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

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 5

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ănbản (HTML) để mô tả cấu trúc của một tài liệu.

Web đã bùng nổ vào năm 1993 khi một sinh viên tốt nghiệp trường Đại họcIllinois 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ảntrê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ủacuộc cách mạng Internet

Lí do gì làm cho Web thành công đến như vậy?

Web 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áttriể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òncầ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

Chương 3 Chi phí thấp so với các ấn phẩm thông thường

Chương 4 Thị trường mở rộng

Chương 5 Đa dạng hóa doanh thu

Chương 6 Phục vụ 24/7 và 365 ngày

Chương 7 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

7.1 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.Ngoà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ị đặcNguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 6

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ếnnhấ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ữngmó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à đặcsản và chỉ được sử dụng trong một dịp liên hoan nào đó với rượu uốngkè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ácloạ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ặcngườ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 đặtmụ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 TrungHoa, cũng không thiên về bày biện có tính thẩm mỹ cao độ như ẩmthự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ấtthú 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 ẩmthực Việt Nam toát lộ trong sự đối sánh với các nền văn hóa ẩm thựckhác trên thế giới: món ăn Trung Hoa ăn bổ dưỡng, món ăn Việt ănngon miệng, món ăn Nhật nhìn thích mắt Tuy nhiên, đặc điểm nàyngày càng phai nhòa trong thời hội nhập

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

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 7

Chương 8 PHƯƠNG PHÁP NGHIÊN CỨU 8.1 Giới thiệu về đồ án:

8.1.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 web đẹ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

Hình 4 – Công thức món ăn 8.1.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 dungtừng trang web Các trang web là các trang riêng biệt, có bố cục khácnhau, đượ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ủaweb 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

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 8

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

8.1.3 Quy mô đồ án:

Trang web gồm 8 trang chính và 2 trang con Mỗi trang có bố cục khác nhaunhưng vẫn dựa trên một phong cách chung, xuyên suốt toàn bộ trang web Trangweb 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ếnmột số món ăn để người xem có thể tự mình thực hiện những món ăn đó

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

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

Chúng 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ươngpháp này nhóm chúng em chưa thực sự đúc kết được nhiều thông tin

8.2.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 chúng 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 thế giới(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),Chương trình Master Chef …

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

8.2.3 Phương pháp 3: Tham khảo trên Internet

Phương pháp này theo nhóm chúng em nghiên cứu là một phương pháptố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 3này chiếm phần lớn

Nguy n Đình Hoàng – Lê Minh Hi pễn Đình Hoàng – Lê Minh Hiệp ệp Page 9