XÂY DỰNG WEBSITE KINH DOANH NHÀ HÀNG ẨM THỰC NHẬT BẢN NIHONFOOD

– Ngoài sản phẩm chính ra khách hàng có thể nhìn thấy được sản phẩm tương tự mà không cần phải tìm kiếm. – Có thể thêm, bớt, xóa, sửa nội dung trong trang linh hoạt. Về trang chi tiết món ăn: – Nội dung có bố cục khoa học, đẹp mắt, thân thiện với khách hàng, hiển thị đầy đủ chi tiết thông tin về các loại sản phẩm. – Sản phẩm liên quan đến sản phẩm đang xem. – Thể hiện đầy đủ kích cỡ, số lượng một cách chi tiết. – Nút đặt hàng cho mỗi sản phẩm. – Có thể thêm sản phẩm, giảm sản phẩm và xóa sản phẩm. Thông tin khách hàng – đăng kí đăng nhập: – Có thể xem được chi tiết thông tin của cá nhân và cập nhật thêm thông tin cho bản thân. – Muốn thay đổi mật khẩu có thể thay đổi ngay khi đã đăng nhập. – Xem thông tin đơn hàng đã được xử lý. – Đăng ký thành viên, để được giảm giá – Đăng nhập để đặt món ăn. – Tích hợp thanh toán trực tuyến từ nhiều hình thức khác nhau như VN PAY, Momo… 2.3 TRANG NGƯỜI QUẢN LÍ (ADMIN) Đăng nhập để quản trị tất cả nội dung trên website, người làm chủ ứng dụng có quyền kiểm soát mọi hoạt động của hệ thống, nó đòi hỏi sự chính xác các thao tác quản trị. Người này được cấp username và password để đăng nhập hệ thống thực hiện chức năng của mình như:

lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 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 hố, 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 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 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 30% 8.5 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 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 suôn 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 lOMoARcPSD|15547689 – 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 lOMoARcPSD|15547689 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ịn 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ỏ lOMoARcPSD|15547689 ứng dụng thành ba thành phần để cài đặt, thành phần đóng vai trị khác ảnh hưởng lẫn nhau, models, views, controllers Tách bạch tác vụ ứng dụng (logic nhập liệu, business logic, logic giao diện), dễ dàng kiểm thử mặc định áp dụng hướng phát triển TDD Tất tính mơ hình MVC cài đặt dựa interface kiểm thử cách sử dụng đối tượng mocks, mock object đối tượng mơ tính đối tượng thực ứng dụng Bạn kiểm thử unit-test cho ứng dụng mà không cần chạy controller tiến trình ASP.NET, điều giúp unit test áp dụng nhanh chóng tiện dụng Bạn sử dụng tảng unit-testing tương thích với tảng NET 1.4.2 JQUERY JQuery thư viện viết từ JavaScript, jQuery giúp xây dựng chức Javascript dễ dàng, nhanh giàu tính JQuery ngôn ngữ lập trình riêng biệt mà hoạt động liên kết với JavaScript Với jQuery, bạn làm nhiều việc mà lại tốn cơng sức jQuery cung cấp API giúp việc duyệt tài liệu HTML, hoạt ảnh, xử lý kiện thao tác AJAX đơn giản JQuery hoạt động tốt nhiều loại trình duyệt khác 1.4.3 NODEJS NodeJS tảng xây dựng V8 JavaScript Engine – trình thơng dịch thực thi mã JavaScript, giúp xây dựng ứng dụng web cách đơn giản dễ dàng mở rộng Phần Core bên Nodejs viết hầu hết C++ nên cho tốc độ xử lý hiệu cao lOMoARcPSD|15547689 4.1.8 Chi tiết bảng tin Hình 4.16 Chi tiết bảng tin 41 lOMoARcPSD|15547689 4.1.9 Về chúng tơi Hình 4.17 About 42 lOMoARcPSD|15547689 Hình 4.18 About Hình 4.19 About 43 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 Hình 4.21 Giao diện toán - Khi khách hàng toán in thông tin khách hàng họ tên, địa chỉ, sdt, 45 lOMoARcPSD|15547689 Hình 4.22 Lời cảm ơn khách hàng sau toán 4.1.11 Plugin Facebook Hình 4.23 Viết bình luận page 46 lOMoARcPSD|15547689 4.1.12 API Google Maps 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) 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 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 – 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 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 – 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 lOMoARcPSD|15547689 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 lOMoARcPSD|15547689 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 TRANG NGƯỜI DÙNG  Thêm sản phẩm vào giỏ hàng dễ 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 lOMoARcPSD|15547689 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 ... 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... lOMoARcPSD|15547689 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... 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