Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 44 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
44
Dung lượng
3,02 MB
Nội dung
ĐHQG HCM – TRƯỜNG ĐH KHOA HỌC TỰ NHIÊN KHOA CƠNG NGHỆ THƠNG TIN Thiết kế giao diện Lập trình ứng dụng quản lý ThS Ngô Chánh Đức Nội dung 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Một số nguyên tắc thiết kế 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Push Button Cho phép người dùng thực chức Form Nhãn vị trí cho phép người dung hiểu chức Chỉ sử dụng cho hành động thường xuyên/quan trọng Hạn chế số lượng Push Button 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngơ Chánh Đức Push Button Sử dụng nhãn thông dụng Nhãn Ý nghĩa OK Thực thay đổi đóng cửa sổ Cancel Khơng thực thay đổi đóng cửa sổ Close Đóng cửa sổ (khi thay đổi thực hủy bỏ) Reset Đặt lại ban đầu cho giá trị cửa sổ Apply Thực thay đổi khơng đóng cửa sổ Help Mở cửa sổ giúp đỡ Thay đổi tên nhãn (thay OK) nút cho phép thực chức cụ thể khác (In, xóa, …) Sử dụng dấu >> cho biết hộp thoại mở rộng 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngơ Chánh Đức Push Button Nhóm nút chức lại với Cách bố trí nút: ▪Left-aligned ▪Center-aligned ▪Top-right Nút có chức dùng vị trí cần dùng 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Radio button Dùng muốn chọn lựa chọn Bố trí theo chiều dọc thường dùng Giới hạn lựa chọn Sắp xếp theo độ thường dùng, alphabet, logic Tránh dùng cho lựa chọn Yes/No 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Check Box Cho phép chọn nhiều lựa chọn Dùng cho trường hợp Yes/No, On/Off Nhóm lựa chọn lại Bố trí theo chiều dọc Giới hạn khoảng 10 lựa chọn trở xuống Sắp xếp giống Radio button 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức List Box Sử dụng nhiều lựa chọn ▪Có thể chọn nhiều Hoặc liệu động Hiển bị khoảng – lựa chọn Kết hợp lọc cho liệu lớn 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Data Field (Trường liệu) Sử dụng TextBox cho liệu nhập thông thường Sử dụng Label cho liệu không chỉnh sửa Sử dụng TextBox trạng thái Disable cho liệu tạm thời không chỉnh sửa Canh độ dài TextBox theo số lượng ký tự cho phép Canh trái trường liệu Nhóm trường liệu cần thiết 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngơ Chánh Đức 10 Màn hình tra cứu Các tiêu chuẩn tra cứu Các kết tra cứu Các nút điều khiển 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 30 Biểu thức logic tra cứu học sinh Mã học sinh: Lớp: Họ tên: từ: đến: Số ngày vắng: từ: đến: Ngày sinh: Điểm trung bình học kỳ: 10/24/2017 từ: Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức đến: 31 Cây tra cứu học sinh Trường -Khối 10 -Lớp 10A1 -Lớp 10A2 … -Khối 11 -Lớp 11A1 -Lớp 11A2 … -Khối 12 -Lớp 12A1 -Lớp 12A2 … 10/24/2017 Danh sách lớp 11A2 Lập trình ứng dụng quản lý - ThS Ngơ Chánh Đức 32 Tích hợp Mã học sinh: Lớp: Họ tên: từ: đến: Số ngày vắng: từ: đến: Ngày sinh: Điểm trung bình học kỳ: từ: đến: Tra cứu Trường -Khối 10 -Lớp 10A1 -Lớp 10A2 … -Khối 11 10/24/2017 -Lớp 11A1 -Lớp 11A2 … Thoát Danh sách lớp 11A2 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 33 Biểu thức logic tra cứu học sinh Mã học sinh: Lớp: Họ tên: từ: đến: Số ngày vắng: từ: đến: Ngày sinh: Điểm trung bình học kỳ: STT 10/24/2017 Học sinh từ: đến: Lớp Ngày sinh Tra cứu Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Vắng Trung bình Thốt 34 Kết tra cứu dùng xâu danh sách Tiêu chuẩn tra cứu sách STT Sách NXB Quá trình mượn: STT Độc giả Năm XB Tác giả Thể loại từ: đến: Địa Ngày mượn Ngày trả Tra cứu 10/24/2017 Tình trạng In danh sách sách Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức Thốt In q trình mượn 35 Các cơng cụ thiết kế giao diện 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 36 Vẽ tay 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 37 Sử dụng cộng cụ hỗ trợ Visio (Desktop app) Nên sử dụng cấp license Imagine 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 38 Sử dụng cộng cụ hỗ trợ Mockflow.com Nên sử dụng cấp project free 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 39 Sử dụng cộng cụ hỗ trợ Moqups 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 40 Sử dụng cộng cụ hỗ trợ Fluid UI 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngơ Chánh Đức 41 Sử dụng cộng cụ hỗ trợ Axure 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 42 Sử dụng cộng cụ hỗ trợ Mockingbird 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 43 Sử dụng cộng cụ hỗ trợ Các cơng cụ miễn phí ▪Lovely Charts 10/24/2017 Lập trình ứng dụng quản lý - ThS Ngô Chánh Đức 44