Chương 4: THIẾT KẾ GIAO DIỆN pps

CNPM Khoa CNTT Chương 4 THIẾT KẾ GIAO DIỆN Thiết Kế Giao Diện - 1 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 1. MỤC ĐÍCH Mục đích củaviệc thiết kế giao diện là thiết kế giao diện là nhằmmôtả cách hứ i iế iữ t hứ cg i ao t iế pg iữ a ngườisử dụng và phầnmềm. Thiết Kế Giao Diện - 2 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 2. KẾT QUẢ  Danh sách các màn hình.  Thông tin chi tiết của từng màn hình.  Màn hình thực đơn (Màn hình chính).  Sơ đồ màn hình Thiết Kế Giao Diện - 3 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 3. KIẾN TRÚC MÀN HÌNH Thành phần nhập liệu Thông tin kết quả Các nút xử lý Thiết Kế Giao Diện - 4 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 3.1 THÀNH PHẦN NHẬP LIỆU  Khái niệm: Thành phầnnhậpliệucho phép ngườisử dụng nhậpdữ liệu dưới nhiều hình thức khác nhau dưới nhiều hình thức khác nhau .  Hình thức1: Hì h thứ 2 Tiêu đề (Ô nhập liệu)  Hì n h thứ c 2 : Tiêu đề Thiết Kế Giao Diện - 5 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 3.1 THÀNH PHẦN NHẬP LIỆU  Hình thức3: ề Nội dung 1 Tiêu đ ề ▪ Nội dung 2  Hình thức4: Nội dung n Nội dung 1 Tiêu đề Nội dung 2 √ Nội dung n Thiết Kế Giao Diện - 6 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 3.2 THÀNH PHẦN THÔNG TIN KẾT QUẢ  Khái niệm: Thành phần thông tin kết quả cho phép người dùng xem trực tiếp kết quả hay các thông tin tương tiếp kết quả hay các thông tin tương ứng vớidữ liệunhập trên màn hình.  Hình thức1  Hình thức 2 Tiêu đề (Ô xử lý)  Hình thức 2 Tiêu đề Thiết Kế Giao Diện - 7 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 3.3 CÁC NÚT XỬ LÝ  Khái niệm: Các nút xử lý cho phép ngườidùnglựachọncáctácvụ cần thực hiện trên màn hình giao diện thực hiện trên màn hình giao diện . Thiết Kế Giao Diện - 8 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 4. CÁCH THỨC TIẾN HÀNH Thiết kế màn hình SĐLDL với tính Đúng Đắn ế ế MH Đúng Đắn Thi ế t k ế màn hình với tính TiệnDụng MH Tiệ D Thiết kế màn hình Tiện Dụng MH Hiệu Quả MH Tiệ n D ụng màn hình với tính Hiệu Quả MH Kết Quả Thiết Kế Giao Diện - 9 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 4. CÁCH THỨC TIẾN HÀNH Xác định yê u c ầ u yê u c ầ u Phân tích Thiếtkế Cài đặt ể Ki ể mchứng Thiết Kế Giao Diện - 10 GV. PHHải ThS. NTTMKhang [...]... tính hiệu quả và tiện dụng của màn hình giao diện  Khi thiết kế giao diện ta không cần thiết kế các nút xử lý vì trách nhiệm này thuộc về khâu Thiết kế xử lý” GV PHHải ThS NTTMKhang Thiết Kế Giao Diện - 12 Khoa CNTT CNPM 6 BÀI TẬP LÀM NGAY  Hãy thiết kế màn hình cho yêu cầu phần mềm lập phiếu mượn sách với tính đúng đắn đắn GV PHHải ThS NTTMKhang Thiết Kế Giao Diện - 13 ... HÀNH Người Dùng g g Hệ Thống Giao Diện Hệ Thống Xử Lý Phần Mềm Hệ Thống Dữ Liệu Mô Hình 3 Lớp Người Dùng Phần Cứng Phần Cứng GV PHHải ThS NTTMKhang Thiết Kế Giao Diện - 11 Khoa CNTT CNPM 5 LƯU Ý  Thành phần nhập liệu quyết định tính đúng đắn của màn hình giao diện Nói một cách khác màn hình giao diện với khác, tính đúng đắn chỉ thành phần nhập liệu mà thôi  Thành phần thông kết quả quyết định tính hiệu . CNPM Khoa CNTT Chương 4 THIẾT KẾ GIAO DIỆN Thiết Kế Giao Diện - 1 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 1. MỤC ĐÍCH Mục đích củaviệc thiết kế giao diện là thiết kế giao diện là nhằmmôtả. giao diện.  Khi thiết kế giao diện ta không cần  Khi thiết kế giao diện ta không cần thiếtkế các nút xử lý vì trách nhiệm này thuộcvề khâu “Thiếtkế xử lý”. Thiết Kế Giao Diện - 12 GV. PHHải ThS cần thực hiện trên màn hình giao diện thực hiện trên màn hình giao diện . Thiết Kế Giao Diện - 8 GV. PHHải ThS. NTTMKhang CNPM Khoa CNTT 4. CÁCH THỨC TIẾN HÀNH Thiết kế màn hình SĐLDL với tính Đúng