Prepared by MSc Luong Manh Ba Chương 3: Các dạng tương tác Người dùng-máy tính 3.1 Tổng quan 3.2 Các mô hình tương tác 3.3 Các dạng tương tác 3.4 Mô hình WIMP 3.5 Điều khiển trực tiếp 3.6 Ngữ cảnh tương tác HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3.1 Tổng quan • Tương tác giao tiếp người dùng hệ thống Để có nhìn tổng quan, người ta hay biểu diễn dạng framework (D Norman), phát triển Abowd Beale HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3.2 Mô hình tương tác • Sử dụng Framework để: Thiết lập mục đích (user) Hình thành chủ ý Đặc tả hành động giao tiếp Thực hành động Nhận giải thích trạng thái HT Đánh giá trạng thái HT với mục đích đặt HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3.2 Mô hình tương tác (tiếp) - Framework tương tác có thành phần: Người dùng Đầu vào Hệ thống Đầu O S Hệ thống Ra U Người dùng I Vào => Mỗi thành phần có ngôn ngữ riêng => Vấn đề chuyển dịch ? => ngôn ngữ thành phần: Khó khăn HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3.2 Mô hình tương tác (tiếp) - Người dùng muốn chuyển dịch hành động qua giao tiếp thành trạng thái HT - HT phản ánh qua đầu giải thích người dùng - Các khía cạnh phải xem xét: Công thái học (ergonomie) : nhóm đ/k theo chức , tần xuất; môi trường, màu sắc Dễ dùng, thời gian đào tạo ngắn Thông tin phản hồi Khôi phục lỗi, trở trạng thái cũ Tính quán, chuẩn hoá HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3.3 Các dạng tương tác Câu hỏi/ trả lời dạng truy vấn Điền theo mẫu Ngôn ngữ lệnh Ngôn ngữ tự nhiên Menu HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3.3 Các dạng tương tác (tiếp) Câu hỏi/ trả lời dạng truy vấn (Query) - Dẫn dắt qua loạt câu hỏi - Chất lượng + Tự nhiên, dễ thiết kế, quen thuộc với người dùng mới, thiếu kinh nghiệm - Nhược điểm + Phức tạp tình phức tạp, thiếu tính tổng quát + Cần nhiều giao tiếp HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba Giao tiếp dạng hỏi đáp (tiếp) - Loại SQL: thao tác với CSDL => hiểu cấu trúc, cú pháp CSDL Giao tiếp kiểu truy vấn với CSDL (dạng GUI) HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba Giao tiếp dạng form điền Điền theo mẫu (Form fills & Spreadsheets) - Chủ yếu dùng truy xuất DL: nhập, trích rút Màn hình giống khuôn mẫu Các đề mục Các thông tin cần điền Thông tin phải điền chọn/ đánh dấu HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba Form điền (tiếp) Một dạng Form nhập liệu CSDL HUT, Falt of IT  Dept of SE, 2002 HCI - One 10 Prepared by MSc Luong Manh Ba Giao tiếp kiểu dòng lệnh (tiếp) - Chất lượng: + Thích hợp với nhiệm vụ có tính lặp + Thích hợp với ND có kinh nghiệm tính ngắn gọn, nhanh dễ hiểu câu lệnh - Nhược điểm: + Cần phải đào tạo + Sai sót cao + Khó xử lý tình lỗi HUT, Falt of IT  Dept of SE, 2002 HCI - One 15 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Ngôn ngữ tự nhiên Ngôn ngữ tự nhiên - Có thể phương tiện hấp dẫn giao tiếp với máy tính ND khó nhớ dòng lệnh hay quên mức phân cấp menu - Ngôn ngữ tự nhiên với dạng: chữ viét, lời nói quan tâm nghiên cứu - Chất lượng + Tự nhiên, không tốn công đào tạo +Dễ thích ứng, sửa lỗi dễ HUT, Falt of IT  Dept of SE, 2002 HCI - One 16 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Ngôn ngữ tự nhiên (tiếp) - Nhược điểm + Không rõ ràng: cú pháp, cấu trúc, câu không rõ + dài, tải cao + Thí dụ: câu “The man hit the boy with the sticks”, người ta không rõ gậy phương tiện để đánh bé hay bé có gậy? => Sử dụng ngôn ngữ tự nhiên lĩnh vực hạn chế thành công HUT, Falt of IT  Dept of SE, 2002 HCI - One 17 Prepared by MSc Luong Manh Ba Menu Menu - Menu tập lựa chọn cho ND hình chọn chuột, phím số hay phím chữ - Có nhiều mức độ khác nhau: 1, hay nhiều mức Dạng: cây, mạng, kéo thả (pull-down hay pop up), ngữ cảnh, tách rời, chồng chéo, - VB kết hợp với lựa chọn số hay dạng đồ hoạ HUT, Falt of IT  Dept of SE, 2002 HCI - One 18 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Menu (tiếp) - Chất lượng : Dễ học, dễ dùng có nhiều lựa chọn Có hướng dẫn, nhớ Thích hợp với ND không thường xuyên - Nhược điểm : Tốn không gian nhớ hình Thông tin bị che dấu menu Chậm với NSD thành thạo HUT, Falt of IT  Dept of SE, 2002 HCI - One 19 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Menu (tiếp) - Thí dụ PAYMENT DETAILS Please select payment method: Cash Cheque Credit card Invoice HUT, Falt of IT  Dept of SE, 2002 HCI - One 20 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Menu (tiếp) - Thí dụ PAYMENT DETAILS Please select payment method: Cash Cheque Credit card Invoice Một kiểu giao tiếp menu đơn giản môi trường Text HUT, Falt of IT  Dept of SE, 2002 HCI - One 21 Prepared by MSc Luong Manh Ba 3.4 WIMP (Window, Icon, Menu, Pointer) - Sự kết hợp VB đồ hoạ: Windows: hình độc lập, chứa Text hay đồ hoạ Kích thước thay đổi điều chỉnh Biểu tượng (Icons): tranh hay hình ảnh thu nhỏ đa dạng HUT, Falt of IT  Dept of SE, 2002 HCI - One 22 Prepared by MSc Luong Manh Ba 3.4 WIMP (tiếp) Icons Scroll Bar Một cửa sổ tiêu biểu MS Office HUT, Falt of IT  Dept of SE, 2002 HCI - One 23 Prepared by MSc Luong Manh Ba WIMP (tiếp) Menus a)Menu mức HUT, Falt of IT b)Menu nhiều mức  Dept of SE, 2002 HCI - One 24 Prepared by MSc Luong Manh Ba WIMP (tiếp) Con trỏ (Pointers) - Là thành phần quan trọng WIMP dùng chủ yếu định vị lựa chọn - Dạng trỏ có ý nghĩa gắn với hành động HUT, Falt of IT  Dept of SE, 2002 HCI - One 25 Prepared by MSc Luong Manh Ba 3.4 WIMP (tiếp) Ngoài ra, bổ sung : phím lệnh, công cụ, spinner, hộp hội thoại, check box Dạng ngầm định nhiều loại MT: PC hay Desktop - Chất lượng: + Tốt, dễ học, nhớ + Tính chủ động ND cao, giảm sai sót - Nhược điểm: + Khó lập trình, tải cao Màn hình đồ hoạ ? + + Chậm với ND có kinh nghiệm Nhóm mức menu, HUT, Falt of IT  Dept of SE, 2002 HCI - One 26 Prepared by MSc Luong Manh Ba 3.5 Đ iều khiển trực tiếp- WYSIWYG (What you see is What you get) - Chất lượng: sinh động dễ sử dụng - Nguy hiểm: thí dụ cần phân biệt sao/chuyển đối tượng với xoá đối tượng có ND cần HUT, Falt of IT  Dept of SE, 2002 HCI - One 27 Prepared by MSc Luong Manh Ba 3.6 Ngữ cảnh tương tác • ảnh hưởng tương tác đến thiết kế giao tiếp ND Chất lượng tương tác phụ thuộc môi trường • Nếu có nhiều kiểu ND => cần đưa vào nhiều kiểu tương tác • Window phối hợp menu, phím nóng, biểu tượng lối tắt (Shortcut), công cụ HUT, Falt of IT  Dept of SE, 2002 HCI - One 28 Prepared by MSc Luong Manh Ba Bài tập 3.1 Chọn kiểu tương tác mà bạn có kinh nghiệm dùng Framework để phân tích tương tác dùng kiểu giao tiếp với việc lựa chọn nhiệm vụ CSDL Cái k/c lớn trường hợp? 3.2 Hãy tìm tất HT sử dụng thành công ngôn ngữ tự nhiên Các UD hợp lý nhất? HUT, Falt of IT  Dept of SE, 2002 HCI - One 29 [...]... nhiều kiểu tương tác • Window phối hợp menu, phím nóng, biểu tượng và lối tắt (Shortcut), thanh công cụ HUT, Falt of IT  Dept of SE, 2002 HCI - One 28 Prepared by MSc Luong Manh Ba Bài tập 3. 1 Chọn 2 kiểu tương tác mà bạn có kinh nghiệm và dùng Framework để phân tích các tương tác khi dùng kiểu giao tiếp này với việc lựa chọn nhiệm vụ trong 1 CSDL Cái nào là k/c lớn nhất trong mỗi trường hợp? 3. 2 Hãy... MSc Luong Manh Ba 3. 5 Đ iều khiển trực tiếp- WYSIWYG (What you see is What you get) - Chất lượng: sinh động dễ sử dụng - Nguy hiểm: thí dụ cần phân biệt sao/chuyển đối tượng với xoá đối tượng vì có khi ND chỉ cần sao HUT, Falt of IT  Dept of SE, 2002 HCI - One 27 Prepared by MSc Luong Manh Ba 3. 6 Ngữ cảnh tương tác • ảnh hưởng của tương tác đến thiết kế giao tiếp ND Chất lượng tương tác phụ thuộc môi... tạo của người dùng + Tải cao với Hệ Thống, mạng HUT, Falt of IT  Dept of SE, 2002 HCI - One 12 Prepared by MSc Luong Manh Ba Giao tiếp kiểu dòng lệnh 3 Ngôn ngữ lệnh - Là loại giao tiếp được sử dụng sớm nhất và đến nay vẫn còn khá phổ dụng (môi trường VB) Nó cung cấp phương tiện biểu diễn lệnh trực tiếp cho máy tính thông qua các phím chức nang, ký tự đơn, từ viết tắt hay đầy đủ - Thí dụ: Các lệnh... số hay phím chữ cái - Có nhiều mức độ khác nhau: 1, 2 hay nhiều mức Dạng: cây, mạng, kéo thả (pull-down hay pop up), ngữ cảnh, tách rời, chồng chéo, - VB hoặc kết hợp với các lựa chọn số hay dạng đồ hoạ HUT, Falt of IT  Dept of SE, 2002 HCI - One 18 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Menu (tiếp) - Chất lượng : Dễ học, dễ dùng và có nhiều lựa chọn Có hướng dẫn, ít nhớ Thích hợp với ND không... Luong Manh Ba 3. 4 WIMP (tiếp) Icons Scroll Bar Một cửa sổ tiêu biểu của MS Office HUT, Falt of IT  Dept of SE, 2002 HCI - One 23 Prepared by MSc Luong Manh Ba WIMP (tiếp) 3 Menus a)Menu 2 mức HUT, Falt of IT b)Menu nhiều mức  Dept of SE, 2002 HCI - One 24 Prepared by MSc Luong Manh Ba WIMP (tiếp) 4 Con trỏ (Pointers) - Là 1 thành phần quan trọng vì WIMP dùng chủ yếu định vị và lựa chọn - Dạng con trỏ... One 25 Prepared by MSc Luong Manh Ba 3. 4 WIMP (tiếp) Ngoài ra, có thể bổ sung : phím lệnh, thanh công cụ, spinner, hộp hội thoại, check box Dạng ngầm định hiện nay của nhiều loại MT: PC hay Desktop - Chất lượng: + Tốt, dễ học, ít nhớ + Tính chủ động của ND cao, giảm sai sót - Nhược điểm: + Khó lập trình, tải cao Màn hình đồ hoạ ? + + Chậm với ND có kinh nghiệm Nhóm các mức trong menu, HUT, Falt of... thông qua các phím chức nang, ký tự đơn, từ viết tắt hay đầy đủ - Thí dụ: Các lệnh của DOS hay UNIX thường dùng các động từ tiếng Anh viết tắt: Dir ≈ ln của UNIX dùng để xem nội dung ổ đĩa hay thư mục Có thể có macro lệnh Truy nhập trực tiếp vào Hệ thống HUT, Falt of IT  Dept of SE, 2002 HCI - One 13 Prepared by MSc Luong Manh Ba Giao tiếp kiểu dòng lệnh thí dụ HUT, Falt of IT  Dept of SE, 2002 HCI -... Thích hợp với nhiệm vụ có tính lặp + Thích hợp với ND có kinh nghiệm do tính ngắn gọn, nhanh và dễ hiểu của câu lệnh - Nhược điểm: + Cần phải đào tạo + Sai sót cao + Khó xử lý tình huống lỗi HUT, Falt of IT  Dept of SE, 2002 HCI - One 15 Prepared by MSc Luong Manh Ba Giao tiếp kiểu Ngôn ngữ tự nhiên 4 Ngôn ngữ tự nhiên - Có thể là phương tiện hấp dẫn nhất trong giao tiếp với máy tính vì ND khó có thể... + dài, tải cao + Thí dụ: trong câu “The man hit the boy with the sticks”, người ta không rõ gậy là phương tiện để đánh chú bé hay chú bé có gậy? => Sử dụng ngôn ngữ tự nhiên trong các lĩnh vực hạn chế thì có thể thành công HUT, Falt of IT  Dept of SE, 2002 HCI - One 17 Prepared by MSc Luong Manh Ba Menu 5 Menu - Menu là tập các lựa chọn có thể cho ND được hiện trên màn hình và được chọn bởi chuột,... 2 Cheque 3 Credit card 4 Invoice Một kiểu giao tiếp menu đơn giản trong môi trường Text HUT, Falt of IT  Dept of SE, 2002 HCI - One 21 Prepared by MSc Luong Manh Ba 3. 4 WIMP (Window, Icon, Menu, Pointer) - Sự kết hợp của VB và đồ hoạ: 1 Windows: như màn hình độc lập, có thể chứa Text hay đồ hoạ Kích thước có thể thay đổi và điều chỉnh 2 Biểu tượng (Icons): tranh hay hình ảnh thu nhỏ và đa dạng HUT, ... HCI - One Prepared by MSc Luong Manh Ba 3. 2 Mô hình tương tác (tiếp) - Người dùng muốn chuyển dịch hành động qua giao tiếp thành trạng thái HT - HT phản ánh qua đầu giải thích người dùng - Các. .. of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3. 2 Mô hình tương tác (tiếp) - Framework tương tác có thành phần: Người dùng Đầu vào Hệ thống Đầu O S Hệ thống Ra U Người dùng I Vào => Mỗi... tương tác Câu hỏi/ trả lời dạng truy vấn Điền theo mẫu Ngôn ngữ lệnh Ngôn ngữ tự nhiên Menu HUT, Falt of IT  Dept of SE, 2002 HCI - One Prepared by MSc Luong Manh Ba 3. 3 Các dạng tương tác (tiếp)