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

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:

ĐỀ 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

Đà 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ẵ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ắ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,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ươngThị 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 đạtcho 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,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ữnghạ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 ục Lục ụ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

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

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

3.1.2 Lozi 12

12

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 1 Món ăn đa dạng 6

Hình 2 Giao diện dẹp 7

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

Hình 4 Foody.vn 12

Hình 5 Lozi 12

Hình 6 Cooky.vn 13

Hình 7 Code Css 13

Hình 8 Carousel và thanh menu 14

Hình 9 Code đăng nhập 15

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

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

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 chỉ để thỏa mãn nhu cầu ăn uống mà nó còn mang trongmình một nghệ thuật, một nét đặc trưng của vùng miền nơi nó sinhra

- Ẩ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ê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 quán view đẹp đểvừa được ăn ngon lại vừa có được những tấm hình selfie vô cùngxinh xắn Nhưng đâu phải ai cũng tìm được những quán ăn hợp vớinhu 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 trangweb để phục vụ nhu cầu ăn uống của tất cả mọi người cũng như nhucầ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ủamỗi vùng miền

Page 1

CHƯƠNG 2 CƠ SỞ LÝ THUYẾT

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ậptin 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ằngcá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ềuhành windows và được thay thế bởi Edge trên Windows 10 hay Chrome đượcphá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ậptrì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ảngHTML 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 đổinội dung, hình ảnh Website động được thiết kế bởi các lập trình viên để làmsao cho phép website có thể thay đổi được nội dung thường xuyên Một số côngnghệ, 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à Internetthay thế cho nhau, nhưng thực ra đây lại là hai khái niệm hoàn toà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àngtriệ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ứcchia 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àncầ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 TimBerners-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ệunghiên cứu thông qua Internet Berners-Lee muốn rằng đó không chỉ là cách incá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 để đưangườ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ữ đánhdấ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êuliê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 haynhững kỹ năng lập trình cao Ông đã phát minh ra một giao thức cơ bản cho việcchuyể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ữ đánhdấ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 Đạihọc Illinois tên là Marc Andreessen phát triển thành công một phần mềm giúphiể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ănbả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ủacuộ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, danhsá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ênkhô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 Chi phí thấp so với các ấn phẩm thông thường

3 Thị trường mở rộng

4 Đa dạng hóa doanh thu

5 Phục vụ 24/7 và 365 ngày

6 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

2.2 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ị đặctrư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 đặ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ộtcách tinh tế để món ăn được ngon, hoặc sử dụng những nguyên liệu dai, giònthưở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âncá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ệtNam toá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ìnthí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 Bootstrapgiú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ếnhiệ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 trangweb 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ớinhau 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 conphá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ếtvớ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 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 đó

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ónthự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àynhó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 1như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ậpthông tin từ cả 3 phương pháp nhưng đa phần phương pháp 3 này chiếmphần lớn

Table 1

Page 8