Hình 5.26: xem danh sách đơn hàng ở trang quản trị viên
Trang quản trị viên cho phép quản trị viên tra cứu thông tin đơn hàng theo mã đơn hàng hoặc số điện thoại. Đồng thời cho phép lọc đơn hàng theo các tình trạng: đơn hàng đã duỷ, đơn hàng chưa thanh toán, đơn hàng đã thanh toán, đơn hàng đã giao.
Quản trị viên có quyền xem chi tiết đơn hàng bằng cách nhấp vào icon chữ i ở cột chi tiết của sản phẩm mà quản trị viên muốn xem.
Hình 5.27: quản trị viên xem chi tiết đơn hàng 5.2.8.!Nhân viên xác nhận đơn hàng
Khi nhân viên đăng nhập vào trang dành cho nhân viên, hệ thống sẽ hiển thị trang danh sách đơn hàng mà khách hàng đã đặt mua. Giao diện như sau:
Hình 5.28: xem danh sách đơn hàng ở trang nhân viên
Trang này cho phép nhân viên tra cứu thông tin đơn hàng theo mã đơn hàng hoặc số điện thoại. Đồng thời cho phép lọc đơn hàng theo các tình trạng: đơn hàng đã duỷ, đơn hàng chưa thanh toán, đơn hàng đã thanh toán, đơn hàng đã giao.
Nhân viễn cũng có quyền xem chi tiết đơn hàng bằng cách nhấp vào icon chữ i ở cột chi tiết của sản phẩm mà nhân viên muốn xem.
Hình 5.29: nhân viên xem chi tiết đơn hàng
Nhân viên cũng có quyền thao tác huỷ hơn hàng, xác nhận mua hàng, xác nhận đã giao hàng.
5.2.9.!Hiển thị danh sách các sản phẩm gợi ý được người dùng xem, thêm vào giỏ hàng, mua nhiều nhất hàng, mua nhiều nhất
Ta sẽ thiết kế một trang danh sách top các sản phẩm mà hệ thống gợi ý cho người dùng hoặc gợi ý kèm theo sản phẩm cụ thể nào đó mà được người dùng quan tâm nhiều nhất.
Mục tiêu của danh sách này là để gợi ý cho người dùng những sản phẩm mà hệ thống đã gợi ý ra được người dùng ưa chuộng nhất.
Danh sách các sản phẩm gợi ý này được chia ra làm 8 phần:
Hình 5.30: danh sách gợi ý theo các sản phẩm được tương tác nhiều nhất
Phần này sẽ hiển thị thông tin top 10 sản phẩm gợi ý theo sản phẩm(sản phẩm liên quan) được người dùng tương tác(xem, thêm vào giỏ hàng, mua) nhiều nhất.
Để có thể xem thêm sản phẩm, ta sẽ nhấn vào link Xem thêm sản phẩm bên dưới.
Phần này sẽ hiển thị thông tin top 10 sản phẩm gợi ý riêng cho mỗi người dùng được người dùng tương tác(xem, thêm vào giỏ hàng, mua) nhiều nhất.
Để có thể xem thêm sản phẩm, ta sẽ nhấn vào link Xem thêm sản phẩm bên dưới.
Hình 5.32: danh sách gợi ý theo sản phẩm được người dùng xem nhiều nhất
Phần này sẽ hiển thị thông tin top 10 sản phẩm theo sản phẩm được người dùng xem nhiều nhất.
Để có thể xem thêm sản phẩm, ta sẽ nhấn vào link Xem thêm sản phẩm bên dưới.
Hình 5.33: danh sách gợi ý theo sản phẩm được thêm vào giỏ hàng
Phần này sẽ hiển thị thông tin top 10 sản phẩm theo sản phẩm được người dùng thêm vào giỏ hàng nhiều nhất.
Hình 5.34: danh sách gợi ý theo sản phẩm được người dùng mua nhiều nhất
Phần này sẽ hiển thị thông tin top 10 sản phẩm theo sản phẩm được người dùng đặt mua nhiều nhất.
Để có thể xem thêm sản phẩm, ta sẽ nhấn vào link Xem thêm sản phẩm bên dưới.
Hình 5.35: danh sách gợi ý cho người dùng được xem nhiều nhất
Phần này sẽ hiển thị thông tin top 10 sản phẩm gợi ý riêng cho mỗi người dùng được người dùng xem nhiều nhất.
Hình 5.36: danh sách gợi ý cho người dùng được thêm vào giỏ hàng
Phần này sẽ hiển thị thông tin top 10 sản phẩm gợi ý riêng cho mỗi người dùng được người dùng thêm vào giỏ hàng nhiều nhất.
Để có thể xem thêm sản phẩm, ta sẽ nhấn vào link Xem thêm sản phẩm bên dưới.
Hình 5.37: danh sách gợi ý cho người dùng được mua nhiều nhất
Phần này sẽ hiển thị thông tin top 10 sản phẩm gợi ý riêng cho mỗi người dùng được người dùng đặt mua nhiều nhất.
CHƯƠNG 6: KIỂM THỬ PHẦN MỀM
Trong chương này ta sẽ thực hiện kiểm thử phần mềm, kiểm tra các chức năng chính mà ta đã thiết kế trong website để kiểm thử các chức năng có hoạt động phù hợp hay không. Các chức năng còn lại xem ở phần phụ lục.
6.1.! Chức năng gợi ý sản phẩm của phân hệ gợi ý hoặc sản phẩm phổ biến
Trong website này, ta có ứng dụng phân hệ gợi ý để thực hiện gợi ý sản phẩm cho người dùng. Có 2 loại gợi ý được tích hợp trong website này là gợi ý dựa trên tương tác của người dùng và gợi ý dựa trên sản phẩm tương tự với sản phẩm mà người dùng đang xem xét. Ta sẽ tiến hành kiểm thử 2 tính năng gợi ý này:
STT Mô tả Kết quả Kết luận
1 Kiểm thử tính năng gợi ý sản phẩm khi người dùng mở trang web trong trạng thái chưa đăng nhập.
Hệ thống sẽ gợi ý ra những sản phẩm phổ biến, được người dùng tương tác nhiều trong phần sản phẩm phổ biến như hình 6.1.
Pass
2 Khi người dùng mới tạo tài khoản và đăng nhập vào.
Hệ thống chưa có thông tin về lịch sử tương tác của người dùng nên chỉ gợi ý những sản phẩm dựa trên mức độ phổ biến của sản phẩm như hình 6.2 ở phần sản phẩm phổ biến.
Pass
3 Gợi ý sản phẩm với những người dùng đã tương tác nhiều với sản phẩm.
Hệ thống sẽ gợi ý sản phẩm cho người dùng theo 2 phần như hình 6.3. Bao gồm: gợi ý cho bạn do hệ thống gợi ý gợi ý riêng cho từng người dùng, sản phẩm phổ biến vẫn sẽ dựa trên mức độ phổ biến sản phẩm
Pass
4 Gợi ý sản phẩm tương tự với sản phẩm mà người dùng đang xem chi tiết. Ta sẽ thực hiện kiểm tra với sản phẩm Máy tính bảng iPad gen 8 2020 WiFi 32GB rồi từ đó gợi ý các sản phẩm liên quan cho người dùng.
Hệ thống sẽ dựa trên mức độ tương tự giữa các sản phẩm với nhau và chọn ra 4 sản phẩm tương tự nhất với sản phẩm mà người dùng đang xem xét rồi từ đó gợi ý cho người dùng như hình 6.4.
Pass
tên sản phẩm mà người dùng muốn tìm kiếm.
Trong trường hợp này, mình sẽ tra cứu sản phẩm Macbook Pro M1. Ta sẽ gõ từ khoá trong trường tìm kiếm sản phẩm như hình 6.5.
mà ta vừa nhập vào rồi từ đó gợi ý ra những sản phẩm mà người dùng đang tìm kiếm như hình 6.6.
Bảng 6.1: kiểm thử chức năng gợi ý và hiển thị sản phẩm phổ biến
Hình 6.4: danh sách sản phẩm liên quan, gần gũi với sản phẩm cụ thể
Hình 6.5: trường tìm kiếm sản phẩm, gõ tên sản phẩm đang cần tìm
6.2.! Chức năng thêm sản phẩm vào giỏ hàng, đặt hàng và thanh toán trên website
STT Mô tả Kết quả Kết luận
1 Thêm sản phẩm vào giỏ hàng trên các trang hiển thị danh sách nhiều sản phẩm.
Ta sẽ thực hiện rê chuột vào sản phẩm ta muốn thêm, khi đó sẽ hiển thị 2 nút, 1 nút để xem chi tiết sản phẩm, 1 nút để thêm sản phẩm vào giỏ hàng như hình 6.7.
Ta sẽ click vào nút có icon giỏ hàng để thêm sản phẩm vào giỏ hàng. Ta có thể chọn mua nhiều sản phẩm.
Sản phẩm được thêm vào giỏ hàng, đồng thời hiển thị thông báo ở góc phải trên màn hình để thông báo sản phẩm đã được thêm vào giỏ hàng, đồng thời số lượng sản phẩm trên nút giỏ hàng cũng được tăng lên(Hình 6.8) và khi click vào nút này sẽ hiển thị popup danh sách sản phẩm như hình 6.9.
Pass
2 Tăng số lượng sản phẩm trong popup giỏ hàng. Ta sẽ nhấn vào nút có dấu +(Hình 6.9) của sản phẩm mà ta muốn tăng số lượng trong popup giỏ hàng.
Số lượng sản phẩm mà ta vừa bấm vào nút + tăng lên 1. Chi phí tổng cộng cho từng sản phẩm cũng được tính lại tuỳ theo số lượng. Thông tin thanh toán ở cuối popup hình 6.9 (Tổng tiền, Phí ship, Tiền phải trả) cũng được tính lại.
Pass
3 Giảm số lượng sản phẩm trong popup giỏ hàng khi số sản phẩm của một món hàng cụ thể bằng 1. Ta sẽ thực hiện bằng cách nhấn vào nút có dấu –(Hình 6.9) của sản phẩm mà ta muốn giảm số lượng.
Sản phẩm được xoá hẳn ra khỏi popup giỏ hàng. Trong popup không còn hiển thị thông tin của sản phẩm mà ta vừa bấm vào nút giảm số lượng đó nữa. Thông tin thanh toán ở phần dưới cùng của popup cũng được tính toán lại.
Pass
4 Giảm số lượng sản phẩm trong popup giỏ hàng khi số sản phẩm của một món hàng cụ thể lớn hơn 1. Ta sẽ thực hiện bằng cách nhấn vào nút có dấu –(Hình 6.9) của sản phẩm mà ta muốn giảm số lượng.
Số lượng sản phẩm mà ta vừa bấm vào nút – giảm xuống 1. Chi phí tổng cộng cho từng sản phẩm cũng được tính lại tuỳ theo số lượng. Thông tin thanh toán ở cuối popup hình 6.9 (Tổng tiền, Phí ship, Tiền phải trả) cũng được tính lại.
Pass
5 Xoá sản phẩm ra khỏi giỏ hàng trong popup. Ta sẽ nhấn vào nút Xoá sản phẩm ứng với sản phẩm mà ta muốn xoá
Sản phẩm được xoá hẳn ra khỏi giỏ hàng. Thông tin thanh toán cũng được tính lại.
6 Nhấn vào nút đặt hàng ở dưới cùng trong popup danh sách sản phẩm có trong giỏ hàng để tiến hành đặt hàng trong trường hợp người dùng chưa đăng nhập.
Chuyển tới form Đăng nhập để mua sản phẩm và tiến hành đăng nhập(Hình 6.10).
Pass
7 Đăng nhập vào from Đăng nhập để mua sản phẩm. Khi thông tin đăng nhập sai.
Hiển thị cảnh báo và yêu cầu đăng nhập lại.
Pass
8 Đăng nhập vào from Đăng nhập để mua sản phẩm. Khi thông tin đăng nhập chính xác.
Chuyển tới trang thông tin thanh toán(Hình 6.11).
Pass
9 Lựa chọn phương thức thanh toán bằng tiền mặt(Ngay chỗ Phương thức thanh toán ở hình 6.11) sau đó nhấn vào nút tiến hành đặt hàng.
Hiển thị thông báo đặt hàng thành công và chuyển tới trang thông tin đặt hàng thành công(Hình 6.12), đồng thời email xác nhận đặt hàng được gửi tới như hình 6.13.
Pass
10 Lựa chọn phương thức thanh toán bằng paypal sau đó nhấn vào nút tiến hành đặt hàng.
Chuyển tới trang đăng nhập vào paypal để tiến hành thanh toán(hình 6.14), người dùng sẽ đăng nhập vào và tiến hành thanh toán sản phẩm online(hình 6.15), sau khi thanh toán thành công sẽ chuyển tới trang thông báo người dùng đã đặt hàng thành công(Hình 6.16), đồng thời cũng có email gửi tới giống như hình 6.13.
Pass
Hình 6.7: hiển thị nút thêm sản phẩm và xem chi tiết sản phẩm khi rê chuột
Hình 6.8: Số lượng sản phẩm đang có trong giỏ hàng.
Hình 6.10: Form khi người dùng đăng nhập để mua sản phẩm.
Hình 6.12: trang thông báo đặt hàng thành công bằng tiền mặt.
Hình 6.13: email xác nhận đặt hàng thành công
Hình 6.15: trang thanh toán bằng paypal để tiến hành thanh toán
Hình 6.16: thông báo đặt hàng thành công bằng paypal 6.3.! Chức năng tìm kiếm và đặt hàng trên chatbot
Chatbot này có thể hiểu được 2 loại của văn bản là lời chào hoặc câu hỏi đặt mua hàng. Khi người dùng gửi tin nhắn đến chatbot này, chatbot sẽ thông qua thuật toán machine learning để phân biệt loại văn bản này là lời chào hay câu hỏi mua hàng. Nếu
là lời chào thì sẽ trả về một lời chào tương ứng. Nếu là câu hỏi mua hàng thì sẽ gợi ý ra những sản phẩm tương ứng với sản phẩm mua hàng mà người dùng đang tìm kiếm.
Bên cạnh đó chatbot còn có thể hỗ trợ người dùng đặt mua hàng trên chatbot sau đó chuyển đến trang đặt hàng để điền thông tin đặt hàng vào.
Trong phần kiểm thử chatbot này, ta sẽ thực hiện 2 loại kiểm thử là kiểm thử kịch bản của chatbot và kiểm thử tính năng đặt hàng, mua hàng trên chatbot.
Hình 6.17: icon giao diện chatbot
Khi nhấn chọn icon giao diện chatbot sẽ hiển thị ra popup, ta sẽ lựa chọn Tiếp tục với vai trò khách để bắt đầu trò chuyện với chatbot. Kết quả hiển thị như sau:
Hình 6.18: giao diện chatbot
Khi tin nhắn người dùng gửi tới là lời chào thì sẽ hiển thị tin nhắn dạng lời chào như sau:
Hình 6.19: tin nhắn trả về trên chatbot khi tin nhắn gửi tới là lời chào
Khi tin nhắn người dùng gửi tới là tin nhắn hỏi mua hàng thì hệ thống sẽ gợi ý ra các sản phẩm và hỗ trợ người dùng đặt hàng như hình:
Hình 6.20: tin nhắn trả về trên chatbot khi hỏi mua hàng 6.4.! Kiểm thử kịch bản của chatbot
STT Tin nhắn gửi tới chatbot Phân loại Kỳ vọng Kết quả
1 Xin chào Lời chào Trả về tin nhắn lời chào Pass 2 Tôi muốn mua hàng Lời chào Trả về tin nhắn lời chào Pass 3 Tôi muốn tìm mua sản
phẩm Mua hàng Trả về danh sách sản phẩm tuỳ ý Pass 4 Chào bạn, bạn có thể hỗ trợ tôi không
Lời chào Trả về tin nhắn lời chào Pass 5 Tôi muốn mua macbook Mua hàng Trả về danh sách các sản
phẩm macbook
Pass 6 Tôi đang tìm apple watch
S5
Mua hàng Trả về các sản phẩm apple watch, trong đó có apple watch S5 Pass 7 Shop có bán laptop HP không Mua hàng Trả về danh sách các sản phẩm laptop HP Pass 8 Xem danh sách iphone Mua hàng Trả về danh sách các điện
thoại iphone
Pass 9 Tôi muốn mua iphone XR Mua hàng Trả về danh sách các điện
thoại iphone trong đó có iphone XR
Pass
10 Admin ơi Lời chào Trả về tin nhắn lời chào Pass 11 Đang tìm samsung galaxy Mua hàng Trả về danh sách các sản
phẩm samsung galaxy
Pass 12 Tôi cần tìm ipad pro Mua hàng Trả về danh sách các sản
phẩm ipad, trong đó có ipad pro
14 Tôi muốn mua oppo Mua hàng Trả về danh sách các sản phẩm oppo
Pass 15 Mua vivo Mua hàng Trả về danh sách các sản
phẩm vivo
Pass 16 Tìm mua Macbook pro
M1
Mua hàng Trả về macbook pro M1 và các sản phẩm macbook khác
Pass
17 Laptop asus vivobook Mua hàng Trả về các laptop asus vivobook và các laptop khác
Pass
18 Tôi muốn mua asus zenbook i5
Mua hàng Trả về laptop asus zenbook i5 và các laptop khác
Pass
19 Laptop acer aspire Mua hàng Trả về danh sách các sản phẩm laptop acer aspire và các laptop khác
Pass
20 Laptop gaming Mua hàng Trả về laptop gaming và các laptop khác
Pass
Bảng 6.3: kiểm thử kịch bản cho chatbot 6.5.! Kiểm thử tính năng đặt hàng trên chatbot
STT Mô tả Kết quả Kết luận
1 Trong chatbot, sau khi truy vấn sản phẩm mà ta muốn mua, nhấn vào nút Chọn mua sản phẩm của sản phẩm mà ta muốn thêm vào giỏ hàng
Hiển thị thông báo về việc thêm sản phẩm vào giỏ hàng thành công và nút Chuyển tới trang đặt hàng
Pass
2 Mua thêm các sản phẩm khác. Ta sẽ thực hiện truy vấn các sản phẩm khác và tiếp tục nhấn Chọn mua sản phẩm đối với sản phẩm mà ta muốn mua