Tài liệu này dành cho sinh viên, giáo viên khối ngành công nghệ thông tin tham khảo và có những bài học bổ ích hơn, bổ trợ cho việc tìm kiếm tài liệu, giáo án, giáo trình, bài giảng các môn học khối ngành công nghệ thông tin
Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, HCI - One. 1 Tươngtácngườimáy (34569(11)) HumanComputerInteractionHCI DepartmentofSoftwareEngineering FacultyofInformationTechnology HanoiUniversityofTechnology Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 2 Cấutrúcmônhọc • 30 tiết LT+ Bài tập lớn • Cầncáckiếnthức cơ bảnvềCNTTđồhoạ tâmlýnhậnthứccôngtháihọc • Cungcấpnhữngnguyênlýchungvềtương tácgười -Máy • Cungcấpnhữngkiếnthứccầnthiếtđểhọc cácmônchuyênngànhhẹpvàápdụngvào thiếtkếxâydựngđánhgiáphầnmềm Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 3 Cấutrúcmônhọctiếp • Nội dung môn họcphần I- Phần IPhầncơsởfoundationgồm chương ChươngTổngquanvềHCI ChươngITâmlýnhậnthứccủaConngười tronggiaotiếpvàxửlý ChươngIINhântốMáytínhtrongtươngtác ngườimáy ChươngIIICácdạngđốithoạitrongtương tácngườimáyDialoguestylesforHCI 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ùngUserInterfaceAnalyseandDesign ChươngIVCácnguyêntắcchínhvàvòngđời hìnhsaotrongthiếtkếgiaotiếpNgười dùng –Máytính ChươngVMôhìnhGOMKeytrock,…GOM andKeytrockModels ChươngVIĐặctảyêucầungườidùngvàphân tíchnhiệmvụ ChươngVIIKý pháp đối thoại và thiết kế Cấutrúcmônhọctiế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 IIICàiđặtvàđánhgiátươngtácngười dùngUsersInterfaceImplementation andEvaluationgồmchương ChươngVIIHỗtrợCàiđặtImplementation ChươngVIIICáckỹthuậtđánhgiáphầnmềm EvaluationTechniques ầ - Thiết kế các HT trợ giúp - Thiết kế các biểu tượng - Icons • Đánh giá: Thi (0.7)+ Bài tập lớn (0.3) Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 6 TàiliệuthamkhảoReference Jenny Preece et al: Human-Computer Interaction AddisonWesley DixFinlayAbowdandBealeHuman -Computer InteractioncourseandbookPrenticeHall secondedition httpwwwhcibookcomhcibooktochtml Gary Perlman, Ohio State University: User Interface developmentcourseSEICurriculumModule Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 7 Tàiliệuthamkhảotiếp CMachgeelsInterfacesHumainsordinateurcours DépartementInformatiqueULB ! "CoutasInterfaceHomeordinareur ConceptionetréalisationDunodParisBá Nghiêngvềhướngtâmlýkhoahọcnhậnthức #AndyDowntonEngineeringtheHuman ComputerInterfaceMcGrawHill $JPMenadierl’Interfaceuilisateurpourune InformatiqueplusconvialeDunodParis SommervilleSoftwareEngineeringchapter$ UserInterfaceAddison#BM Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 8 Tàiliệuthamkhảotiếp Dựthảo%&'()*+,-'.PGSNguyễnVănBa khoaCNTT BảnđềcươngHCI (Human Computer Interface -Hiệp hội CNPM ACM & IEEEcourseCS UseInterfaceDesignandDevelopment WBrenerRZarnekowHWitigSoftware IntelligentAgents Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 9 Thuậtngữvàkháiniệm Ngườidùng Môitrường Lĩnhvựcliênquan !Chấtlượng #Phươngtiệnvàcôngcụ $Đầuvào Đầura CôngcụTools ChươngTổngquanvềHCI Prepared by MSc Luong Manh Ba HUT, Falt. of IT Dept. of SE, 2002 HCI - One. 10 Địnhnghĩavàkháiniệ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 [...]... 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 cuối (có ít kiến thức về tin học) - Các kỹ thuật viên, chuyên gia - Yêu cầu đòi hỏi cao HUT, Falt of IT © Dept of SE, 2002 HCI - One 13 Prepared by MSc Luong Manh Ba 0.3 Môi trường làm việc • Trước đây: - Máy tính lớn, không nối mạng - Người sử dụng máy tính không phải là người thao tác, điều khiển máy. .. 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ử 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. .. 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 ra trên đó (ACMSIGCHI 1992) HUT, Falt of IT © Dept of SE, 2002 HCI... 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... 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 Các kỹ thuật đối thoại; vào, ra và tương tác Các kiểu đối thoại Đồ hoạ máy tính Kiến trúc đối thoại HUT, Falt of IT © Dept of SE, 2002 HCI - One 19 Prepared by MSc Luong Manh Ba Qui trình... 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 thoại HUT, Falt of IT © Dept of SE, 2002 Trao đổi giữa các môđun HCI - One 22 Prepared by MSc Luong Manh Ba Phương tiện và công... Manh Ba Thiết kế các thành phần giao diện với Swing • Chương trình đồ hoạ Java được điều khiển bởi biến cố Khi chương trình vận hành tức là tương tác với ND thì tất mọi biến cố chi phối việc thi hành chương trình Biến cố phát sinh từ các tác động bên ngoài của con người như: bấm chuột, nhấn phím , hay từ HĐH Các lớp biến cố được chứa trong gói Java.awt.event ngoại trừ một số biến cố như : EventListenerList,... dụng máy tính không phải là người thao tác, điều khiển máy tính - Môi trường: văn bản dạng text • Ngày nay : - Máy tính cá nhân, mạng, internet - Môi trường: đa dạng, văn bản, đồ hoạ, trực quan HUT, Falt of IT © Dept of SE, 2002 HCI - One 14 Prepared by MSc Luong Manh Ba 0.4 Lĩnh vực liên quan • Trước đây : Phương pháp tính • Ngày nay: - Phương pháp tính, tính toán ký hiệu, Soạn thảo Văn bản, xử lý... lớp trong thư viện AWT • Các thành phần Swing có tên gọi kèm theo tiếp đầu ngữ J, gồm trên 250 lớp Swing là giải pháp toàn diện để thiết kế các trình ứng dụng GUI trung tâm • Để giới thiệu về Swing ta có thể quy về các thành phần chính như sau : - JComponent là lớp trên của tất cả các thành phần Swing lightweight, bản thân nó thì được thừa kế từ lớp Container trong sơ đồ phân cấp đồ hoạ Java HUT, Falt... thiết kế lại để xây dựng chương trình ứng dụng Internet Ngoài ứng dụng Web, Java còn có đủ đặc tính lập trình để thiết kế chương trình ứng dụng độc lập • Độc lập với hệ nền, do vậy có thể chạy trên bất cứ máy tính nào có hệ điều hành hỗ trợ Java Virtual Machine • Là ngôn ngữ có tính phân tán với khả năng nối mạng cài sẵn HUT, Falt of IT © Dept of SE, 2002 HCI - One 24 Prepared by MSc Luong Manh Ba Thành . IPhầncơsởfoundationgồm chương Chương Tổng quan về HCI ChươngITâmlýnhậnthứccủaCon người tronggiaotiếpvàxửlý ChươngIINhântố Máy tínhtrong tương tác người máy ChươngIIICácdạngđốithoạitrong tương tác người máy DialoguestylesforHCI Prepared. đó 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. 14 Môitrườnglàmviệc • Trướcđây Máy tínhlớnkhôngnốimạng Người sửdụng máy tínhkhôngphảilà người thao tác điềukhiển máy tính Môitrườngvănbảndạngtext • Ngàynay Máy tínhcánhânmạnginternet Môitrườngđadạngvănbảnđồhoạtrực quan Prepared