Chuong 04 02 a thiet ke man hinh

Khoa CNTT

UDQL

Chương 4
THIẾT KẾ GIAO DIỆN

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 1


Khoa CNTT

UDQL

1. MC CH

ă Mc

ớch ca vic
thit k giao din là
nhằm mô tả cách
thức giao tiếp giữa
người sử dụng và
phần mềm.

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 2


Khoa CNTT

UDQL

2. KT QU
ă

Danh sỏch cỏc mn hỡnh.

ă

Thụng tin chi tit ca tng mn hỡnh.

ă

Mn hỡnh thc n (Mn hỡnh chớnh).

ă

S mn hỡnh

ThS. PHHi
TS. NTTMKhang

Thit K

Giao Din - 3


Khoa CNTT

UDQL

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ý

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 4


Khoa CNTT

UDQL

3.1 THNH PHN NHP LIU

ă

Khỏi nim: Thnh phn nhp liệu cho
phép người sử dụng nhập dữ liệu
dưới nhiều hình thc khỏc nhau.

ă

Hỡnh thc 1:

Tiờu
ă

(ễ nhp liu)

Hỡnh thc 2:

Tiờu đề

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 5


Khoa CNTT

UDQL

3.1 THNH PHN NHP LIU

ă

Hỡnh thc 3:
Tiờu
Ni dung 1
Ni dung 2

ă

Ni dung n
Hỡnh thc 4:
Tiờu
Ni dung 1
Nội dung 2
Nội dung n

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 6


Khoa CNTT

UDQL

3.2 THNH PHN
THễNG TIN KT QU

ă

Khỏi nim: Thnh phn 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 mn hỡnh.

ă

Hỡnh thc 1
(ễ x lý)

Tiờu
ă

Hỡnh thc 2
Tiờu đề

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 7


Khoa CNTT

UDQL

3.3 CC NT X Lí

ă

Khỏi nim: 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.

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 8


Khoa CNTT

UDQL

4. CÁCH THỨC TIẾN HÀNH

MH Đúng Đắn
Thiết kế
màn hình
với tính
Tiện Dụng
MH Hiệu Quả

MH Kết Quả
ThS. PHHải
TS. NTTMKhang

SĐLDL

Thiết kế
màn hình
với tính
Đúng Đắn

MH Tiện Dụng
Thiết kế
màn hình
với tính
Hiệu Quả
Thiết Kế
Giao Diện - 9


Khoa CNTT

UDQL

4. CÁCH THỨC TIẾN HÀNH

Xác định
yêu cầu
Phân tích
Thiết kế

Cài đặt
Kiểm chứng

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 10


Khoa CNTT

UDQL

4. CÁCH THỨC TIẾN HÀNH

Người Dùng

Mơ Hình
3 Lớp

Hệ Thống
Giao Diện

Người Dùng

Hệ Thống
Xử Lý

Phần Mềm

Hệ Thống
Dữ Liệu

Phần Cứng

Phần Cứng

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 11


Khoa CNTT

UDQL

5. LU í
ă

Thnh phn nhp liu quyt 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.

ă

Thnh phn thụng kt qu quyt nh
tớnh hiu qu v tin dng ca mn
hỡnh giao din.

ă

Khi thit k giao diện 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ý”.

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 12


Khoa CNTT

UDQL

6. BI TP LM NGAY
ă

Hóy thit k mn 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.

ThS. PHHải
TS. NTTMKhang

Thiết Kế
Giao Diện - 13