CHƯƠNG 4 HIỆN THỰC VÀ KẾT LUẬN
4.3.5 Thử nghiệm chức năng Chọn mua sản phẩm và thanh toán
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 114
Hình 4.34. Giao diện thử nghiệm chức năng Chọn mua sản phẩm.
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 115
Hình 4.35. Giao diện thử nghiệm Giỏ hàng khi đã đăng nhập và chưa đăng nhập.
Hình 4.36. Giao diện thử nghiệm Xác nhận đơn đặt hàng.
Hình 4.37. Giao diện thử nghiệm Xem lịch sử đặt/mua hàng.
4.3.5.1 Mô tả các mục.
- Mục 1: Ô nhập từ khóa tìm kiếm.
- Mục 2: Nút tìm kiếm.
- Mục 3: Nút menu danh mục loại sản phẩm.
- Mục 4: Loại sản phẩm.
- Mục 5: Sản phẩm HOT.
- Mục 6: Nút xem chi tiết sản phẩm.
- Mục 7: Nút chọn mua sản phẩm vào giỏ hàng.
- Mục 8: Giỏ hàng.
- Mục 9: Nút xóa sản phẩm ra khỏi giỏ hàng.
- Mục 10: Ô nhập cập nhật số lượng sản phẩm trong giỏ hàng.
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 116
- Mục 11: Nút thanh toán bằng paypal.
- Mục 12: Nút thanh toán bằng hình thức thanh toán trực tiếp khi nhận hàng.
- Mục 13: Ô nhập địa chỉ nhận hàng.
- Mục 14: Nút quay lại tiếp tục mua sản phẩm.
- Mục 15: Nút xác nhận đơn đặt hàng.
- Mục 16: Nút hủy đơn hàng đã đặt hàng.
- Mục 17: Nút xác nhận đã nhận được hàng.
4.3.5.2 Luồng hoạt động.
- Mục 2: Khi người dùng nhấn vào nút này thì hệ thống sẽ nhận dữ liệu từ mục 1 để tìm kiếm sản phẩm (tìm kiếm sản phẩm tương đối).
+ Nếu tên sản phẩm để rỗng thì hệ thống sẽ hiển thị tất cả các sản phẩm ra màn hình.
+ Nếu tên sản phẩm có trong cơ sở dữ liệu thì hệ thống sẽ hiển thị thông tin của các sản phẩm đó ra màn hình.
+ Nếu tên sản phẩm không có trong cơ sở dữ liệu thì hệ thống sẽ hiển thị thông báo như sau:
Hình 4.38. Alert thông báo ‘Không tìm thấy thông tin sản phẩm’.
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 117
- Mục 3: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hiển thị danh mục các loại sản phẩm như mục 4. Ngược lại, nếu người dùng nhấn vào nút này một lần nữa thì hệ thống sẽ thu gọn danh mục các loại sản phẩm lại.
- Mục 5: Nếu sản phẩm có người đặt hàng trong ngày thì sản phẩm đó sẽ là sản phẩm HOT. Ngược lại sản phẩm đó không phải là sản phẩm HOT.
- Mục 6: Nếu người dùng nhấn vào nút này thì hệ thống sẽ chuyển sang trang xem chi tiết thông tin của sản phẩm đó.
- Mục 7: Nếu người dùng nhấn vào nút này thì hệ thống sẽ chuyển sản phẩm này vào giỏ hàng như mục 8.
- Mục 8:
+ Nếu người dùng hover vào nút này thì hệ thống sẽ hiển thị giao diện giỏ hàng ra màn hình như hình 4.3.5.2 (bên trái).
+ Nếu người dùng hover vào nút này mà chưa đăng nhập thì hệ thống sẽ hiển thị giao diện giỏ hàng ra màn hình như hình 4.3.5.2 (bên phải).
- Mục 9: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hỏi như sau:
Hình 4.39. Alert thông báo ‘Xác nhận xóa sản phẩm’.
+ Nếu người dùng chọn ‘Yes’ thì hệ thống sẽ xóa sản phẩm đó ra khỏi giỏ hàng.
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 118
+ Nếu người dùng chọn ‘No’ thì hệ thống sẽ không thực hiện thao tác nào.
- Mục 10: Người dùng nhập số lượng sản phẩm muốn mua vào ô này, sau đó nhấn enter để cập nhật lại tổng thanh toán của giỏ hàng.
+ Nếu người dùng nhập số lượng sản phẩm > 10 thì hệ thống sẽ hiển thị thông báo như sau:
Hình 4.40. Alert cảnh báo ‘Số lượng sản phẩm không vượt quá 10’.
+ Nếu người dùng nhập số lượng là 0 thì hệ thống sẽ tự động xóa sản phẩm đó ra khỏi giỏ hàng.
- Mục 11: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hiển thị giao diện đăng nhập vào tài khoản paypal cho người dùng thanh toán như sau:
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 119
Hình 4.41. Giao diện Thanh toán bằng hình thức Paypal.
+ Nếu người dùng hủy thanh toán thì hệ thống sẽ hiển thị thông báo như sau:
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 120
Hình 4.42. Alert thông báo ‘Hủy thanh toán bằng hình thức Paypal’.
- Mục 12: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hiển thị giao diện ra màn hình như hình 4.3.5.3.
- Mục 13: Nếu người dùng đã cập nhật địa chỉ của người dùng rồi thì hệ thống sẽ tự động lấy địa chỉ này để làm địa chỉ giao hàng. Mặt khác, người dùng cũng có thể thay đổi được địa chỉ giao hàng.
- Mục 14: Nếu người dùng nhấn vào nút này thì hệ thống sẽ quay lại màn hình cho phép người dùng tiếp tục chọn mua sản phẩm.
- Mục 15: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hiển thị thông báo như sau và chuyển tới trang xem lịch sử đặt/mua hàng như hình 4.3.5.4:
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 121
Hình 4.43. Alert thông báo ‘Đã đặt hàng thành công’.
- Mục 16: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hỏi như sau:
Hình 4.44. Alert thông báo ‘Xác nhận hủy đơn hàng’.
+ Nếu người dùng chọn ‘Yes’ thì hệ thống sẽ hủy đơn hàng mà người dùng đã đặt.
+ Nếu người dùng chọn ‘No’ thì hệ thống sẽ không thực hiện thao tác nào.
- Mục 17: Nếu người dùng nhấn vào nút này thì hệ thống sẽ hiển thị thông báo như sau:
Hình 4.45. Alert thông báo ‘Xác nhận đơn hàng thành công’.
Báo cáo khóa luận tốt nghiệp chuyên ngành Kỹ thuật phần mềm
Phạm Thanh Duy - 16043751
Trịnh Đức Duy - 16018731 122