Bài giảng Nhập môn Công nghệ phần mềm: Giai đoạn thiết kế (Component Diagram) giúp người học biết được cách thiết kế Component Diagram, biết được các thành phần trong Component Diagram, biết được cách sử dụng Power Designer để tạo Component Diagram, biết cách xây dựng một số Component Diagram của một số ứng dụng. Mời các bạn cùng tham khảo để nắm bắt các nội dung chi tiết.
Đại Học Sư Phạm Tp Hồ Chí Minh Khoa Tố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 Giai đoạn thiết kế (1/10) Nội dung Khảo sát • Thiết kế xử lý ý Phân tích Kết • Thiết kế giao diện Thiết kế • Hồ sơ thiết kế – – – – • Thiết kế liệu Mơ hình PDM Kiến trúc module Hệ thống chức Hệ thống giao diện Cài đặt Kiểm tra Triển khai Bảo trì TRẦN NGỌC BẢO KHOA TỐN -TIN2HỌC ĐẠI HỌC SƯ Dai PHẠM ((2 2) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Giai đoạn thiết kế (2/10) Xét Hệ thống ố quản lý giáo vụ trường đại học • Mơ hình vật ậ lý ý Quan Huyen Tinh Thanh MaQH MaTinh TenQH MaTinh TenTinh Sinh Vien MaSV MaKhoa MaQH MaNG Ho Ten Phai NgaySinh Khoa MaKhoa TenKhoa Dang ky hoc mon MaSV MaMon Lan HocKy NienKhoa Diem Mon hoc MaMon TenMon Mon hoc nganh Nganh MaMon MaNG SoTinChi MaNG MaKhoa TenNG PDM – Physical Data Model TRẦN NGỌC BẢO KHOA TOÁN -TIN3HỌC ĐẠI HỌC SƯ Dai PHẠM ((3 3) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module • Ví dụ: Khảo sát u cầu hệ thống quản lý nhân - tiền lương công ty ABC, kết ả sau – Nhân viên A: Phụ trách quản lý thông tin nhân sự, bao gồm: • Thơng tin nhân viên • Thơng Thơ ti tin ề q trình t ì h làm việc iệ t i công ô t gồm: ty, công tác, đào tạo, … • Q trình thun chuyển cơng tác • Kế hoạch phát triển nhân viên • Q trình tăng lương, đãi ngộ •… TRẦN NGỌC BẢO KHOA TỐN -TIN4HỌC ĐẠI HỌC SƯ Dai PHẠM ((4 4) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module – Nhân Nhâ viên iê B: B Phụ Ph trách h quản ả lý thông hô tin i lương nhân viên, bao gồm: • Chấm cơng hàng tháng tính lương – Theo thời gian (theo số ngày làm việc thực tế/tháng) – Theo sản phẩm (số sản phẩm làm tháng) – Theo doanh thu (doanh thu bán tháng) • In bảng lương cho nhân viên • Tính Tí h tiề tiền thưởng: thưở thưở thưởng ngày lễ t o năm, ă … • Tính thuế thu nhập: báo cáo tổng hợp thuế thu nhập ập • Báo cáo tình hình lương • … TRẦN NGỌC BẢO KHOA TOÁN -TIN5HỌC ĐẠI HỌC SƯ Dai PHẠM ((5 5) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module • Ví dụ: Khảo sát yêu cầu hệ thống quản lý nhân - tiền lương công ty ABC Với kết khảo sát trên, cần tổ ổ chức hệ thống cho • Chỉ Nhân viên A phép g nhân ự thao tác chức • Chỉ Nhân viên B phép thao tác chức liên quan đến tiền lương TRẦN NGỌC BẢO KHOA TOÁN -TIN6HỌC ĐẠI HỌC SƯ Dai PHẠM ((6 6) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module • Cách 1: Hệệ thống gq quản lý ý NS TL NS (Source code) Máy tính nhân hâ viên iê A Máy tính nhân hâ viên iê B NS TL.EXE NS NS TL.EXE NS Biên dịch NS TL.EXE NS Cài đặt (Setup/Install) (Setup/ sta ) CSDL TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ Dai PHẠM ((7 7) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module • Cách 1: Máy tính Máy tính Hệệ thống gq quản lý ý nhân nhân hâ viên iê A hâ viên iê B NS TL LÀM THẾ NÀO ĐỂ XỬ LÝ NS (Source code) - NHÂN VIÊN A KHÔNG ĐƯỢC THAO TÁC CÁC NS TL.EXE NS NS CHỨC NS TL.EXE NĂNG LIÊN QUAN ĐẾN TIỀN LƯƠNG ? Biên dịch - NHÂN VIÊN B KHÔNG ĐƯỢC THAO TÁC Á CÁC Á CHỨC Ứ NĂNG Ă LIÊN Ê QUAN ĐẾN NHÂN SỰ ?Cài đặt NS TL.EXE NS (Setup/Install) (Setup/ sta ) Ỉ PHÂN QUYỀN ??? CSDL TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ Dai PHẠM ((8 8) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module • Cách 2: Máy tính nhân hâ viên iê A NS.EXE Hệ thống quản lý NS TL NS (Source code) Nhân (So rce code) (Source Tiền lương (Source (S code) d ) Biên dịch Cài đặt y tính Máy nhân viên B TL.EXE Biên dịch NS.EXE TL.EXE TL EXE Cài đặt CSDL TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ Dai PHẠM ((9 9) Tran Ngoc Bao hoc TP.HCM Su Pham TP.HCM Kiến trúc phân hệ - Module • Cách 2: Máy tính nhân hâ viên iê A NS.EXE Cài đặt Hệ thống quản lý NS TL NS (Source code) Nhân (So rce code) (Source Tiền lương (Source (S code) d ) LÀM THẾ NÀO ĐỂ XỬ LÝ - NHÂN VIÊN A KHÔNG ĐƯỢC Biên dịch Biên LIÊN dịch THAO TÁC CÁC CHỨC NĂNG QUAN ĐẾN TIỀN LƯƠNG ? - NHÂN VIÊN B KHÔNG ĐƯỢC THAO TÁC CÁC CHỨC NĂNG LIÊN NS.EXE TL.EXE TL EXE QUAN ĐẾN Ế NHÂN Â SỰ ? y tính Máy nhân viên B TL.EXE Cài đặt Ỉ PHÂN QUYỀN ??? CSDL TRẦN NGỌC BẢO KHOA TOÁN -TIN HỌC ĐẠI HỌC SƯ PHẠM (TP.HCM 10)) Tran Ngoc Bao Dai hocTP.HCM Su Pham (10 • Quan hệ thành phần USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Các thành phần Component Diagram –Q Quan hệ ệg component p interface – Quan hệ component component SQLClient Business Process Data Access Model/Info • Các loại quan hệ – Generalization – Realization – Dependency 37HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (37 TRẦN NGỌC BẢO KHOA TỐN -TIN (37)) • Component Diagram ? USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM NỘI DUNG TRÌNH BÀY • Các thành phần Component diagram • Xây dựng Component diagram ứng dụng quản lý thời khóa biểu • Tạo Component diagram Power Designer • Tạo report 38HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (38 TRẦN NGỌC BẢO KHOA TOÁN -TIN (38)) • C Component di diagram mơ tả ả hệ thống hố quản ả lý thời khóa biểu He thong quan ly thoi khoa bieu USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Ví dụ minh họa Giao dien Xu ly Du lieu Ví dụ minh họa Component diagram 39HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (39 TRẦN NGỌC BẢO KHOA TOÁN -TIN (39)) • C Component di diagram mơ tả ả hệ thống hố quản ả lý thời khóa biểu Giao dien USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CƠNG NGHỆ P PHẦN MỀM Ví dụ minh họa User Interface (Win Form) Windows Form User Process (Win) User Interface (Web Form) Web Form User Process (Web) Ví dụ minh họa Component diagram 40HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (40 TRẦN NGỌC BẢO KHOA TỐN -TIN (40)) • C Component di diagram mô ô tả ả hệ thống hố quản ả lý thời khóa biểu Giao dien USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Ví dụ minh họa User Interface (Win Form) Windows Form User Process (Win) User Interface (Web Form) Web Form User Process (Web) Ví dụ minh họa Component diagram 41HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (41 TRẦN NGỌC BẢO KHOA TỐN -TIN (41)) • C Component di diagram mô ô tả ả hệ thống hố quản ả lý thời khóa biểu Xu ly CGiangVien CBoMon + BMID : long + MaBM : string + TenBM : string + Insert I t () : int i t USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Ví dụ minh họa + + + + + + + + + + GVID MaGV HocVi ChucDanh TenVT Ho Ten DiaChi DienThoai Email CLOP + + + + + LOPID MALOP TENLOP NAMTS TenVT : : : : : NganhID MaNganh TenNganh TenVT CKhoa long string string string string string string string string string # KhoaID : int + MaKhoa : string - TenKhoa : string CLOPNK long string string short string : : : : CMONHOC + LOPNKID : long + NAM : short + NAMHOC : short CNganh + + + + : : : : : : : : : : + + + + + + + MonID MaMon TenMon TinChi SoTietLT SoTietBT TenVT + + + + Them () Xoa () Sua () LayDL () CTKB long string string string + + + + + + TKBID TKB HOCKY NAMHOC NGAYBD NGAYKT : : : : : : long string short short DateTime DateTime : : : : : : : : : : : long string string short short short string void void void void CTKBLOP + TKBLOPID : long CTKBLOP_CHITIET Ví dụ minh họa Component diagram + + + + + THU TIETBD TIETKT LYTHUYET PHONG : : : : : short short short short string 42HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (42 TRẦN NGỌC BẢO KHOA TOÁN -TIN (42)) • C Component di diagram mơ tả ả hệ thống hố quản ả lý thời khóa biểu Du lieu USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CƠNG NGHỆ P PHẦN MỀM Ví dụ minh họa Model Model Controller Controller Provier Provider Ví dụ minh họa Component diagram 43HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (43 TRẦN NGỌC BẢO KHOA TỐN -TIN (43)) • Component diagram mơ tả hệ thống quản lý thời khóa biểu Du lieu USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Ví dụ minh họa Provier Controller Model Provider Controller Model Port_1 Port_2 Port_3 ADO ADO.NET ODP NET ODP.NET Ví dụ minh họa Component diagram 44HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (44 TRẦN NGỌC BẢO KHOA TỐN -TIN (44)) • C Component di diagram mơ ô tả ả hệ thống hố quản ả lý thời khóa biểu USER R INTER RFACE BÀI GIẢNG NHẬP MƠN CƠNG NGHỆ P PHẦN MỀM Ví dụ minh họa He thong quan ly thoi khoa bieu Giao dien Mobi He thong dich vu nhan tin SMS _ SMS Service SMS Message Viettel SMS Data Xu ly Vina Port_2 Du lieu Ví dụ minh họa Component diagram 45HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (45 TRẦN NGỌC BẢO KHOA TOÁN -TIN (45)) • C Component di diagram mơ tả ả hệ thống hố quản ả lý thời khóa biểu Web site (ASPX) USER R INTER RFACE BÀI GIẢNG NHẬP MƠN CƠNG NGHỆ P PHẦN MỀM Ví dụ minh họa SMS Service (Windows Service) Business Process Model/Info D t Access Data A SQLClient SQL DB Controller Provider OracleClient Oracle DB Ví dụ minh họa Component diagram 46HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (46 TRẦN NGỌC BẢO KHOA TOÁN -TIN (46)) • Component Diagram ? USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM NỘI DUNG TRÌNH BÀY • Các thành phần Component diagram • Xây dựng Component diagram ứng dụng quản lý thời khóa biểu • Tạo Component diagram Power Designer • Tạo report 47HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (47 TRẦN NGỌC BẢO KHOA TỐN -TIN (47)) • Xây dựng Component diagram cho ứng g dụng ụ g sau: USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Bài tập – Quản lý giải bóng đá vơ địch quốc gia – Quản ả lý ý bình ì chọn hát hay Làn sóng ó xanh – Quản lý giáo vụ trường đại học – Quản lý giáo vụ trường phổ thông – Quản lý bán hàng 48HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (48 TRẦN NGỌC BẢO KHOA TOÁN -TIN (48)) • Xây dựng Component diagram cho USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Bài tập ứng dụng sau: – Quản lý học viên trung tâm tin học, ngoại ngữ – Quản ả lý ý nhân â - tiền ề lương – Quản lý bán hàng trực tuyến – Quản lý nhà trẻ 49HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (49 TRẦN NGỌC BẢO KHOA TỐN -TIN (49)) • Component diagram ? USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CƠNG NGHỆ P PHẦN MỀM Ơn tập • Component ? • Các thành phần component ? • Interface ? • Xây â dựng Component diagram cho ộ số ố ứng g dụng ụ g gp phần tập ập 50HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (50 TRẦN NGỌC BẢO KHOA TOÁN -TIN (50)) BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM USER R INTER RFACE 51HỌC ĐẠI HỌC SƯ PHẠM TP.HCM (51 TRẦN NGỌC BẢO KHOA TOÁN -TIN (51)) 51 .. .Giai đoạn thiết kế (1/10) Nội dung Khảo sát • Thiết kế xử lý ý Phân tích Kết • Thiết kế giao diện Thiết kế • Hồ sơ thiết kế – – – – • Thiết kế liệu Mơ hình PDM Kiến trúc... TP.HCM (18 TRẦN NGỌC BẢO KHOA TOÁN -TIN (18)) USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Component Diagrams • Lược đồ thành phần (Component Diagram) mô tả mối liên hệ thành phần hệ... TP.HCM (33 TRẦN NGỌC BẢO KHOA TOÁN -TIN (33)) USER R INTER RFACE BÀI GIẢNG NHẬP MÔN CÔNG NGHỆ P PHẦN MỀM Các thành phần Component Diagram • Component – Là thành phần hệ thống – Thành phần • Source