Giao diện này được thiết kế để phục vụ khách hàng có thể đặt món ăn trực tuyến.

Giao diện sẽ chuyển hướng sau khi khách hàng đặt bàn hoặc khách hàng sẽ nhấn nút
“Thực Đơn” để đặt món ăn luôn mà không cần đặt bàn.
Quy trình đặt món ăn trực tuyến:
1. Trong giao diện này, khách hàng có thể:
 Xem các danh mục món ăn (Món khai vị, Salad, Món chính,…) và chọn
danh mục muốn xem.
 Xem thêm món ăn bằng cách nhấn vào nút "Xem Thêm".
 Sử dụng thanh tìm kiếm để tìm kiếm món ăn theo tên hoặc từ khóa.
 Lọc món ăn theo các tiêu chí như món ăn phổ biến, loại món ăn….
2. Khi tìm thấy món ăn mình muốn, khách hàng có thể:
 Nhấn nút "Yêu thích" để lưu món ăn vào danh sách yêu thích.
 Nhấn nút "Thêm vào giỏ hàng" để đưa món ăn vào giỏ hàng của mình.
3. Trong giỏ hàng, khách hàng có thể:
  Xem lại các món ăn đã chọn.
 Chỉnh sửa số lượng hoặc xóa bỏ món ăn không muốn đặt nữa.
 Nhấn nút "Đặt món" để chuyển sang giao diện thanh toán và hoàn tất quá
trình đặt hàng.
STT Công cụ Ảnh minh họa Tính năng

1 Textbox Tìm Kiếm Nhập tên món ăn cần tìm

2 Search Button Tìm kiếm món ăn

3 Textbox Button Danh mục món ăn

4 Filter Button Lọc món ăn theo phân

loại

5 Interactive Heart Lưu món ăn và danh sách

Button yêu thích
6 Add button Thêm món ăn vào giỏ
hàng
7 Textbox Button Xem thêm món ăn
8 Add To Cart Xem món ăn đã lưu trong
Button giỏ hàng
9 Close Button Đóng giỏ hàng

10 Plus Minus Button Chọn số lượng món ăn

11 Textbox Button Lưu thông tin món ăn và

chuyển sang giao diện
thanh toán