Đồ án Lập trình Web: Xây dựng Website kinh doanh nhà hàng ẩm thực Nhật Bản Nihonfood

lOMoARcPSD|16911414 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP.HCM KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN HỌC PHẦN Tên học phần: LẬP TRÌNH WEB XÂY DỰNG WEBSITE KINH DOANH NHÀ HÀNG ẨM THỰC NHẬT BẢN NIHONFOOD Giảng viên hướng dẫn: ThS Dương Thành Phết Sinh viên thực hiện: MSSV Họ tên 191106064 Võ Thị Cẩm Vy Lớp 19DTHJA 191106247 Trương Thiên Lảnh 19DTHJA 191106125 Trần Ngọc Hưng 19DTHJA TP Hồ Chí Minh, 4/2022 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 LỜI NÓI ĐẦU Cùng với phát triển lĩnh vực kinh tế, xã hội, nhu cầu ứng dụng công nghệ thông tin ngày cao không ngừng biến đổi Khi hệ thống phát triển, phức tạp phương thức quản lý cổ điển truyền thống trở nên cồng kềnh khó đáp ứng yêu cầu ngày cao hệ thống Để xử lý thông tin cách nhanh chóng, xác có hiệu quả, địi hỏi phải có hỗ trợ cơng cụ đại, cơng nghệ thơng tin Sự phát triển nhảy vọt công nghệ thông tin tác động mạnh mẽ đến hoạt động xã hội, làm thay đổi cách sâu sắc đến phong cách sống làm việc xã hội Công nghệ thơng tin trở thành trụ cột kinh tế tri thức, ứng dụng công nghệ thông tin vào việc quản lý hoạt động xã hội nghiên cứu hay trao đổi mua bán Phạm vi ứng dụng công nghệ thông tin ngày mở rộng nhiều lĩnh vực: Truyền thông, đo lường, tự động hoá, quản lý hoạt động người xã hội Những lợi ích mà phần mềm ứng dụng mang lại đáng kể như: Xử lý thơng tin nhanh chóng, xác, khoa học, giảm bớt nhân lực cơng sức, phí tổn thấp hiệu công việc nâng cao cách rõ rệt Việc ứng dụng tin học vào lĩnh vực cửa sống ngày quan tâm sử dụng hiệu Đem lại lợi ích to lớn mặt Với đề tài “ website kinh doanh nhà hàng ẩm thực Nhật Bản Nihonfood” website xây dựng với nhu cầu nhanh – tiện, người dùng đặt đồ ăn online vài thao tác đơn giản Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 LỜI CẢM ƠN Chúng em xin gửi lời cảm ơn chân thành đến thầy Dương Thành Phết hướng dẫn chúng tơi suốt q trình học q trình làm báo cáo đồ án Xin gửi lời cảm ơn đến bạn nhóm nhiệt tình cống hiến suốt thời gian học tập nhằm thực tốt dự án học hỏi thêm nhiều kinh nghiệm quý báu Mặc dù nỗ lực đồ án chúng em khó tránh khỏi thiếu sót Chúng em mong nhận thơng cảm bảo tận tình q thầy bạn để thực tốt đồ án Do chưa có nhiều kinh nghiệm nghiên cứu, thực hành nên đề tài thực cịn nhiều thiếu sót, chúng em mong nhận đóng góp ý kiến thầy để đề tài hoàn thiện Chúng em xin chân thành cảm ơn! Sinh viên thực Võ Thị Cẩm Vy Trương Thiên Lảnh Trần Ngọc Hưng Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 PHIẾU PHÂN CÔNG NHIỆM VỤ THỰC HIỆN ĐỒ ÁN HỌC PHẦN: LẬP TRÌNH WEB Tên đề tài: XÂY DỰNG WEBSITE KINH DOANH NHÀ HÀNG ẨM THỰC NHẬT BẢN NIHONFOOD Giảng viên hướng dẫn: ThS Dương Thành Phết TT MSS/Họ tên 1911061254 - Trần Ngọc Hưng Nội dung công việc thực Tự đánh giá Tỷ lệ & Điểm 30% – Sản phẩm chi tiết Đăng ký, đăng nhập Đăng nhập admin, trang chủ admin Các chức Admin Báo cáo, chương 1,2 – – – – – – – Giao diện Trang chủ Phân trang Giao diện Form News Giao diện Form About Nhúng API Báo cáo, chương 40% – – – – – Các sơ đồ UC Cơ sở liệu Giỏ hàng Đặt hàng Báo cáo, chương 3,4 – – – – 8.5 1911062471 Trương Thiên Lảnh 1911060646 Võ Thị Cẩm Vy Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) 30% 8.5 lOMoARcPSD|16911414 MỤC LỤC Chương I: GIỚI THIỆU ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI 1.2 MỤC TIÊU CỦA NHÓM 1.3 GIỚI THIỆU ĐỀ TÀI 1.4 MỘT SỐ CÔNG NGHỆ SỬ DỤNG 1.4.1 ASP.NET MVC 1.4.2 JQUERY 1.4.3 NODEJS 1.4.4 REACTJS 1.4.5 API .9 1.4.6 SQL 1.4.7 Mơ Hình ENTITY FRAMEWORK 11 1.5 HỆ THỐNG NGƯỜI DÙNG 12 1.6 YÊU CẦU CHỨC NĂNG 13 1.6.1 Đối với người quảng trị 13 1.6.2 Đối với người dùng 13 1.7 YÊU CẦU PHI CHỨC NĂNG 13 1.8 PHẠM VI DỰ ÁN .13 Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15 2.1 MÔ TẢ CHỨC NĂNG .15 2.2 TRANG NGƯỜI DÙNG 15 2.3 TRANG NGƯỜI QUẢN LÍ (ADMIN) 16 2.4 PHÂN TÍCH CHỨC NĂNG NGƯỜI DÙNG 17 2.5 PHÂN TÍCH CHỨC NĂNG CỦA ADMIN 18 2.6 SƠ ĐỒ TỔNG QUÁT USE CASE 19 2.6.1 Use case quản lý nghiệp vụ 19 2.6.2 Use case quản lý đối tượng 21 2.6.3 Use case quản lý đối tượng 21 2.6.4 Use case phân rã chức quản lý giỏ hàng .23 2.6.5 Class Diagram 24 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Chương III: CƠ SỞ DỮ LIỆU 25 Chương IV: THỰC HIỆN SẢN PHẨM 28 4.1 GIAO DIỆN NGƯỜI DÙNG 28 4.1.1 Giao diện tổng quát 28 4.1.2 Giao diện trang chủ 29 4.1.3 Giao diện Menu 29 4.1.4 Giao diện chi tiết sản phẩm 32 4.1.5 Giao diện giỏ hàng 33 4.1.6 Chức phân trang 35 4.1.7 Bảng tin 35 4.1.8 Chi tiết bảng tin 37 4.1.10 Thanh toán 40 4.1.11 Plugin Facebook 41 4.1.12 API Google Maps .42 4.2 GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN) 42 4.2.1 Đăng nhập ADMIN 42 4.2.2 Chức quản lý ăn 44 Chương V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 49 5.1 KẾT LUẬN 49 5.1.1 Kết đạt .49 5.1.2 Hướng phát triển .49 5.2 KIẾN NGHỊ .49 TÀI LIỆU THAM KHẢO 50 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Chương I: GIỚI THIỆU ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI – Mang văn hóa ẩm thực Nhật Bản đến Việt Nam – Đáp ứng nhu cầu nhanh – tiện – Đáp ứng nhu cầu đặt đồ ăn online Khách hàng đặt đồ ăn, nhà hàng nơi giao đến tận nơi cách nhanh chóng tiện lợi – Đáp ứng vấn đề hết bàn vào phút cuối, hủy bàn, hủy kèo vào thời điểm tụ tập bạn bè Với chức online, khách hàng đặt trước bàn ưa thích cho thời gian họp bạn muốn thơng báo trước có hủy bỏ có hội đặt bàn trước chi nhánh khác nhà hàng – Việc có mặt trực tuyến giúp chủ nhà hàng tiếp cận rộng rãi với khách hàng thường xuyên đặt từ nhà hàng bạn tăng doanh thu cách sn sẻ khoản đầu tư 1.2 MỤC TIÊU CỦA NHÓM – Mang văn hóa ẩm thực Nhật Bản đến Việt Nam – Cung cấp chuỗi nhà hàng tiện lợi mang phong cách Nhật Bản – Phát triển nhà hàng với qui mơ lớn để từ nhiều người biết tới trọn nhà hàng nơi thưởng thức ẩm thực Nhật Bản – Tạo nét đặc trưng, riêng biệt chuỗi nhà hàng Nhật – Nắm vững kiến thức lập trình web – Tìm hiểu ASP.NET MVC, ENTITY FRAMEWORK, HTML, CSS – Bảo mật thông tin website, thông tin cá nhân người dùng Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 – Màu sắc cân đối đẹp mắt thân thiện – Giao diện hỗ trợ đa hình, tương thích với thiết bị trình duyệt Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 1.3 GIỚI THIỆU ĐỀ TÀI Nhà hàng NihonFood nhà hàng với phong cách Nhật Bản có địa số … Nhà hàng có khơng gian rộng với tổng diện tích sử dụng gần 600 m2 gồm phòng VIP lớn phục vụ từ 10 đến 30 khách, nhà sàn với sức chứa 140 khách Nhà Sàn với diện tích 280m2 coi nhà hàng mang phong cách Nhật Bản đẹp lớn thành phố HCM , đặt vị trí thuận lợi cho giao thơng tách biệt gần với ồn vốn có thành phố Không gian nhà hàng, từ chậu xanh bố trí điểm nhấn sinh động luồng gió mát thổi từ nhiều hướng Khơng tiếng sashimi , sushi trứ danh với nguyên liệu tươi ngon đánh bắt Việt Nam vận chuyển trực tiếp từ chợ hải sản lừng danh Tsukiji Osaka Nhật Bản, nhà hàng nhật Nihon có khu Yakitori &Beer Kitchen, nơi đầu bếp thực nướng yakitori với nguyên liệu bật khơng bị Wagyu hay bị Angus nướng bếp than đỏ rực để mang lại hương vị tuyệt vời Tinh hoa ẩm thực Nhật Bản với ăn tác phẩm nghệ thuật tận tâm 20 đầu bếp hàng đầu làm nên hương vị Nhật Bản khiết 1.4 MỘT SỐ CÔNG NGHỆ SỬ DỤNG 1.4.1 ASP.NET MVC Asp.Net MVC Framework sử dụng Net Framework cho việc phát triển ứng dụng web động, trước Asp.Net MVC đời, lập trình viên sử dụng công nghệ Asp.Net Web Form tảng Net Framework để phát triển ứng dụng Web động Asp.Net MVC phát triển mẫu thiết kế chuẩn MVC, cho phép người sử dụng phát triển ứng dụng phần mềm MVC tên mẫu phát triển ứng dụng, phương pháp chia nhỏ Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com)