Bài giảng Nhập môn công nghệ phần mềm - Trần Ngọc Bảo - Giai đoạn thiết kế (Phần 4)

Màn hình giới thiệu

Màn hình chính

Màn hình tác giả

Màn hình danh mục

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)

Màn hình tra cứu

pdf119 trang | Chuyên mục: Công Nghệ Phần Mềm | Chia sẻ: dkS00TYs | Lượt xem: 1602 | Lượt tải: 0download
Tóm tắt nội dung Bài giảng Nhập môn công nghệ phần mềm - Trần Ngọc Bảo - Giai đoạn thiết kế (Phần 4), để xem tài liệu hoàn chỉnh bạn click vào nút "TẢI VỀ" ở trên
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (97)97
Một số quy tắc thiết kế màn hình
Tí h t ự
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• n r c quan
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (98)98
Thiết kế màn hình
Cô ử d
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• ng cụ s ụng
–MS Visio
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
– Publisher/InfoPath
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
– Photoshop
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R – Corel Draw
– Công cụ lập trình
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (99)99
Mô tả chi tiết màn hình
ì h hứ hể hiệ
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• H n t c t n
• Ý nghĩa màn hình
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N 
• Ý nghĩa các control
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
• Sơ đồ trạng thái
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
• Sơ đồ mô tả các tình huống sử dụng
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (100)100
Mô tả chi tiết màn hình
ì h hứ hể hiệ
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• H n t c t n
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (101)101
Ví dụ minh họa mô tả màn hình 
ì h hứ hể hiệ
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• H n t c t n
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
• Ý nghĩa màn hình
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
–Màn hình quản lý thông tin học sinh, 
h hé ời dù d h á h
B
À
I
G
I
Ả
B
À
I
G
I
Ả c o p p ngư ng xem an s c , 
thêm, xóa, sửa thông tin học sinh
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (102)102
Ví dụ minh họa mô tả màn hình 
Ý hĩ á l
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• ng a c c contro
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (103)103
đồ biể diễ hái
Ví dụ minh họa mô tả màn hình 
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• Sơ u n trạng t
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
Khoi tao MH
entry / Load
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
Ket thuc them GV
Ket thuc sua GVThemGV
entry / Show
do / ThemMH
do / SuaMH
do / XoaMH
do / Thoat
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
Thoat
Sua GV [Da chon mon hoc]
Dang them mon hoc
t / Th GV
Dang sua mon hoc
Ket thuc GV
B
À
I
G
I
Ả
B
À
I
G
I
Ả
en ry em
do / LuuGV
do / KhongLuu
exit / Xac lap trang thai cac control
entry / SuaGV
do / Luu
do / Khong Luu
exit / Xac lap trang thai
entry / Unload
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (104)104
Ví dụ minh họa mô tả màn hình
•Sơ đồ mô tả các tình huống sử dụng
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
Đến từ chức năng quản lý người dùng 
trong màn hình chính
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
Chọn người 
dùng trong 
danh mục
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
Thêm
Xóa
Sửa
Ghi
Không
Thoát
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (105)
Trở về màn hình 
chính
Thiết kế màn hình
ô ử
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• C ng cụ s dụng
–MS Visio
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
–MS Publisher/InfoPath
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
– Photoshop
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R – Corel Draw
– Công cụ lập trình
B
À
I
G
I
Ả
B
À
I
G
I
Ả
–MS Expression Blend (Silverlight)
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (106)106
Thiết kế màn hình sử dụng Visio
Tran Ngoc Bao Dai hoc Su Pham TP.HCMTRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (107)
Thiết kế màn hình sử dụng Infopath
Tran Ngoc Bao Dai hoc Su Pham TP.HCMTRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (108)
Thiết kế báo cáo (Report)
hâ l i
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• P n oạ Report
– Report theo mẫu qui định
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
– Report không theo mẫu
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
• Công cụ sử dụng
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R – Sử dụng Tools và Controls 
Sử dụng excel/word
B
À
I
G
I
Ả
B
À
I
G
I
Ả
– ,…
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (109)109
Ví dụ minh họa report theo mẫu
• Hóa đơn VAT
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• Hợp đồng lao động
• Hóa đơn tiền điện giấy báo cước
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N , ,..
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (110)110
Ví dụ minh họa report
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (111)111
Ví dụ minh họa report
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (112)112
Ví dụ minh họa report
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (113)113
Thiết kế báo cáo
Cô ử d
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
• ng cụ s ụng
–MS Access 2000/XP/2003
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
– Crystal Report 8.5/9/10/11
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
– ActiveReport - DataDynamics
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R – C1Report – ComponentOne
–MS Excel, Word, PivotTable,…
B
À
I
G
I
Ả
B
À
I
G
I
Ả
– DevX
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (114)114
–…
Công cụ tạo Report
™MS Access 2000/XP/2003
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (115)115
Công cụ tạo Report
™Crystal Report 8 5/9/10/11
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
.
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (116)116
Công cụ tạo Report
™ActiveReport DataDynamics
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
-
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (117)117
Công cụ tạo Report
C1R C O
P
H
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
™ eport - omponent ne
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (118)118
PH
Ầ
N
M
Ề
M
P
H
Ầ
N
M
Ề
M
N N
G
N
G
H
Ệ
P
G
N
G
H
Ệ
P
D
E
S
I
G
N
D
E
S
I
G
N
M
Ô
N
C
Ô
N
M
Ô
N
C
Ô
N
R
F
A
C
E
D
R
F
A
C
E
D
N
G
N
H
Ậ
P
N
G
N
H
Ậ
P
I
N
T
E
R
I
N
T
E
R
B
À
I
G
I
Ả
B
À
I
G
I
Ả
TRẦN NGỌC BẢO ” KHOA TOÁN -TIN HỌC ” ĐẠI HỌC SƯ PHẠM TP.HCM (119)119 119

File đính kèm:

  • pdfBài giảng Nhập môn công nghệ phần mềm - Trần Ngọc Bảo - Giai đoạn thiết kế (Phần 4).pdf