Công nghệ phần mềm - Chương 8: Thiết kế giao diện

Thiết Kế 
Giao Diện - 1
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
Chương 8
THIẾT KẾ GIAO DIỆN
Thiết Kế 
Giao Diện - 2
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
1. MỤC ĐÍCH
Mục đích của việc
thiết kế giao diện là
nhằm mô tả cách
thức giao tiếp giữa
người sử dụng và
phần mềm.
Thiết Kế 
Giao Diện - 3
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
2. KẾT QUẢ
 Danh sách các màn hình.
 Thông tin chi tiết của từng màn hình.
 Màn hình thực đơn (Màn hình chính).
 Sơ đồ màn hình
Thiết Kế 
Giao Diện - 4
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
3. KIẾN TRÚC MÀN HÌNH
Thành phần 
nhập liệu
Thông tin 
kết quả
Các nút 
xử lý
Thiết Kế 
Giao Diện - 5
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
3.1 THÀNH PHẦN NHẬP LIỆU
 Khái niệm: Thành phần nhập liệu cho
phép người sử dụng nhập dữ liệu
dưới nhiều hình thức khác nhau.
 Hình thức 1:
 Hình thức 2:
Tiêu đề
Tiêu đề (Ô nhập liệu)
Thiết Kế 
Giao Diện - 6
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
3.1 THÀNH PHẦN NHẬP LIỆU
 Hình thức 3:
 Hình thức 4:
Nội dung 1
Tiêu đề
▪
Nội dung 2
Nội dung n
Nội dung 1
Tiêu đề
Nội dung 2
Nội dung n
√
Thiết Kế 
Giao Diện - 7
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
3.2 THÀNH PHẦN 
THÔNG TIN KẾT QUẢ
 Khái niệm: Thành phần thông tin kết
quả cho phép người dùng xem trực
tiếp kết quả hay các thông tin tương
ứng với dữ liệu nhập trên màn hình.
 Hình thức 1
 Hình thức 2
Tiêu đề
Tiêu đề
(Ô xử lý)
Thiết Kế 
Giao Diện - 8
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
3.3 CÁC NÚT XỬ LÝ
 Khái niệm: Các nút xử lý cho phép
người dùng lựa chọn các tác vụ cần
thực hiện trên màn hình giao diện.
Thiết Kế 
Giao Diện - 9
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
4. CÁCH THỨC TIẾN HÀNH
Thiết kế
màn hình
với tính
Đúng Đắn
Thiết kế
màn hình
với tính
Hiệu Quả
Thiết kế
màn hình
với tính
Tiện Dụng
SĐLDL
MH Đúng Đắn
MH Hiệu Quả
MH Tiện Dụng
MH Kết Quả
Thiết Kế 
Giao Diện - 10
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
4. CÁCH THỨC TIẾN HÀNH
Xác định
yêu cầu
Thiết kế
Phân tích
Cài đặt
Kiểm chứng
Thiết Kế 
Giao Diện - 11
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
4. CÁCH THỨC TIẾN HÀNH
Người Dùng
Hệ Thống
Giao Diện
Hệ Thống
Xử Lý
Hệ Thống
Dữ Liệu
Phần Cứng
Mô Hình
3 Lớp
Người Dùng
Phần Cứng
Phần Mềm
Thiết Kế 
Giao Diện - 12
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
5. LƯU Ý
 Thành phần nhập liệu quyết định tính
đúng đắn của màn hình giao diện. Nói
một cách khác, màn hình giao diện với
tính đúng đắn chỉ thành phần nhập
liệu mà thôi.
 Thành phần thông kết quả quyết định
tính hiệu quả và tiện dụng của màn
hình giao diện.
 Khi thiết kế giao ta không cần thiết kế
các nút xử lý vì trách nhiệm này thuộc
về khâu “Thiết kế xử lý”.
Thiết Kế 
Giao Diện - 13
CNPMKhoa CNTT
ThS. Nguyễn Tấn
Trần Minh Khang
6. BÀI TẬP LÀM NGAY
 Hãy thiết kế màn hình cho yêu cầu
phần mềm lập phiếu mượn sách với
tính đúng đắn.