Bài giảng Lập trình ứng dụng quản lý 1 - Chương 4: Giao diện - Trương Phước Lộc
9/20/17
Lập trình Ứng dụng Quản lý 1
Chương 04:
Giao diện
GV. Trương Phước Lộc
09/2017
Khoa CNTT-ĐH.KHTN
Nội dung
1. Giới thiệu
2. Thiết kế màn hình
3. GUI trong .NET
4. Ứng dụng cộng 2 số
5. Ứng dụng giải phương trình ax + b = 0
6. Ứng dụng giải phương trình ax^2 + bx + c = 0
7. Ứng dụng nhập và hiển thị thông tin người
dùng
GV. Trương Phước Lộc
2
1
9/20/17
Khoa CNTT-ĐH.KHTN
1. Giới thiệu
• Các loại giao diện 1
▫ Command Line
▫ Text User Interface
▫ Graphic User Interface
GV. Trương Phước Lộc
3
Khoa CNTT-ĐH.KHTN
1. Giới thiệu
• Đồ họa
• Tương tác người dùng
GV. Trương Phước Lộc
4
2
9/20/17
Khoa CNTT-ĐH.KHTN
1. Giới thiệu
• Các loại giao diện 2
▫ Màn hình chí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 quả
▫ Màn hình thông báo
▫ Màn hình tra cứu
GV. Trương Phước Lộc
5
Khoa CNTT-ĐH.KHTN
1. Màn hình chính
• Nội dung: danh sách các 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
6
3
9/20/17
Khoa CNTT-ĐH.KHTN
1. Màn hình nhập liệu
• Nội dung: nhập liệu thông tin lưu trữ và thông tin
tính toá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 và cập nhật lại thông tin đã lưu trữ)
GV. Trương Phước Lộc
7
Khoa CNTT-ĐH.KHTN
1. Màn hình tra cứu
• Nội dung: tìm kiếm và xem thông tin về đố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 quả tra cứu: thông báo, danh sách đơn, xâu
các danh sách, cây 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 quả tra cứu
GV. Trương Phước Lộc
8
4
9/20/17
Khoa CNTT-ĐH.KHTN
2. Thiết kế màn hình
Màn hình giới
Sơ đồ màn hình
Tổng quát về hệ thống
thiệu
các màn hình và việc
di chuyển điều khiển
giữa chúng
Màn hình chính
Màn hình kết thúc
Màn hình
Màn hình
Màn hình
Công việc thứ 1
Công việc thứ 2
Công việc thứ n
Màn hình
Công việc trung gian 1
Màn hình
Công việc trung gian n
GV. Trương Phước Lộc
9
Khoa CNTT-ĐH.KHTN
2. Thiết kế màn hình (màn hình)
• Nội dung và hình thức trình bày
• Ý nghĩa sử dụng
• Thành phần dữ liệu:
▫ Thông tin nhập liệu
▫ Thông tin kết xuất
• Thành phần xử lý:
▫ Thực hiện xử lý được yêu cầu
▫ Thực hiện chuyển điều khiển đến màn hình khác
GV. Trương Phước Lộc
10
5
9/20/17
Khoa CNTT-ĐH.KHTN
2. 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)
Chọn trong danh sách có trước
(giá trị)
(giá trị)
Chọn trong danh sách có trước với giá trị định
sẵn(có thể sửa đổi)
GV. Trương Phước Lộc
11
Khoa CNTT-ĐH.KHTN
2. Thông tin kết xuất và 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 toán
Thành phần xử lý
Ký hiệu
Ý nghĩa
Nút điều khiển
Xử lý
GV. Trương Phước Lộc
12
6
9/20/17
Khoa CNTT-ĐH.KHTN
3. GUI trong .NET
• Tạo project
▫ Windows Form
▫ Windows Presentation Foundation
• Name của Form/Control
• Properties
• Events
• Tab orders
• ContextMenu
è
Dữ liệu hiển thị và dữ liệu xử lý
GV. Trương Phước Lộc
13
Khoa CNTT-ĐH.KHTN
3. 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 được chọn thay đổi
Trước khi chọn
Sau khi chọn
GV. Trương Phước Lộc
14
7
9/20/17
Khoa CNTT-ĐH.KHTN
4. Ứng dụng cộng 2 số
GV. Trương Phước Lộc
15
Khoa CNTT-ĐH.KHTN
5. Ứng dụng giải phương trình ax + b = 0
GV. Trương Phước Lộc
16
8
9/20/17
Khoa CNTT-ĐH.KHTN
6. Ứng dụng giải phương trình
ax^2 + bx + c = 0
GV. Trương Phước Lộc
17
Khoa CNTT-ĐH.KHTN
7. Ứ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
9/20/17
Khoa CNTT-ĐH.KHTN
Câu hỏi
GV. Trương Phước Lộc
19
10
Bạn đang xem tài liệu "Bài giảng Lập trình ứng dụng quản lý 1 - Chương 4: Giao diện - Trương Phước Lộc", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
bai_giang_lap_trinh_ung_dung_quan_ly_1_chuong_4_giao_dien_tr.pdf

