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
Ô 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:
- 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).pdf