CHƯƠNG III GIẢI PHÁP
2 Giao diện Admin
2.1 Giao diện login quản trị viên
- Backgroudn được sử dụng màu nền gradient.
- Form hiển thị các thông tin như đăng nhập và mật khẩu. Trường hợp tài khoản đúng sẽ truy cập vào trang chủ website. Cịn nếu sai thì sẽ hiển thị ra thơng báo.
Hình ảnh.2.2.1 : Trang đăng nhập hệ thống
2.2.2 Giao diện trang chủ hệ thống
Giao diện trang chủ hệ thống được thiết kế và hiển thị như sau :
- Bên trái trên cùng được hiển thị logo và danh mục menu hệ thống với các danh mục chính như : Thêm sản phẩm , danh sách sản phẩm , quản lý hóa đơn , quản lý phản hồi , quản lý thông báo.
- Bên phải hiển thị nút đăng xuất và lời chào admin khi đăng nhập thành cơng.
Hình ảnh.2.2.2 : Trang chủ hệ thống
2.2.3 Giao diện thêm sản phẩm
Giao diện thêm sản phẩm được thiết kế hiển thị như sau : - Trên cùng hiển thị tiêu đề.
- Bên dưới hiển thị form thông tin như tên đồ ăn , giá đồ ăn , tình trạng đồ ăn , hình ảnh đồ ăn và mô tả đồ ăn. Trường hợp quản trị click vào nút thêm mới đồ ăn thì lập tức dữ liệu sẽ được truyền lên sever lưu trữ và hiển thị ở phía ngồi website.
2.2.4 Giao diện sửa thơng tin đồ ăn
Giao diện sửa đồ ăn được thiết kế hiển thị như sau : - Tiêu đề được hiển thị trên cùng.
- Bên dưới hiển thị các trường dữ liệu như tên đồ ăn , giá đồ ăn , tình trạng đồ ăn , hình ảnh đồ ăn , mơ tả đồ ăn và kèm thêm dữ liệu cũ trên ô input. Trường hợp quản trị đã sửa một hay nhiều thông tin và click vào nút sửa thì lập tức hệ thống cũng như website sẽ thay đổi theo.
Hình ảnh.2.2.4 : Sửa sản phẩm
2.2.5 Giao diện danh sách sản phẩm
Giao diện danh sách sản phẩm được thiết kế hiển thị như sau : - Trên cùng hiển thị tiêu đề.
- Bên dưới hiển thị tất cả sản phẩm được thêm thành dạng danh sách. Với các trường thơng tin chính là tên đồ ăn , giá đồ ăn , tình trạng đồ ăn , thời gian và ba thao tác vụ là xem chi tiết , sửa và xóa.
Hình ảnh.2.2.5 : Danh sách sản phẩm
2.2.6 Giao diện chi tiết sản phẩm
Giao diện chi tiết đồ ăn được thiết kế hiển thị như sau : - Trên cùng hiển thị tiêu đề.
- Bên dưới hiển thị tất cả thông tin liên quan đến đồ ăn như tên đồ ăn, giá đồ ăn , tình trạng đồ ăn, hình ảnh đồ ăn, mơ tả đồ ăn và thời gian đăng. Ngồi ra quản trị có thể thao tác hai tác vụ như sửa và xóa đồ ăn.
2.2.7 Giao diện quản lý hóa đơn
Giao diện quản lý hóa đơn được thiết kế hiển thị như sau : - Trên cùng hiển thị tiêu đề.
- Hiển thị tất cả danh sách hóa đơn với các trường chính là tên đồ ăn , họ và tên khách hàng , địa chỉ nhận hàng , số lượng , thời gian mua và thao tác xóa.
Hình ảnh.2.2.7 : Quản lí hóa đơn
2.2.8 Giao diện phản hồi
Giao diện danh sách phản hồi được thiết kế và hiển thị như sau : - Trên cùng hiển thị tiêu đề.
- Bên dưới hiển thị các thông tin liên quan đến tin nhắn phản hồi như họ và tên khách hàng , địa chỉ email , số điện thoại , nội dung tin nhắn và thời gian phản hồi. Ngồi ra quản trị có thể xóa tin nhắn này đi.
Hình ảnh.2.2.8 : Danh sách phản hồi
2.2.9 Giao diện quản lý thông báo
Giao diện quản lý thông báo được thiết kế hiển thị như sau :
- Trên cùng hiển thị tiêu đề.
- Bên dưới hiển tất cả địa chỉ email với các trường thơng tin chính là id , địa chỉ email khách hàng , thời gian đăng kí và chức năng xóa.