Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 1 Tương tác người máy Human Computer Interaction - HCI Department of Software Engineering Faculty of Information Technology Hanoi University of Technology TEL: 04-8682595 FAX: 04-8692906 Email: cnpm@it-hut.edu Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 2 Cấu trúc môn học • 60 tiết LT+ đồ án môn học + bài tập • Cần các kiến thức cơ bản về CNTT, đồ hoạ, tâm lý nhận thức, công thái học • Cung cấp những nguyên lý chung về tương tác người máy • Cung cấp những kiến thức cần thiết để học các môn chuyên ngành hẹp và áp dụng vào thiết kế, xây dựng, đánh giá phần mềm. Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 3 Cấu trúc môn học (tiếp) • Nội dung môn học: 3 phần 10 chương I- Phần I Phần cơ sở (foundation) gồm 4 chương: Chương 0: Tổng quan về HCI Chương I: Tâm lý nhận thức của Con người trong giao tiếp và xử lý Chương II: Nhân tố Máy tính trong tương tác người máy Chương III: Các dạng đối thoại trong tương tác người máy (Dialogue styles for HCI) Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 4 II-Phần II Phân tích và thiết kế giao tiếp người dùng (User Interface Analyse and Design) Chương IV: Các nguyên tắc chính và vòng đời hình sao trong thiết kế giao tiếp Người dùng – Máy tính Chương V: Mô hình GOM, Keytrock,… (GOM and Keytrock Models) Chương VI: Đặc tả yêu cầu người dùng và phân tích nhiệm vụ Chương VII: Ký pháp đối thoại và thiết kế Cấu trúc môn học (tiếp) Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 5 Cấu trúc môn học (tiếp) III-Phần III Cài đặt và đánh giá tương tác người dùng (Users Interface Implementation and Evaluation ) gồm 2 chương: Chương VII: Hỗ trợ Cài đặt (Implementation) Chương VIII: Các kỹ thuật đánh giá phần mềm (Evaluation Techniques) • Đánh giá: Đồ án môn học + Bài tập Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 6 Tài liệu tham khảo (Reference) [1] Jenny Preece et al: Human-Computer Interaction, Addison-Wesley, 1994 [2] Dix, Finlay, Abowd and Beale: Human -Computer Interaction (course and book), Prentice-Hall, second edition, 1993 (http: //www.hcibook.com/hcibook/toc.html) [3] Gary Perlman, Ohio State University: User Interface development (course), SEI Curriculum Module, 11-1989 Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 7 Tài liệu tham khảo (tiếp) [4] C.Machgeels: Interfaces Humains- ordinateur (cours), Département Informatique, ULB, 2001-2002 [5] J.Coutas, Interface Home-ordinareur, Conception et réalisation, Dunod Paris 1990 (Bá) (Nghiêng về hướng tâm lý khoa học nhận thức) [6] Andy Downton, Engineering the Human- Computer Interface , McGraw Hill 1992. [7] J.P.Menadier, l’Interface uilisateur pour une Informatique plus conviale, Dunod Paris 1991. [8] Sommerville, Software Engineering (chapter 17- User Interface), Addison 1996 (BM) Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 8 Tài liệu tham khảo (tiếp) [9] Dự thảo ®Ò c¬ng m«n häc HCI- PGS Nguyễn Văn Ba khoa CNTT. [10] Bản đề cương HCI (Human Computer Interface -Hiệp hội CNPM ACM & IEEE ). course CS1 (Use Interface Design and Development) [11] W.Brener, R. Zarnekow, H. Witig: Software Intelligent Agents. 1998. Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 9 0.1. Thuật ngữ và khái niệm 0.2. Người dùng 0.3. Môi trường 0.4 Lĩnh vực liên quan 0.5. Chất lượng 0.6. Phương tiện và công cụ 0.7. Đầu vào 0.8. Đầu ra 0.9. Công cụ (Tools) Chương 0: Tổng quan về HCI Prepared by MSc Luong Manh Ba HUT, Falt. of IT  Dept. of SE, 2002 HCI - One. 10 0.1 Định nghĩa và khái niệm • HCI: Human-Computer Interaction • CHI: Computer – Human Interaction • IHO: Interaction Humains Ordinateur • IHM: Interaction Homme Machine • Tương tác người máy [...]...  Xử lý • Ngôn ngữ, giao tiếp và tương tác  Các sắc thái ngôn ngữ: cú pháp , ngứ nghĩa  Các mô hình hình thức của ngôn ngữ • Công thái học  Bố trí hiện và điều khiển, quan hệ  Nhận thức của con người và giới hạn,… HUT, Falt of IT © Dept of SE, 2002 HCI - One 18 Prepared by MSc Luong Manh Ba Máy tính và kiến trúc tương tác (Computer System and Interface Architecture) • • • • • Các thiết bị vào ra... dụng và các ứng dụng đặc biệt - cá nhân, nhóm - giao tiếp hướng văn bản - giao tiếp hướng truyền thông - Môi trường thiết kế, lập trình, CAD/CAM - Trợ giúp trực tuyến, điều khiển HT liên tục • Sự thích nghi Người- Máy HUT, Falt of IT © Dept of SE, 2002 HCI - One 17 Prepared by MSc Luong Manh Ba Con người • Mục đích: Hiểu con người như là một Bộ xử lý thông tin  Cảm nhận  Lưu trữ (các loại bộ nhớ)  Xử. ..Prepared by MSc Luong Manh Ba Định nghĩa (tiếp) • Không có định nghĩa chính xác Tuy nhiên có thể dùng hai định nghĩa: • Định nghĩa 1 Tập các quá trình, đối thoại và các hành động, qua đó ND con người sử dụng và tương tác với MT (Backer & Buxton, 1987) • Định nghĩa 2 Là một lĩnh vực liên quan đến thiết kế, đánh giá và cài đặt Hệ thống MT tương tác cho con người sử dụng và nghiên cứu các hiện tượng chính xảy... of SE, 2002 HCI - One 35 Prepared by MSc Luong Manh Ba Một số biến cố và phương thức xử lý (tiếp) vii)windowDeactivated(WindowEvent e) 4- ContainerEvent + Nguyên nhân: Bổ sung hoặc loại bỏ thành phần khỏi vật chứa + Giao diện lắng nghe: ContainerListener + Phương thức xử lý : i)componentAdded(ContainerEvent e) ii)componentRemoved(ContainerEvent e) HUT, Falt of IT © Dept of SE, 2002 HCI - One 36 ... MSc Luong Manh Ba Thiết kế các thành phần giao diện với Swing (tiếp) • Khi nhận được biến cố phát sinh do tác động lên các đối tượng nguồn thì đối tượng lắng nghe (listener) đã được đối tượng nguồn đăng ký trước sẽ nhận và xử lý biến cố dựa theo chương trình đã lập Giữa đối tượng nguồn và đối tượng lắng nghe luôn liên lạc với nhau thông qua phương thức xử lý biến cố (handler) đặt trên đối tượng lắng... of SE, 2002 HCI - One 34 Prepared by MSc Luong Manh Ba Một số biến cố và phương thức xử lý (tiếp) 3- WindowEvent + Nguyên nhân: Mở, đóng, thu nhỏ thành biểu tượng + Giao diện lắng nghe: WindowListener + Phương thức xử lý: i)window Closing(WindowEvent e) ii)windowOpened(WindowEvent e) iii)windowIconified(WindowEvent e) iv)windowDeiconified(WindowEvent e) v)windowClosed(WindowEvent e) vi)windowActivated(WindowEvent... • Trước đây: Trạng thái ứng xử đúng với dữ liệu đúng • Tiếp theo: Trạng thái đúng với dữ liệu có thể sai • Ngày nay: Thân thiện, sinh động, dễ dùng HUT, Falt of IT © Dept of SE, 2002 HCI - One 21 Prepared by MSc Luong Manh Ba 0.6 Phương tiện và công cụ • Hai thành phần cơ bản:  Con người và máy tính  Phương tiện: đối thoại => Muốn làm tương tác phải Hiểu đối tượng & Con người Y/c Hoạt động T/L Đối... - One 33 Prepared by MSc Luong Manh Ba Một số biến cố và phương thức xử lý 1- ActionEvent + Nguyên nhân: Nhấp nút lên đối tượng, trường văn bản , + Giao diện lắng nghe : ActionListener + Phương thức XL:actionPerformed(ActionEvent e) 2- ItemEvent + Nguyên nhân: Chọn khoản mục mới, nhấp ô chọn + Giao diện lắng nghe: ItemListener + Phương thức xử lý: ItemStateChanged(ItemEvent e) HUT, Falt of IT © Dept... Ba Định nghĩa và vai trò của HCI (tiếp) Vai trò của HCI: Tạo ra các Hệ Thống an toàn và sử dụng được (Usability) như các Hệ Thống chức năng Usability: Là khái niệm trong trong HCI có thể hiểu là làm cho HT dễ học và dễ dùng HUT, Falt of IT © Dept of SE, 2002 HCI - One 12 Prepared by MSc Luong Manh Ba 0.2 Người dùng • Trước đây: - Là các kỹ thuật viên, chuyên gia • Hiện nay: Đa dạng - Người dùng đầu... Prepared by MSc Luong Manh Ba 0.4 Lĩnh vực liên quan (tiếp) 4 thành phần chính: Môi trường, Con người, Máy tính và Quá trình phát triển (ACM SIGCHI 1992) HUT, Falt of IT © Dept of SE, 2002 HCI - One 16 Prepared by MSc Luong Manh Ba Môi trường (Use and Context) • Sử dụng những gì mà máy tính cung cấp được gọi là “ứng dụng” Tổ chức xã hội, công việc, kinh doanh tương tác với ứng dụng đó • Lĩnh vực ứng dụng (Application . 0: Tổng quan về HCI Chương I: Tâm lý nhận thức của Con người trong giao tiếp và xử lý Chương II: Nhân tố Máy tính trong tương tác người máy Chương III: Các dạng đối thoại trong tương tác. án môn học + bài tập • Cần các kiến thức cơ bản về CNTT, đồ hoạ, tâm lý nhận thức, công thái học • Cung cấp những nguyên lý chung về tương tác người máy • Cung cấp những kiến thức cần thiết. nhớ)  Xử lý • Ngôn ngữ, giao tiếp và tương tác  Các sắc thái ngôn ngữ: cú pháp , ngứ nghĩa  Các mô hình hình thức của ngôn ngữ • Công thái học  Bố trí hiện và điều khiển, quan hệ  Nhận thức của