tương tác người máy, phần 2 phần thiết kế giao tiếp người dùng

34 288 0
tương tác người máy, phần 2 phần thiết kế giao tiếp người dùng

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba 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 HUT, Falt of IT  Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba Phần II: Phần thiết kế giao tiếp người dùng Chương IV: Các nguyên tắc vòng đời hình thiết kế tương tác người máy Chương V: Mô hình GOM, Keytrock (GOM and Keytrock Models) Chương VI: Đặc tả yêu cầu ND Phân tích nhiệm vụ Chương VII: Ký pháp đối thoại thiết kế  Dept of SE, 2002 HUT, Falt of IT Prepared by MSc Luong manh Ba Chương 4: Các nguyên tắc vòng đời hình thiết kế giao tiếp Người dùng – Máy tính Tổng quan Mục đích thiết kế tính dùng tối đa (maximum usability) Lịch sử thiết kế hệ tương tác cung cấp mô thức cho thiết kế có tính dùng Các nguyên tắc tính dùn g phương tiện khái quát để hiểu tính dùng HUT, Falt of IT  Dept of SE, 2002 HCI - Two HCI - Two Prepared by MSc Luong manh Ba Chương 4:Các nguyên tắc vòng đời hình thiết kế giao tiếp Người dùng – Máy tính Nội dung 4.1 Tổng quan 4.2 Các cách tiếp cận 4.3 Các mô thức cho tính dùng 4.4 Các nguyên tắc cho tính dùng 4.5 Thiết kế giao tiếp Người-máy 4.6 Thiết kế có cấu trúc HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) 4.1 Tổng quan - Lịch sử hệ thống tương tác cung cấp - Nguyên tắc, guidlines, chuẩn hoá luật (rules) biểu diễn tri thức tích luỹ giao tiếp người dùng - Thiết kế để đạt tính sử dụng (usability) mục đích thiết kế, lấy người dùng trung tâm, :  Hiểu vấn đề : Hiểu y/c ND phát triển sản phẩm  Xác định giai đoạn  Hiểu nhu cầu cách tiếp cận lặp thiết kế  Nguyên tắc ND quan trọng HUT, Falt of IT  Dept of SE, 2002 HCI - Two mô thức cho thiết kế dùng 4.1.1 Nguyên tắc (principles) • Là đích chung có lợi cho việc tổ chức thiết kế • Nguyên tắc không cung cấp phương pháp đặc biệt để thực mục đích => khó sử dụng thực tế Vấn đề: nguyên tắc tính quán hay đơn giản khó định nghĩa thực HUT, Falt of IT  Dept of SE, 2002 HCI - Two Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) • Yêu cầu: Hệ thống giao tiếp phải thiết kế phải chứng minh hay tính dùng được? 4.1.2 Guidelines  Là luật chung mà thiết kế phải theo  Có thể dẫn từ yếu tố tâm lý hay yếu tố người, chuẩn hoá: KSPM thường quan tâm đến việc trả lời nhanh, thiếu giải thích, thiếu ứng dụng guidelines trái với khác Có nhiều loại guidelines: quản lý, công cụ kỹ thuật Thí dụ: màu sắc không giống máy, người bị mù màu, HUT, Falt of IT  Dept of SE, 2002 HCI - Two 4.1 Tổng quan (tiếp)  Guideline dùng nhiều thiết kế công cụ cho xây dựng giao tiếp người dùng 4.1.3 Chuẩn (Standards) • Là nguyên tắc, guidelines hay luật phải theo yêu cầu sức ép công nghiệp (thí dụ chuẩn Machintosh, MicroSoft, , ) [Smith 86b] • Chuẩn thiết kế để bảo vệ tính hiệu ND hay dây chuyền sản xuất nhà phát triển, lý thương mại hay sách HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) • Chuẩn yêu cầu sớm lí thương mại hay trị 4.1.4 Luật (Rules) • Là guidelines hay chuẩn với biến tự đặc tả nhu cầu khách hàng với hệ thống riêng biệt [Mossier 86] • Luật tạo họ sản phẩm giống • Luật định nghĩa cách thu thập thông tin liên quan phần riêng biệt giao tiếp người dùng (quản lý Windows) hay chọn HUT, Falt of IT of SE, 2002 HCI - Two thông số để cài đặt Dept (tiêu đề, màu sắc, ) 4.1 Tổng quan (tiếp) • Việc áp đặt luật khó khăn tự động hoá nhờ công cụ phần mềm, thí dụ thư viện tương tác theo hướng đối tượng • Minh chứng thông tin guidelines, luật dùng để định nghĩa luật Luật dùng cho phần Hệ Thống: thông báo lỗi, nội dung cửa sổ, HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 1- Các mô thức (paradigms) cho tính dùng được: từ kỹ thuật tương tác thành công 2- Các nguyên tắc cho tính dùng được: Từ tri thức xã hội, tính toán hay tâm lý  Dept of SE, 2002 HCI - Two 10 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng 4.2 Các tiếp cận HUT, Falt of IT HCI - Two HCI - Two 11 Tập trung vào vấn đề chủ yếu sau: • Thời gian phân chia (Time sharing) - Những năm 50-60: bùng nổ kỹ thuật - 1960: Nhu cầu kênh lượng - máy tính đơn hỗ trợ đa người dùng • Thiết bị hiển thị (Video Display) - Phương tiện thích hợp so với giấy - Máy tính dùng để quan sát điều khiển liệu - Vai trò cá nhân HUT, Falt of IT  Dept of SE, 2002 HCI - Two 12 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) • Hệ thống Window tương tác kiểu WIMP • Các công cụ lập trình: - 1963: Tăng tính thông minh người - 1968: hệ thống chứng minh  công cụ hợp lý cung cấp việc xây dựng khối cho sản phẩm ngày phức tạp • Máy tính PC - 1970: Ngôn ngữ Logo cho lập trình đồ hoạ cho trẻ em - Các hệ thống ngày dễ dùng HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) HCI - Two 13 - Con người ngày có nhu cầu muốn thực nhiều công việc lúc - Window dùng để thay đổi chủ đề - 1981: Xerox Star đưa hệ thống window thương mại • Cảnh trí (Metaphore) - Liên quan đến thói quen ND màu sắc, hình dạng, vị trí, HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) - LOGO - Quản lý tệp desktop - Xử lý văn - Phân tích kế toán - Hiện thực ảo => Một số nhiệm vụ không phù hợp với cảnh trí đâ cho • Điều khiển trực tiếp (WYSIWYG) - 1982: Shneiderman mô tả giao tiếp dựa vào đồ hoạ HUT, Falt of IT  Dept of SE, 2002 HCI - Two 15 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) - Có thể quan sát đối tượng - Gia tăng hoạt động phản hồi nhanh chóng - Cú pháp xác cho hành động - hành động thay cho ngôn ngữ • Ngôn ngữ ngược với hành động - hành động thường không khó lời nói - giao tiếp kiểu thay mô thức thiết kế hệ thống ngôn ngữ - Giao tiếp phương tiện hành động tác tử thông minh HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) => lập trình theo mẫu hành động ngôn ngữ • Siêu văn (Hypertext) - 1945: Vanevar Bush thành công quản trị bùng nổ thông tin - 60’s: Nelson mô tả hypertext cấu trúc không tuyến tính - Dự án Nelson mơ ước HUT, Falt of IT  Dept of SE, 2002 HCI - Two 17 HCI - Two 14 HCI - Two 16 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) • Đa thể thức (Multi modality) - Hệ thống tương tác đa thể thức hệ thống sử dụng đa kênh giao tiếp với ND Mỗi kênh thể thức ND thường sử dụng kênh nhìn (visual) phím (haptic) - Hệ thống tương tác đa thể thức phải đáp ứng cho việc sử dụng đồng thời kênh giao tiếp cho vào  Đa thể thức, đa phương tiện thực ảo tạo nên khung rộng cho việc nghiên cứu hệ tương tác HUT, Falt of IT  Dept of SE, 2002 HCI - Two 18 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) • Hỗ trợ làm việc tập thể (CSCWComputer Supported Cooperative Work) - Hệ thống CSCW xây dựng nhằm cho phép giao tiếp người qua máy tính, nhiều thứ biểu diễn sản phẩm - Thí dụ: Hệ thống E-mail hệ thống tương tác kiểu CSCW - CSCW chủ đề HCI HUT, Falt of IT  Dept of SE, 2002 HCI - Two 19 Prepared by MSc Luong manh Ba 4.3 Các mô thức cho tính dùng (tiếp) • WEB - 1989 Tim Berners Lee (CERN) tượng xã hội ngày có nhiều người sử dụng • Giao tiếp dựa vào tác tử (Agent based interface) HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Thí dụ: worked exercie Một hệ STVB full page không giao tiếp với điều khiển trực tiếp Đặc trưng Bộ XLVB phá vỡ cảnh trí tổ hợp bút chì giấy? - Tính quan sát đối tượng quan tâm: Đối tượng quan tâm Bộ XLVB từ (Word) ý tưởng nhằm chuyển đổi từ hướng dòng sang hướng hình (display oriented) => Lề trang hình có tương tự lề giấy ? Font định dạng ký tự VB khác HUT, Falt of IT  Dept of SE, 2002 HCI - Two 21 Prepared by MSc Luong manh Ba 4.4 Các nguyên tắc cho tính dùng Việc biểu diễn có tính cấu trúc áp dụng cho trình thiết kế hệ thống giao tiếp: • Tính dễ học (learnability): áp dụng cho người từ việc giao tiếp có hiệu qủa => hoàn thành với hiệu suất tối đa • Mềm dẻo (flexibility): ND hệ thống giao tiếp với theo nhiều cách thức HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.4 Các nguyên tắc cho tính dùng (tiếp) • Vững (robustness): - mức độ hỗ trợ cho người dùng để xác định việc thực thành công đánh giá hành vi điều khiển • Tính dự đoán (predictability): Xác định hiệu hành động tương lai dựa vào lịch sử giao tiếp qua • Tính thân thiện (familiarity): có cần tri thức sử dụng hệ thống HUT, Falt of IT  Dept of SE, 2002 HCI - Two 23 HCI - Two 20 HCI - Two 22 Prepared by MSc Luong manh Ba 4.4 Các nguyên tắc cho tính dùng (tiếp) • Tính tổng hợp: thay đổi màu sắc dẫn đến thay đổi trạng thái số thành phần hệ thống • Tính khái quát (generalizability): mở rộng tri thức riêng cho tình • Tính quán (consistency): tương tự trạng thái vào cho tình giống hay nhiệm vụ đích HUT, Falt of IT  Dept of SE, 2002 HCI - Two 24 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 4.5 Thiết kế giao tiếp người dùng – máy tính 4.4 Các nguyên tắc cho tính dùng (tiếp) • Tính khái quát hoá ổn định: tính ổn định thường tương đối số đặc trưng khác tương tác ND Hệ thống Nội dung 4.5.1 Tổng quan thiết kế 4.5.2 Vòng đời vòng đời hình thiết kế tương tác người máy 4.5.3 Hợp thức kiểm chứng (validation & verification) 4.5.4 Mẫu thử (Prototype) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 25 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.5.1 Tổng quan thiết kế HCI - Two 26 Prepared by MSc Luong manh Ba 4.5.2 Vòng đời vòng đời hình thiết kế tương tác người máy • Công nghệ phần mềm lĩnh vực để hiểu trình thiết kế hay vòng đời • Thiết kế đạt tính dùng diễn suốt trình hệ thống, không dành riêng cho giai đoạn • Đầu đặc tả yêu cầu ND, phân tích nhiệm vụ tài liệu, sơ đồ hay dạng chuẩn khác HUT, Falt of IT  Dept of SE, 2002 HCI - Two 27 • Mô hình thác nước CNPM (waterfall model) • Các hoạt động vòng đời • Vòng đời hình (star life cycle) HCI HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Mô hình thác nước CNPM HCI - Two 28 Prepared by MSc Luong manh Ba Mô hình thác nước CNPM (tiếp) “Trong thực tế, giai đoạn trình phát triển phủ phản hồi cho Trong thiết kế , vấn đề đặc tả yêu cầu ND xác định; cài đặt, vấn đề thiết kế làm Quá trình phần mềm không đơn tuyến tính bao gồm chuỗi lặp hoạt động phát triển” (Sommerville, 1992) => mô hình tuyến tính HUT, Falt of IT  Dept of SE, 2002 HCI - Two 29 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 30 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Các hoạt động vòng đời Đặc tả yêu cầu người dùng Thiết kế kiến trúc Thiết kế chi tiết Lập trình kiểm thử Tích hợp kiểm thử Khai thác bảo trì Vòng đời hình HCI CNPM tương đối tuyến tính, vòng đời hình lại không hoàn toàn vậy: - ND trung tâm có ảnh hưởng đến hệ thống - Tích hợp tri thức chuyên gia từ nhiều lĩnh vực - Tính lặp cao  Dept of SE, 2002 HUT, Falt of IT Prepared by MSc Luong manh Ba HCI - Two 31 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Vòng đời hình HCI (tiếp) HCI - Two 32 Prepared by MSc Luong manh Ba Đặc tả yêu cầu người dùng • Người thiết kế khách hàng cố gắng thâu tóm Mẫu thử hy vọng hệ thống phải cung cấp PT nhiệm vụ Chức Cài đặt Đánh giá Đặc tả yêu cầu NSD • Việc đặc tả biểu diễn ngôn ngữ tự nhiên hay ngôn ngữ chuyên dụng khác ngôn ngữ phân tích nhiệm vụ Thiết kế lô gic/Vật lý Vòng đời hình HCI (Hix & Hartson,1993) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 33 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Thiết kế kiến trúc (architectural design) • Mô tả mức độ cao: hệ thống cung cấp dịch vụ yêu cầu • Chia hệ thống thành thành phần mô tả mối liên hệ thành phần • Cần đáp ứng loại yêu cầu: chức phi chức HUT, Falt of IT  Dept of SE, 2002 HCI - Two 35 HCI - Two 34 Thiết kế chi tiết (detailed design)  Tinh chỉnh thành phần kiến trúc mối quan hệ để xác lập mô-đun nhằm cài đặt cách riêng biệt  Việc tinh chỉnh quản trị thành phần phi chức HUT, Falt of IT  Dept of SE, 2002 HCI - Two 36 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Tích hợp kiểm thử Mã hoá kiểm thử • Cài đặt kiểm thử mô-đun riêng biệt số ngôn ngữ lập trình HUT, Falt of IT  Dept of SE, 2002 HCI - Two 37 • Tích hợp mô-đun theo thành phần kiến trúc HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba • Sản phẩm cung cấp cho khách hàng Một số vấn đề tinh chỉnh cần tiến hành sản phẩm giao nhằm tăng tuổi thọ cho phần mềm Việc khai thác chung  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.5.3 Hợp thức kiểm chứng (Validation & Verification) Khai thác bảo trì HUT, Falt of IT HCI - Two 38 HCI - Two 39 • Kiểm chứng: thiết kế sản phẩm • Hợp thức: thiết kế sản phẩm theo yêu cầu người dùng • Hình thức: công đoạn (formality gap) HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 4.5.3 Hợp thức kiểm chứng (tiếp) HCI - Two 40 Prepared by MSc Luong manh Ba 4.6 Thiết kế lặp mẫu thử (Iterative Design and Prototype) Thiết kế lặp nhằm khắc phục vấn đề cố hữu đặc tả không đầy đủ 1) Mẫu thử (Prototypes) • Mẫu thử bắt chước hay mô hình, thường dùng cho hệ thống chưa tồn • Mô hay minh hoạ số đặc trưng hệ thống • Nhiều kiểu mẫu thử: HUT, Falt of IT  Dept of SE, 2002 HCI - Two 41 - Tung gia (Throw - away) - Gia tăng (incremental) Tiến hoá (evolutionary) HUT, Falt of- IT  Dept of SE, 2002 HCI - Two 42 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Mẫu thử (tiếp) • • Mẫu thử (tiếp) Tại dùng? - Làm mịn đặc tả - Làm mịn thiết kế - So sánh thiết kế - Tự thiết kế - Chứng minh cho ý tưởng - Thực kinh nghiệm Ai dùng?: khách hàng, ND, HUT, Falt of IT  Dept of SE, 2002 HCI - Two 43 • Hạn chế - dáng vẻ - chức - tính vững Mẫu thử tốt: - không cần thời gian - không cần tài nguyên HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Mẫu thử (tiếp) Mẫu thử (tiếp) => Chuẩn bị kịch (Walkthrough) nhằm kiểm tra ND thấy, phải biết làm • Hình thức: Mỗi kịch gồm số hình Mỗi hình gồm phần: phần mô tả Text phần hình Minh hoạ qua thí dụ kết hợp menu phím lệnh 2) Các vấn đề quản lý • Thời gian • Kế hoạch HUT, Falt of IT  Dept of SE, 2002 HCI - Two 45 • Các đặc tính phi chức • Hợp đồng 3) Các kỹ thuật 3.1 Storyboards • Là kỹ thuật minh hoạ hình ảnh chụp nhanh hệ thống có nguồn gốc từ hoạt hình công nghiệp làm phim Thường dùng để minh hoạ kịch với lựa chọn cố định hạn chế HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Các kỹ thuật mẫu thử • Ưu điểm - Không thiết cần máy tính - Có thể kích hoạt - Minh hoạ nhanh ý tưởng => có ích giai đoạn đầu thiết kế - Hình dung ý tưởng không hỗ trợ công cụ có hay công nghệ chưa tồn => cần vai trò giám sát người thiết kế - Bỏ qua đặc trưng không liên quan HUT, Falt of IT  Dept of SE, 2002 HCI - Two 44 HCI - Two 47 HCI - Two 46 Prepared by MSc Luong manh Ba Các kỹ thuật mẫu thử (tiếp) 3.2 Mô chức hạn chế • Một vài chức hệ thống người thiết kế cung cấp HUT, Falt of IT  Dept of SE, 2002 HCI - Two 48 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Mẫu thử (tiếp) Mẫu thử (tiếp) - Công cụ: HyperCard [Goodman87, MillerD88], ngôn ngữ lập trình: VB, VC, Hypercard hỗ trợ:  Siêu văn  Cơ sở liệu  Thiết kế giao tiếp Mô hình sở HyperCard chồng (stack) card điện tử Mỗi card gồm:  Phần đồ hoạ: đường, mặt,  Các trường chứa văn  Các phím lệnh để liên kết với card khác HUT, Falt of IT  Dept of SE, 2002 HCI - Two 49 - Sử dụng HyperCard  Môi trường Trên giấy: đối tượng vẽ sẵn hay kí tự vẽ giấy hay card Thao tác: dán đè, cắt rời, => mềm dẻo Trên hình: hình chụp hay vẽ Cần có tính chuyên nghiệp song mục đích rõ ràng Trên máy tính: Dùng công cụ thể quan sát thật  Cách dùng Vẽ snapshot card => nhiều hình giống (do chép) Chuyển từ card sang card khác thể lập trậttự chèn sau card HUT, Falt ofCó IT Dept of SE,card 2002 (card HCI - Two 50 tại) Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Mẫu thử (tiếp) Thí dụ tạo mẫu thử với Hypercard thí dụ tạo mẫu thử với Hypercard cho quản lý tệp: In tệp - Trợ giúp kỹ thuật Oz (Wizard of Oz technique): kỹ thuật trực giác nhằm đặt ND vào môi trường hoạt động giao tiếp ND, thí dụ để mô giọng nói ngôn ngữ tự nhiên, đầu vào hệ thống đọc tả, ND dùng micro nói người nghe ghi đánh câu phòng khác Kỹ thuật cho phép đánh giá hệ thống chưa xây dựng Xem tàI liệu “Prototyping UI in Hypercard” -A.J.Dix HUT, Falt of IT  Dept of SE, 2002 HCI - Two 51  Dept of SE, 2002 HUT, Falt of IT HCI - Two 52 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Mẫu thử - thí dụ Mẫu thử (tiếp) 5) Thí dụ: Tìm kiếm Nhân tệp Cán Giao tiếp thiết kế sau (qua bước) 4) Một số cảnh báo kỹ thuật lặp • Quán tính thiết kế: lúc đầu tồi sau tồi • Chuẩn đoán vấn đề thực tính dùng thiết kế mẫu thử triệu chứng Chọn tiêu chí tìm Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban OK HUT, Falt of IT  Dept of SE, 2002 HCI - Two 53 HUT, Falt of IT Back  Dept of SE, 2002 HCI - Two 54 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Thí dụ (tiếp) Thí dụ (tiếp) Chọn tiêu chí tìm Chọn tiêu chí tìm Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban OK Back OK 1) Người dùng rê chuột đến ô cạnh ô Tên nhấn phím để chọn  Dept of SE, 2002 HUT, Falt of IT HCI - Two 55 Back 1) Người dùng rê chuột đến ô cạnh ô Tên nhấn phím để chọn 2) Người dùng rê chuột đến ô cạnh ô Văn hoá nhấn phím để chọn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 56 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Thí dụ (tiếp) Thí dụ (tiếp) Chọn tiêu chí tìm Chọn tiêu chí tìm Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban OK Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban Back OK 1) Người dùng rê chuột đến ô cạnh ô Tên nhấn phím để chọn 2) Người dùng rê chuột đến ô cạnh ô Văn hoá nhấn phím để chọn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 57 Back 3) Người dùng rê chuột đến ô cạnh ô Tên nhấn phím để loại chọn mục Tên  Dept of SE, 2002 HUT, Falt of IT Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Thí dụ (tiếp) Thí dụ (tiếp) Chọn tiêu chí tìm Chọn tiêu chí tìm Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban OK Tªn NghÒ nghiÖp V¨n ho¸ Phßng ban Back OK 1) Người dùng rê chuột đến ô cạnh ô Văn hoá nhấn phím đề chọn HUT, Falt of IT HCI - Two 58  Dept of SE, 2002 HCI - Two 59 Back 2) Người dùng rê chuột đến ô cạnh ô Nghề nghiệp nhấn phím đề chọn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 60 10 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Phân tích nhiệm vụ theo mô hình tri thức (How to it) - Cơ sở: dựa vào ánh xạ nhiệm vụ - hành động Nhiệm vụ dùng, hành động thực => GOMS mô hình thích hợp - Việc thực GOMS chia thành nhiều mức trìu tượng khác - tính chất GOMS: + GOMS mô tả tập phương pháp để thực nhiệm vụ + Mức độ nhiệm vụ sở (unit task) + Mức độ hành động (Keystroke) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 115 Prepared by MSc Luong manh Ba Thí dụ Quản lý tệp PC-MSDOS MACINTOSH • Users goal – Xoá tệp – Chuyển tệp HUT, Falt of IT Xoá thư mục Chuyển thư mục  Dept of SE, 2002 Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - • Phương pháp thực mục đích xoá tệp • Step Chọn lệnh ERASE từ tệp lệnh • Step Nghĩ tên TM tên tệp • Step Nhập lệnh thực lệnh • Step Kết thúc • Phương pháp thực mục đích chuyển tệp • Step Thực tệp • Step Thực xoá tệp • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 117 Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - (tiếp) • Phương pháp thực mục đích tệp • Step Chọn lệnh COPY từ tệp lệnh • Step Nghĩ tên TM tên tệp nguồn • Step Nghĩ tên TM tên tệp đích • Step Nhập lệnh thực lệnh • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - • • Phương pháp thực mục đích xoá TM Step Xoá tất tệp TM Step Xoá TM • Step Kết thúc • Phương pháp thực mục đích xoá tệp • Step Chọn lệnh ERASE từ tệp lệnh • Step Nghĩ tên TM • Step Nhập tên TM: *.* • Step Nhập lệnh thực lệnh • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 119 HCI - Two 116 HCI - Two 118 Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - 2(tiếp) • Phương pháp thực mục đích chuyển TM • Step Chọn lệnh RD từ tệp lệnh • Step Nghĩ tên TM nhập • Step Nhập lệnh thực lệnh • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 120 20 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - • Phương pháp thực mục đích chuyển TM • Step Thực TM • Step Thực xoá TM • Step Kết thúc • Phương pháp thực mục đích TM • Step TạoTM • Step Sao tệp sang TM • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 121 Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - (tiếp) Phương pháp thực mục đích tạo TM Step Chọn lệnh MD tập lệnh Step Nghĩ nhập tên TM Step Thực lệnh Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba PC-MSDOS File manipulation methods - (tiếp) Phương pháp thực mục đích tệp Step Chọn lệnh COPY từ tệp lệnh Step Nghĩ tên TM nguồn Step Nhập *.* vùng nguồn Step Nghĩ tên TM đích Step Nhập *.* vùng đích Step Thực lệnh Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 123 HCI - Two 122 Macintosh Specific file manipulation methods • Phương pháp thực mục đích xoá tệp • Step Gắp tệp bỏ vào thùng rác • Step Kết thúc • Phương pháp thực mục đích chuyển tệp • Step Gắp tệp bỏ vào nơi đến • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 124 Prepared by MSc Luong manh Ba Macintosh Macintosh Specific file manipulation methods (tiếp) Generalize file manipulation methods • Phương pháp thực mục đích xoá TM • Step Gắp TM bỏ vào thùng rác • Step Kết thúc • Phương pháp thực mục đích chuyển TM • Step Gắp TM bỏ vào nơi đến • Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 125 • • • • • • Phương pháp thực xoá đối tượng Step Gắp đối tượng bỏ vào thùng rác Step Kết thúc Phương pháp thực chuyển đối tượng Step Gắp đối tượng bỏ vào nơi đến Step Kết thúc HUT, Falt of IT  Dept of SE, 2002 HCI - Two 126 21 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Cấu trúc mục đích PC-DOS Prepared by MSc Luong manh Ba Cấu trúc mục đích Macintosh Move Directory Move File Copy File Delete File Copy Directory Delete Directory Create Directory Move File Copy All Files Enter Command Delete All Files Delete File Copy Directory Delete Drectory Drag Item to Destination Remove Directory Enter Filespec Hộp biểu diễn y/c ND, không hộp nhiệm vụ HUT, Falt of IT  Dept of SE, 2002 HCI - Two 127 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 6.4 Sử dụng phân tích nhiệm vụ (Uses of Task Analysis) • Đầu TA phá vỡ nhiệm vụ mà ND thực phụ thuộc vào: KT dùng, áp dụng, kế hoạch chuỗi hành động sử dụng để thực nhiệm vụ • Cách thức thông tin dùng phụ thuộc nhiều vào việc đặt • Có cách sử dụng: tạo tài liệu vật liệu hướng dẫn, tóm yêu cầu thiết kế hệ thống mức độ cao thiết kế giao tiếp chi tiết HUT, Falt of IT  Dept of SE, 2002 HCI - Two 129 Prepared by MSc Luong manh Ba 6.4.1 Tài liệu hướng dẫn • Một số kỹ thuật đời sớm TA nhằm dạy ND cách thức thực nhiệm vụ • Việc đào tạo khó nhanh hiệu Việc dùng TA phần chuyên ngành HCI khác nhau, song đào tạo ứng dụng quan trọng • Cấu trúc phân cấp HTA dùng để cấu trúc tài liệu giáo trình • Thí dụ: Chúng ta muốn viết tài liệu “Hướng dẫn pha trà” cho người dựa theo kỹ thuật HTA Chúng ta dùng trang cho mức phân cấp nhiệm vụ có kế hoạch liên kết lại HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 6.4.1 Tài liệu hướng dẫn Thí dụ To make cups of tea Đun nước - xem trang To make pot of tea nước sôi Làm nóng ấm Làm ấm Cho trà vào ấm Pha trà - xem trang Rót nước sôi vào ấm Đợi 3-4 phút Rót trà - xem trang - trang 3- - trang 1HUT, Falt of IT  Dept of SE, 2002 HCI - Two 131 HCI - Two 128 HCI - Two 130 Prepared by MSc Luong manh Ba 6.4.1 Tài liệu hướng dẫn (tiếp) - Tài liệu kiểu “How to it” thường hữu ích cho đào tạo ban đầu, nhiên để cấu trúc giáo trình hay thiết bị cho đào tạo cao hơn, cần cấu trúc tốt - Kỹ thuật phân loại dùng trực tiếp - Tóm lại để giảng chủ đề hoàn toàn mới, kỹ thuật TA dùng để trợ giúp ND chuyển từ HT sang HT khác HUT, Falt of IT  Dept of SE, 2002 HCI - Two 132 22 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba 6.4.2 Tóm yêu cầu thiết kế HT • TA dùng để hướng dẫn thiết kế HT Tuy nhiên, thân TA dạng để tóm yêu cầu ND tham chiếu đến HT tồn tại, HT có kế hoạch Tuy vậy, góp phần vào hoàn thiện phát biểu yêu cầu • Các phát biểu gốc ND đưa thường liên quan đến thành phần yêu cầu có liên quan đến HT tồn chức HUT, Falt of IT  Dept of SE, 2002 HCI - Two 133 Prepared by MSc Luong manh Ba 6.4.2 Tóm yêu cầu thiết kế HT(tiếp) • Các thông tin liệt kê người phát triển HT thường tập trung vào HT làm mà quên miêu tả sử dụng • TA HT trợ giúp theo cách: – Những đối tượng HT tồn có thể đưa sang HT – Các trình bày có khuôn dạng trạng thái công việc giúp đỡ khách hàng hiểu rõ đặc trưng HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 6.4.3 Thiết kế giao tiếp chi tiết • Tương tự cách thiết kế tài liệu, việc phân loại nhiệm vụ hay đối tượng dùng thiết kế menu Cây phân cấp mô tả nhiệm vụ TDH đương nhiên có ích cho việc • Menu mức cao nhãn hoá sau phân rã mức đỉnh menu sau phân rã tiếp,… • Nếu cách tiếp cận hướng đối tượng sử dụng việc liên kết đối tượng với hành động rấ có ích Các hành động ngầm định lựa chọn dựa vào tần suất hành động HUT, Falt of IT  Dept of SE, 2002 HCI - Two 135 HCI - Two 134 Prepared by MSc Luong manh Ba 6.4.3 Thiết kế giao tiếp chi tiết (tiếp) • Chuỗi nhiệm vụ nhận từ TA dùng thiết kế đối thoại Trình tự đócCác nhiệm vụ thực dùng để sánh với công việc gốc • TA không bao gời đầy dủ cách phán xử cho kiểu cấu trúc giao tiếp Tuy nhiên, hiểu rõ chất từ TA thực tốt tạo nên giao tiếp hỗ trợ tốt cho ND HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 136 Prepared by MSc Luong manh Ba Tổng kết Bài tập chương • Có nhiều phương pháp phân tích nhiệm vụ • HTA phân rã nhiệm vụ thành nhiệm vụ miêu tả dạng văn hay lưu đồ • Kỹ thuật dựa vào tri thức xây dựng cách phân loại đối tượng dùng nhiệm vụ hành động • Chúng ta lại quan sát đối tượng hành động tập trung vào kiểu đối tượng khác nhau: đối tượng bị động, người tác tử phi người • Thông tin cho TA lấy từ VB có, từ quan sát ND thực nhiệm vụ qua vấn ND Exercise 6.1 The following is a list of objects found in one of the authors’ kitchens.teapot, mug, soup bowl, plate, spoon, table knife, cook’s knife, fork, saucepan, frying pan, kettle, casserole, fish slice, tin opener, baking tray, scales, miking bowl, glasses, jugs, corkscrew, rolling pin, ladle, egg cup, chopping board Produce a taxonomy using the TDH notation of these objects Does it obey the TAKD uniqueness rule? Compare your answer with someone else’s (Note, the authors had great difficulty with items like the corkscrew, which did not fit easily into any generic category—perhaps you did better.) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 137 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 138 23 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Bài tập chương (tiếp) Prepared by MSc Luong manh Ba Bài tập chương (tiếp) Exercise 6.2 Complete the tea-making manual in the slide 131 Do you think it would beuseful? Think of situations where such a manual would be helpful and where a more conceptual manual would be better Exercise 7.3 The Figure below shows a textual representation of an HTA description of vacuum cleaning Present the same information in a diagrammatic form HUT, Falt of IT  Dept of SE, 2002 HCI - Two 139  Dept of SE, 2002 HUT, Falt of IT Prepared by MSc Luong manh Ba Bài tập chương (tiếp) in order to clean the house Get the vacuum cleaner out Fix the appropriate attachement Clean the room 3.1 Clean the hall 3.2 Clean the living rooms 3.3 Clean the bedrooms Empty the dust bag Put the vacuum cleaner and attachements away plan 0: 1-2-3-5 in that order, when the dust bag gets full plan 3: any of 3.1, 3.2 or 3.3 in any order depending on which rooms need cleaning HUT, Falt of IT  Dept of SE, 2002 HCI - Two 141 Prepared by MSc Luong manh Ba Chương VII: Ký pháp đối thoại thiết kế Tổng quan Đối thoại mức độ ngữ nghĩa HCI Nó giống với kịch diễn, trừ ND MT, có nhiều lựa chọn • Ký pháp dùng để mô tả đối thoại là: i) Lưu đồ: dễ dàng lĩnh hội ii) Văn bản: Dễ cho phân tích hình thức • Đối thoại liên kết với: i) Ngữ nghĩa HT, mà thực ii) Biểu diễn HT: dáng vẻ  Dept of SE, 2002 HUT, Falt of IT Prepared by MSc Luong manh Ba • Mô tả hình thức dùng phân tích cho: i) hành động không quán ii) khó khăn hành động dự trữ iii) mục thiếu iv) lỗi tiềm ẩn Nội dung 1)Đối thoại gì? 2) Ký pháp đồ hoạ 3) Ký pháp văn 4) Ngữ nghĩa đối thoại + Thí dụ  Dept of SE, 2002 HCI - Two 142 Prepared by MSc Luong manh Ba 7.1 Khái niệm đối thoại Tổng quan (tiếp) HUT, Falt of IT HCI - Two 140 - Đối thoaị ngược với độc thoại, trao đổi thành phần - Trong thiết kế tương tác người-máy, đối thoại có nhiều nghĩa riêng biệt cấu trúc trao đổi ND HT máy tính Y/c T/L Đối thoại HCI - Two 143 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 144 24 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Đối thoại gì? Đối thoại người có cấu trúc mức độ cấu trúc: 1) Mức độ từ vựng: mức độ thấp Đó hình dạng, biểu tượng, phím nhấn 2) Mức độ cú pháp: Thứ tự cấu trúc đầu vào, đầu (trong ngôn ngữ tự nhiên ngữ pháp xây dựng câu) 3) Mức độ ngữ nghĩa: ý nghĩa trao đổi theo thuật ngữ hiệu cấu trúc liệu bên MT với giới bên Trong giao tiếp ND (User Interface), thuật ngữ đối thoại thường đồng nghĩa với mức độ cú pháp HUT, Falt of IT  Dept of SE, 2002 HCI - Two 145 - Ngược với đàm thoại ND, đối thoại với MT thường có cấu trúc bị ràng buộc Tuy nhiên có đàm thoại có cấu trúc thường diễn có nhiều bên (con người) tham gia - Các thành viên trả lời câu xác định trước Tuy nhiên phụ thuộc tình khác nhau, không lường trước - Trong giao tiếp Người - máy, nhiều không xác định hết tình nhiều máy đưa thông báo khó lường=>cú pháp liên kết với ngữ ngiã ứng dụng? HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 146 Prepared by MSc Luong manh Ba Ký pháp thiết kế đối thoại 7.2 Ký pháp đồ hoạ - Một số kỹ sư MT quen thuộc với số ký pháp lại cần đến ký pháp đặc biệt? Chúng ta có NNLT không dùng chúng? - NNLT với cấu trúc không đủ dể mô tả Chúng ta muốn tách riêng phân tích tách phần tử giao tiếp chương trình khỏi ngữ cảnh tính toán Nội dung Mạng dịch chuyển trạng thái (STN) Mạng dịch chuyên trạng thái phân cấp (HSTN) Đối thoại tương tranh bùng nổ tổ hợp Lưu đồ luồng (Flow Chart) Lưu đồ JSD (Jackson Structured Design) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 147 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 148 Prepared by MSc Luong manh Ba Mạng dịch chuyển trạng thái Mạng dịch chuyển trạng thái (tiếp) • Mạng dịch chuyển trạng thái sử dụng từ sớm để mô tả đối thoại (1960) • Dùng đối tượng để mô tả: Thí dụ mạng STN biểu diễn công cụ vẽ menu gồm vòng tròn đường - Circle: mô tả tả trạng thái HT - Mũi tên: mô tả dịch chuyển trạng thái - hành động hay kiện Trên mũi tên có nhãn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 149 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 150 25 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Thí dụ (tiếp) Mạng dịch chuyển trạng thái phân cấp Hoạt động HT: - “Menu” trạng thái HT đợi ND nhấn “circle” hay “line” từ menu - “Circle2” trạng thái sau ND chọn vòng tròn trung tâm đợi điểm vòng - “Circle1” trạng thái HT đợi ND chọn vòng tròn trung tâm Nếu ND chọn điểm, HT chuyển sang trạng thái “Circle2” - Trạng thái “Start”, “Finish” trạng thái không thật Nó giúp cho ta dễ theo dõi biểu diễn đối thoại phức tạp HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 151 • Được sử dụng đối thoại phức tạp Người ta chia đối thoại thành đối thoại nhỏ (sub-dialog) • Thí dụ main menu có lựa chọn (3 sub menu) biểu diễn đồ thị menu có text menu => Biểu diễn HT đầy dủ nhờ STN phân cấp HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 152 Prepared by MSc Luong manh Ba Thí dụ - STN phân cấp Sử dụng STN phân cấp - Sử dụng STN xuất phát tốt để tạo mẫu thử - Trong trường hợp đơn giản dùng giấy: vẽ tay hay in từ máy tính - Có thể duyệt toàn kịch với ND hay khách hàng => giải thích nhờ STN - Có thể dùng máy tính với Hypercard hay Macromedia Director để vẽ trạng thái HUT, Falt of IT  Dept of SE, 2002 HCI - Two 153 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Đối thoại tương tranh - STN tốt biểu diễn đối thoại tuần tự, chọn hay lặp - Tuy nhiên dần tác dụng phải biểu diễn phần tương tranh - Xét thí dụ hội thoại đơn giản kiểu văn hệ STVB HUT, Falt of IT  Dept of SE, 2002 HCI - Two 155 HCI - Two 154 Prepared by MSc Luong manh Ba Đối thoại tương tranh (tiếp) Hộp lựa chọn chứa fím Toggle Mỗi fím cho tình huống: đậm, nghiêng hay gạch chân Một đoạn VB nghiêng, đậm hay gạch tổ hợp thuộc tính Nếu nhìn riêng phím có STN trạng thái (hình trang bên) Tuy nhiên, ta muốn biểu diễn tổ hợp trạng thái, cần tổ hợp lưu đồ HUT, Falt of IT  Dept of SE, 2002 HCI - Two 156 26 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Đối thoại tương tranh (tiếp) Prepared by MSc Luong manh Ba Đối thoại tương tranh (tiếp) n toggles => 2n trạng thái Tổ hợp đậm nghiêng Đồ thị STN đơn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 157 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 158 Prepared by MSc Luong manh Ba Flow charts (tiếp) Flow charts - Quen thuộc với Người LT - Hộp trình định - Sự kiện trạng thái - Sử dụng nhiều loại hộp khác để biểu diễn hoạt động khác quan hệ kiểu hướng NLT hướng ND HUT, Falt of IT  Dept of SE, 2002 HCI - Two 159 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 160 Prepared by MSc Luong manh Ba Lưu đồ JSD (tiếp) Lưu đồ JSD - Ra đời sau Flow Diagram - Được dùng nhiều khía cạnh TA - Thích hợp với cấu trúc đối thoại hình - Kém diễn tả song sáng sủa Nó gần giống HTA Tuy nhiên xác Trang bên, JSD diễn tả HT nhân HT cho phép cập nhật thông tin nhân sự: bổ sung, hiện, xoá, HUT, Falt of IT  Dept of SE, 2002 HCI - Two 161 JSD biểu diễn chức HT nhân HUT, Falt of IT  Dept of SE, 2002 HCI - Two 162 27 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 7.3 Ký pháp văn Các ký pháp • Văn phạm • Luật sản xuất • CSP (Communicating Sequential Process) • Thí dụ HUT, Falt of IT  Dept of SE, 2002 HCI - Two 163 7.3.1 Văn phạm • Văn phạm hình thức dùng phổ biến ký pháp văn phạm BNF dạng hay dùng mô tả NNLT mô tả giao tiếp • Cú pháp BNF expr ::= empty | atom expr | `(' expr `)' expr => Biểu thức: rỗng/ biểu thức nguyên tố/ HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 7.3.1 Văn phạm (tiếp) • Đa dạng biểu thức qui hay STN • Không có biểu diễn tương tranh • Có công cụ để thực Unix có công cụ “yacc” hay “lex” cho văn phạm qui HUT, Falt of IT  Dept of SE, 2002 HCI - Two 165 HCI - Two 164 7.3.2 Luật sản xuất • Đã xuất mô hình CCT hay mô tả thành phần đối thoại UIMS (chương 8) • Dạng thể hiện: If cond then action Và viết cond -> action hay cond: action • Các luật kích hoạt HT sánh phần cond luật với kiện khởi tạo ND Khi cond thoả, luật gọi “fire” hành động thực • Hành động đáp ứng ND hay thay đổi trạng thái HT Chú ý: Thứ tự xuất luật không quan trọng HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 166 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Thí dụ (tiếp) • Hệ thống luật kiện hay trạng thái hay pha trộn Trong thí dụ trên: điều kiện hành động đơn giản kiện Có loại kiện: i) Sự kiện ND (bắt đầu chũ hoa) ii) Sự kiện (bắt đầu chũ thường): dùng hội thoại để lưu lại vết iii) Sự kiện đáp ứng HT (nằm cặp ) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 167 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 168 28 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Thí dụ (tiếp) Hệ thống luật PPS (tiếp) • Thích hợp cho mô tả tương tranh Luật dựa kiện • Không thích hợp cho hay trạng thái • Hệ thống luật hướng trạng thái: Bộ nhớ HT tập giá trị tên, nhiên không bị lấy khỏi nhớ (ngầm định) mà luật sánh Nó bị lấy khỏi nhớ cách tường minh phần hành động luật Hệ thống luật gọi Hệ thống luật mệnh đề Olsen đề xuất (PPS) HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 169 • Trong HT này, trạng thái HT chia thành tập hữu hạn thuộc tính Mỗi thuộc tính nhận tập giá trị Một vài thuộc tính thiết lập kết hành động ND, số khác có tác động lên hiển thị HT • Thí dụ: Với thí dụ trên, có thuộc tính: i)Mouse: {mouse-off, select-line, click-point, highlightclick} HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Hệ thống luật PPS (tiếp) ii)Line-state: {menu, start-line, rest-line} iii)Rubber-band: {rubber band-off, rubber band-on} iv)Menu: {highlight-off, highlight-line, highlight-circle } v)Draw: {draw-nothing, draw-line} Thuộc tính thứ thiết lập tự động ND thựchiện hành động có liên quan Thuộc tính thứ hai dùng đối thoại để lưu lại vết trạng thái Ba thuộc tính cuối dùng để điều khiển đáp ứng HT HUT, Falt of IT  Dept of SE, 2002 HCI - Two 171 Prepared by MSc Luong manh Ba Hệ thống luật PPS (tiếp) Hệ thống luật PPS cho thí dụ viết: select-line -> mouse-off start line highlight line click-point start line -> mouse-off rest line rubber band on click-point rest line -> mouse-off draw line double-click rest line -> mouse-off menu draw line rubber band off HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Hệ thống luật PPS (tiếp) Luật thứ hai HT luật trên, hành động “restline” thiết lập thuộc tính “line state” loại bỏ giá trị trước “start line” HUT, Falt of IT  Dept of SE, 2002 HCI - Two 173 HCI - Two 170 HCI - Two 172 Prepared by MSc Luong manh Ba 7.3.3 CPS đại số kiện • Ký pháp STN phù hợp với việc điều khiển tương tranh; luật sản xuất lại ngược lại • Việc xử lý đồng thời (tương tranh, tuần tự) đặt nhiều toán (truyền thông, đk tương tranh) • Quá trình đại số (Process Algebras) lớp ký pháp hình thức phát triển cho trình tương tự • CSP lớp đựoc phát triển cho đặc tả đối thoại HUT, Falt of IT  Dept of SE, 2002 HCI - Two 174 29 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 7.3.3 CPS đại số kiện (tiếp) 7.3.3 CPS đại số kiện (tiếp) • CSP sử dụng vì: - đặc tả cho tương tranh - tính dẽ hiểu • Thí dụ Draw-menu =( select - circle? -> Do-circle [] select-line? -> Do-line ) Do-circle = click? -> set centre -> click ? Drawcircle -> Skip Do-line = Start-line ; Rest-line Start-line = click? -> first-point -> Skip Rest-line = ( click? ->next-point -> Rest-line [] double-click? ->last-point ->Skip • Chú ý: HUT, Falt of IT  Dept of SE, 2002 HCI - Two 175 - Các kiện đánh dấu hỏi hành động ND - dấu “=“ có nghĩa định nghĩa - ->: kiện - “;”: trình - []: lựa chọn Tên biểu diễn kiện HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 176 Prepared by MSc Luong manh Ba 7.3.3 CPS đại số kiện (tiếp) 7.3.3 CPS đại số kiện (tiếp) • Do-circle hoàn toàn Khi HT thực Do-circle, trước tiên cần ND nhấn phím chuột, tiếp sau kiện “set centre“ để xác định vị trí trỏ Tiếp theo nhận lần nhấn chuột vẽ kết thúc Skip • Do-line Dấu “;” để trình tuần tự, xảy qua trình Dấu “->” dùng sau kiện • []: lựa chọn dòng 1: ND chọn cirle hay chọn line • Quá trình tương tranh dùng cách thức để tổ chức cấu trúc giao tiếp Thí dụ lựa chọn, ND dùng chuột hay dùng phím nóng => lựa chọn trình • Quá trình chuột đơn giản đợi ND chọn mục menu tiếp sau kiện phụ thuộc vào lựa chọn • Quá trình bàn phím điều khiển phím Alt tiếp sau kiện HUT, Falt of IT  Dept of SE, 2002 HCI - Two 177 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Thí dụ: minh hoạ bảng tính cộng Trong thí dụ ta dùng ký pháp CSP để minh hoạ bảng tính giới hạn phép cộng Ba tình có thể: 1) ND nhập zero: khởi tạo tổng để bắt đầu (Reset) 2) ND nhập số: cộng thêm vào tổng 3) ND nhấn “quit”: Kết thúc => Đối thoại miêu tả: Cộng = add-prompt -> (quit? -> skip [] zero? -> show-sum -> Cộng [] number? -> show-sum -> Cộng HUT, Falt of IT  Dept of SE, 2002 HCI - Two 179 HCI - Two 178 Prepared by MSc Luong manh Ba Thí dụ: minh hoạ bảng tính cộng (tiếp) Ngữ nghĩa miêu tả sau: event add promt = prompt: true out: “next number” event quỉt? = ues: input when input =“quit” event zero? = ues: input when input =“zero” set sum = out: “reset” event number? = ues: input, sum when is number (input) set sum = sum + input event show-sum = ues: sum out: sum HUT, Falt of IT  Dept of SE, 2002 HCI - Two 180 30 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Thí dụ: minh hoạ sở liệu (tiếp) ND sử dụng hành động: “quit”, “set key value”, hay “ Find key” => Đối thoại miêu tả: DB = db-prompt -> (quit? -> skip [] set? -> get-key; get-val []get? -> get-key; print-val) get-key = set-key-prompt -> get-key? get-val = set-val-prompt -> get-val? HUT, Falt of IT  Dept of SE, 2002 HCI - Two 181 Prepared by MSc Luong manh Ba Thí dụ: minh hoạ sở liệu (tiếp) Ngữ nghĩa đối thoại tưong tự phần cộng Ta minh hoạ cho điều khác “get”: event get-key? = uses: input set:key = input event get-val? = uses: input, dbase, key set: dbase = db-update(dbase, input, key) event print-val? = uses: dbase, key out: db-lookup(dbase,key) HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 7.4 Ngữ nghĩa đối thoại • Mục đích miêu tả đối thoại là: giao tiếp nhà thiết kế hay công cụ thiết kế • Miêu tả đối thoại dùng để đặc tả hình thức, phần hợp đồng hay thực nguyên mẫu => cần có miêu tả cách hình thức ngữ nghĩa đối thoại • Có sắc thái ngữ nghĩa đối thoại: HCI - Two 182 Prepared by MSc Luong manh Ba 7.4 Ngữ nghĩa đối thoại (tiếp) • Ba cách tiếp cận: i) Ngữ nghĩa đặc tả ký hiệu ii) Liên kết với ngôn ngữ lập trình iii) Liên kết với ký pháp đặc tả Phía UD phía biểu diễn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 183 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba HCI - Two 184 Prepared by MSc Luong manh Ba 7.4.1 Ngữ nghĩa đặc tả ký pháp 7.4.2 Liên kết với NNLT - ATNs( Augmented Transition NetWorks) dạng mạng dịch chuyển trạng thái HT giả định tập ghi lưu trữ vị trí mà mạng dịch chuyển thiết lập kiểm thử - Mỗi cung mạng việc có nhãn, có ràng buộc (như kiện) có cung ràng buộc thoả kiện xảy - Luật sản xuất có nhiều cách thức ngữ ngữ thay đổi tương tự • Các ký pháp thường gắn với NNLT Thí dụ ký pháp biểu thức qui thường dùng C để biểu diễn ngữ nghĩa đối thoại • Thí dụ Công cụ để đọc số, viết C: Tool number { char buf [80]; int index, positive; input {( digit * + sign; digit; digit*) return) tool digit HUT, Falt of IT  Dept of SE, 2002 HCI - Two 185 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 186 31 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba 7.4.2 Liên kết với NNLT { input {key:| key_c >=‘0’ && key_c digit, sign return tools riêng tool number Echo: trả lại ký tự cho ND  Dept of SE, 2002 HUT, Falt of IT Prepared by MSc Luong manh Ba 7.4.3 Liên kết với đặc tả hình thức • SPI (Specifying and Prototypeing Interaction) bao gồm phần: event CSP event ISL • Event CSP: ký pháp tương tự CSP • Event ISL: mô tả ngữ nghĩa đối thoại • Phần CSP mô tả CSP, nhiên, kiện ứng với kiện ISL • ISL: chuẩn cục phụ thuộc cục vào ngôn ngữ chủ HUT, Falt of IT  Dept of SE, 2002 HCI - Two 189 Prepared by MSc Luong manh Ba 7.4.3 Liên kết với đặc tả hình thức Thí dụ • CSP mô tả trình login: Login = login-mess -> get-name ->Passwd Passwd = passwd-mess -> (invalid ->Login [] valid Session) Session = ( logout -> Login [] command -> execute -> Session)  Một nhập bị lỗi mô tả sau: login: toto passwd: b9fkG Sorry bad user-id/password HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba 7.4.3 Liên kết với đặc tả hình thức Thí dụ (tiếp) • Hai kiện login-mess get-name điều khiển dòng đầu đối thoại: event login-mess = prompt: true out : “login” event get-name = uses: input set user-id = input Quá trình mô tả cho nhận password tương tự HUT, Falt of IT  Dept of SE, 2002 HCI - Two 191 HCI - Two 188 HCI - Two 190 Prepared by MSc Luong manh Ba 7.5 Phân tích thiết kế đối thoại • Các cách thức mà đối thoại phân tích nhằm phát tính tiện dụng tiềm cách xem xét nguyên tắc (chương 4) • Trước tiên tập trung vào hành động ND, trạng thái đối thoại Cuối xem xét cách biểu diễn từ vựng HUT, Falt of IT  Dept of SE, 2002 HCI - Two 192 32 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Tính chất hành động Prepared by MSc Luong manh Ba Tính chất hành động (tiếp) Đầy đủ - cung bị thiếu Nhất quán - unforeseen circumstances - Cùng hành động hiệu Xác định - Thể thức tính quan sát - Nhiều cung cho hành động - Cung cấp: định ứng dụng - Chú ý: luật sản xuất - Thoát nhiều mức lồng HUT, Falt of IT  Dept of SE, 2002 HCI - Two 193 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Tính chất hành động (tiếp) HCI - Two 194 Prepared by MSc Luong manh Ba Tính chất trạng thái Tính đạt tới - Nhận thứ từ vị trí - Dễ dàng Tính thuận nghịch - Có thể nhận trạng thái trước? - Nếu không Undo Các trạng thái nguy hiểm - Một sô trạng thái không muốn HUT, Falt of IT  Dept of SE, 2002 HCI - Two 195 HUT, Falt of IT  Dept of SE, 2002 Prepared by MSc Luong manh Ba Tính chất trạng thái (tiếp) HCI - Two 196 Prepared by MSc Luong manh Ba Tính chất trạng thái (tiếp) F1 :change mode F2 : exit and save) Esc: no mode change HUT, Falt of IT  Dept of SE, 2002 HCI - Two 197 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 198 33 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba Tổng kết thí dụ Mô thức từ vựng HUT, Falt of IT  Dept of SE, 2002 HCI - Two 199 HUT, Falt of IT  Dept of SE, 2002 HCI - Two 200 Prepared by MSc Luong manh Ba Tổng kết thí dụ (tiếp) HUT, Falt of IT  Dept of SE, 2002 HCI - Two 201 34 [...]... hệ thống quản lý các giao tiếp người dùng- UIMS, trao đổi với các nhóm khác HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 68 Prepared by MSc Luong manh Ba 5.3 Mô hình kỹ thuật xã hội OSTA • Cách thức làm việc với ND trong quá trình thiết kế: thiết kế thành viên và thiết kễ xã hội • Thiết kế thành viên: người dùng tham gia vào các công đoạn phân tích yêu cầu, lập kế hoạch • Thiết kế xã hội: tập trung... SE, 20 02 HCI - Two 1 42 Prepared by MSc Luong manh Ba 7.1 Khái niệm về đối thoại Tổng quan (tiếp) HUT, Falt of IT HCI - Two 140 - Đối thoaị ngược với độc thoại, đó là sự trao đổi giữa 2 thành phần - Trong thiết kế tương tác người- máy, đối thoại có nhiều nghĩa riêng biệt đó là cấu trúc của trao đổi giữa ND và HT máy tính Y/c T/L Đối thoại HCI - Two 143 HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 144 24 ... manh Ba Thí dụ (tiếp) 4.7 Tổng kết Chọn giá trị Nghề nghiệp: Văn hoá: Back OK 3) Người dùng nhập dữ liệu vào các mục liên quan 4) Nhấn OK để thực hiện HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 61 • Mô thức cho tính dùng được : Lịch sử máy tính chứa đựng nhiều thí dụ về sự sáng tạo mà tương tác người máy được đề cao • Các nguyên tắc cho tính dùng được: Thiết kế có tính lặp cho tính dùng được nhằm... HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 78 13 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba Prepared by MSc Luong manh Ba 5.6 Mô hình GOMS- thí dụ (tiếp) 5.6 Mô hình GOMS (tiếp) Người dùng có thể dùng chuột hay bàn phím Giả sử có 2 phương pháp M1 và M2 M2 dùng khi khoảng cách lớn và thường dùng chuột, ngược lại khi khoảng cách nhỏ dùng M1 với bàn phím - M2: Di chuột đến vị trí đích rồi... Falt of IT  Dept of SE, 20 02 Prepared by MSc Luong manh Ba 6.4.3 Thiết kế giao tiếp chi tiết • Tương tự như cách thiết kế tài liệu, việc phân loại nhiệm vụ hay đối tượng có thể dùng trong thiết kế menu Cây phân cấp mô tả nhiệm vụ TDH đương nhiên là rất có ích cho việc này • Menu ở mức cao nhất có thể nhãn hoá sau khi phân rã mức đỉnh và menu con sau khi phân rã tiếp, … • Nếu cách tiếp cận hướng đối tượng... SE, 20 02 HCI - Two 65 HCI - Two 62 HCI - Two 64 Prepared by MSc Luong manh Ba Chương V: Mô hình GOM, Keytrock (GOM and Keytrock Models) Nội dung 5.1 Tổng quan 5 .2 Mô hình đặc tả yêu cầu người dùng 5.3 Mô hình OSTA/ mô hình thiết kế cộng tác 5.4 Mô hình phương pháp thiết kế phần mềm 5.5 Mô hình đa cách nhìn (multiview) 5.6 Mô hình GOMS 5.7 Mô hình ngôn ngữ HUT, of IThình Keystroke  Dept of SE, 20 02 5.8Falt... sang HT khác HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 1 32 22 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc Luong manh Ba 6.4 .2 Tóm yêu cầu và thiết kế HT • TA có thể dùng để hướng dẫn thiết kế của 1 HT mới Tuy nhiên, bản thân TA không phải là dạng để tóm các yêu cầu ND như khi nó tham chiếu đến 1 HT đang tồn tại, không phải là 1 HT có kế hoạch Tuy vậy, nó góp phần vào hoàn thiện các phát biểu của yêu... HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 123 HCI - Two 122 Macintosh Specific file manipulation methods • Phương pháp thực hiện mục đích xoá 1 tệp • Step 1 Gắp tệp bỏ vào thùng rác • Step 2 Kết thúc • Phương pháp thực hiện mục đích chuyển 1 tệp • Step 1 Gắp tệp bỏ vào nơi đến • Step 2 Kết thúc HUT, Falt of IT  Dept of SE, 20 02 Prepared by MSc Luong manh Ba HCI - Two 124 Prepared by MSc Luong manh... dụng thì việc liên kết đối tượng với hành động sẽ rấ có ích Các hành động ngầm định có thể lựa chọn dựa vào tần suất của hành động HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 135 HCI - Two 134 Prepared by MSc Luong manh Ba 6.4.3 Thiết kế giao tiếp chi tiết (tiếp) • Chuỗi nhiệm vụ nhận được từ TA được dùng khi thiết kế đối thoại Trình tự trong đócCác nhiệm vụ con được thực hiện có thể dùng để sánh với... Các giai đoạn trong mô hình HTPM (Eason, 19 92) HUT, Falt of IT 4 Thiết kế HCI 5.So sánh 1-4 (Comparation 1-4) 2. Phân tích thông tin Trìu tượng 5 .Thiết kế khía cạnh kỹ thuật Là một cách tiếp cận tổ hợp nhiều cách tiếp cận trong 1 giai đoạn, có phương pháp kiểmtra HUT, Falt of IT  Dept of SE, 20 02 Phương pháp đa cách nhìn (Avison,W.Harrper, 1990) HCI - Two 72 12 Biªn so¹n: L­¬ng M¹nh B¸ Prepared by MSc ... sắc không giống máy, người bị mù màu, HUT, Falt of IT  Dept of SE, 20 02 HCI - Two 4.1 Tổng quan (tiếp)  Guideline dùng nhiều thiết kế công cụ cho xây dựng giao tiếp người dùng 4.1.3 Chuẩn... Two 25 HUT, Falt of IT  Dept of SE, 20 02 Prepared by MSc Luong manh Ba 4.5.1 Tổng quan thiết kế HCI - Two 26 Prepared by MSc Luong manh Ba 4.5 .2 Vòng đời vòng đời hình thiết kế tương tác người. .. of IT  Dept of SE, 20 02 Prepared by MSc Luong manh Ba 6.4.3 Thiết kế giao tiếp chi tiết • Tương tự cách thiết kế tài liệu, việc phân loại nhiệm vụ hay đối tượng dùng thiết kế menu Cây phân cấp

Ngày đăng: 08/11/2015, 11:03

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan