Untitled TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB XÂY DỰNG WEBSITE BÁN THỨC ĂN GVHD TH S NGUYỄN HỮU VĨNH SVTH NGUYỄN VIẾT NAM MSSV 1824801040063 LỚP D18HT01 BÌ[.]
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB XÂY DỰNG WEBSITE BÁN THỨC ĂN GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN VIẾT NAM MSSV: 1824801040063 LỚP: D18HT01 BÌNH DƯƠNG – 7/2020 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB XÂY DỰNG WEBSITE BÁN THỨC ĂN GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN VIẾT NAM MSSV: 1824801040063 LỚP: D18HT01 BÌNH DƯƠNG – 7/2020 i 0 KHOA KỸ THUẬT CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Th.S Nguyễn Hữu Vĩnh Tên đề tài: Xây dựng Website bán thức ăn I Nội dung nhận xét: II Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH ii 0 MỤC LỤC PHIẾU CHẤM ĐIỂM .ii MỤC LỤC iii LỜI NÓI ĐẦU CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI I Tên Đề Tài II Mục Tiêu Của Đề Tài III Ý Nghĩa Của Đề Tài IV Đối Tượng Của Đề Tài V Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ .3 I Giới Thiệu Về HTML HTML Là Gì? Công Dụng Của HTML 3 Định Dạng Của HTML II Giới Thiệu Về Adobe Dreamweaver III Ngôn Ngữ CSS IV Ngôn Ngữ JavaScript V Giới thiệu ASP.NET CHƯƠNG GIAO DIỆN CHƯƠNG TRÌNH .6 I Giao diện Trang Chủ 10 II Giao diện trang Giới Thiệu 11 III Giao diện trang Thức Ăn Theo Combo 13 iii 0 IV Giao diện trang Thức Ăn Theo Thực Đơn 15 V Giao diện trang Danh Sách Đầu Bếp 16 VI Giao diên trang Người Đã Bình Luận 17 VII Giao diên trang Tương Tác 18 VIII Giao diên trang Liên Hệ 19 CHƯƠNG DANH MỤC HÌNH ẢNH 16 I Hình ảnh Trang Chủ 16 II Hình ảnh trang Giới Thiệu 20 III Hình ảnh trang Thức Ăn Theo Combo .20 IV Hình ảnh trang Thức Ăn Theo Thực Đơn 22 V Hình ảnh trang Danh Sách Đầu Bếp 24 VI Hình ảnh trang Người Đã Bình Luận 25 VII Hình ảnh trang Tương Tác 26 IX Hình ảnh trang Liên Hệ 27 CHƯƠNG KẾT LUẬN .27 I Kết đạt 27 II Việc chưa làm 27 III Hướng phát triển đề tài 27 CHƯƠNG TÀI LIỆU THAM KHẢO 29 iv 0 LỜI NÓI ĐẦU Hiện nay, nhu cầu sống người tăng lên theo ngày Để tiếp cận với lượng khách hàng tiềm này, nhà hàng to nhỏ phải có Website bán thức ăn để làm cầu nối tiếp thị Do đó, muốn tăng mức độ nhận biết nhà hàng với khách hàng việc đầu tư Website bán thức ăn điều cần thiết Là doanh nghiệp kinh doanh mảng thức ăn, muốn thành công bạn phải nắm bắt nhu cầu điều phối thơng tin cho khách hàng Khi khách hàng có nhu cầu bạn phải giới thiệu ăn cho họ biết Và giới thiệu cách nào? Rất đơn giản, hầu hết khách hàng sẵn sàng bỏ thời gian để thưởng thức ăn mà thích, tìm hiểu đặc thù màu sắc cho không gian nhà hàng họ trông đẹp hơn, so sánh đánh giá người ăn trang trí ăn họ cộng đồng thức ăn Hơn nữa, họ tìm hiểu dịch vụ cộng thêm chế biến, trang trí, học gia vị cách bảo quản ăn cho phù hợp mà giữ mùi vị Tất điều họ tìm hiểu Internet, sau tới tận nơi để lựa chọn thưởng thức Khi họ tìm thơng tin Internet điều có nghĩa bạn phải có Website giới thiệu để cung cấp, cập nhật thông tin đến với người dùng Hơn nữa, với nhu cầu người gia tăng việc thẩm mĩ xem trong nhà bạn, bạn cần phải quan tâm đến việc Website bán thức ăn Website có chun nghiệp, cập nhật thơng tin mới, xác, hiệu quả, đáp ứng nhu cầu cho thực khách…, khách ghé vào đọc, có đơn hàng cho nhà hàng Từ đó, Wbsite GOLDEN FOOD – RESTAURANT đời Đây trang Website buôn bán trao đổi loại ăn ngon, đẹp, độc, lạ có Việt Nam 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI CHƯƠNG CHƯƠNG I Tên đề tài: CHƯƠNG XÂY DỰNG WEBSITE BÁN THỨC ĂN CHƯƠNG II Mục tiêu đề tài: CHƯƠNG Xây dựng Website bán thức ăn mang tên GOLDEN FOOD RESTAURANT CHƯƠNG III Ý nghĩa đề tài: Giúp cho người dễ dàng tìm hiểu thuận tiện việc mua sắm loại ăn ưa thích Quảng bá thương hiệu CHƯƠNG IV Đối tượng đề tài: CHƯƠNG Đối tượng nghiên cứu chủ yếu loại ăn Việt Nam CHƯƠNG 10 V Một số trang Website: Trang chủ: Đây trang veiw nhà hàng Giới thiệu: Tại đây, thực khách biết ngày thành lập cửa hàng tiêu chí phục vụ thực khách đến nhà hang Combo ăn: Tại đây, thực khách lựa chọn mua ăn mà mong muốn có kèm theo ưu đãi Món ăn theo thực đơn: Thực khách xem nhiều loại ăn theo loại riêng biệt, phù hợp với nhiều thực khách Danh sách đầu bếp: Thực khách xem đầu bếp chuyên nghiệp 0 Người bình luận: Trang trang hiển thị trạng thái thực khách vào Website Tương tác: Thực khách nhập góp ý suy nghĩ liên quan đến nhà hang Liên hệ: Tại trang này, thực khách có liên hệ, thắc mắc trao đổi thứ tư vấn CHƯƠNG 11 CHƯƠNG 12 0 CHƯƠNG 13 0 Chương Giới thiệu cơng nghệ CHƯƠNG 14 GIỚI THIỆU CƠNG NGHỆ CHƯƠNG 15 I Giới thiệu HTML: CHƯƠNG 16 HTML gì? CHƯƠNG 17 HTML (Hypertext Markup Language - Ngơn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt CHƯƠNG 18 Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web Browsers) cách hiển thị thành phần trang text graphics CHƯƠNG 19 HTML ngôn ngữ xác định cấu trúc thông tin CHƯƠNG 20 HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu khác CHƯƠNG 21 Công dụng HTML: CHƯƠNG 22 Xây dựng nội dung hình thức trang website CHƯƠNG 23 Xuất tài liệu trực tuyến hay truy xuất thông 0 Chương Giới thiệu công nghệ tin trực tuyến cách dùng liên kết chèn vào trang web CHƯƠNG 24 Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… CHƯƠNG 25 Thêm vào đối tượng hình ảnh video, âm thanh… CHƯƠNG 26 Định dạng HTML: CHƯƠNG 27 Là tập tin có phần mở rộng htm html CHƯƠNG 28 Là tập tin văn túy, có chứa mã đặc biệt gọi Tag (thẻ), thường đặt xung quanh khối văn CHƯƠNG 29 Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, Notepad…và sử dụng nhiều Adobe Dreamweaver CHƯƠNG 30 II Giới thiệu Adobe Dreamweaver: CHƯƠNG 31 Macromedia Dreamweaver trình biên soạn HTML chuyên nghiệp dùng để xây dựng, viết mã phát triển website trang web ứng dụng web Cho dù bạn có thích thú với cơng việc viết mã HTML thủ cơng bạn thích làm việc mơi trường biên 0 Chương Giới thiệu công nghệ soạn trực quan, Dreamweaver cung cấp cho bạn cơng cụ hữu ích để nâng cao kinh nghiệm xây dựng web bạn CHƯƠNG 32 Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà khơng cần dịng mã Bạn xem tất thành phần website bạn kéo chúng trực tiếp từ panel dễ sử dụng vào văn Bạn nâng cao sản phẩm bạn cách tạo sửa ảnh Macromedia Fireworks ứng dụng ảnh khác, sau chèn trực tiếp vào Dreamweaver Dreamweaver cung cấp công cụ giúp đơn giản hóa việc chèn Flash vào trang web CHƯƠNG 33 Dreamweaver cho phép bạn xây dựng ứng dụng web động dựa theo liệu sử dụng công nghệ máy chủ CFML, ASP.NET, ASP, JSP, PHP Nếu sở thích bạn làm việc với liệu XML, Dreamweaver cung cấp công cụ cho phép bạn dễ dàng tạo trang XSLT, chèn file XML hiển thị liệu XML trang web bạn 0 Chương Giới thiệu công nghệ CHƯƠNG 34 Dreamweaver tùy biến hồn tồn Bạn tạo cho riêng đối tượng yêu cầu, chỉnh sửa shortcut bàn phím chí viết mã JavaScript để mở rộng khả Dreamweaver với hành vi mới, chuyên gia giám định Property báo cáo site CHƯƠNG 35 III Ngôn ngữ CSS: CHƯƠNG 36 CSS (Cascading Style Sheets) ngơn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CHƯƠNG 37 CSS cung cấp nhiều thuộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CHƯƠNG 38 CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CHƯƠNG 39 CSS đưa phương thức áp dụng từ file CSS Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đổi thuộc tính trình bày 0 Chương Giới thiệu công nghệ CHƯƠNG 40 CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi CHƯƠNG 41 IV Ngôn ngữ JavaScript: CHƯƠNG 42 Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng CHƯƠNG 43 Hãng Netscape đưa ngơn ngữ script có tên LiveScript để thực chức Sau đổi tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java CHƯƠNG 44 JavaScript ngơn ngữ dạng script gắn với file HTML Được trình duyệt diễn dịch, trình duyệt đọc JavaScript dạng mã nguồn CHƯƠNG 45 JavaScript ngôn ngữ dựa đối tượng, nghĩa bao gồm nhiều kiểu đối tượng, ví dụ đối tượng Math với tất chức tốn học Nhưng JavaScript khơng ngôn ngữ hướng đối tượng C++/Java CHƯƠNG 46 0 Chương Giao diện chương trình CHƯƠNG 47 GIAO DIỆN CHƯƠNG TRÌNH I Giao diện Trang chủ: Mục đích: Chức cho phép khách hàng xem tổng quan cửa hàng bán cảnh BEAUTIFUL PLANTS Phần 1: Gồm có menu nằm ngang liên kết đến trang: Trang chủ, Giới thiệu, Combo, Thực đơn, Đầu bếp, Đầu bếp, Bình luận, Tương tác, Liên hệ logo GOLDEN FOOD - RESTAURANT Phẩn 2: Gồm ảnh thay đổi theo thời gian định tùy chỉnh buttons tiến lùi, tên trang web slogan GOLDEN FOOD - RESTAURANT II Giao diện trang Giới thiệu: Mục đích: Cho phép khách hàng thêm thơng tin GOLDEN FOOD RESTAURANT tiêu chí cửa hàng đặt thực khách đến 10 0 Chương Giao diện chương trình III Giao diện trang Combo Mục đích: Thực khách vào trang để lựa chọn Combo ăn mà nhà hàng cung cấp Mỗi loại Combo gán mệnh giá riêng phù hợp với thực khách IV Giao diện trang Thực dơn Mục đích: Cho phép khách xem nhiều loại ăn theo nhu cầu riêng thực khách Được chia làm mục nhỏ: Điểm tâm: Là trang tổng hợp ăn vào buổi sáng Hải sản: Là trang chứa loại ăn hải sản tươi, sống Món nướng: Là trang chứa loại ăn với nhiều loại gia vị để ướp lên ăn để nướng lên Tráng miệng: Là trang chứa loại ăn nhẹ sau ăn xong Nước uống: Là trang chứa loại nước uống ngon miệng chứa đầy chấy dinh dưỡng cho thực khác V Giao diện trang Đầu bếp 11 0 Chương Giao diện chương trình Mục đích: Cho phép thực khách xem nhóm đầu bếp với nhiều năm kinh nghiệm ngành 12 0 Chương Giao diện chương trình VI Giao diện trang Bình luận Mục đích: Cho phép thực khách xem nhận xét người khác thứ có liên quan đến nhà hàng ăn VII Giao diện trang Tương tác Mục đích: Cho phép thực khách góp ý nhận xét cho nhà hàng ăn để nhà hàng khắc phụ VIII Giao diện trang Liên hệ Mục đích: Cho phép thực khách liên hệ tư vấn trực tiếp đến tận nơi để thưởng thức ăn Ngồi ra, trang Liên hệ có phần giống như: có mục chi tiết liên quan đến nhà hàng, mục truy cập hiển thị rõ số người truy cập 13 0 Chương Giao diện chương trình 14 0 Chương Kết luận CHƯƠNG 5: KẾT LUẬN Trong thời đại ngày nay, bạn có nhà hàng lại khơng có trang Website để giới thiệu nhiều loại ăn mà kinh doanh dẫn đến tượng thực khách muốn đến ăn lại mù mờ thơng tin mà khơng biết có ngon hay khơng? Hay đâu có ngon? Nhà hàng có dịch vụ trước sau? Ngồi ra, nơi cịn bán thêm khác khơng, từ dẫn đến việc thực khách bắt buộc phải đến tận nhà hàng để ăn đôi lúc chẳng biết địa nằm đâu để ăn Vì thế, sau tiến hành khảo sát em định xây dựng trang Website GOLDEN FOOD - RESTAURANT với chức dành cho thực khách dễ dàng lựa chọn ăn mà muốn ăn trải nghiệm Website GOLDEN FOOD - RESTAURANT cho thực khách dễ dàng truy cập từ xa thông qua Internet, từ góp phần quảng bá thương hiệu đến rộng rãi người Qua trình nghiên cứu cố gắng thực hướng dẫn tận tình giảng viên, giúp đỡ bạn bè khóa học đồ án nghiên cứu thể điều sau: I Kết đạt được: R xây dựng thành công Website GOLDEN FOOD - RESTAURANT, đáp ứng yêu cầu người dùng R Tìm hiểu nắm kỹ thuật công cụ xây dựng Website như: Adobe Dreamweaver CS6, Visual Studio Code, ngơn ngữ lập trình HTML, JavaScript, CSS, Bootstrap Tutorial, R Giao diện Website xây dựng đơn giản, thân thiện dễ sử dụng II Việc chưa làm được: T Việc biểu diễn thông tin Website chưa linh hoạt T Phân tích xây dựng chưa hồn chỉnh T Nhiều chức cịn thiếu chưa sử dụng III Hướng phát triển đề tài: Vì thời gian khơng cho phép kiến thức xây dựng Website hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn nhiều thiếu 15 0 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB XÂY DỰNG WEBSITE BÁN THỨC ĂN GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN VIẾT... Website bn bán trao đổi loại ăn ngon, đẹp, độc, lạ có Việt Nam 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI CHƯƠNG CHƯƠNG I Tên đề tài: CHƯƠNG XÂY DỰNG WEBSITE BÁN THỨC ĂN CHƯƠNG II Mục tiêu đề tài: CHƯƠNG Xây. .. bè khóa học đồ án nghiên cứu thể điều sau: I Kết đạt được: R xây dựng thành công Website GOLDEN FOOD - RESTAURANT, đáp ứng yêu cầu người dùng R Tìm hiểu nắm kỹ thuật công cụ xây dựng Website