Bài giảng Nhập môn công nghệ phần mềm - Lương Trần Hy Hiến
Thiết kế giao diện người dùng:
–Lập danh sách màn hình
• Xác định ngữ cảnh giao tiếp
• Dựa vào tình huống sử dụng (Use Case)
–Xây dựng sơđồmàn hình
• Chuyển tiếp giữa các ngữ cảnh
• Mối quan hệ giữa các màn hình
–Bố trí các thành phần màn hình
• Sắp xếp các đơn vị giao diện màn hình
–Đặc tả màn hình
• Mô tả các thành phần màn hình
• Mô tả kịch bản sử dụng
Soạn thảo các tập tin : Readme, INI • Bước 9: Liệt kê danh sách các Utilities Software cài thêm • Bước 10: Liệt kê danh sách các logo, hình ảnh giới thiệu trong quá trình cài đặt. • Bước 11: Tạo file Script • Bước 12: Tạo License Key • Bước 13: Tạo Demo cho sản phẩm • Bước 14: Tạo File Help • Bước 15 : Thực hiện đóng gói. • Bước 16 : Viết sưu liệu đóng gói. Các thành phần cơ bản trong bản đóng gói Các thành phần cơ bản trong bản đóng gói Các thành phần cơ bản trong bản đóng gói • Thông tin về sản phẩm (Add/Remove program) • Tổ chức thư mục lưu trữ (Program Files,…) • Components: DLL và ActiveX Control (OCX) • Database file – DB Script file – DB Sample • Registry • Tài liệu hướng dẫn (User guide, Admin guide,…) Tổ chức cây thư mục cài đặt Liệt kê danh sách DLL và OCX cần cài đặt • Thông thường các tập tin DLL và OCX được cài đặt (lưu trữ) vào các thư mục Windows, WinNT, System, System32,… – Danh sách tập tin DLL – Danh sách tập tin OCX Công cụ đóng gói InstallShield • Giao diện chính của InstallShield Các loại project trong InstallShield • Chọn file File/New (New Project) Chọn đóng gói Windows Application Chọn đóng gói Web Application Chọn đóng gói với Source Code InstallShield - Màn hình chính • Giao diện chính - Project Assistant InstallShield - Màn hình chính • Giao diện chính - Installation Designer Công cụ đóng gói InstallShield • Thông tin về sản phẩm (Add/Remove program) • Tổ chức thư mục lưu trữ (Program Files,…) • Shortcut • Database file – DB Script file – DB Sample • INI file • Web server (IIS) • Windows Service • Registry • Biên dịch/tạo tập tin cài đặt Setup.exe Add/Remove Program Add/Remove Program Công cụ InstallShield • Add/Remove Program Tổ chức lưu trữ thư mục, file • Tổ chức lưu trữ thư mục, tập tin Công cụ InstallShield Thư mục dùng để đóng gói Tập tin dùng để đóng gói Thư mục cài đặt Tập tin cài đặt Biên dịch/tạo tập tin cài đặt (Setup.exe) • Để tạo tập tin setup.exe chọn chức năng Build/Release Wizard, thực hiện theo các bước sau: Biên dịch/tạo tập tin cài đặt (Setup.exe) • Bước 7: Chọn option “Compress all files” Biên dịch/tạo tập tin cài đặt (Setup.exe) • Bước 9: chọn option “Extract engine from setup.exe” Biên dịch/tạo tập tin cài đặt (Setup.exe) • Bước 13: chọn option “Include or setup .NET Framework” nếu muốn cài đặt .NET Framework Biên dịch/tạo tập tin cài đặt (Setup.exe) • Bước 15: chọn “Finish” Biên dịch/tạo tập tin cài đặt (Setup.exe) • Kết quả biên dịch Biên dịch/tạo tập tin cài đặt (Setup.exe) • Kết quả biên dịch Tùy chọn “Custom setup” • Cho phép người dùng chọn thành phần sẽ được cài đặt Thành phần thứ 1 Thành phần thứ 2 Công cụ InstallShield – Custom Setup • Cho phép người dùng chọn thành phần sẽ được cài đặt InstallShield – Shortcut, Registry,… Công cụ InstallShield - Shortcut • Shortcut chương trình thường được tạo theo cấu trúc sau Ghi chú: •ProductStream : Dòng sản phẩm •ProductName : Tên sản phẩm •Documentation : Các tập tin hướng dẫn sử dụng (Doc, PDF) •Help : Các tập tin help (*.chm) •Demo : Các tập tin Demo Công cụ InstallShield - Shortcut • Cho phép tạo shortcut trên Desktop hay trong Start Menu SQL Servers • Làm thế nào để tạo DB và dữ liệu trong các Table trong quá trình cài đặt Công cụ InstallShield – SQL Servers • Cho phép tạo cơ sở dữ liệu SQL Server từ tập tin Script: tập tin cấu trúc và tập tin dữ liệu Công cụ InstallShield – SQL Servers • Cho phép tạo cơ sở dữ liệu SQL Server từ tập tin Script: tập tin cấu trúc ` Công cụ InstallShield – SQL Servers • Cho phép tạo cơ sở dữ liệu SQL Server từ tập tin Script: tập tin dữ liệu ` InstallShield – SQL Servers • Làm thế nào để tạo được tập tin script cấu trúc và script dữ liệu từ SQL servers? • Tạo tập tin cấu trúc: – Phát sinh script từ PDM trong Power Designer – Phát sinh script từ SQL Server Enterprise – Phát sinh script từ SQL Servers trong InstallShield – ApexSQL – … InstallShield – SQL Servers • Làm thế nào để tạo được tập tin script cấu trúc và script dữ liệu từ SQL Servers? • Tạo tập tin dữ liệu: – Tạo tập tin dữ liệu sử dụng Query Analyzer – Phát sinh tập tin dữ liệu từ ApexSQL – … InstallShield – SQL Servers/Oracle/… • Làm thế nào để tạo DB và dữ liệu từ SQL servers ? – Sử dụng InstallShield • Làm thế nào để tạo DB và dữ liệu từ SQL servers/Oracle/… – Xây dựng Tools/Utilities cho phép thực thi các file Script • Database Configuration • Sử dụng bộ thư viện SQL-DMO của SQL Servers • Sử dụng SQLPlus.exe của Oracle,.. • … Thông tin kết nối cơ sở dữ liệu • Thông tin kết nối cơ sở dữ liệu trong chuỗi connectionstring được lấy từ đâu ? InstallShield – INI file • Được dùng để lưu trữ thông tin kết nối cơ sở dữ liệu, cấu hình hệ thống,…. InstallShield – Cấu hình SQL Server • Được dùng để lưu trữ thông tin kết nối cơ sở dữ liệu InstallShield – Cấu hình SQL Server • Được dùng để lưu trữ thông tin kết nối cơ sở dữ liệu Web Server – Windows XP InstallShield –Web Server • Cấu hình Web server và Virtual Directory ` ` ` Windows Service InstallShield – Windows Service • Cấu hình Windows Service ` ` ` ` ` Redistribute Component • Làm thế nào để chương trình có thể hiển thị các report, chạy được ứng dụng .NET trên máy của người dùng ? InstallShield – Redistribute Component • Cho phép chọn các Component: Crystal Report, MSDE,…. InstallShield - Registry • Cho phép tổ chức lưu trữ thông tin trong Registry ` ` ` Một số thông tin khác ` Thông tin về sản phẩm Thông tin khác Thank you!!! Review Software Engneering Luong Tran Hy Hien Information System Department, Faculty of Information Technology, HCMc University of Pedagogy, Vietnam 099.33.169.72 | hienlth@hcmup.edu.vn Nội dung thi kết thúc học phần (60%) • Dạng 1 – Thiết kế dữ liệu (4 đ) – Thiết kế giao diện (3 đ) – Thiết kế báo cáo + SQL(3 đ) • Dạng 2 (thường dành cho HK hè) – Phân tích quy trình nghiệp vụ (BPM) (3 đ) – Phân tích & Thiết kế dữ liệu (4 đ) – Thiết kế giao diện (3 đ) HIENLTH, FIT of HCMUP – www.hienlth.info/se Slide 2 Thiết kế CSDL Thiết kế Báo cáo Thiết kế Giao diện và Xử lý Nội dung Thiết kế Phần mềm? Thiết kế giao diện Thiết kế xử lý Thiết kế dữ liệu (lưu trữ) Thiết kế CSDL Các thuộc tính mở rộng: Miền giá trị rời rạc, đa trị,… có nên thêm bảng hay không??? Quan hệ như thế nào? Bổ sung thêm bảng lưu thông tin Cấu hình hệ thống Bổ sung thêm bảng lưu thông tin Người dùng để chứng thực đăng nhập và phân quyền Ví dụ 1 • Xét phần mềm quản lý bán hàng với nghiệp vụ lập phiếu thu tiền của khách hàng Hãy lập sơ đồ logic dữ liệu Ví dụ 1 (tt) • Cách 0: dùng 1 bảng • Cách 1: dùng 2 bảng (PHIEU_THU, LYDO_THU) • Cách 2: dùng 2 bảng (PHIEU_THU, KHACH_HANG) • Cách 3: dùng 4 bảng PHIEU_THU MA_PT MA_KH MA_LDT Ngay_Thu SoTien_Thu Ví dụ 1(tt) KHACH_HANG MA_KH Ho_Ten CMND Dia_Chi LYDO_THU MA_LDT Ten_LDT THAM_SO MA_Tham_So Ten_Tham_So Gia_Tri Table THAM_SO dùng để lưu những qui định Ví dụ 2 • Xét phần mềm quản lý nhân sự với nghiệp vụ tiếp nhận nhân viên Ví dụ 2 (tt) NHAN_VIEN MA_NV MA_Don_Vi Ho_Ten Gioi_Tinh Ngay_Sinh Dien_Thoai Dia_Chi Ma_Trinh_Do DON_VI MA_Don_Vi Ten_Don_Vi TRINH_DO MA_Trinh_Do Ten_Trinh_Do a. Trường hợp không xét sự luân chuyển đơn vị Ví dụ 2 (tt) b. Trường hợp xét sự luân chuyển đơn vị NHAN_VIEN MA_NV Ho_Ten Gioi_Tinh Ngay_Sinh Dien_Thoai Dia_Chi Ma_Trinh_Do DON_VI MA_Don_Vi Ten_Don_Vi TRINH_DO MA_Trinh_Do Ten_Trinh_Do PHAN_CONG MA_PC MA_NV MA_Don_Vi Ngay_PhanCong Thiết kế giao diện Khái niệm giao diện • Giao diện là gì? – Phần mềm không hoạt động độc lập mà luôn giao tiếp với: • Người sử dụng • Các hệ thống liên quan cần thành phần chuyên trách giao tiếp: Giao diện Khái niệm giao diện • Đặc điểm: – Nơi diễn ra tương tác – Định nghĩa cách thức giao tiếp – Tiếp nhận thông tin – Phản hồi thông tin • Phân loại: – Giao diện người dùng – Giao diện lập trình Khái niệm giao diện • Thiết kế giao diện người dùng: – Lập danh sách màn hình • Xác định ngữ cảnh giao tiếp • Dựa vào tình huống sử dụng (Use Case) – Xây dựng sơ đồ màn hình • Chuyển tiếp giữa các ngữ cảnh • Mối quan hệ giữa các màn hình – Bố trí các thành phần màn hình • Sắp xếp các đơn vị giao diện màn hình – Đặc tả màn hình • Mô tả các thành phần màn hình • Mô tả kịch bản sử dụng Multimedia Tìm kiếm thông tin Giao dịch điện tử Xử lý thông tin Tài liệu điện tử Giao diện Các thành phần của giao diện Giao diện nhập liệu Giao diện kết xuất Giao diện tương tác Các thành phần giao diện • Thành phần tiếp nhận thông tin – Ra lệnh: Button – Nhập liệu: TextBox – Lựa chọn: ComboBox, ListBox, CheckBox, RadioButton Các thành phần giao diện • Thành phần phản hồi thông tin – Thông tin đơn: Label, Textbox, MessageBox – Thông tin phức: ListView, GridView, Report Quy tắc thiết kế giao diện • Quy tắc về màu sắc: – Dùng màu nhất quán – Giới hạn số lượng màu – Không dùng màu sặc sỡ – Cẩn trọng các màu tương phản Quy tắc thiết kế giao diện • Quy tắc về thông báo: – Nhất quán – Lịch sự – Cô đọng nhưng dễ hiểu – Nên kèm diễn giải, gợi ý – Không dùng ngôn ngữ: đại chúng, chuyên dụng, kỹ thuật Quy tắc thiết kế giao diện • Quy tắc về kiểm tra nhập liệu – Kiểm tra tất cả dữ liệu nhập – Dựa trên: • Ràng buộc tự nhiên • Ràng buộc nghiệp vụ – “Phòng bệnh hơn chữa bệnh” Quy trình 1. Mục đích màn hình 2. Vẽ giao diện màn hình. Trong đó có ghi chú các control đặc biệt dạng ,,,,… và đánh dấu rõ các sự kiện dạng (1), (2),… 3. Mô tả các control 4. Mô tả các sự kiện (biến cố) và cách xử lý Mô tả các control STT Tên Kiểu Ý nghĩa Ghi chú 1 txtHoTen TextBox Tên học sinh Không được rỗng 2 txtDiemThi TextBox Điểm thi Chỉ cho nhập số nguyên từ 0 đến 10 … … … … … Mô tả sự kiện STT Điều kiện kích hoạt Xử lý 0 Khởi động màn hình ??? 1 Chọn lớp ??? … … … (0) (1) THANK YOU FOR YOUR ATTENTION
File đính kèm:
- Bài giảng Nhập môn công nghệ phần mềm - Lương Trần Hy Hiến.pdf