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.
GIỚI THIỆU ĐỀ TÀI
LÝ DO CHỌN ĐỀ TÀI
– Mang văn hóa và ẩm thực Nhật Bản đến Việt Nam.
– Đáp ứng được nhu cầu nhanh – tiện.
Đáp ứng nhu cầu đặt đồ ăn online, khách hàng có thể dễ dàng đặt món từ nhà hàng yêu thích mọi lúc, mọi nơi Dịch vụ giao hàng nhanh chóng và tiện lợi mang đến sự hài lòng cho người tiêu dùng.
Khách hàng có thể dễ dàng đặt trước bàn ưa thích cho buổi họp mặt với bạn bè thông qua chức năng trực tuyến Hệ thống sẽ thông báo cho họ về bất kỳ sự hủy bỏ nào, giúp tránh tình trạng hết bàn vào phút cuối Nếu cần, khách hàng vẫn có cơ hội đặt bàn ở một chi nhánh khác của nhà hàng.
Sự hiện diện trực tuyến giúp chủ nhà hàng tiếp cận nhiều khách hàng hơn, đặc biệt là những người thường xuyên đặt món Điều này không chỉ tạo cơ hội tăng doanh thu mà còn tối ưu hóa khoản đầu tư của bạn một cách hiệu quả.
MỤC TIÊU CỦA 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 quy mô lớn hơn sẽ giúp nâng cao sự nhận diện thương hiệu, thu hút nhiều thực khách hơn và khẳng định nhà hàng là điểm đến lý tưởng để thưởng thức ẩm thực Nhật Bản.
– Tạo ra nét đặc trưng, riêng biệt của chuỗi nhà hàng Nhật. – Nắm vững các kiến thức cơ bản về lập trình web.
– Tìm hiểu về ASP.NET MVC, ENTITY FRAMEWORK, HTML, CSS.– Bảo mật thông tin trên website, thông tin cá nhân người dùng.
– Màu sắc cân đối đẹp mắt và thân thiện.
– Giao diện hỗ trợ đa màn hình, tương thích với từng thiết bị và trình duyệt.
GIỚI THIỆU ĐỀ TÀI
Nhà hàng NihonFood, tọa lạc tại địa chỉ số …, mang đậm phong cách Nhật Bản Với không gian rộng rãi lên tới gần 600 m2, nhà hàng sở hữu 3 phòng VIP lớn, phục vụ tối đa cho 10 khách mỗi phòng.
Nhà Sàn là nhà hàng phong cách Nhật Bản lớn nhất tại TP.HCM, có sức chứa 140 khách với diện tích 280m2 Nằm ở vị trí thuận lợi cho giao thông nhưng vẫn tách biệt với sự ồn ào của thành phố, nhà hàng mang đến không gian thư giãn với những chậu cây xanh tạo điểm nhấn sinh động và những luồng gió mát từ nhiều hướng.
Nhà hàng Nhật Bản Nihon nổi tiếng với sashimi và sushi được chế biến từ nguyên liệu tươi ngon, đánh bắt tại Việt Nam hoặc nhập khẩu từ chợ hải sản Tsukiji và Osaka Ngoài ra, khu Yakitori & Beer Kitchen tại đây mang đến trải nghiệm ẩm thực độc đáo với món nướng yakitori, sử dụng nguyên liệu cao cấp như bò Wagyu và bò Angus, nướng trên bếp than đỏ rực Mỗi món ăn tại Nihon không chỉ là một bữa tiệc cho vị giác mà còn là một tác phẩm nghệ thuật, thể hiện sự tận tâm của hơn 20 đầu bếp hàng đầu, mang đến hương vị Nhật Bản thuần khiết.
MỘT SỐ CÔNG NGHỆ SỬ DỤNG
Asp.Net MVC là một framework mạnh mẽ được xây dựng trên nền tảng Net Framework, phục vụ cho việc phát triển ứng dụng web động Trước khi Asp.Net MVC xuất hiện, các lập trình viên chủ yếu sử dụng công nghệ Asp.Net Web Form để phát triển các ứng dụng web tương tác.
Asp.Net MVC là một framework phát triển ứng dụng dựa trên mẫu thiết kế MVC, giúp người dùng xây dựng các ứng dụng phần mềm hiệu quả Mẫu MVC chia ứng dụng thành ba thành phần chính: models (mô hình), views (giao diện) và controllers (bộ điều khiển), mỗi thành phần có vai trò riêng và tương tác lẫn nhau để tạo ra một ứng dụng hoàn chỉnh.
Tách bạch các tác vụ trong ứng dụng như logic nhập liệu, business logic và logic giao diện giúp dễ dàng kiểm thử và áp dụng phương pháp phát triển TDD Mô hình MVC được triển khai dựa trên interface và sử dụng mock objects để kiểm thử, cho phép mô phỏng các tính năng của đối tượng thực Điều này cho phép thực hiện unit-test mà không cần chạy controller trong tiến trình ASP.NET, mang lại sự nhanh chóng và tiện lợi Bạn có thể sử dụng bất kỳ nền tảng unit-testing nào tương thích với NET.
JQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn.
jQuery không phải là một ngôn ngữ lập trình độc lập mà là một thư viện kết hợp với JavaScript, giúp giảm bớt công sức khi thực hiện nhiều tác vụ Thư viện này cung cấp các API hữu ích cho việc duyệt tài liệu HTML, tạo hoạt ảnh, xử lý sự kiện và thao tác AJAX một cách dễ dàng Ngoài ra, jQuery cũng tương thích tốt với nhiều trình duyệt khác nhau.
NodeJS là nền tảng phát triển ứng dụng web, được xây dựng trên V8 JavaScript Engine, cho phép thực thi mã JavaScript Nền tảng này giúp việc xây dựng ứng dụng trở nên đơn giản và dễ dàng mở rộng.
Phần Core bên dưới của Nodejs được viết hầu hết bằng C++ nên cho tốc độ xử lý và hiệu năng khá cao.
Node.js cho phép phát triển ứng dụng với tốc độ xử lý nhanh và khả năng tương tác thời gian thực Nó đặc biệt phù hợp cho các sản phẩm có lượng truy cập lớn, yêu cầu khả năng mở rộng nhanh chóng và đổi mới công nghệ Ngoài ra, Node.js cũng là lựa chọn lý tưởng cho việc khởi tạo các dự án Startup một cách nhanh nhất có thể.
ReactJS là một thư viện mã nguồn mở được phát triển bởi Facebook, nhằm mục đích tạo ra các ứng dụng web hấp dẫn với tốc độ nhanh và hiệu quả cao, sử dụng mã hóa tối thiểu.
Mục đích chính của ReactJS là đảm bảo rằng các website sử dụng nó hoạt động mượt mà, nhanh chóng và có khả năng mở rộng cao, đồng thời dễ dàng trong việc triển khai.
Trong React, JSX được sử dụng thay cho JavaScript để thiết kế bố cục trang web, mang lại sự đơn giản hơn khi trích dẫn HTML và sử dụng cú pháp thẻ HTML để render các subcomponent Việc sử dụng JSX giúp tối ưu hóa mã khi biên soạn, cho phép ứng dụng chạy nhanh hơn so với mã JavaScript tương đương.
API, viết tắt của Giao diện Lập trình Ứng dụng, là cầu nối giữa các ứng dụng và thư viện khác nhau Nó cho phép truy cập vào một tập hợp các hàm thường dùng, giúp dễ dàng trao đổi dữ liệu giữa các ứng dụng.
Web API là hệ thống API thiết yếu cho các website, cho phép kết nối, truy xuất và cập nhật dữ liệu Hầu hết các trang web hiện nay sử dụng Web API, ví dụ như chức năng đăng nhập qua Google, Facebook, Twitter, hay Github, cho thấy việc gọi đến các API này là rất phổ biến Ngoài ra, các ứng dụng di động cũng thường xuyên lấy dữ liệu thông qua API, khẳng định vai trò quan trọng của Web API trong việc phát triển ứng dụng hiện đại.
– Hệ quản trị cơ sở dữ liệu SQL Server
SQL Server is a Relational Database Management System (RDBMS) that utilizes SQL (Transact-SQL) for data exchange between client machines and the SQL Server installation An RDBMS consists of databases, a database engine, and applications designed to manage data and various components within the RDBMS.
SQL Server is optimized to operate in very large database environments, handling data sizes up to terabytes while simultaneously serving thousands of users It seamlessly integrates with other servers, including Microsoft Internet Information Server (IIS), E-Commerce Server, and Proxy Server.
Một vài ấn bản SQL Server: Enterprise Standard developer Workgroup Express.
– Các thành phần cơ bản trong SQL Server
SQL Server is composed of various components, including the Database Engine, Reporting Services, Notification Services, Integration Services, and Full Text Search Service These elements work together to create a comprehensive solution that facilitates easy data storage and analysis.
– Các thành phần chính SQL Server:
Database Engine là một công cụ mạnh mẽ cho phép lưu trữ dữ liệu ở nhiều quy mô khác nhau dưới dạng hỗ trợ và bảng Nó có khả năng tự điều chỉnh, như trả lại tài nguyên cho hệ điều hành khi người dùng đăng xuất và sử dụng thêm tài nguyên của máy khi cần thiết.
Integration Services: là tập hợp các đối tượng lập trình và các công cụ đồ họa cho việc sao chép, di chuyển và chuyển đổi dữ
HỆ THỐNG NGƯỜI DÙNG
Website sẽ có 3 loại người dùng:
Người dùng không cần tài khoản trên website vẫn có thể tận hưởng các tính năng như đặt đồ ăn, tìm kiếm thông tin về món ăn và xem các tin tức liên quan đến văn hóa ẩm thực Nhật Bản.
Người dùng có tài khoản trên website sẽ tận hưởng đầy đủ chức năng của trang, bao gồm đặt món ăn, nhận ưu đãi giảm giá và tham gia rút thăm trúng thưởng.
– Người dùng là Admin của hệ thống: Quản lí tài khoản người dùng và quản trị nội dung website.
YÊU CẦU CHỨC NĂNG
1.6.1 Đối với người quảng trị
– Quản lí tài khoản khách hàng, quản lí về nhà hàng, món ăn tin tức văn hóa ẩm thực thông qua các tác vụ thêm, xóa, sửa.
– Xử lí khắc phục các lỗi trên website.
– Tạo tài khoản, cấp quyền cho thành viên quản trị.
– Đăng nhập và đăng kí.
– Xem tin tức về văn hóa ẩm thực Nhật.
– Xem những thôn tin món ăn của nhà hàng.
– Đặt đồ ăn trực tuyến.
YÊU CẦU PHI CHỨC NĂNG
– Hỗ trợ khách hàng khi sử dụng các dịch vụ của nhà hàng như thông tin cá nhân liên quan đến khách hàng được đảm bảo an toàn
– Giao diện thân thiện và đơn giản với người dùng Ẩm thực và tin tức văn hóa Nhật được trình bày bắt mắt, dễ dàng tìm kiếm.
– Website có dung lượng không quá lớn, tốc độ xử lý nhanh. – Việc tính toán đảm bảo tính chính xác cao và không chấp nhận sai sót.
– Đảm bảo an toàn dữ liệu khi chạy.
– Mang đến trải nghiệm tuyệt vời về văn hóa sứ mặt trời mọc cho những người chưa từng tiếp xúc.
PHẠM VI DỰ ÁN
Xây dựng một website ẩm thực đa màn hình và đa trình duyệt sử dụng công nghệ ASP.NET MVC, Entity Framework, HTML và CSS, giúp người tiêu dùng tiết kiệm thời gian tìm hiểu ẩm thực Website không chỉ mang đến văn hóa ẩm thực của xứ hoa anh đào cho người Việt, mà còn tạo cơ hội cho chủ nhà hàng thu lợi từ quảng cáo và hợp tác trên nền tảng của mình.
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
MÔ TẢ CHỨC NĂNG
Qua quá trình khảo sát các tiêu chí từ các trang web ẩm thực và ý kiến từ bạn bè, khách hàng, chúng tôi đã thiết kế hai giao diện chính: giao diện người dùng và giao diện quản trị viên, nhằm cải thiện trải nghiệm sử dụng dịch vụ mua sắm trực tuyến.
TRANG NGƯỜI DÙNG
Khách hàng là đối tượng chính khi truy cập trang web của nhà hàng, vì vậy giao diện phải thật bắt mắt và dễ sử dụng Để đáp ứng nhu cầu này, giao diện trang web cần được thiết kế dựa trên các tiêu chí quan trọng, đảm bảo người dùng có thể dễ dàng thao tác và sử dụng dịch vụ tại nhà hàng một cách hiệu quả.
– Hiển thị các món ăn mới nhất, các món ăn hot hay được bán chạy nhất.
– Hiển thị các món ăn được sắp xếp theo một tiêu chí cụ thể giúp khách hàng dễ dàng tìm kiếm.
– Có menu chi tiết cụ thể và đầy đủ về thức ăn, đồ uống.
– Các món ăn được đặt hàng nhiều nhất sẽ hiện ở trang chủ giúp người mua dễ dàng lựa chọn sản phẩm.
– Phân bố dàn trang logic, dễ theo dõi.
– Màu sắc trang nhã, sử dụng màu sắc trendy.
Trang web thân thiện với người dùng giúp họ dễ dàng tìm kiếm thông tin Ngoài ra, các bài viết về nguồn gốc và câu chuyện của sản phẩm cũng tạo ra sự hứng thú và thu hút sự quan tâm từ người đọc.
Về sản phẩm của nhà hàng:
– Phân loại thành nhiều chuyên mục loại sản phẩm khác nhau.
Khách hàng có thể dễ dàng nhìn thấy các sản phẩm tương tự mà không cần phải tìm kiếm, bên cạnh sản phẩm chính Ngoài ra, trang web cho phép người dùng linh hoạt thêm, bớt, xóa và sửa nội dung theo nhu cầu.
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…
TRANG NGƯỜI QUẢN LÍ (ADMIN)
Đăng nhập vào hệ thống cho phép người quản trị kiểm soát toàn bộ nội dung trên website, đảm bảo chính xác trong các thao tác quản lý Người dùng sẽ được cấp username và password để thực hiện các chức năng cần thiết.
Quản lý danh mục sản phẩm:
– Thêm mới danh mục món ăn đồ uống.
– Cập nhật danh mục sản phẩm.
– Tìm kiếm danh mục trong trang quản trị.
Quản lý đồ ăn, thức uống:
– Xem tất cả đồ ăn, thức uống.
– Tìm đồ ăn, thức uống.
– Tạo đồ ăn, thức uống mới theo từng chuyên mục, loại đồ ăn, thức uống.
– Sửa nội dung đồ ăn, thức uống, hoặc đồ ăn, thức uống sang danh mục, thể loại tin khác.
– Cập nhật giá đồ ăn, thức uống và các thông tin khác.
– Xóa đồ ăn, thức uống.
Chức năng viết bài, viết đồ ăn, thức uống:
– Tích hợp bộ soạn thảo nội dung tương tự Microsoft Office Word.
– Tải lên hình ảnh mới trong bài viết.
– Chèn hình ảnh vào nội dung bài viết, chèn liên kết.
– Tự động hoàn thành liên kết tiêu đề seo phục vụ cho seo website.
Quản lý media (hình ảnh):
– Xem ảnh hiện có trên website.
– Tải lên hình ảnh mới, xóa ảnh cũ.
– Quản trị users và phân quyền trong hệ thống admin:
– Xem danh sách tài khoản thành viên và quản trị viên.
– Xem danh sách quyền hạng trong hệ thống.
– Tạo tài khoản quản trị mới toàn quyền quản trị thêm, sửa, xóa.
– Tạo tài khoản thành viên hạn chế quyền.
– Khóa tài khoản của khách hàng hoặc quản trị viên.
Thống kê doanh số bán hàng:
– Thống kê doanh thu bán hàng trong tuần trong tháng, tính lợi nhuận thu được.
PHÂN TÍCH CHỨC NĂNG NGƯỜI DÙNG
Nội dung Mô tả chi tiết
- Khách hàng cần đăng kí tài khoản thì mới có thể mua hàng và đặt hàng.
2 Chức năng thay đổi mật khẩu
Khách hàng có khả năng tự thay đổi tài khoản và ảnh đại diện một cách dễ dàng ngay trên trang người dùng, mà không cần phải nhờ đến sự trợ giúp của nhân viên hay quản trị viên.
3 Chức năng đăng nhập website
- Khách hàng đăng nhập mới có thể đặt hàng và thanh toán online hoặc thanh toán khi nhận hàng.
- Thanh toán trực tuyến thông qua giao diện thân VN PAY hoặc Momo.
PHÂN TÍCH CHỨC NĂNG CỦA ADMIN
Nội dung Mô tả chi tiết
- Người quản trị (Admin): được toàn quyền sử dụng tất cả chức năng. quyền sử dụng
- Thành viên khác hay khách hàng: không được quyền truy cập vào trang quản trị.
2 Chức năng quản lý sản phẩm
- Xem danh sách danh mục sản phẩm hiện có trong hệ thống.
- Tạo mới, cập nhật, xóa các danh mục đơn giản thông qua thao tác quản trị.
3 Chức năng quản lý danh sách bài viết
- Xem tất cả bài viết có trong hệ thống.
- Chỉnh sửa, xóa bài thông qua thao tác quản trị.
- Bổ sung thêm các tag sản phẩm.
4 Chức năng thêm viết bài
- Tích hợp bộ soạn thảo nội dung Tải lên hình ảnh mới.
- Chèn nội dung, mô tả, ngày tạo, hình ảnh vào trong bài viết.
- Trạng thái của bài viết.
5 Chức năng quản lý bình luận
- Xem tất cả bình luận có trong hệ thống.
- Thống kê các đơn hàng đặt trong tuần, trong tháng.
- Thống kê doanh thu theo tuần, theo tháng
- Thống kê tổng doanh thu.
7 Chức năng quản lý thương hiệu
- Xem danh sách các thương hiệu hiện có trong hệ thống
- Thêm, xóa, sửa các thương hiệu thông qua thao tác quản trị.
SƠ ĐỒ TỔNG QUÁT USE CASE
2.6.1 Use case quản lý nghiệp vụ
Hình 2.6.1 Usecase quản lý nghiệp vụ.
– Khách hàng có thể tương tác với các chức năng bao gồm: Đặt hàng, và khi nhận hàng sẽ thanh toán.
– Admin sẽ kiểm tra thông tin khi khách hàng đặt hàng, lập phiếu giao hàng, lập hóa đơn.
2.6.2 Use case quản lý đối tượng cơ bản
Hình 2.6.2 Use case quản lý đối tượng cơ bản.
Khách hàng có thể truy cập website của nhà hàng để khám phá các món ăn, xem thông tin chi tiết và quản lý giỏ hàng của mình một cách dễ dàng Đồng thời, quản trị viên có khả năng quản lý và cập nhật thông tin về món ăn cũng như phân loại các loại món ăn hiệu quả.
2.6.3 Use case quản lý đối tượng ngoài
Hình 2.6.3 Use case quản lý đối tượng ngoài
– Khách hàng có thể quản lý thông tin của mình và có tác tác vụ như cập nhật thông tin.
– Admin cũng có quyền quản lý thông tin khách hàng, có thể tìm khách hàng, xem thông tin khách hàng.
2.6.4 Use case phân rã chức năng quản lý giỏ hàng
Hình 2.6.4 Use case phân rã chức năng quản lý giỏ hàng
Khách hàng có thể dễ dàng quản lý thông tin giỏ hàng của mình, bao gồm việc xem giỏ hàng, điều chỉnh số lượng sản phẩm đã thêm vào, và xóa các sản phẩm không cần thiết.
– Đăng nhập để dễ dàng trao đổi thông tin với admin hơn (khách hàng không cần đăng nhập vẫn có thể quản lý giỏ hàng của mình).
CƠ SỞ DỮ LIỆU
Hình 3.1 Cơ sở dữ liệu của website kinh doanh nhà hàng ẩm thực nhật bản NIHONFOOD
MAKH Mã khách hàng int Khóa
Chính TENKHACH Tên thuộc tính nvarchar(5
0) EMAILKHACH Email khách hàng varchar(10
0) SDTKHACH Số điện thoại varchar(10
IDNH Id nhà hàng int Khóa
Chính TENNH Tên thuộc tính nvarchar(2
0) DIACHINH Email khách hàng nvarchar(1
00) SDTNH Số điện thoại varchar(10
Tên Thuộc Tính Diễn Giải Kiểu Dữ
MAMONAN Mã món ăn int Khóa
Chính MALOAI Tên thuộc tính nvarchar(5 0)
TENMONAN Tên món ăn nvarchar(1
GIA Giá món ăn varchar(10
) ANHMONANH Ảnh món ăn varchar(50
MALOAI Mã loại int Khóa
29 món Chính TENLM Tên loại món nvarchar(3 0)
Buộc USERADMIN Tài khoản admin varchar(50 )
Chính PASSADMIN Password admin varchar(50
Tên Thuộc Tính Diễn Giải Kiểu Dữ
MADH Mã đặt hàng int Khóa
NGAYDH Ngày đặt hàng Datetime
SDTNHAHANG Sdt nhà hàng Varchar(10)
DCNHAHANG Địa chỉ nhà hàng
IDNH Id nhà hàng Int
DATHANHTOAN Tình trạng thanh toán
TINHTRANGGIAOHANG Tình trạng giao hàng
TENNGUOINHAN Tên người nhận nvarchar(5 0)
Bảng chi tiết đặt hàng
Buộc MAMONAN Mã món ăn int Khóa
MADH Mã đơn hàng int Khóa phụ
THỰC HIỆN SẢN PHẨM
GIAO DIỆN NGƯỜI DÙNG
Hình 4.1 Trang chủ của website
Hình 4.2 Trang chủ của website
Với giao diện hấp dẫn và đơn giản, chúng tôi mang đến cho khách hàng trải nghiệm ẩm thực Nhật Bản thoải mái và thư giãn Khách hàng có thể dễ dàng tìm kiếm và tiếp cận các món ăn ngay trên trang chủ, với thông tin được cập nhật liên tục theo ngày ra mắt món mới.
– Khi khách hàng bấm vào trang menu sẽ hiển thị những món ăn khác nhau dựa vào loại món ăn.
– Chức năng này sẽ giúp người dùng tìm kiếm món ăn theo loại món ăn
– Khi khách hàng bấm vào loại món ăn sẽ hiển thị đúng loại món ăn đó ở trang menu.
Hình 4.5 Sắp xếp món ăn theo loại món ăn (Cơm)
Hình 4.6 Sắp xếp món ăn theo loại món ăn (Cháo)
– Giao diện đăng nhập, đăng ký.
– Khi bấm vào trang web sẽ chuyển qua trang đăng nhập, nếu chưa có tài khoản có thể đăng ký.
Hình 4.8 Giao diện đăng nhập
– Nếu thông tin đăng nhập trùng với dữ liệu trong database thì đăng nhập thành công và chuyển về trang chủ.
– Nếu đăng nhập thành công sẽ chuyển qua trang chủ.
Hình 4.9 Giao diện đăng ký 4.1.4 Giao diện chi tiết sản phẩm
Khi bạn nhấp vào bất kỳ sản phẩm nào từ menu hoặc trang chủ, bạn sẽ được chuyển đến trang chi tiết của sản phẩm đó Dưới đây, bạn sẽ tìm thấy các món ăn cùng loại để dễ dàng lựa chọn.
– Thông tin bao gồm tên món ăn, giá, mô tả,
Hình 4.10 Chi tiết món ăn 4.1.5 Giao diện giỏ hàng
Hình 4.11 Giao diện giỏ hàng
– Giao diện giỏ hàng ở phần số lượng có ô thay đổi dễ dàng cho khách hàng khi sử dụng hơn.
H ình 4.12 Giao diện giỏ hàng khi trống
Hình 4.13 Chứ năng phân trang
– Khi phân trang sẽ giúp khách hàng không phải kéo trang xuống nhiều hơn
- Có thể xem các tin tức về nhà hàng ở trong bảng này.
Hình 4.16 Chi tiết bảng tin
– Form này sẽ nói về những người lập ra nhà hàng. – Video về món ăn có tại nhà hàng.
Hình 4.21 Giao diện thanh toán
- Khi khách hàng thanh toán sẽ in những thông tin khách hàng như họ tên, địa chỉ, sdt,
Hình 4.22 Lời cảm ơn khách hàng sau khi thanh toán.
Hình 4.23 Viết bình luận về page.
Hình 4.24 Liên hệ với chúng tôi tại Địa điểm
GIAO DIỆN NGƯỜI QUẢN LÝ (ADMIN)
Chỉ admin mới có quyền truy cập vào trang quản trị, mỗi admin sẽ nhận được một tài khoản riêng để đăng nhập vào hệ thống Việc đăng nhập chỉ cần thực hiện bằng cách nhập đúng tài khoản và mật khẩu.
- Muốn vào form quản lý bắt buộc admin phải đăng nhập vì an toàn bảo mật.
4.2.2 Chức năng quản lý món ăn
Hình 4.26 Quản lý món ăn
- Có thể chỉnh sửa, xem chi tiết, xóa các món ăn ở form này.
4.2.3 Chi tiết món ăn ADMIN
Hình 4.27 Chi tiết món ăn
Thông tin về món ăn, loại món, giá cả và mô tả sẽ được hiển thị rõ ràng để quản trị viên dễ dàng theo dõi Khi cần chỉnh sửa thông tin, quản trị viên chỉ cần nhấn vào nút điều chỉnh.
4.2.4 Chức năng sửa món ăn
Hình 4.28 Khi sửa thông tin món ăn
– Khi Admin muốn chỉnh sửa thông tin món ăn sẽ hiển thị như trên.
– Có thể chỉnh loại món, tên món, giá món ăn, mô tả.
– Ảnh món ăn sau khi cập nhật sẽ xuống cơ sở dữ liệu.
– Bấm lưu thông tin để tất cả thông tin sẽ cập nhật xuống cơ sở dữ liệu.
4.2.5 Chức năng xóa món ăn
Hình 4.29 Khi xóa món ăn
– Khi bấm vào xóa món ăn sẽ xóa hẳn trong cơ sở dữ liệu.
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 chỉ xem được các thông tin như tên, sdt
– Không thể chỉnh sửa thông tin khách hàng.
4.2.7 Quản lý loại món ăn
Hình 4.31 Quản lý loại món ăn
– Admin có thể thêm và xóa loại món ăn.
– Không thể xóa nếu loại món ăn đó còn được sử dụng trong bảng món ăn.
4.2.8 Sửa chi tiết đơn đặt hàng
4.2.9 Quản lý chi tiết giao hàng
Hình 4.33 Chi tiết giao hàng
Hình 4.33 Quản lý trang chủ
– Admin có thể quản lý thông tin đơn hàng qua những thao tác như chỉnh sửa xem chi tiết và xóa.
