Bài giảng Nhập môn công nghệ phần mềm - Thiết kế giao diện

Hệ thống giao diện: Nội dung và hình thức trình bày các màn hình giao tiếp của phần mềm. Hệ thống các thao tác mà người dùng thực hiện trên màn hình giao tiếp và xử lý tương ứng của phần mềm.
Nội dung trích xuất từ tài liệu:
Bài giảng Nhập môn công nghệ phần mềm - Thiết kế giao diện NHẬP MÔN CÔNG NGHỆ PHẦN MỀMGiảng viên: Đỗ Thị Thanh TuyềnEmail: dothithanhtuyen@gmail.com Nội dung môn học  Tổng quan về Công nghệ phần mềm  Xác định và mô hình hóa yêu cầu phần mềm  Thiết kế phần mềm: - Thiết kế GIAO DIỆN  Cài đặt phần mềm  Kiểm thử và bảo trì  Đồ án môn họcNhập môn Công nghệ Phần mềm 2 January 14 Hệ thống giao diện  Nội dung và hình thức trình bày các màn hình giao tiếp của phần mềm.  Hệ thống các thao tác mà người dùng thực hiện trên màn hình giao tiếp và xử lý tương ứng của phần mềm.Nhập môn Công nghệ Phần mềm 3 January 14 Kết quả đạt được  Danh sách các màn hình  Sơ đồ màn hình  Mô tả từng màn hình: Mô tả các đối tượng trên màn hình; Danh sách biến cố và xử lý tương ứng.Nhập môn Công nghệ Phần mềm 4 January 14 Danh sách các màn hình STT Màn hình Loại màn hình Chức năng Màn hình Tiếp Cho phép nhập và lưu trữ 1 Màn hình nhập liệu nhận bảo trì xe thông tin về các xe sửa chữa. Cho phép nhập và lưu trữ Màn hình Lập 2 Màn hình nhập liệu thông tin về các phiếu sửa phiếu sửa chữa chữa. Cho phép nhập các tiêu chuẩn Màn hình Tra 3 Màn hình tra cứu tra cứu và trình bày các kết cứu xe quả tra cứu được. Màn hình Lập Cho phép nhập và lưu trữ 4 Màn hình nhập liệu phiếu thu tiền thông tin về các phiếu thu tiền. Màn hình Báo 5 Báo biểu Trình bày kết quả báo cáo. cáo thángNhập môn Công nghệ Phần mềm 5 January 14 Sơ đồ màn hình  Hệ thống các màn hình cùng với quan hệ về việc chuyển điều khiển giữa chúng.  Hệ thống các màn hình = Màn hình chính + Các màn hình thực hiện các công việc của phần mềm.  Ký hiệu: Tên màn hìnhNhập môn Công nghệ Phần mềm 6 January 14 Mô tả chi tiết từng màn hình  Mô tả các đối tượng trên màn hình STT Tên Kiểu Chức năng 1 txtBienSoXe TextBox Nhập biển số xe  Danh sách biến cố và xử lý tương ứng trên màn hình STT Biến cố Xử lý Mã số xử lý Lưu thông tin về xe sẽ 1 Chọn button Cập nhật XLx sửa chữa xuống CSDLNhập môn Công nghệ Phần mềm 7 January 14 Phân loại màn hình  Màn hình chính: cho phép người sử dụng chọn các công việc sẽ thực hiện với phần mềm.  Màn hình nhập liệu: cho phép người sử dụng nhập vào các thông tin để lưu trữ hoặc tính toán.  Màn hình tra cứu: cho phép tìm kiếm thông tin đã được lưu trữ với các tiêu chuẩn tìm kiếm.  Màn hình thông báo: hiển thị các thông báo, nhắc nhở.  Báo biểu: các báo cáo thống kê theo một mốc thời gian định sẵn.Nhập môn Công nghệ Phần mềm 8 January 14 Kiến trúc màn hình Thành phần nhập liệu Các nút xử lý Thông tin kết quảNhập môn Công nghệ Phần mềm 9 January 14 Thành phần nhập liệu  Cho phép người sử dụng nhập dữ liệu dưới nhiều hình thức khác nhau: Text Box Combo Box List Box Radio Button/Option Button Check Box/Tick BoxNhập môn Công nghệ Phần mềm 10 January 14 Các nút xử lý  Các nút xử lý cho phép người sử dụng yêu cầu phần mềm thực hiện một xử lý nào đó.  Tên các nút xử lý: Không quá dài Gợi nhớ Nhất quán trong toàn hệ thốngNhập môn Công nghệ Phần mềm 11 January 14 Thông tin kết quả  Cho phép người sử dụng xem thông tin kết quả dưới nhiều hình thức khác nhau: Label Text Box List BoxNhập môn Công nghệ Phần mềm 12 January 14 Các bước thực hiện Sơ đồ luồng dữ liệu Thiết kế màn hình với tính đúng đắn Màn hình đúng đắn Thiết kế màn hình với tính tiện dụng Màn hình hiệu quả Màn hình tiện dụng Thiết kế màn hình với tính hiệu quả Màn hình kết quảNhập môn Công nghệ Phần mềm 13 January 14 Thiết kế màn hình với tính Tiện dụng  Giao diện quen thuộc (dựa trên biểu mẫu tương ứng).  Bố trí hợp lý.  Cung cấp thêm thông tin cho người dùng.  Cho phép nhập nhiều giá trị đồng thời (trên List Box).Nhập môn Công nghệ Phần mềm 14 January 14 Thiết kế màn ...