Báo cáo môn công nghệ phần mềm User interface Tests

WINTER
Template
u
u
S
S
e
e
a
a
e
e
n
n
R
R
S
S
T
T
C
C
F
F
I
I
R
R
e
e
T

T
e
e
T
T
S
S
Trường Đại học Công nghệ Thông tin
Khoa Công nghệ Phần mềm
WINTER
Template
Thông tin nhóm
Các thành viên:
•
Nguyễn Thị Thu Nhi MSSV: 09520199
•
Doãn Thị Phương Thúy MSSV: 09520297
•
Huỳnh Minh Thuận MSSV: 09520295
•
Lê Hồng Quân MSSV: 09520230
Giáo viên hướng dẫn: ThS. Nguyễn Đăng Khoa
WINTER
Template
Giới thiệu
Chương này tìm hiểu hai lớp chính của vấn đề thử nghiệm
giao diện người dùng:
(1). Thiết kế các thành phần giao diện người dùng
(2). Thực thi các thành phần giao diện người dùng.
Kiểm tra giao diện người dùng là kiểm tra sự tương tác giữa

các đơn vị, kiểm tra khả năng sử dụng và các chức năng
nhiệm vụ khác.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
Kiểm chứng thiết kế giao diện người dùng đánh giá một thiết kế
“chăm sóc” người dùng của nó như thế nào, thông qua:
- Cung cấp phương hướng rõ ràng
- Cung cấp thông tin phản hồi
- Duy trì tính nhất quán của ngôn ngữ và phương pháp tiếp cận
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
Trong kiểm định thiết kế giao diện người dùng, các vấn đề liên quan
cũng được đánh giá như:
- Điều hướng
- Dòng lưu thông
- Khả năng sử dụng
- Các dòng lệnh
- Khả năng tiếp cận
- Phù hợp thẩm mỹ
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
TRẮC NGHIỆM NGƯỜI DÙNG MỤC TIÊU
Nếu không biết đặc điểm và nhu cầu của người dùng, bạn sẽ không
thể đánh giá chính xác mức ảnh hưởng của thiết kế giao diện người
dùng như thế nào.
Kiểm định thiết kế giao diện người dùng liên quan đến 2 loại
người dùng mục tiêu:

- Người dùng phía máy chủ
- Người dùng phía máy khách
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
TRẮC NGHIỆM NGƯỜI DÙNG MỤC TIÊU
Khi tạo một thông tin người dùng, ta xem xét 4 loại tiêu chuẩn
cho cả người dùng phía máy khách và máy chủ:
- Kinh nghiệm về máy tính
- Kinh nghiệm về mạng
- Hiểu biết về lĩnh vực
- Kinh nghiệm về ứng dụng cụ thể
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
CHỦ ĐỂ ĐỂ ĐÁNH GIÁ THIẾT KẾ:
- Phương pháp tiếp cận thiết kế
- Tương tác người dùng (dữ liệu đầu vào)
- Trình bày dữ liệu (dữ liệu đầu ra)
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
PHƯƠNG PHÁP TIẾP CẬN THIẾT KẾ
Không phương pháp thiết kế nào là chính xác hơn cái còn lại.
Chúng chỉ đơn giản là khác nhau.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng

XEM XÉT CÁC THIẾT KẾ
PHƯƠNG PHÁP TIẾP CẬN THIẾT KẾ
Hình 1 Thiết kế dựa trên văn bản
Hình 2 Thiết kế dựa trên thiết bị
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
PHƯƠNG PHÁP TIẾP CẬN THIẾT KẾ
Hình 4 Lựa chọn điều hướng thông qua
radio button
Hình 3 Lựa chọn điều hướng thông
qua pull-down menu
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
Người dùng có thể thực hiện các loại thao tác dữ liệu khác nhau
thông qua bàn phím và sự kiện chuột. Phương pháp thao tác dữ
liệu được thực hiện thông qua màn hình các điều khiển giao diện
người dùng và các công nghệ khác, chẳng hạn như cắt - dán và
kéo - thả.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG
Các bộ điều khiển giao diện người dùng là các đối tượng đồ hoạ cho

phép người dùng tương tác với ứng dụng. Các điều khiển, thường
được mã hoá thành các trang HTML như các mẫu yếu tố, bao gồm các
radio button, check boxes, command buttons, scroll bars, pulldown
menus, text fields,
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG
Hình 5 Bộ điều khiển giao
diện người dùng HTML
form-based, bao gồm 1
textbox HTML chuẩn và 1
scrolling textbox.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
Script
•
Script là những chương trình được lập trình có thể được chạy bởi
trình duyệt khi những trang HTML được load hoặc chúng được ra
lệnh dựa trên các sự kiện nhất định.
•
Script có thể chạy được trên cả client và server.
•
Một số ngôn ngữ script được hỗ trợ những trình duyệt thông dụng.

Nhiều trình duyệt hỗ trợ những ngôn ngữ script riêng và loại trừ
những các khác.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
•
Thẻ đa phương tiện HTML cho phép việc sử dụng tự do các đối tượng UI,
như Java applets, ActiveX control và các script.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
Java
•
Java là một ngôn ngữ được biên dịch, nghĩa là nó phải được chạy thông
qua một trình biên dịch để được dịch ra ngôn ngữ mà máy tính có thể sử
dụng.
•
Chương trình java được thiết kế để chạy trên trình duyệt được gọi là
applets.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)

CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
ActiveX
•
ActiveX là một tùy chỉnh trong Windows controls chạy trên trình duyệt.
•
ActiceX controls hỗ trợ sự thi hành của các sự kiện dựa trên đối tượng
trong một trình duyệt.
•
Một lợi ích to lớn cũa ActiveX controls là những thành phần có thể dễ
dàng kết hợp với những thành phần khác để tạo nên cái mới. Khi người
dùng tải về ActiveX controls, họ không phải tải về lần nữa trong tương lai,
ActiveX vẫn còn trên hệ thống của người dùng.
•
Bất lợi của ActiveX bao gồm nó dựa vào nền tảng Windows và nhiều
thành phần quá lớn sử dụng quá nhiều bộ nhớ hệ thống.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
•
Server-Side Includes (SSIs) là chỉ thị đến các server web để được nhúng
vào thẻ comment HTML.
•
Server web có thể chỉnh sửa để kiểm tra dữ liệu HTML và thực hiện các
quy định tích hợp khi chúng được phát hiện.
•
SSIs thường được dùng để kéo nội dung từ các nguồn khác trong trang
web.

Server-Side Includes
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
Style Sheet
•
Style Sheet là dữ liệu xác định tiêu chuẫn kiểu cho một tập hợp của
trang web.
•
Style Sheet cho phép người thiết kế web xác định vấn đề thiết kế như
phông chữ, màu sắc, …
•
Style Sheet thiết lập thuộc tính kiểu cho hàng loạt các yếu tố HTML.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC BỘ ĐIỀU KHIỂN GIAO DIỆN NGƯỜI DÙNG ĐỘNG
Style Sheet
•
Cascading Style Sheet (CSS) là ngôn ngữ style sheet phổ biến và
trưởng thành nhất.
•
CSS cung cấp một hệ thống để xác định ưu tiên khi những tác động
nhiều kiểu ảnh hưởng trực tiếp lên trang web.
•

CSS cho phép người thiết kế web quản lí nhiều cấp độ các qui luật
trên một số lượng không giới hạn trang web.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC PHƯƠNG PHÁP ĐIỀU HƯỚNG
•
Navigation methods ra lệnh cho người dùng điều hướng thông qua một
ứng dụng web hoặc trang web từ một UI control khác trong cùng một
trang và từ những trang tiếp theo.
•
Người sử dụng chuyển hướng được thực hiện thông qua các thiết bị đầu
vào.
•
Navigetion methods được đánh giá bởi nó cho phép những người sử dụng
truy cập các tính năng và dữ liệu thường được sử dụng.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
CÁC LỆNH TÁC ĐỘNG
•
Thỉnh thoảng, tên của các lệnh trên màn hình không được sử dụng nhất
quán trong suốt một ứng dụng. Điều này phần nào quy cho mặt ý nghĩa
của tên lệnh thường thay đổi từ một chương trình này đến chương trình
khác.
•

Cần xem xét các lệnh hành động được lựa chọn như các lệnh mặc định.
Lệnh hành động mặc định là lệnh ít rủi ro nhất của các tùy chọn có sẵn.
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
PHẢN HỒI VÀ THÔNG BÁO LỖI
Sự nhất quán giữa âm thanh và những phản hồi có thể nhìn thấy của hệ
thống là rất quan trọng để duy trì sự rõ ràng trong giao tiếp giữa người
dùng và ứng dụng.
Kiểm tra xem có sự lộn xộn hoặc bất thường của việc sử dụng các thành
phần giao diện( button, menus…)
Có hai loại thông điệp phản hồi:
–
Thông báo lỗi dựa trên máy chủ
–
Thông báo lỗi dựa trên máy khách
Một số lỗi có thể gặp phải
Tự đặt ra và trả lời một số câu hỏi liên quan
XEM XÉT CÁC THIẾT KẾ
TƯƠNG TÁC VỚI NGƯỜI DÙNG (DỮ LIỆU ĐẦU VÀO)
WINTER
Template
Kiểm chứng thiết kế giao diện người dùng
BIỂU DIỄN DỮ LIỆU (DỮ LIỆU ĐẦU RA)
Trong các ứng dụng web, thông tin có thể truyền đạt cho con người dùng thông
qua các điều khiển giao diện người dùng có thể tạo ra được trong một trang
HTML
Ba loại lỗi tiềm ẩn
–
Lỗi dữ liệu: dữ liệu không chính xác

–
Lỗi truy vấn cơ sở dữ liệu
–
Lỗi biểu diễn dữ liệu.
Thu thập thông tin kiến trúc của thiết kế để phát triển các trường hợp kiểm thử
XEM XÉT CÁC THIẾT KẾ