Đồ á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 U IỆ IL TÀ NIHONFOOD TT CN 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 U IỆ IL TÀ TT CN 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ý TÀ hoạt động xã hội nghiên cứu hay trao đổi mua bán Phạm vi IL ứng dụng công nghệ thông tin ngày mở rộng nhiều IỆ lĩnh vực: Truyền thơng, đo lường, tự động hố, quản lý hoạt U động người xã hội Những lợi ích mà phần mềm CN ứng dụng mang lại đáng kể như: Xử lý thông tin nhanh chóng, TT 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 suốt trình học 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 TÀ góp ý kiến thầy để đề tài hoàn thiện IL Chúng em xin chân thành cảm ơn! IỆ U Sinh viên thực CN Võ Thị Cẩm Vy TT 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 Nội dung công việc thực MSS/Họ tên 1911061254 – – – Trần Ngọc Hưng – IỆ IL TÀ 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 – 1911060646 Võ Thị Cẩm Vy 8.5 – – – – – – – – – – – – 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 TT Trương Thiên Lảnh 30% CN - Tỷ lệ & Điểm U 1911062471 Tự đánh giá Các sơ đồ UC Cơ sở liệu Giỏ hàng Đặt hàng Báo cáo, chương 3,4 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) 40% 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 TÀ 1.6 YÊU CẦU CHỨC NĂNG 13 IL 1.6.1 Đối với người quảng trị 13 IỆ 1.6.2 Đối với người dùng 13 U CN 1.7 YÊU CẦU PHI CHỨC NĂNG 13 1.8 PHẠM VI DỰ ÁN .13 TT 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 TÀ 4.2 GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN) 42 IL 4.2.1 Đăng nhập ADMIN 42 IỆ 4.2.2 Chức quản lý ăn 44 U Chương V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 49 CN 5.1 KẾT LUẬN 49 Kết đạt .49 5.1.2 Hướng phát triển .49 TT 5.1.1 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 Việc có mặt trực tuyến giúp chủ nhà hàng tiếp cận rộng IL – TÀ nhà hàng U IỆ 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 suôn sẻ MỤC TIÊU CỦA NHÓM TT 1.2 CN khoản đầu tư – 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 U IỆ IL TÀ TT CN 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 TÀ vận chuyển trực tiếp từ chợ hải sản lừng danh Tsukiji Osaka IL Nhật Bản, nhà hàng nhật Nihon cịn có khu Yakitori &Beer IỆ Kitchen, nơi đầu bếp thực nướng yakitori với U nguyên liệu bật không bò Wagyu hay bò Angus CN 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 TT 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ề U IỆ IL TÀ CN TT 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 U IỆ IL TÀ TT CN 43 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 U IỆ IL TÀ CN – – TT 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 tốn 44 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 IỆ IL TÀ U Hình 4.21 Giao diện tốn Khi khách hàng tốn in thơng tin khách hàng CN - TT 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 toán TÀ U IỆ IL 4.1.11 Plugin Facebook TT CN 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 TÀ U IỆ IL Hình 4.24 Liên hệ với chúng tơi Địa điểm 4.2 GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN) Chỉ có admin phép đăng nhập vào trang quản trị, TT - CN 4.2.1 Đăng nhập ADMIN 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 U IỆ IL TÀ TT CN 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 TÀ - Có thể chỉnh sửa, xem chi tiết, xóa ăn form IỆ IL 4.2.3 Chi tiết ăn ADMIN U TT CN 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 U sở liệu IỆ IL TÀ – TT CN 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 TÀ – U IỆ IL 4.2.7 Quản lý loại ăn TT CN Hình 4.31 Quản lý loại ăn 51 Downloaded by Nguynhavy Ha Vy (Ntkphuong205@gmail.com) lOMoARcPSD|16911414 U IỆ IL TÀ TT CN 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 IL TÀ 4.2.9 Quản lý chi tiết giao hàng U IỆ TT CN 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 U IỆ IL TÀ – TT CN 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  Tìm kiếm sản phẩm theo tên nhập từ bàn phím (Theo TÀ NGƯỜI DÙNG tên sản phẩm, tên thương hiệu, danh mục sản phẩm…) IL  Tích hợp API Google Map U IỆ  Trang tin tức giúp khách hàng nắm bắt thông tin nhà hàng dễ dàng CN  Phân trang cho danh sách sản phẩm, thương hiệu TT  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 Dương Thành Phết IL TÀ [9] Slide giảng tập thực hành lập trình web thầy Cao Tùng Anh U IỆ [10] Tài liệu giáo trình + tập thực hành Cơ sở liệu thầy CN [11] Tài liệu tham khảo tập hợp từ nhiều đồ án nhiều trang TT 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)