6.2.1. Use Case “Đăng Nhập”
92
- Trên trang chủ, ta click vào nút “Đăng Nhập”
Hình 6-1: Đăng nhập ứng dụng
- Trong màn hình “ĐĂNG NHẬP” , ta gõ tên tài khoản và mật khẩu của khách hàng.
Hình 6-2: Giao diện đăng nhập
93
6.2.2. Use Case “Quản lý tài khoản” 6.2.2.1.Use-Case “Mở tài khoản”
- Để thực hiện chức năng mở tài khoản ta chọn vào nút “Đăng ký” - Xuất hiện màn hình đăng ký như sau:
o Điền đầy đủ thông tin cần thiết vàọ
Hình 6-3: Giao diện đăng kí
94
Hình 6-4: Giao diện thông báo đăng ký thành công
6.2.2.2.Use-Case “Cập nhật tài khoản”
- Sau khi đăng nhập thành công, để cập nhật tài khoản ta click vào “ Thay đổi thông tin cá nhân”.
- Màn hình cập nhật tài khoản xuất hiện như sau
Hình 6-5: Giao diện chỉnh sửa thông tin cá nhân
- Chọn vào nút Save để thực hiện cập nhật lại tài khoản. - Màn hình thông báo cập nhật tài khoản thành công
95
Hình 6-6: Giao diện thông báo chỉnh sửa thành công
6.2.3. Use Case “Xem Danh Mục Sản Phẩm”
- Màn hình “Xem Danh Mục Sản Phẩm” hiển thị Sản phẩm theo từng danh mục cho người dùng xem khi có nhu cầụ
Hình 6-7: Giao diện danh mục sản phẩm
6.2.4. Use Case “Tìm kiếm”
- Trước tiên ta xét chức năng tìm kiếm cơ bản, chức năng này cho phép người dùng tìm kiếm sản phẩm có trong hệ thống theo lọc tiêu chí Tên sản phẩm.
96
Hình 6-8: Giao diện tìm kiếm sản phẩm
6.2.4.1.Chi tiết Use Case “Tìm kiếm Cơ Bản”
- Gõ thông tin cần tìm kiếm vào ô text box sau đó bấm vào nút Tìm.
- Giả sử ta gõ nội dung cần tìm là “Java”, kết quả tìm kiếm xuất hiện như sau:
97
6.2.4.2.Chi tiết Use Case “Tìm kiếm Nâng Cao”
- Use-Case “Tìm kiếm Nâng Cao” cho phép người dùng tìm kiếm sản phẩm theo nhiều tiêu chí khác nhaụ
- Ta bấm vào nút “Tìm Kiếm Nâng Cao” sau đó màn hình xuất hiện như sau: - Gõ thông tin cần tìm kiếm vào ô text box sau đó bấm vào nút Tìm.
Hình 6-10: Tìm kiếm nâng cao
98
Hình 6-11: Kết quả tìm kiếm nâng cao
6.2.4.3.Chi tiết Use Case “Tìm kiếm Theo Danh Mục”
- Use-Case “Tìm kiếm Theo Danh Mục” cho phép người dùng tìm kiếm Sản phẩm theo danh mục khác nhau, và sau đó hệ thống sẽ liệt kê ra sản phẩm tương ứng với danh mục người dùng đã chọn.
99
Hình 6-12: Giao diện tìm kiếm theo danh mục
- Chẳng hạn, người dùng chọn vào danh mục “Sách Tin Học”, kết quả tìm kiếm xuất hiện như sau:
100
6.2.5. Use Case “Quản Lý Đặt Hàng”
6.2.5.1.Use-Case “Đưa Sản Phẩm vào Giỏ Hàng”
Để thực hiện chức năng mua hàng, ta làm theo các bước sau: - Chọn sản phẩm cần mua và đưa vào giỏ hàng.
- Tìm sản phẩm cần mua
Hình 6-14: Đưa vào giỏ hàng
- Chọn vào nút “Đưa vào giỏ hàng”.
101
Hình 6-15: Giao diện giỏ hàng
- Ta nhập số lượng sản phẩm cần mua tại ô “Số Lượng” , ví dụ nhập là 9 sản phẩm chẳng hạn.
- Sau đó chọn vào nút “ Cập nhật”
- Màn hình của bạn tự động cập nhật lại tình trạng của giỏ hàng
102
- Để tiếp tục mua sản phẩm khác thì ta chọn nút “Tiếp tục mua hàng”
- Chương trình trả về các chức năng tìm kiếm để lựa chọn các sản phẩm khác cần muạ
- Các thao tác tương tự, ta chọn thêm 2 sản phẩm khác nữa vào giỏ hàng kết quả như sau:
Hình 6-17: Tiếp tục mua hàng
- Sau khi kiểm tra giỏ hàng đã đầy đủ những sản phẩm và số lượng sản phẩm cần mua, sau đó chọn nút Thanh toán.
- Ghi chú: Thao tác thanh toán thì khách hàng phải tài khoản trong PayPal.
6.2.5.2.Use-Case “Thanh toán”
103
Hình 6-18: Thanh toán
- Màn hình thanh toán xuất sau khi chúng ta chọn nút Thanh toán
để thực hiện thanh toán tiền mua sản phẩm.
Hình 6-19: Giao diện Sandbox PayPal
104
Hình 6-20: Màn hình tài khoản PayPal
- Màn hình đăng nhập với tài khoản của PayPal để thực hiện thanh toán
Hình 6-21: Đăng nhập vào hệ thống PayPal
105
Hình 6-22: Tài khoản trước khi mua sản phẩm
- Màn hình xác nhận để thực hiện thanh toán
Hình 6-23: Màn hình xác nhận thanh toán
106
Hình 6-24: Màn hình thông báo thanh toán thành công
6.2.5.3.Use-Case “Lưu giỏ hàng”
- Để lưu sản phẩm vào giỏ hàng ta chọn vào nút “Save”. Màn hình xuất hiện như sau:
Hình 6-25: Lưu giỏ hàng
- Để Xem kết quả ta vào xem trong bảng Đơn Đặt hàng và bảng “Tình Trạng Đơn Đặt hàng”
107
Hình 6-26: Kết quả lưu giỏ hàng
6.2.5.4.Use-Case “Xóa Sản phẩm trong giỏ”
- Màn hình trước khi xóa
Hình 6-27: Xóa sản phẩm
- Để xóa sản phẩm ta làm như sau:
Chọn vào ô checkbox của sản phẩm mà chúng ta muốn xóa, rồi sau đó bấm vào nút Xóa
108
Hình 6-28: Chọn sản phẩm trong giỏ hàng để xóa
- Màn hình sau khi xóa
Hình 6-29: Màn hình sau khi xóa
6.2.6. Use Case “Xem Chi Tiết Sản Phẩm”
- Hệ thống cho phép khách hàng xem chi tiết sản phẩm. - Để xem chi tiết sản phẩm, ta chọn vào nút “Xem Chi Tiết”
109
Hình 6-30: Xem chi tiết sản phẩm
- Màn hình Xem chi Tiết Sản Phẩm xuất hiện như sau:
Hình 6-31: Giao diện chính ‘Chi tiết sản phẩm’
6.2.7. Use Case “Xem sản phẩm bán chạy”
- Để Xem sản phẩm bán chạy ta chọn vào từng danh mục Sản phẩm , sau đó chọn sản phẩm bán chạy theo từng danh mục sản phẩm
110 - Danh Mục Sách Bán chạy
Hình 6-32: Giao diện sản phẩm bán chạy
6.2.8. Use Case “Xem sản phẩm mới”
- Danh Mục Sách Mới
111
6.2.9. Use Case “So Sánh Giá”
- Để so sánh giá với các BookStore khác ta chọn vào nút “So Sánh Giá”
Hình 6-34: So sánh giá
- Màn hình so sánh giá xuất hiện như sau:
112
- Chương trình sẽ giá sách đó từ trang Amazon và so sánh giá sách của trang VinaBook.
- Để xem chi tiết Giá Sách ta chọn nút “ Xem”
Hình 6-36: Xem chi tiết so sánh giá
- Màn hình xem chi tiết xuất hiện như sau: Trang VinaBook
113 Trang Amazon
Hình 6-38: Chi tiết so sánh giá Amazon