Tiểu luận môn kiểm chứng phần mềm KIỂM TRA GIAO DIỆN ỨNG DỤNG WEB

L o g o
KIỂM TRA GIAO DIỆN ỨNG DỤNG WEB
Giảng viên:
ThS. Nguyễn Công Hoan
Các thành viên nhóm:
10520394 – Trịnh Ngọc Huy
10520389 – Võ Ngọc Lâm Sơn
10520362 – Nguyễn Vĩnh Kim Long
L o g o
NỘI DUNG
Kiểm Tra Hiển Thị Giao Diện Người Dùng
Kiểm Tra Tính Khả Dụng Và Khả Năng Truy Nhập
Kiểm Tra Thực Thi Giao Diện Người Dùng
Kiểm Tra Thiết Kế Giao Diện Người Dùng
Giới Thiệu
Tổng Kết
L o g o
GIỚI THIỆU
Để kiểm tra việc thực hiện và thiết kế giao diện người dùng (GUI) của 1 ứng dụng Web, chúng ta cần phải
hiểu cả quan điểm của các nhà thiết kế (mục tiêu của thiết kế) và quan điểm của nhà phát triển (thực hiện
công nghệ giao diện người dùng). Với thông tin đó, chúng ta có thể phát triển các trường hợp kiểm tra hiệu
quả nhằm vào các đối tượng có nhiều khả năng có sai sót trong thiết kế và thực hiện của một ứng dụng
Web.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG

Kiểm tra thiết kế giao diện người dùng đánh giá mức độ “chăm sóc” của nó đối với người
dùng.

Nói một cách cụ thể là kiểm tra khả năng cung cấp hướng dẫn rõ ràng, cung cấp thông
tin phản hồi, và duy trì tính nhất quán của ngôn ngữ và cách tiếp cận. Tạo ấn tượng chủ

quan cho người dùng về việc dễ thao tác, sử dụng, dễ nhìn, dễ cảm nhận.

Ngoài ra, các vấn đề liên quan tới định hướng, khả năng sử dụng, các lệnh, và khả năng
tiếp cận cũng được đánh giá trong kiểm tra thiết kế giao diện.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Hai vấn đề chính cần giải quyết là:

Ứng dụng hướng đến loại người dùng nào?

Phương pháp tiếp cận thiết kế nào đã được sử dụng?
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Ứng dụng hướng đến loại người dùng nào?

Người sử dụng phía máy chủ

Người sử dụng phía máy khách
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Bốn tiêu chí để lập một hồ sơ đối tượng người dùng:

Kinh nghiệm máy tính

Kinh nghiệm Web

Kiến thức về lĩnh vực

Kinh nghiệm ứng dụng cụ thể
L o g o

KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Các chủ đề để xem xét khi thẩm định thiết kế

Phương pháp tiếp cận thiết kế.

Tương tác với người dùng (dữ liệu đầu vào).

Trình bày dữ liệu (dữ liệu đầu ra).
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Các thiết kế mô phỏng là những cầu nối nhận thức có thể giúp người sử dụng hiểu được
tính logic của giao diện người dùng bằng cách liên kết chúng với những kinh nghiệm
mà người dùng có thể có trong thế giới thực hoặc ở những nơi khác.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Mô phỏng mô phỏng dựa trên tài liệu. Nó bao gồm một không gian làm việc, nơi dữ liệu có thể được
nhập và thao tác theo một cách tương tự như trên một mảnh giấy.
Phương pháp tiếp cận thiết kế
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Mô phỏng dựa trên thiết bị. Máy tính ảo này bao
gồm các điều khiển giao diện người dùng được
thiết kế để nhận được đầu vào của người sử
dụng và thực hiện các chức năng.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Hai phương pháp khác nhau để truyền đạt những thông tin và câu lệnh đồng

nhất
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Định hướng lựa chọn thông qua các nút radio.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Định hướng lựa chọn thông qua trình đơn thả xuống
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Hai phương pháp khác nhau để truyền đạt những thông tin và câu lệnh đồng
nhất
Bất kể phương pháp tiếp cận thiết kế nào được sử dụng, người kiểm tra thường không đánh giá xem
cách nào là tốt nhất. Tuy nhiên, điều đó không có nghĩa là chúng ta nên bỏ qua các lỗi thiết kế, đặc biệt
là nếu chúng ta làm việc cho một tổ chức thực sự quan tâm về các vấn đề chủ quan như khả năng sử
dụng.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Hai phương pháp khác nhau để truyền đạt những thông tin và câu lệnh đồng
nhất
Nhiệm vụ của chúng ta là để chỉ ra những thiếu sót của thiết kế sớm nhất có thể cũng như chỉ ra sự
không thống nhất trong việc thực hiện thiết kế. Ví dụ, nếu cách tiếp cận sử dụng một trình đơn thả
xuống, trái ngược với sử dụng các nút radio, một trình đơn thả xuống sau đó nên được sử dụng phù hợp
trong tất cả các khung nhìn.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế

Những vấn đề phổ biến cần được quan tâm khi xây dựng kế hoạch kiểm tra:

Hãy nhớ rằng các tag giao diện người dùng, điều khiển, và các đối tượng được hỗ trợ bởi HTML là
nguyên thủy so với những cái có sẵn thông qua Giao diện đồ họa người dùng (GUI) trên Microsoft
Windows hoặc các hệ điều hành khác. Nếu người thiết kế có ý định cạnh tranh với mô phỏng giao
diện người dùng Windows, tìm kiếm các thiếu sót trong thiết kế.

Nếu bạn gặp khó khăn để hiểu được giao diện người dùng, rất có thể đó là một lỗi, và người dùng
cuối cùng của bạn sẽ có cùng trải nghiệm.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế

Các giao diện người dùng vô tình được thiết kế cho các nhà thiết kế hoặc các nhà phát triển chứ không
phải là cho người dùng cuối.

Các tính năng quan trọng bị hiểu lầm hay khó tìm.

Người dùng buộc phải suy nghĩ theo quan điểm thiết kế của nhà thiết kế, mặc dù bản thân quan điểm
khó có thể kết nối với kinh nghiệm trong cuộc sống thực.

Nhiều thuật ngữ khác nhau được dùng để diễn tả một cùng một chức năng =>sẽ làm rối người dùng
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Hãy tự hỏi mình những câu hỏi này:

Thiết kế của ứng dụng đã được kiểm tra có phù hợp với đối tượng người dùng?

Giao diện người dùng có trực quan (bạn không cần phải suy nghĩ quá nhiều để tìm ra cách sử dụng sản phẩm)

cho các đối tượng người dùng?

Thiết kế có được áp dụng phù hợp trong suốt ứng dụng?

Người dùng có kiểm soát được được giao diện và phản ứng được với các sự kiện bất ngờ?
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế

Giao diện có làm hài lòng (nhìn và cảm nhận) và gợi ý cho các hoạt động ứng dụng?

Giao diện có dễ hiểu và dễ dùng không?

Sự giúp đỡ có sẵn trong mỗi màn hình không?

kiểm tra khả năng sử dụng có được thực hiện trên ứng dụng đã được kiểm tra không? Nếu có,bạn sẽ có trách
nhiệm phối hợp hoặc tiến hành các kiểm tra? Đây là một quá trình tốn thời gian, vì vậy phải có kế hoạch tốt.

kiểm tra khả năng tiếp cận có được thực hiện trên ứng dụng đã được kiểm tra không?
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Tương tác với người dùng
Người dùng có thể thực hiện các loại thao tác dữ liệu thông qua sự kiện bàn phím và chuột. Các phương
pháp thao tác dữ liệu được thực hiện thông qua trên màn hình giao diện điều khiển và các công nghệ
khác, chẳng hạn như cắt - dán và kéo - thả.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Tương tác với người dùng
QUYẾT ĐỊNH NGỤ Ý
Các lệnh hành động xác nhận thông thường

Done Loại bỏ hộp thoại, cửa sổ, hoặc trang hiện tại.
Close Loại bỏ hộp thoại, cửa sổ, hoặc trang hiện tại.
OK Chấp nhận các thiết lập.
Đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
Yes Chấp nhận điều kiện đã nêu.
Tiếp tục tiến hành và đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
Proceed Chấp nhận điều kiện đã nêu.
Tiếp tục tiến hành và đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
Submit Gửi dữ liệu trong biểu mẫu, trang, hoặc hộp thoại.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Tương tác với người dùng
QUYẾT ĐỊNH NGỤ Ý
Các lệnh hành động hủy thông thường
Cancel Không chấp nhận thiết lập hay điều kiện đưa ra
Trả lại trạng thái trước đó và đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
No Không chấp nhận thiết lập hay điều kiện đưa ra
Tiếp tục tiến hành và đóng hộp thoại, cửa sổ, hoặc
trang hiện tại.
Reset Trả các thiết lập về trạng thái trước đó
Xóa tất cả các thay đổi chưa được gửi lên trong hộp
thoại, cửa sổ hoặc trang.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Trình bày dữ liệu
Trong các ứng dụng web, thông tin có thể được truyền đạt tới người sử dụng thông qua một loạt các

điều khiển giao diện (ví dụ các menu, nút bấm, vv) có thể được tạo ra trong một trang HTML (các
khung, bảng, hộp thoại mô phỏng, vv).
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Trình bày dữ liệu
Các lỗi có thể phát sinh:

Lỗi dữ liệu.

Lỗi truy vấn.

Lỗi trình bày dữ liệu.