Chương 5 Thành phần xử lý ở mức logic Nội dung Đặt vấn đề Các nguyên tắc thiết kế Các loại giao diện Sơ đồ liên kết các màn hình Đặc tả giao diện 5/12/2010 504001 - Thành phần xử lý ở mức logic 2 Đặt vấn đề Cần quan tâm đến giao diện giữa người và máy trong các ứng dụng tin học Giao diện là cầu nối giữa người dùng quen với các ứng xử tự nhiên và máy tính đòi hỏi tính chính xác, chặt chẽ Thông qua giao diện, người dùng cảm thấy dễ chịu, thích thú, tiện nghi, nâng cao hiệu quả và tránh sai sót khi sử dụng phần mềm 5/12/2010 504001 - Thành phần xử lý ở mức logic 3 Các nguyên tắc thiết kế Tính thân thiện Các chức năng được mô tả một cách dễ hiểu Các hoạt động được thực hiện theo trình tự tự nhiên nhất với người dùng Hệ thống có thể phát hiện được những sai sót do bất cẩn của người dùng Chuẩn bị sẵn những gợi ý cho người dùng khi có những tình huống đặc biệt Người dùng biết mình đang ở đâu trong thứ tự thực hiện Có hướng dẫn trợ giúp đầy đủ 5/12/2010 504001 - Thành phần xử lý ở mức logic 4 Các nguyên tắc thiết kế Tính dễ chịu sau một thời gian sử dụng Màu sắc: hài hoà, nên theo các màu chuẩn Vị trí các lệnh: thống nhất giữa các màn hình Cách giao tiếp với hệ thống: có cấu trúc, đơn giản, dễ hiểu 5/12/2010 504001 - Thành phần xử lý ở mức logic 5 Các nguyên tắc thiết kế Tính nhất quán của hệ thống Dữ liệu: sử dụng tên gọi, cách trình bày thống nhất Sưu liệu: tài liệu hướng dẫn người sử dụng và người bảo trì phải như nhau Mã hoá dữ liệu: chọn hình thức mã hoá duy nhất Cấu trúc toàn hệ thống: trình bày menu các cấp như nhau 5/12/2010 504001 - Thành phần xử lý ở mức logic 6 Các loại giao diện Đầu vào: thiết kế màn hình nhập, sửa, xoá dữ liệu Đầu ra: màn hình kết xuất báo biểu Đối thoại giữa người sử dụng và hệ thống 5/12/2010 504001 - Thành phần xử lý ở mức logic 7 Thiết kế đầu vào Mục tiêu Tránh tình trạng ứ đọng dữ liệu, giải quyết cho nhiều người cùng cập nhật dữ liệu Tránh cho người dùng bị phạm lỗi khi cập nhật dữ liệu như gõ sai hay bỏ sót dữ liệu Tránh những công đoạn thừa làm chậm thao tác của người dùng Chọn quy trình nhập đơn giản và tự nhiên nhất để tăng năng suất và giảm lỗi 5/12/2010 504001 - Thành phần xử lý ở mức logic 8 Thiết kế đầu vào Cách thiết kế Nội dung màn hình nhập dựa trên nội dung dữ liệu cần nhập và thời điểm phát sinh dữ liệu Trình bày dữ liệu nhập cần phù hợp với mẫu điền tay trong thực tế và thói quen của người dùng Kiểm tra các ràng buộc toàn vẹn và phát hiện sai sót khi đang nhập liệu hoặc kết thúc nhập liệu Khi phát hiện lỗi, hệ thống thông báo cho người dùng và hướng dẫn cách giải quyết Chọn phương tiện nhập sao cho dễ dùng, ít phạm lỗi 5/12/2010 504001 - Thành phần xử lý ở mức logic 9 Thiết kế đầu ra Các dạng kết xuất Báo biểu Thông báo Sao chép ra tập tin Nội dung kết xuất Các dữ liệu lưu trữ bên trong hệ thống Tính toán từ một xử lý Do người dùng mới nhập 5/12/2010 504001 - Thành phần xử lý ở mức logic 10 [...]... thống menu giúp chọn nhanh một chức năng cần thực hiện 5/12/2010 504001 - Thành phần xử lý ở mức logic 13 Thiết kế đối thoại Các mức thiết kế Thiết kế ngữ nghĩa ● Xác định các dữ liệu cần thao tác ● Xác định các chức năng cần xử lý 5/12/2010 504001 - Thành phần xử lý ở mức logic 14 Thiết kế đối thoại Thiết kế cú pháp ● Chọn lựa kiểu đối thoại... Thành phần xử lý ở mức logic 21 Ví dụ đặc tả giao diện nhập GV Mô tả màn hình 5/12/2010 504001 - Thành phần xử lý ở mức logic 22 Ví dụ đặc tả giao diện nhập GV Đặc tả các đối tượng trên giao diện 23 Bài tập Bài 1: Chỉ ra những vấn đề trong thiết kế giao diện sau Click to edit Master text styles Second level ● Third level ● Fourth level ● Fifth level 5/12/2010 504001 - Thành phần. .. 5/12/2010 504001 - Thành phần xử lý ở mức logic 11 Thiết kế đầu ra Biểu đồ: sử dụng khi ● ● Muốn nhìn toàn cảnh, xem xét khuynh hướng phát triển của dữ liệu So sánh dữ liệu giữa các phần Cách dùng màu trên kết xuất ● Thông tin muốn nhấn mạnh: màu sáng ● Thông tin không muốn nhấn mạnh: màu nhạt 5/12/2010 504001 - Thành phần xử lý ở mức logic 12 Thiết... 5/12/2010 504001 - Thành phần xử lý ở mức logic 17 Sơ đồ liên kết các màn hình Gom nhóm các chức năng theo 3 tiêu chí Gom nhóm theo mục đích của giao diện: nhập liệu, tra cứu, báo cáo… Gom nhóm theo loại thực thể được quản lý: khách hàng, sản phẩm, nhà cung cấp… Gom nhóm theo đối tượng người dùng: người dùng, nhà quản lý, admin… 5/12/2010 504001 - Thành phần xử lý ở mức logic 18 Sơ đồ liên... edit Master text styles Second level ● Third level ● Fourth level ● Fifth level 5/12/2010 504001 - Thành phần xử lý ở mức logic 19 Sơ đồ liên kết các màn hình Click to edit Master text styles Second level ● Third level ● Fourth level ● Fifth level 5/12/2010 504001 - Thành phần xử lý ở mức logic 20 Đặc tả giao diện Mô tả giao diện Sử dụng các công cụ từ đơn giản như Word, Paint… đến phức... ràng, súc tích 504001 - Thành phần xử lý ở mức logic 15 Thiết kế đối thoại Thiết kế từ vựng: trình bày từ vựng sao cho người dùng dễ hiểu, dễ nhớ, bao gồm ● Trình bày các biểu tượng ● Tên gọi các chức năng, các nút chọn ● Cách diễn đạt các thông báo lỗi ● Cách hướng dẫn ● Cách dùng màu 5/12/2010 504001 - Thành phần xử lý ở mức logic 16 Sơ đồ liên kết... của các chức năng Lập phiếu xuất hàng Lập phiếu nhập hàng Thêm mặt hàng mới Báo cáo tổng kết nhập, xuất, doanh thu 5/12/2010 504001 - Thành phần xử lý ở mức logic 28 Q&A 5/12/2010 504001 - Thành phần xử lý ở mức logic 29 ... Second level ● Third level ● Fourth level ● Fifth level 5/12/2010 504001 - Thành phần xử lý ở mức logic 24 Bài tập Bài 2: Chỉ ra những vấn đề trong thiết kế giao diện sau Click to edit Master text styles Second level ● Third level ● Fourth level ● Fifth level 5/12/2010 504001 - Thành phần xử lý ở mức logic 25 Bài tập Bài 3: Chỉ ra những vấn đề trong thiết kế giao diện sau... - Thành phần xử lý ở mức logic 26 Bài tập Bài 4: Chỉ ra những vấn đề trong thiết kế giao diện sau Bài tập Bài 5: Sử dụng phần mềm quản lý bán hàng eSalex 4.1 và rút ra nhận xét về ưu, khuyết điểm cho giao diện của các chức năng Lập phiếu xuất hàng Lập phiếu nhập hàng Thêm mặt hàng mới Báo cáo tổng kết nhập, xuất, doanh thu 5/12/2010 504001 - Thành . xử lý ở mức logic Sơ đồ liên kết các màn hình Click to edit Master text styles Second level ● Third level ● Fourth level ● Fifth level 205/12/2010 504001 - Thành phần xử lý ở mức logic . - Thành phần xử lý ở mức logic Sơ đồ liên kết các màn hình Click to edit Master text styles Second level ● Third level ● Fourth level ● Fifth level 195/12/2010 504001 - Thành phần xử. - Thành phần xử lý ở mức logic 13 Thiết kế đối thoại Các mức thiết kế Thiết kế ngữ nghĩa ● Xác định các dữ liệu cần thao tác ● Xác định các chức năng cần xử lý 5/12/2010