ĐỒ á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

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 191106064 Võ Thị Cẩm Vy 191106247 191106125 TP Hồ Chí Minh, 4/2022 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 L ICẢ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 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 hồ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 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 – Sản phẩm chi tiết – Đăng ký, đăng nhập – Trương Thiên Lảnh Võ Thị Cẩm Vy 30% 8.5 – – – – – – – 1911060646 Tỷ lệ & Điểm – – Báo cáo, chương 1,2 1911062471 Tự đánh giá 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 – – Báo cáo, chương 3,4 Đặt hàng 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 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.5 H THỐNG NGƯỜI DÙNG 1.6 YÊU CẦU CHỨC NĂNG 1.6.1 Đối với người quảng trị 1.6.2 Đối với người dùng 1.7 YÊU CẦU PHI CHỨC NĂNG 1.8 PHẠM VI DỰ ÁN Chương II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 MÔ TẢ CHỨC NĂNG 2.2 TRANG NGƯỜI DÙNG 2.3 TRANG NGƯỜI QUẢN LÍ (ADMIN) 2.4 PHÂN TÍCH CHỨC NĂNG NGƯỜI DÙNG 2.5 PHÂN TÍCH CHỨC NĂNG CỦA ADMIN 2.6 SƠ ĐỒ TỔNG QUÁT USE CASE 2.6.1 Use case quản lý nghiệp vụ 2.6.2 Use case quản lý đối tượng 2.6.3 Use case quản lý đối tượng 2.6.4 Use case phân rã chức quản lý giỏ hàng 2.6.5 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 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 – 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 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ỏ 4.1.9 Về chúng tơi Hình 4.17 About 42 Hình 4.18 About Hình 4.19 About 43 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 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 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 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 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 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 – 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 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 52 – 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 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 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 YÊU CẦU TRANG NGƯỜI DÙNG TRANG ADMIN Website 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 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] [12] Tài liệu tham khảo tập hợp từ nhiều đồ án nhiều trang website Lập trình dự án Website bán hàng ASP.NET MVC (tedu.com.vn) 56 ... viên thực Võ Thị Cẩm Vy Trương Thiên Lảnh Trần Ngọc Hưng 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. .. Đ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 L ICẢMƠN... 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