ĐỒ Á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 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 năm 2020 MỞ ĐẦU Ngày với bùng nổ Internet, ngày mở rộng khắp nơi giới, cần máy tính kết nối Internet việc sử dụng nguồn tài nguyên vô phong phú Việc doanh nghiệp dần hoàn thiện máy tổ chức cách linh hoạt việc ứng dụng công nghệ thông tin vào hoạt động kinh doanh doanh nghiệp việc làm tất yếu, cải tiến doanh nghiệp chủ động xây dựng trang thông tin riêng để quảng bá hình ảnh cơng ty, mặt khác để kinh doanh trực tuyến, áp dụng thương mại điện tử vào thương mại Và cơng cụ hữu ích cho việc phát triển xây dựng dự án cơng nghệ thơng tin hồn chỉnh, đáp ứng nhu cầu 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 giúp cho doanh nghiệp xử lý cơng việc xác, hiệu quả, tiết kiệm chi phí, quảng bá hình ảnh doanh nghiệp rộng rãi nước quốc tế, mặt khác cịn khắc phục yếu cơng tác quản lý nội doanh nghiệp khách hàng Từ kiến thức học,em tìm hiểu đề 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 Truyền thông (CNTT & TT) Đại học Đà Nẵng – Người hướng dẫn - tận tình bảo hướng dẫn em để hồn thành đồ án Em xin cảm ơn thầy cô Khoa CNTT & TT đại học Đà Nẵng truyền đạt cho em kiến thức kỹ để hồn thành đồ án Trong q trình làm đồ án cịn nhiều thiếu sót,em mong nhận bảo, đóng góp ý kiến thầy để em có điều kiện bổ sung, khắc phục hạn chế đồ án sở Em xin chân thành cảm ơn! Đà Nẵng, tháng năm 2020 NHẬN XÉT (Của giảng viên hướng dẫn) Mục Lục CHƯƠNG : GIỚI THIỆU 1.1 Tổng quan 1.1.1 Lí chọn đề tài 1.1.2 Mục tiêu đề tài 1.1.3 Đối tượng nghiên cứu phạm vi nghiên cứu 1.2 Phương pháp thực CHƯƠNG CƠ SỞ LÝ THUYẾT .3 2.1 Cơ sở lý luận thực tiễn 2.1.1 Khái niệm website 2.1.2 Có hai loại web: Web tĩnh Web động 2.1.3 Lịch sử hình thành phát triển website .3 Chi phí thấp so với ấn phẩm thơng thường Thị trường mở rộng .5 Đa dạng hóa doanh thu .5 Phục vụ 24/7 365 ngày Thuận tiện 2.2 Tổng quan ẩm thực Việt Nam .5 2.3 Giới thiệu đồ án 2.3.1 Các phương pháp công nghệ sử dụng đồ án 2.3.2 Hình thức thể đồ án 2.3.3 Quy mô đồ án .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ế 2.4.2 Phương pháp 2: Đọc tham khảo sách báo 2.4.3 Phương pháp 3: Tham khảo Internet Kết luận: Kết hợp phương pháp để nhận thơng tin xác góp phần hoàn thiện trang web giúp trang web trở nên hữu ích sinh động, bắt mắt người đọc CHƯƠNG PHÂN TÍCH THIẾT KẾ 10 3.1 Mơ hình tổng quan 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ế phần mềm Sublime Text 10 3.2.2 Lý chọn .11 3.3 Triển khai xây dựng 11 3.1 Phân tích trang web ẩm thực tồn 11 3.1.1 Foddy .11 Đến thời điểm tại, Foody với hàng chục ngàn địa điểm hàng ngàn bình luận, hình ảnh Việt Nam hầu hết tỉnh thành Foody cách dễ để bạn tìm kiếm lựa chọn địa điểm tốt cho 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 Sublime Text 13 CHƯƠNG KẾT QUẢ ĐẠT ĐƯỢC 16 CHƯƠNG 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í website 17 Hình 14 Trang chia sẻ cơng thức 17 Bảng So sánh phương pháp DANH MỤC CỤM TỪ VIẾT TẮT STT 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 : GIỚI THIỆU 1.1 Tổng quan 1.1.1 Lí chọn đề tài - - - Cơng nghệ thơng tin (CNTT) ngày có vai trò quan trọng sống hằng ngày Việc ứng dụng CNTT vào lĩnh vực đời sống giúp công việc tiến hành nhanh chóng hiệu Có nhiều cơng việc phát triển song song với phát triển CNTT Một số lập trình Website, hướng mang lại hiệu kinh tế cao.Như biết, ngày với nhịp sống tốc độ cao, nhu cầu người lớn mặt Không trước kia, người cần “ăn no, mặc ấm” đủ nhu cầu người chuyển sang “ăn ngon, mặc đẹp” Ẩm thực gắn liền với sống, đặc biệt ẩm thực dân dã, mang nét riêng ln hấp dẫn thực khách Một ăn ngon khơng để thỏa mãn nhu cầu ăn uống mà cịn mang nghệ thuật, nét đặc trưng vùng miền nơi sinh Ẩm thực phần văn hóa quan trọng tổng thể văn hóa quốc gia Khi nhắc đến quốc gia ngồi điểm bật kiến trúc, nghệ thuật, tơn giáo… ẩm thực ln trọng Ví dụ nhắc đến Nhật Bản ta nghĩ tới sushi, nhắc tới Ý nghĩ đến Pizza…Việt Nam vậy, có nét ẩm thực riêng tạo nên sắc dân tộc Vậy nên, em muốn quảng bá, đưa ẩm thực Việt Nam trở nên phong phú phổ biến để bạn bè năm châu biết đến ẩm thực Việt 1.1.2 Mục tiêu đề tài - Hiện nay, người có sở thích ăn uống vơ đa dạng, thích ăn ăn ngon, thích đến quán view đẹp để vừa ăn ngon lại vừa có hình selfie vơ xinh xắn Nhưng đâu phải tìm quán ăn hợp với nhu cầu - Em muốn quảng bá, đưa ẩm thực Việt Nam trở nên phong phú phổ biến để bạn bè năm châu biết đến ẩm thực Việt - Nắm bắt điều kiện Em nghiên cứu làm trang web để phục vụ nhu cầu ăn uống tất người nhu cầu quảng bá em 1.1.3 Đối tượng nghiên cứu phạm vi nghiên cứu Đối tượng nghiên cứu tất ăn từ miền Bắc – Trung – Nam Các ăn thơng thường ăn truyền thống tiếng vùng miền Page - 2.2 Chi phí thấp so với ấ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 365 ngày Thuận tiện Thêm giá trị gia tăng 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 ẩm thực Việt Nam Việt Nam nước nông nghiệp thuộc xứ nóng, vùng nhiệt đới gió mùa Ngồi ra, lãnh thổ Việt Nam chia ba miền rõ rệt Bắc,Trung,Nam Chính đặc điểm địa lý, văn hóa, dân tộc, khí hậu quy định đặc điểm riêng ẩm thực vùng – miền Mỗi miền có nét, vị đặc trưng Điều góp phần làm ẩm thực Việt Nam phong phú, đa dạng Đây văn hóa ăn uống sử dụng 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 canh chua, số lượng ăn có dinh dưỡng từ động vật thường Những loại thịt dùng phổ biến thịt lợn, bò, gà, ngan, vịt, loại tôm, cá, cua,ốc, hến, trai, sị Những ăn chế biến từ loại thịt thơng dụng thịt chó, thịt dê, thịt rùa, thịt baba, thường nguồn thịt chính, nhiều coi đặc sản sử dụng dịp liên hoan với rượu uống kèm Người Việt có số ăn chay theo đạo Phật chế biến từ loại thực vật, khơng có nguồn thực phẩm từ động vật Tuy nhiên, cộng đồng lại có người ăn chay trường, có sư thầy chùa người bị bệnh nặng buộc phải ăn kiêng Một đặc điểm nhiều phân biệt ẩm thực Việt Nam với số nước khác: ẩm thực Việt Nam trọng ăn ngon không đặt mục tiêu hàng đầu ăn bổ Bởi hệ thống ẩm thực người Việt có cầu kỳ, hầm nhừ ninh kỹ ẩm thực Trung Hoa, không thiên bày biện có tính thẩm mỹ cao độ ẩm thực Nhật Bản, mà thiên phối trộn gia vị cách tinh tế để ăn ngon, sử dụng nguyên liệu dai, giòn thưởng thức thú vị dù khơng thực bổ béo (ví dụ 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, cách cảm tính, đặc trưng ẩm thực Việt Nam toát lộ đối sánh với văn hóa ẩm thực khác giới: ăn Trung Hoa ăn bổ dưỡng, ăn Việt ăn ngon miệng, ăn Nhật nhìn thích mắt Tuy nhiên, đặc điểm ngày phai nhòa thời hội nhập Page Hình Món ăn đa dạng 2.3 Giới thiệu đồ án 2.3.1 Các phương pháp công nghệ sử dụng đồ án Thiết kế giao diện trang web tảng Bootstrap photoshop Photoshop phầm mền chỉnh sửa, cắt ghép hình ảnh, thiết kế hiệu ứng ảnh, Bootstrap giúp tạo giao diện website đẹp mắt với hiệu ứng sinh động Website code phần mềm Sublime Text phần mềm phổ biến giúp người dùng linh động, dễ dàng tạo website Page Hình Giao diện dẹp 2.3.2 Hình thức thể đồ án Thiết kế Website có chiều rộng max, chiều dài phụ thuộc vào nội dung trang web Các trang web trang riêng biệt, có bố cục khác nhau, liên kết với Trang web tạo ấn tượng nhờ xếp bố cục hình ảnh, thơng tin lạ, bắt mắt thu hút người xem Trọng tâm website trang chủ, trang phát triển dựa mơ trang chủ Các trang có tính đồng liên kết với Hình Bố cục rõ ràng, hình ảnh bắt mắt 2.3.3 Quy mơ đồ án Trang web gồm trang trang Mỗi trang có bố cục khác dựa phong cách chung, xuyên suốt toàn trang web Trang web không giới thiệu ăn dân dã mà sâu vào cách chế biến số ăn để người xem tự thực ăn Page 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 thực tế số ăn bún, phở… số nơi, số thực tế bằng việc tự nấu canh, kho, thịt, cá… Vì phạm vi đề tài rộng điều kiện không cho phép nên phương pháp nhóm chúng em chưa thực đúc kết nhiều thông tin 2.4.2 Phương pháp 2: Đọc tham khảo sách báo Sách báo nói ẩm thực theo em biết vô nhiều, nhóm chúng em có tham khảo qua 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 ưu điểm phương pháp lại tốn nhiều thời gian 2.4.3 Phương pháp 3: Tham khảo Internet Phương pháp theo em nghiên cứu phương pháp tối ưu nhất, nhanh mà thông tin nhận vô nhiều, chúng em thu thập thông tin từ phương pháp đa phần phương pháp chiếm phần lớn Table Page Phương pháp Nghiên cứu thực tế Ưu điểm Nhược điểm Đọc tham khảo sách báo Tham khảo internet Linh động, nhận -Tốn thời gian nhiều thơng tin Có thể cảm nhận -Tốn thời gian ăn thực tê, -Phạm vi rộng nếm mùi vị độ ngon ă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, rối thơng tin tham khảo trang ẩm thực khác để nhìn nhận đánh giá trang web Bảng So sánh phương pháp  Kết luận: Kết hợp phương pháp để nhận thơng tin xác góp phần hồn thiện trang web giúp trang web trở nên hữu ích sinh động, bắt mắt người đọc Page CHƯƠNG PHÂN TÍCH THIẾT KẾ 3.1 Mơ hình tổng quan 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 ăn mà ưu thích + Đưa ý kiến, đánh giá hay chia sẻ cơng thức riêng 3.2 Thiết kế chi tiết 3.2.1 Thiết kế phần mềm Sublime Text Sublime Text phần mềm ưa chuộng với lập trình viên  Sublime Text text editor viết bằng ngơn ngữ lập trình Python sử dụng nhiều tảng hệ điều hành khác Windows, Mac, Linux  Hỗ trợ nhiều ngơn ngữ lập trình phù hợp với nhu cầu lập trình viên  Là cơng cụ sử dụng miễn phí trả phí Page 10  Sublime Text có hai phiên Sublime Text phiên Sublime Text 3.2.2 Lý chọn  Sublime Text khác với IDE khác điểm nhẹ, linh hoạt, cài đặt dễ dàng, dễ sử dụng, cung cấp nhiều tính tiện lợi cho lập trình viên  Thời gian khởi động Sublime Text nhanh, rơi vào khoảng 1-2 giây, khác với IDE khác thường phải chờ tầm 10 giây để mở lên  Sublime Text cho phép tùy biến thông qua việc cài đặt Plugin Automation Task bằng việc tùy biến đ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 mạnh mẽ mở rộng thêm thông qua Package Control  Hỗ trợ nhận diện, tô màu từ khóa cho 20 ngơn ngữ khác HTML, CSS, Javascript, PHP,…  Sublime Text hỗ trợ nhiều tảng hệ điều hành khác 3.3 Triển khai xây dựng 3.1 Phân tích trang web ẩm thực tồn 3.1.1 Foddy Website: www.foody.vn Page 11 Được xây dựng từ năm 2012 TP HCM, Việt Nam, Foody cộng đồng tin cậy cho người tìm kiếm, đánh giá, bình luận địa điểm ăn uống: nhà hàng, quán ăn, cafe, bar, karaoke, tiệm bánh, khu du lịch… Việt Nam, từ website ứng dụng di động Tất thành viên từ Bắc đến Nam, Foody kết nối thực khách đến với địa điểm ăn uống lớn nhỏ đất nước Hình Foody.vn Đến thời điểm tại, Foody với hàng chục ngàn địa điểm hàng ngàn bình luận, hình ảnh Việt Nam hầu hết tỉnh thành Foody cách dễ để bạn tìm kiếm lựa chọn địa điểm tốt cho bạn bè 3.1.2 Lozi Website: www.lozi.vn Lozi 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 lựa chọn tối ưu cho việc tìm kiếm ăn với tốc độ nhanh gấp lần, giao diện đại vơ số hình ảnh bắt mắt Sứ mệnh 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 khám phá ăn địa điểm thú vị xung quanh họ để có trải nghiệm tốt ngày Page 12 Hình 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 nhiều công thức nấu ăn chia sẻ từ thành viên Công thức nấu ăn Cooky hồn thiện từ hướng dẫn đến hình ảnh đầy đủ Các công thức đa số thực chia sẻ từ thành viên yêu thích ẩm thực, nấu nướng Ngồi website cooky có riêng ứng dụng hướng dẫn nấu ăn để người yêu thích nấu ăn tải tham khảo tảng iOS android Với kho công thức 22K+ trải rộng hầu hết thể loại món: kho, chính, khai vị, thức uống, làm bánh, người dùng lựa chọn tìm hiểu dành cho bạn bắt đầu học nấu ăn Hình Cooky.vn 3.2 Code Sublime Text - Sử dụng CSS, Bootstrap Javascrip để code Page 13 Hình Code Css - Sử dụng tính Carousel Navb để tạo nên cơng cụ hình ảnh trang chủ chuyển động đặc sắc Hình Carousel menu Page 14 - Xây dựng code đăng nhập cho user: thực nhờ Javascrip CSS kết hợp với tạo giao diện sinh động Hình Code đăng nhập Hình 10 Giao diện đăng nhập Page 15 CHƯƠNG KẾT QUẢ ĐẠT ĐƯỢC - Em bước đầu xây dựng trang web ẩm thực Việt Nam mang tên Chuck Hình 11 Về chúng tơi - Em tạo tính mà trang web ẩm thực cần có tìm kiếm ăn ưu thích, cách chế biến ăn, thực đơn dinh dưỡng cho số loại bệnh Hình 12 Thực đơn dinh dưỡng Page 16 - Gắn vị trí đồ vào website giúp tăng độ tin cậy khách hàng giúp người đến tham khảo, chia sẻ ý kiến trực tiếp Hình 13 Vị trí website - Em tạo cho trang web trang chia sẻ công thức nấu ăn riêng thân cho cộng đồng Chuck tham khảo Hình 14 Trang chia sẻ công thức Page 17 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận Qua việc làm đồ án này, em xin đưa kết thu sau: • Bản thân tích lũy kinh nghiệm việc phân tích thiết kế hệ thống • Xây dựng website sử dụng công cụ Bootstrap JavaScrip • Cho phép tất người truy cập đến trang web để nhận xem thơng tin • Cho phép người dùng tương tác với qua block bằng việc đăng nhập đơn giản vào website • Cho phép user thực chức sửa, xóa thơng tin cá nhân • Website hỗ trợ tiếng Việt Unicode Về hạn chế: • Giao diện chưa tốt • Chương trình chưa kiểm tra hết trường hợp xảy Hướng phát triển • • • • • Xây dựng giao diện thân thiện với người dùng Kiểm tra trường hợp cịn thiếu sót Tận dụng mạnh ngơn ngữ lập trình Xây dựng thêm nhiều chức để hệ thống đầy đủ toàn vẹn Tìm hiểu xu hướng người dùng để chỉnh sửa, bổ sung hệ thống phù hợp theo yêu cầu Page 18 DANH MỤC TÀI LIỆU THAM KHẢO -Trang web: https://www.w3schools.com/ -Trang web: https://www.foody.vn/da-nang -Trang web: https://www.cooky.vn/ Page 19 ... 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 năm 2020 MỞ ĐẦU Ngày với bùng nổ Internet, ngày mở rộng khắp nơi giới, cần máy tính kết... QUẢ ĐẠT ĐƯỢC - Em bước đầu xây dựng trang web ẩm thực Việt Nam mang tên Chuck Hình 11 Về chúng tơi - Em tạo tính mà trang web ẩm thực cần có tìm kiếm ăn ưu thích, cách chế biến ăn, thực đơn dinh... triển Mozilla Để website hoạt động cần yếu tố: - Cần có tên miền - Nơi lưu trữ website - Nội dung trang web sở liệu thơng tin 2.1.2 Có hai loại web: Web tĩnh Web động - Website tĩnh website mà người