Bài giảng Nhập môn công nghệ phần mềm - Chủ đề 4 cung cấp cho người học các kiến thức: Khái niệm giao diện, các thành phần giao diện, phân loại màn hình, một số tiêu chí thiết kế màn hình, sơ đồ màn hình, sitemap, mô tả chi tiết màn hình.
Chủ đề 4: Thiết kế Phần mềm (tt) COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH USER INTERFACE DESIGN COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH Nội dung • • • • • • Khái niệm giao diện Các thành phần giao diện Phân loại hình Một số tiêu chí thiết kế hình Sơ đồ hình, sitemap Mơ tả chi tiết hình COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH Thiết kế giao diện COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH Khái niệm giao diện • Giao diện gì? – Phần mềm không hoạt động độc lập mà giao tiếp với: • Người sử dụng • Các hệ thống liên quan cần thành phần chuyên trách giao tiếp: Giao diện COMP1026 – Introduction to Software Engneering CH4 – Part - HIENLTH Khái niệm giao diện • Đặc điểm: – Nơi diễn tương tác – Định nghĩa cách thức giao tiếp – Tiếp nhận thông tin – Phản hồi thơng tin • Phân loại: – Giao diện người dung (User interface) – Giao diện lập trình (Programming interface) COMP1026 – Introduction to Software Engneering CH4 – Part - 10 HIENLTH Các thành phần Menu bar Menu Bar Popup Menu Popup Menu Popup Menu Popup Menu Separator Menu Item COMP1026 – Introduction to Software Engneering CH4 – Part - 50 HIENLTH Tổ chức hệ thống thực đơn • • • • • • • • Hệ thống Danh mục Nhóm chức (nghiệp vụ 1) Nhóm chức (nghiệp vụ 2) Tra cứu Báo cáo (Report) Cơng cụ/tiện ích (Tools/Utilities) Trợ giúp (Help) COMP1026 – Introduction to Software Engneering CH4 – Part - 51 HIENLTH Tổ chức hệ thống thực đơn (Menu) • Hệ thống thực đơn Microsoft Word 2003 • Hệ thống thực đơn Microsoft PowerPoint 2003 • Hệ thống thực đơn Total Commander • Hệ thống thực đơn chương trình QL thư viện • Hệ thống thực đơn chương trình QL nhân COMP1026 – Introduction to Software Engneering CH4 – Part - 52 HIENLTH Hệ thống thực đơn • Hệ thống – – – – Cấu hình hệ thống Đăng nhập Đổi mật Thốt • Danh mục – – – – – Danh Danh Danh Danh … mục mục mục mục nhân viên quận huyện tỉnh thành hàng hóa COMP1026 – Introduction to Software Engneering CH4 – Part - 53 HIENLTH Hệ thống thực đơn • Nhóm chức – – – – Chức Chức Chức Chức năng năng 1.1 1.2 1.3 1.4 • Nhóm chức – – – – – Chức 2.1 Nhóm chức 2.2 Chức 2.3 Chức 2.4 … DEMO COMP1026 – Introduction to Software Engneering CH4 – Part - 54 HIENLTH Biểu diễn hệ thống thực đơn •Ví dụ: hệ thống chức ứng dụng quản lý học sinh COMP1026 – Introduction to Software Engneering CH4 – Part - 55 HIENLTH Thiết kế báo cáo (Report) • Phân loại Report – Report theo mẫu qui định – Report không theo mẫu • Công cụ sử dụng – Sử dụng Tools Controls – Sử dụng excel/word,… COMP1026 – Introduction to Software Engneering CH4 – Part - 56 HIENLTH Ví dụ minh họa report COMP1026 – Introduction to Software Engneering CH4 – Part - 57 HIENLTH Thiết kế báo cáo • Công cụ sử dụng – MS Access 2000/XP/2003 – Crystal Report 8.5/9/10/11 – ActiveReport - DataDynamics – C1Report – ComponentOne – MS Excel, Word,… –… COMP1026 – Introduction to Software Engneering CH4 – Part - 58 HIENLTH Công cụ tạo Report • MS Access 2000/XP/2003/2007 COMP1026 – Introduction to Software Engneering CH4 – Part - 59 HIENLTH Cơng cụ tạo Report • Crystal Report 8.5/9/10/11 COMP1026 – Introduction to Software Engneering CH4 – Part - 60 HIENLTH Cơng cụ tạo Report • ActiveReport – DataDynamics COMP1026 – Introduction to Software Engneering CH4 – Part - 61 HIENLTH Cơng cụ tạo Report • C1Report - ComponentOne COMP1026 – Introduction to Software Engneering CH4 – Part - 62 HIENLTH References Bài giảng tham khảo từ nguồn: • Slide CNPM, Nguyễn Minh Huy, ĐH KHTN TpHCM • Slide CNPM, Trần Ngọc Bảo, ĐH Sư phạm TpHCM • Slide Thiết kế PM hướng đối tượng, Trần Minh Triết, ĐH KHTN TpHCM COMP1026 – Introduction to Software Engneering CH4 – Part - 63 HIENLTH Câu hỏi thảo luận COMP1026 – Introduction to Software Engneering CH4 – Part - 64 HIENLTH ... Engneering CH4 – Part - 43 HIENLTH Mô tả kiện STT Điều kiện kích hoạt Xử lý Khởi động hình ??? Chọn lớp ??? … … … (1) (0) COMP1026 – Introduction to Software Engneering CH4 – Part - 44 HIENLTH Câu... Engneering CH4 – Part - 14 HIENLTH Phân loại giao diện • Giao diện DOS • Giao diện Windows • Giao diện Web COMP1026 – Introduction to Software Engneering CH4 – Part - 15 HIENLTH Các thành phần giao... Engneering CH4 – Part - 16 HIENLTH Phân loại hình • • • • • • Màn Màn Màn Màn Màn Màn hình hình hình hình hình hình đăng nhập giới thiệu tác giả danh mục nhập liệu – Nhập liệu trực tiếp – Nhập liệu