9/20/17 Lập trình Ứng dụng Quản lý Chương 04: Giao diện GV Trương Phước Lộc 09/2017 Khoa CNTT-ĐH.KHTN Nội dung Giới thiệu Thiết kế hình GUI NET Ứng dụng cộng số Ứng dụng giải phương trình ax + b = Ứng dụng giải phương trình ax^2 + bx + c = Ứng dụng nhập hiển thị thông tin người dùng GV Trương Phước Lộc 9/20/17 Khoa CNTT-ĐH.KHTN Giới thiệu • Các loại giao diện ▫ Command Line ▫ Text User Interface ▫ Graphic User Interface GV Trương Phước Lộc Khoa CNTT-ĐH.KHTN Giới thiệu • Đồ họa • Tương tác người dùng GV Trương Phước Lộc 9/20/17 Khoa CNTT-ĐH.KHTN Giới thiệu • Các loại giao diện ▫ ▫ ▫ ▫ ▫ ▫ Màn hình Màn hình nhập liệu lưu trữ Màn hình nhập liệu xử lý Màn hình kết Màn hình thơng báo Màn hình tra cứu GV Trương Phước Lộc Khoa CNTT-ĐH.KHTN Màn hình • Nội dung: danh sách cơng việc • Hình thức trình bày: ▫ ▫ ▫ ▫ ▫ Phím nóng Thực đơn (chức năng, đối tượng, quy trình) Biểu tượng Sơ đồ Tích hợp: kết hợp nhiều hình thức • Thao tác người dùng: chọn cơng việc GV Trương Phước Lộc 9/20/17 Khoa CNTT-ĐH.KHTN Màn hình nhập liệu • Nội dung: nhập liệu thơng tin lưu trữ thơng tin tính tốn • Hình thức trình bày: ▫ ▫ ▫ ▫ Danh sách Hồ sơ Phiếu Tích hợp • Thao tác người dùng: ▫ Ghi ▫ Xóa ▫ Tìm (tìm cập nhật lại thông tin lưu trữ) GV Trương Phước Lộc Khoa CNTT-ĐH.KHTN Màn hình tra cứu • Nội dung: tìm kiếm xem thơng tin đối tượng • Hình thức trình bày: ▫ Tiêu chuẩn tra cứu: biểu thức logic, cây, tích hợp ▫ Kết tra cứu: thông báo, danh sách đơn, xâu danh sách, danh sách • Thao tác người dùng: ▫ Nhập tiêu chuẩn tra cứu ▫ Yều cầu tra cứu ▫ Xem chí tiết kết tra cứu GV Trương Phước Lộc 9/20/17 Khoa CNTT-ĐH.KHTN Thiết kế hình Sơ đồ hình Tổng quát hệ thống hình việc di chuyển điều khiển chúng Màn hình Cơng việc thứ Màn hình giới thiệu Màn hình Màn hình kết thúc Màn hình Cơng việc thứ Màn hình Cơng việc thứ n Màn hình Cơng việc trung gian Màn hình Cơng việc trung gian n GV Trương Phước Lộc Khoa CNTT-ĐH.KHTN Thiết kế hình (màn hình) • Nội dung hình thức trình bày • Ý nghĩa sử dụng • Thành phần liệu: ▫ Thông tin nhập liệu ▫ Thơng tin kết xuất • Thành phần xử lý: ▫ Thực xử lý yêu cầu ▫ Thực chuyển điều khiển đến hình khác GV Trương Phước Lộc 10 9/20/17 Khoa CNTT-ĐH.KHTN Thông tin nhập liệu Ký hiệu Ý nghĩa Nhập liệu trực tiếp Nhập liệu với giá trị định sẵn (có thể sửa đổi) (giá trị) Chọn danh sách có trước Chọn danh sách có trước với giá trị định sẵn(có thể sửa đổi) (giá trị) GV Trương Phước Lộc 11 Khoa CNTT-ĐH.KHTN Thông tin kết xuất thành phần xử lý Thông tin kết xuất Ký hiệu Ý nghĩa Giá trị do phần mềm tính tốn Thành phần xử lý Ký hiệu Xử lý GV Trương Phước Lộc Ý nghĩa Nút điều khiển 12 9/20/17 Khoa CNTT-ĐH.KHTN GUI NET • Tạo project ▫ Windows Form ▫ Windows Presentation Foundation • Name Form/Control • Properties • Events • Tab orders • ContextMenu è Dữ liệu hiển thị liệu xử lý GV Trương Phước Lộc 13 Khoa CNTT-ĐH.KHTN Thành phần giao diện - control • Dữ liệu đơn ▫ Giá trị: Text/Value/Check ▫ Sự kiện: Text/Value thay đổi • Dữ liệu danh sách ▫ Giá trị Items/Nodes/Rows => kiểu List SelectedItem/SelectedIndex ▫ Sự kiện Đối tượng chọn thay đổi Trước chọn Sau chọn GV Trương Phước Lộc 14 9/20/17 Khoa CNTT-ĐH.KHTN Ứng dụng cộng số GV Trương Phước Lộc 15 Khoa CNTT-ĐH.KHTN Ứng dụng giải phương trình ax + b = GV Trương Phước Lộc 16 9/20/17 Khoa CNTT-ĐH.KHTN Ứng dụng giải phương trình ax^2 + bx + c = GV Trương Phước Lộc 17 Khoa CNTT-ĐH.KHTN Ứng dụng thơng tin người dùng • Thơng tin người dùng: họ tên, email, số điện thoại, giới tính, ngày sinh GV Trương Phước Lộc 18 9/20/17 Khoa CNTT-ĐH.KHTN Câu hỏi GV Trương Phước Lộc 19 10