- Thiết kế giao diện là chuyển các chức năng, tiến trình được mô tả dạng biểu đồ thành dạng màn hình thao tác Để người dùng sử dụng tác động vào hệ thống nhằm thực hiện các chức năng mong muốn Chức năng xử lý thông qua giao diện: dễ hiểu Có khả năng phát hiện ngay sai sót của người dùng, Có dự trù một số tình huống khi xảy ra sự cố Phản ánh được trình tự tự nhiên trong nghiệp vụ...
Chương THIẾT KẾ GIAO DiỆN TỔNG QUAN - Thiết kế giao diện chuyển chức năng, tiến trình mơ tả dạng biểu đồ thành dạng hình thao tác Mục đích: Để người dùng sử dụng tác động vào hệ thống nhằm thực chức mong muốn 05/08/21 Các tiêu đặt cho giao diện • • • • • • • Dễ chịu Dễ sử dụng Dễ học, Dễ nhớ Thao tác nhanh, đơn giản Dễ kiểm soát Dễ phát triển Tiện nghi 05/08/21 Dễ sử dụng (tính thân thiện): • • • • Chức xử lý thông qua giao diện: dễ hiểu Có khả phát sai sót người dùng, Có dự trù số tình xảy cố Phản ánh trình tự tự nhiên nghiệp vụ - Dễ chịu - Màu sắc, Font chữ, vị trí đối tượng hình, giao tiếp đơn giản (khơng nên hỏi q nhiều thực hiện) 05/08/21 PHÂN LOẠI MÀN HÌNH GIAO DIỆN • Qui trình sử dụng phần mềm gồm bước: - Chọn công việc muốn thực máy tính - Cung cấp thơng tin cần thiết cho công việc chọn - Yêu cầu phần mềm thực - Xem xét kết Dựa q trình mà chia thành loại giao diện theo yêu cầu sử dụng sau: 05/08/21 2.1 Màn hình - Cho phép NSD lựa chọn công việc thực từ danh sách công việc 2.2 Màn hình nhập liệu Màn hình nhập liệu lưu trữ: Cho phép NSD lưu trữ thông tin cần thiết phát sinh giới thực Màn hình nhập liệu xử lý Cho phép NSD cung cấp thông tin cần thiết để thực công việc Màn hình nhập liệu cần có qui trình nhập đơn giản, tự nhiên, tránh công đoạn thừa, tránh gây lỗi, bỏ sót 05/08/21 2.3 Màn hình kết quả: • Trình bày cho NSD biết kết thực cơng việc 2.4 Màn hình thơng báo: • Ra thơng báo nhắc nhở, khuyến cáo hướng dẫn NSD trình thực cơng việc Màn hình kết hình thơng báo cần thể đầy đủ, gọn gàn nội dung cần kết xuất 2.5 Màn hình tra cứu: • Cho phép tìm kiếm thơng tin lưu trữ với tiêu chuẩn tìm kiếm 05/08/21 QUI TRÌNH THIẾT KẾ • 3.1 Lập sơ đồ hình: Giả sử có N cơng việc cần n+1 hình bao gồm: - hình cho phéo chọn lựa cơng việc - N hình cho N cơng việc • Ngồi ra, thiết kế hình đăng nhập để vào hình nhằm ngăn chặn người khơng có nhiệm vụ vào chương trình 05/08/21 3.2 Thiết kế chi tiết hình • Tuỳ theo loại hình, cân thiết kế theo mức sau: • 3.2.1 Các mức thiết kế Các thông tin cần mô tả giao diện gồm: - Tên hình: tên cơng việc tương ứng muốn thực - Nội dung: cấu trúc thành phần bên thành phần xử lý, thành phần liệu - Ngồi cách trình bày hình cần quan tâm mức: 05/08/21 Các mức thiết kế giao diện gồm: • Mức 1: mức ngữ nghĩa: - Xđ nội dung mặt liệu, mặt xử lý Về mặt liệu gồm: - Thông tin nhập liệu Là loại thông tin mà NSD chịu trách nhiệm cung cầp Có thể nhập trực vùng giá trị định trước cho chọn lựa danh sách cho trước - Thông tin kết xuất: loại thông tin mà phần mềm chịu trách nhiệm cung cấp bao gồm thông báo hướng dẫn nhập liệu, thông báo kết xử lý,… Về mặt xử lý gồm: Thiết kế nút, nhãn cho phép NSD yêu cầu phần mềm xử lý cơng việc 05/08/21 -Mức 2: Cú pháp: - Xđịnh cách khai thác: có bắt buộc nhập theo thứ tự không, Nhập theo thứ tự nào, ô phải nhập, ô không nhập Mức 3: từ vựng Cách thể hiện, hình thức trình bày nội dung: rõ ràng, cân đối hợp lý, dễ sử dụng - Phím nóng: cho phép chọn nhanh công việc dành cho người dùng chuyên nghiệp (thường kết hợp với hình thức khác) 05/08/21 10 - Menu: Nhóm cơng việc theo chức Đây dạng sử dụng thống - Biểu tượng: công việc thể trực quan qua biểu tượng hay hình ảnh tượng trưng cho công việc (thường kết hợp với hình thức khác) - Sơ đồ: dùng sơ đồ để thể hịện trực quan đối tượng Các thao tác thực trực tiếp sơ đồ - Nút điều khiển: Thiết kế nút điều khiển, nút sử lý chức năng, kể chức chương trình hay chuyển giao diện - Tích hợp: kết hợp nhiều hình thức 05/08/21 11 ... 05/ 08/ 21 PHÂN LOẠI MÀN HÌNH GIAO DIỆN • Qui trình sử dụng phần mềm gồm bước: - Chọn cơng việc muốn thực máy tính - Cung cấp thông tin cần thiết cho công việc chọn - Yêu cầu phần mềm thực - Xem... thành phần liệu - Ngồi cách trình bày hình cần quan tâm mức: 05/ 08/ 21 Các mức thiết kế giao diện gồm: • Mức 1: mức ngữ nghĩa: - Xđ nội dung mặt liệu, mặt xử lý Về mặt liệu gồm: - Thông tin nhập liệu... • Tuỳ theo loại hình, cân thiết kế theo mức sau: • 3.2.1 Các mức thiết kế Các thông tin cần mô tả giao diện gồm: - Tên hình: tên cơng việc tương ứng muốn thực - Nội dung: cấu trúc thành phần