CHƯƠNG IV : XÂY DỰNG HỆ THỐNG WEBSITE
2. Giao diện chức năng admin
2.12. Điểm bán hàng
2.12.1. Giao diện điểm bán hàng
Khi người dùng chọn vào chức năng điểm bán hàng (POS), hệ thống sẽ tự động truy xuất sản phẩm từ dữ liệu để hiển thị trên giao diện tên sản phẩm, đơn giá, màu sắc, thuộc tính, giao diện sẽ hiển thị như Hình 67.
Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu
SINH VIÊN THỰC HIỆN: BÙI VĂN HUÂN 57
Hình 67: Điểm bán hàng – Bảng điều khiển của POS
Trong đó: (1) Thêm vào giỏ hàng: Thêm sản phẩm vào giỏ hàng theo yêu cầu của khách. (2) Xóa: Làm trống giỏ hàng. (3) Khách hàng: Lựa chọn khách hàng là người mua sản phẩm. (4) Thanh toán: Tiến hành thanh tốn đơn hàng mua của khách (nếu có).
2.12.2. Thêm sản phẩm vào giỏ hàng
Khi người dùng chọn vào chức năng Thêm sản phẩm vào giỏ thì sản phẩm sẽ được thêm vào giỏ hàng và sẽ hiển thị trong danh sách mua hàng của sản phẩm, giao diện sẽ hiển thị như Hình 68.
Hình 68: Điểm bán hàng - Thêm sản phẩm vào giỏ hàng
Trong đó: (1) Cập nhật số lượng hoặc màu sắc của sản phẩm trong giỏ hàng. (2) Xóa: Xóa sản phẩm khỏi giỏ hàng. (3) Giảm giá: Số tiền được giảm đối với sản phẩm có chiết khấu. (4) Tổng tiền: Tổng số tiền của tất cả các sản phẩm trong giỏ hàng.
2.12.3. Xóa sản phẩm khỏi giỏ hàng
Khi người dùng chọn vào chức năng Xóa thì sản phẩm sẽ bị xóa khỏi giỏ hàng và khơng cịn được hiển thị trong danh sách mua hàng của khách nữa.
Sau đó hệ thống cập nhật thì thơng tin sản phẩm đó trong giỏ hàng sẽ được cập nhập, giao diện sẽ hiển thị như Hình 69.
Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu
SINH VIÊN THỰC HIỆN: BÙI VĂN HUÂN 58
Hình 69: Điểm bán hàng - Xóa sản phẩm khỏi giỏ hàng
2.12.4. Thanh tốn đơn hàng sản phẩm
Sau khi khách hàng đã chọn mua được sản phẩm và người dùng đã hỗ trợ khách hàng thêm sản phẩm vào giỏ hàng và tiến hành thanh tốn.
Tiếp theo đó, chọn khách hàng mua, có thể là (1) walk-in customer hoặc khách hàng đã có trong danh sách khách hàng của hệ thống. Sau đó là nhấn vào nút (2) Thanh tốn (Pay Now), giao diện sẽ hiển thị như Hình 70.
Đề tài đồ án tốt nghiệp 2018 – 2021 Trường Đại học Bà Rịa – Vũng Tàu
SINH VIÊN THỰC HIỆN: BÙI VĂN HUÂN 59