11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
1
Tương
Tương
t
t
á
á
c
c
ngư
ngư
ờ
ờ
i
i
-
-
m
m
á
á
y
y
(
(
Human
Human
-
-
Computer Interaction
Computer Interaction
)
)
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
2
Gi
Gi
ớ
ớ
i
i
thi
thi
ệ
ệ
u
u
môn
môn
h
h
ọ
ọ
c
c
z Giảng viên: TS. Bùi Thế Duy – Bộ môn
Mạng & TTMT, phòng 304, nhà E3
z Email:
z Giờ học: Chiềuthứ 2, thứ 5 hàng tuần
2pm-5.20pm, phòng 5.1, nhà E4
z Website môn học:
/>Chọn môn: HCI
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
3
Con
Con
ngư
ngư
ờ
ờ
i
i
z Nhân vật trung tâm trong mọihệ thống
tương tác
z Máy tính đượcthiếtkếđểphụcvụ con
người=> Yêucầucủangườilàưu tiên số
một.
z Trong phần này chúng ta quan tâm đếncác
yếutố về con người–mộtvấn đề tưởng
chừng như chẳngliênquangìđếnHCI
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
4
Con
Con
ngư
ngư
ờ
ờ
i
i
z Để có thể phụcvụ con người đượctốt:
– chúng ta cầnphảibiếtmộtngườinàođócó
khả năng làm gì và không làm được gì V.d. :
ngườikhiếmthị: dùng âm thanh, phím nổi,
chữ nổi
– chúng ta cầnbiếtcon ngườinhậnbiếtthế giới
ntn, lưutrữ, xử lý thông tin và giảiquyếtvấn
đề ntn, và thao tác với các đồ vậtntn
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
5
Con
Con
ngư
ngư
ờ
ờ
i
i
z Chúng ta sẽ chỉ quan tâm đếnnhững đặc
điểmcủa con người liên quan đếnHCI !
z Để làm được điều đó, chúng ta sẽ nghiên
cứu con người ở mộtmôhìnhđơngiản
hơn–như mộthệ thống xử lý thông tin
z Mô hình đócó3 thànhphần chính:
– Thành phầnvào/ra
–Bộ nhớ
–Bộ xử lý
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
6
Con
Con
ngư
ngư
ờ
ờ
i
i
z Mô hình hóa con người:
–Thành phầnvào/ra
–Bộ nhớ
–Bộ xử lý
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
7
Th
Th
à
à
nh
nh
ph
ph
ầ
ầ
n
n
v
v
à
à
o
o
ra
ra
c
c
ủ
ủ
a
a
con
con
ngư
ngư
ờ
ờ
i
i
z Con ngườigiaotiếpvớithế giới thông qua
nhậnvàgửi thông tin bằng các thành phần
vào ra
Con người
Máy tính
Ra Vào
Ra
Vào
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
8
Th
Th
à
à
nh
nh
ph
ph
ầ
ầ
n
n
v
v
à
à
o
o
z Thông qua năm giác quan: thị giác, thính
giác, khứu giác, vị giác, xúc giác
z Hiện nay, ba giác quan là quan trọng cho
HCI, hai giác quan vị giác và khứugiác
vẫnchưa được quan tâm đến
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
9
Th
Th
à
à
nh
nh
ph
ph
ầ
ầ
n
n
v
v
à
à
o
o
zThị giác
z Thính giác
z Xúc giác
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
10
Th
Th
à
à
nh
nh
ph
ph
ầ
ầ
n
n
v
v
à
à
o
o
–
–
th
th
ị
ị
gi
gi
á
á
c
c
Lông mi
Đồng tử
Màng cứng
Tròng đen
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
11
Th
Th
à
à
nh
nh
ph
ph
ầ
ầ
n
n
v
v
à
à
o
o
–
–
th
th
ị
ị
gi
gi
á
á
c
c
Điểmmùbuổitối
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
12
C
C
á
á
ch
ch
b
b
ố
ố
tr
tr
í
í
m
m
à
à
u
u
n
n
ổ
ổ
i
i
(foreground)
(foreground)
v
v
à
à
m
m
à
à
u
u
n
n
ề
ề
n
n
(background)
(background)
Back
ground
foreground
black blue brown cyan green magenta red white
black – – + + ++
blue – – – ++
cyan ++ – – – –
green ++ + + – –
red + – – – – – – – – +
white + ++ – –
yellow ++ ++ + +
deep green + – –
deep cyan + + + – + + –
deep magenta + ++ – –
deep white ++ + + – –
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
13
V
V
á
á
ch
ch
ả
ả
o
o
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
14
Đ
Đ
ả
ả
o
o
h
h
ì
ì
nh
nh
v
v
à
à
n
n
ề
ề
n
n
–
–
chi
chi
ế
ế
c
c
ly
ly
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
15
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
h
h
ì
ì
nh
nh
ả
ả
nh
nh
z Hình ảnh không chỉ là đượccảmnhậnmột
cách thụđộng mà còn theo mộtsố luậtcơ
bản để nhận được “hình đẹp”:
–Luật Praegnanz: Trong số mộtsố tổ chứchình
ảnh đượcxuấthiện đồng thời, tổ chứchình
ảnh nào đơngiảnnhất, ổn định nhấtsẽđược
cảmnhận.
–Luậtkề cận: hướng về nhóm những thành
phần ở cạnh nhau
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
16
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
h
h
ì
ì
nh
nh
ả
ả
nh
nh
–Luậttương tự: hướng về nhóm những thành
phầntương tự nhau
–Luậtliêntục: hướng về nhóm những thành
phầnliêntiếpnhautạo thành các đường cong
mượt
–Luật đóng: hướng về nhóm những thành phần
tạothànhmộthìnhđóng
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
17
H
H
ì
ì
nh
nh
ả
ả
nh
nh
ẩ
ẩ
n
n
Hình tam giác
bên trái được
giấu ở hình bên
phải
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
18
H
H
ì
ì
nh
nh
ả
ả
nh
nh
ẩ
ẩ
n
n
Số 4 bên trái
đượcgiấu ở
hình bên phải
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
19
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
h
h
ì
ì
nh
nh
ả
ả
nh
nh
Chúng ta cảmnhận
đượcrằng có hai hình
chữ nhật đè lên nhau
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
20
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
h
h
ì
ì
nh
nh
ả
ả
nh
nh
Chúng ta vẫncảmnhận
đượcmột hình oval
mặc dù hình này không
đượcvẽ rõ ràng
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
21
Nh
Nh
ữ
ữ
ng
ng
ả
ả
o
o
gi
gi
á
á
c
c
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
22
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
v
v
ề
ề
đ
đ
ộ
ộ
sâu
sâu
Thông qua hai mắt
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
23
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
v
v
ề
ề
đ
đ
ộ
ộ
sâu
sâu
-
-
thông
thông
qua chi
qua chi
ti
ti
ế
ế
t
t
c
c
ủ
ủ
a
a
h
h
ì
ì
nh
nh
ả
ả
nh
nh
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
24
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
v
v
ề
ề
đ
đ
ộ
ộ
sâu
sâu
-
-
thông
thông
qua
qua
chuy
chuy
ể
ể
n
n
đ
đ
ộ
ộ
ng
ng
Vật ở gần chuyển
động nhanh hơn,
vật ở xa chuyển
động chậmhơn
11/27/2004
Bùi Thế Duy - Bộ môn Mạng và TTMT
25
C
C
ả
ả
m
m
nh
nh
ậ
ậ
n
n
v
v
ề
ề
đ
đ
ộ
ộ
sâu
sâu
Theo vị trí
Theo kích cỡ