Hình 22: Màn hình thanh tốn
Giao diện Thanh tốn
Mơ tả Cho phép user xác nhận mua đơn hàng
Truy cập Trang thanh toán hiển thị khi click button đặt mua ở giỏ hàng
Nội dung giao diện
Thành phần Kiểu Dữ liệu Mô tả
Họ tên TextBox – String(100) Text họ tên Trường dành cho nhập họ tên
Email TextBox – String(100) Text email Trường dành cho nhập email
Số điện thoại TextBox – String(100) Test số điện thoại Trường nhập số điện thoại
Địa chỉ TextBox – String(100) Test địa chỉ Trường để nhập địa chỉ
Lời nhắn TextBox – String(100) Test lời nhắn Trường để nhập lời nhắn
Submit Button Button submit Để chốt mua đơn hàng
Các hành động trong giao diện
Submit Nếu bạn là user đã đăng nhập vào website, các thông tin họ tên, email, số điện thoại, địa chỉ sẽ được điền sẵn, click submit đặt hàng thành công, hiển thị thông báo:”Đặt hàng thành công, chúng tôi sẽ liên hệ với bạn để giao hàng”. Nếu bạn là khách, bạn phải điền đầy đủ thông tin để submit, nếu không sẽ hiện thông báo “Thơng tin khơng được bỏ trống
Quay lại màn hình giỏ hàng
Hiện thông báo: “Thông tin không được bỏ trống”
Bảng 10: Mô tả chức năng xác nhận đơn hàng
5.2 Admin
5.2.1. Đăng nhập
Hình 23: Giao diện đăng nhập web admin
Giao diện Đăng nhập
Mô tả Cho phép admin đăng nhập vào hệ thống
Truy cập Lúc mới vào trang đăng nhập admin Nội dung giao diện
Thành phần Kiểu Dữ liệu Mô tả
Username TextBox – String(100) Dữ liệu trích xuất từ CSDL
Trường dành cho
admin nhập
username Password TextBox – String(100) Dữ liệu trích xuất
từ CSDL
Trường dành cho
admin nhập
password
Login Button Button Login Đăng nhập vào hệ thống
Forgot Password
Button Button forgot password
Lấy lại mật khẩu nếu quên
Các hành động trong giao diện
Login Khi admin kích nút login, hệ thống sẽ kiểm tra username với password tương ứng có tồn tại trong hệ thống hay khơng, nếu có thì cho user đăng nhập vào hệ thống, nếu khơng thì hiển thị thơng báo “Vui lòng
kiểm tra lại tài khoản và mật khẩu!”.
Khi khơng nhập tài khoản hoặc mật khẩu thì hiển thị thông báo “Email, mật khẩu không được bỏ trống”. Khi việc đăng nhập được thực hiện thành công, hệ thống sẽ kiểm tra xem tài khoản thuộc Vai trò (Role) nào. Sau đó hiện lên một Thông báo với nội dung:
“Xin chào Nhân viên / Quản lý.”
Vào màn chính của Tab hệ thống.
Hiện thơng báo: “Sai tài khoản hoặc mật khẩu”
Hiện thông báo: “Email, mật khẩu không được bỏ trống”.
Forgot password
Bảng 11: Mô tả chức năng đăng nhập web admin