Khách hàng

Một phần của tài liệu đồ án tìm hiểu và xây dựng ứng dụng kiến trúc hướng dịch vụ với oracle soa suite (Trang 106 - 128)

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

Một phần của tài liệu đồ án tìm hiểu và xây dựng ứng dụng kiến trúc hướng dịch vụ với oracle soa suite (Trang 106 - 128)

Tải bản đầy đủ (PDF)

(141 trang)