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

Mục tiêu của đồ án Xây dựng Website kinh doanh nhà hàng ẩm thực Nhật Bản Nihonfood nhằm mang văn hóa và ẩ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 hơn để từ đó nhiều người sẽ biết tới hơn và trọn nhà hàng là nơi thưởng thức ẩm thực Nhật Bản. Nắm vững các kiến thức cơ bản về lập trình web và bảo mật thông tin trên website, thông tin cá nhân người dùng.

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) lOMoARcPSD|16911414 4.1.9 Về chúng tơi Hình 4.17 About 42 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Hình 4.18 About Hình 4.19 About 43 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Hình 4.20 About – – Form nói người lập nhà hàng Video ăn có nhà hàng 4.1.10 Thanh toán 44 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Hình 4.21 Giao diện tốn - Khi khách hàng tốn in thơng tin khách hàng họ tên, địa chỉ, sdt, 45 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Hình 4.22 Lời cảm ơn khách hàng sau tốn 4.1.11 Plugin Facebook Hình 4.23 Viết bình luận page 46 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 4.1.12 API Google Maps Hình 4.24 Liên hệ với Địa điểm 4.2 GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN) 4.2.1 Đăng nhập ADMIN - Chỉ có admin phép đăng nhập vào trang quản trị, admin dược cấp tài khoản để vào hệ thống quản trị, cần nhập tài khoản mật đăng nhập vào 47 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Hình 4.25 Form login admin - Muốn vào form quản lý bắt buộc admin phải đăng nhập an tồn bảo mật 48 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 4.2.2 Chức quản lý ăn Hình 4.26 Quản lý ăn - Có thể chỉnh sửa, xem chi tiết, xóa ăn form 4.2.3 Chi tiết ăn ADMIN Hình 4.27 Chi tiết ăn 49 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 – Các thông tin ăn, loại món, giá ăn, mơ tả, hiển thị để admin dễ dàng xem Admin muốn sửa thơng tin bấm vào điều chỉnh 4.2.4 Chức sửa ăn Hình 4.28 Khi sửa thơng tin ăn – Khi Admin muốn chỉnh sửa thơng tin ăn hiển thị – Có thể chỉnh loại món, tên món, giá ăn, mơ tả – Ảnh ăn sau cập nhật xuống sở liệu – Bấm lưu thông tin để tất thông tin cập nhật xuống sở liệu 4.2.5 Chức xóa ăn Hình 4.29 Khi xóa ăn – Khi bấm vào xóa ăn xóa hẳn sở liệu 50 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 4.2.6 Quản lý thơng tin khách hàng Hình 4.30 Quản lý thông tin khách hàng – Admin xem thông tin tên, sdt – Không thể chỉnh sửa thơng tin khách hàng – Được xóa khách hàng 4.2.7 Quản lý loại ăn Hình 4.31 Quản lý loại ăn 51 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 52 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 – Admin thêm xóa loại ăn – Khơng thể xóa loại ăn cịn sử dụng bảng ăn 4.2.8 Sửa chi tiết đơn đặt hàng Hình 4.32 Sửa đơn hàng 4.2.9 Quản lý chi tiết giao hàng Hình 4.33 Chi tiết giao hàng 53 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 4.2.10 Quản lý trang chủ Hình 4.33 Quản lý trang chủ – Admin quản lý thơng tin đơn hàng qua thao tác chỉnh sửa xem chi tiết xóa 54 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 Chương V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 KẾT LUẬN 5.1.1 Kết đạt CHỨC NĂNG HOÀN THIỆN YÊU CẦU NỘI DUNG  Menu phân cấp tự động theo loại ăn giúp tiếp cận người dùng dễ dàng  Danh sách ăn theo loại ăn  Danh sách viết cho hay cho khách hàng, phân theo loài viết  Thêm sản phẩm vào giỏ hàng dễ dàng TRANG NGƯỜI DÙNG  Tìm kiếm sản phẩm theo tên nhập từ bàn phím (Theo tên sản phẩm, tên thương hiệu, danh mục sản phẩm…)  Tích hợp API Google Map  Trang tin tức giúp khách hàng nắm bắt thông tin nhà hàng dễ dàng  Phân trang cho danh sách sản phẩm, thương hiệu  URL thân thiện tối ưu hóa SEO  Quản lý ăn(Thêm, xóa, sửa Sản phẩm) TRANG  Quản lý thơng tin khách hàng(Xem, xóa) ADMIN  Quản lý loại ăn(Thêm, xóa, sửa Sản phẩm)  Quản lý thơng tin đặt hàng(Xem, Sửa, Xóa)  Tạo giao diện thân thiện người dùng Website  Bố cục trang web, thiết kế rõ ràng, hợp lý, dễ theo dõi  Dễ dàng đặt hàng, liên hệ, toán 5.1.2 Hướng phát triển – Trong tương lai chúng em muốn Website hoàn chỉnh mặt chức – Nhóm muốn thêm chức đặt bàn, giao hàng 5.2 KIẾN NGHỊ 55 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 TÀI LIỆU THAM KHẢO [1] https://www.w3schools.com/php/default.asp [2] https://www.w3schools.com/angular/default.asp [3] https://stackoverflow.com/search?q=learning+php [4] https://Myclass.vn [5] http://www.tutorialsteacher.com/mvc/asp.net-mvc-tutorials [6] https://www.w3schools.com/bootstrap4/default.asp [7] http://thayphet.net/product-cat/176-lap-trinh-website-asp.net- mvc-5.html [8] Các thư viện JS [9] Slide giảng tập thực hành lập trình web thầy Dương Thành Phết [10] Tài liệu giáo trình + tập thực hành Cơ sở liệu thầy Cao Tùng Anh [11] Tài liệu tham khảo tập hợp từ nhiều đồ án nhiều trang website [12] Lập trình dự án Website bán hàng ASP.NET MVC (tedu.com.vn) 56 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) ... Đ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... đề 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á... 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