Ltudql1 hk1 1718 lt 04 thietkegiaodien

Đ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