Bài giảng Phương tiện tương tác kỹ thuật số: Chương 2 - Trần Thị Kim Chi

Bài giảng "Phương tiện tương tác kỹ thuật số - Chương 2: Creating interactive products" cung cấp cho người học các kiến thức về: Các mô hình phát triển phần mềm, interactive design, human interface design, flowcharts and site maps, prototying. Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Phương tiện tương tác kỹ thuật số: Chương 2 - Trần Thị Kim Chi 1 Nội Dung 1 Các mô hình phát triển phần mềm 2 Interactive Design 3 Human Interface Design 4 Flowcharts and Site Maps 5 Prototying slide.tailieu.vn Các mô hình quá trình phát triển phần mềm Ba mô hình tiêu biểu  Mô hình thác nước (waterfall)  Mô hình lặp  Mô hình xoắn ốc 3 18/09/13 slide.tailieu.vn Mô hình thác nước (waterfall) Requirement Design Code Integration Acceptance Release 4 18/09/13 slide.tailieu.vn Mô hình thác nước (waterfall) Ý tưởng: “suy nghĩ trước, lập trình sau” Đặc điểm o Là mô hình áp dụng sớm nhất trong phát triển phần mềm o Thiết kế theo trình tự các giai đoạn o Kết quả mỗi giai đoạn là một sản phẩm cụ thể và là đầu vào cho giai đoạn tiếp theo o Mỗi giai đoạn có sự đánh giá riêng Phù hợp với mô hình phát triển phần mềm hơn là phát triển UI 5 18/09/13 slide.tailieu.vn Mô hình thác nước có phản hồi Requirement Design Code Integration Acceptance Giảm thiểu được lỗi xảy ra từ giai đoạn đầu Release 6 18/09/13 slide.tailieu.vn Mô hình thiết kế lặp Chu kỳ lặp gồm thiết kế, hiện thực và đánh giá Design Design Implement Evaluate Implement Evaluate 7 18/09/13 slide.tailieu.vn Mô hình thiết kế lặp Đặc điểm  Làm mịn các chu kỳ thiết kế  Chu kỳ bao gồm :  Tưởng tượng  thể hiện bằng thiết kế (design)  Hiện thực  cài đặt, lập trình (implement)  Kiểm thử  đánh giá bằng nhiều phương pháp (evaluate) 8 18/09/13 slide.tailieu.vn Mô hình thiết kế lặp  Ví dụ  Xem xét chi tiết yêu cầu và tiến hành thiết kế website  Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan  Sơ đồ cấu trúc website; Giao diện  CSDL  Nội dung từng trang  Liên kết giữa các trang 9 slide.tailieu.vn Mô hình thiết kế lặp  Giai đoạn thiết kế 10 slide.tailieu.vn Mô hình thiết kế lặp  Giai đoạn thiết kế 11 slide.tailieu.vn Mô hình thiết kế lặp Giai đoạn cài đặt: Do không dự đoán được tính sử dụng của hệ thống nên chúng ta phải xây dựng bản mẫu (prototype). 12 slide.tailieu.vn Mô hình thiết kế lặp  Giai đoạn đánh giá :  Thực hiện thử nghiệm bản mẫu, sử dụng các phương pháp khác nhau như phương pháp Heuristic, phương pháp quan sát người dùng thao tác với UI  Điều quan trọng nhất của kỹ nghệ hệ thống có tính tiện dụng là thiết kế lặp. Nghĩa là chúng ta sẽ thực hiện vài lần để tái thiết kế giao diện, xây dựng bản mẫu mới và tiếp tục đánh giá, như vậy chúng ta sẽ có giao diện tiện dụng như mong đợi. 13 slide.tailieu.vn Mô hình xoắn ốc 1. Task analysis 2. Design 3. Paper prototype 4. In-class user testing 5. Computer prototype 1 2 6. Heuristic evaluation 7. Implementation 4 3 8. User testing 6 5 8 7 Evaluate Implement 14 18/09/13 slide.tailieu.vn Mô hình xoắn ốc 1. Task analysis Phân tích người sử dụng và nhiệm vụ : tập hợp các yêu cầu về giao diện 2. Design sketches Phác hoạ thiết kế : phác họa thiết kế UI trên giấy 3. Paper prototype Prototype trên giấy : tương tác trên giấy bằng các vật liệu rẻ tiền 4. In-class user testing : Người sử dụng in-class kiểm thử 15 18/09/13 slide.tailieu.vn Mô hình xoắn ốc 5. Computer prototype Xây dựng prototype trên máy tính : bản mẫu phần mềm tương tác 6. Evaluation Thay đổi prototype, đánh giá chúng như chuyên gia về tính sử dụng được 7. Implementation Xây dựng giao diên, cần chỉnh sửa hay không ? 8. User testing Người sử dụng kiểm thử, người sử dụng tham gia thử nghiệm phần mềm làm mịn chúng 16 18/09/13 ...