Mục tiêu của bài giảng này nhằm giúp người học biết cách phân loại được một số màn hình giao diện người dùng; biết cách thiết kế cho một số loại màn hình như màn hình chính, màn hình tác giả, màn hình danh mục,... Mời các bạn cùng tham khảo.
AMBIENT/
Chủ đề:
Nội dung Text: Bài giảng Nhập môn Công nghệ phần mềm: Giai đoạn thiết kế (Thiết kế giao diện) - TS. Trần Ngọc Bảo
- Đại Học Sư Phạm Tp. Hồ Chí Minh
Khoa Toán – Tin Học
NHẬP MÔN CÔNG NGHỆ PHẦN MỀM
Giai đoạn thiết kế
Trình bày: Trần Ngọc Bảo
Email: baotn@hcmup.edu.vn
- Phân loại màn hình
• Màn hình giới thiệu
PHẦN MỀM
• Màn hình chính
RFACE DESIGN
N
• Màn
Mà hình
hì h tác
tá giả
iả
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
• Màn hình danh mục
D
• Màn hình nhập liệu
– Nhập liệu trực tiếp
– Nhập liệu gián tiếp (import)
INTER
• Màn hình tra cứu
• Màn hình xử lý tính toán
• Màn hình thể hiện báo biểu/thống kê
• Màn hình thể hiện đối tượng: sơ đồ, cây, biểu tượng…
TRẦN NGỌC BẢO KHOA TOÁN -TIN2HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (2
(2)
- PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
D
Muốn truy cập hệ thống ?
Đăng
g nhập
ập ?
INTER
Người dùng
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (3
(3)
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ
PHẦN MỀM
– Màn hình đăng nhập với Username/Password
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
– Màn hình đăng nhập với Username/Password và Khóa bí
mật (Secret Key)
D
– Màn hình đăng nhập sử dụng các loại khóa khác
INTER
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (4
(4)
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ
PHẦN MỀM
– Màn hình đăng nhập với Username/Password
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (5
(5)
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ
PHẦN MỀM
– Màn hình đăng nhập với Username/Password
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (6
(6)
- Phân loại màn hình
• Màn hình đăng nhập (Windows)
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN7HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (7
(7)
- Phân loại màn hình
• Màn hình đăng nhập (Web)
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN8HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (8
(8)
- Phân loại màn hình
• Màn hình đăng nhập
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN9HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (9
(9)
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ
PHẦN MỀM
– Màn hình đăng nhập với Username/Password và khóa bí
RFACE DESIGN
N
mật
ậ
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
Khóa bí mật được
lưu dưới dạng tập tin
Có thể sử dụng
ụ g
D
các phương pháp mã hóa:
RSA, AES,…
INTER
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (10
(10))
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ sử
ử dụng
d cơ
ơ chế
hế khóa
khó khác
khá
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM
Tran Ngoc Bao Dai hocTP.HCM
Su Pham ((11
11))
TP.HCM
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ sử
ử dụng
d cơ
ơ chế
hế khóa
khó khác
khá
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM
Tran Ngoc Bao Dai hocTP.HCM
Su Pham (12
(TP.HCM
12))
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ sử
ử dụng
d cơ
ơ chế
hế khóa
khó khác
khá
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (13
(13))
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ sử
ử dụng
d cơ
ơ chế
hế khóa
khó khác
khá
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (14
(14))
- Quản lý đăng nhập hệ thống
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (15
(15))
- Phân loại màn hình
• Màn
Mà hình
hì h đă
đăng nhập
hậ
PHẦN MỀM
– Màn hình đăng nhập sử dụng cơ chế khóa khác
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
Khóa bí mật được
lưu dưới dạng
D
T k C d USB
TokenCode,
sử dụng các phương pháp
mã hóa RSA, AES,…được
đồng bộ với Server VPN
INTER
TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (16
(16))
- Phân loại màn hình
• Màn hình giới thiệu
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
17HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (17
TRẦN NGỌC BẢO KHOA TOÁN -TIN (17))
- Đại Học Sư Phạm Tp. Hồ Chí Minh
Khoa Toán – Tin Học
THIẾT KẾ GIAO DIỆN
MÀN HÌNH CHÍNH
(MAIN – HOMEPAGE – DASHBOARD)
- Màn hình chính
• Hình thức thể hiện (Windows)
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
Thường được áp dụng trong các ứng dụng
Quản lý nhà hàng, quán ăn/café,…
Sử dụng
ụ g màn hình loại
ạ TouchScreen
19HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (19
TRẦN NGỌC BẢO KHOA TOÁN -TIN (19))
- Màn hình chính
• Hình thức thể hiện (Windows)
PHẦN MỀM
RFACE DESIGN
N
BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P
INTER D
20HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (20
TRẦN NGỌC BẢO KHOA TOÁN -TIN (20))
Thêm vào BST
Báo xấu
Download
Vui lòng tải xuống để xem tài liệu đầy đủ
