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

pdf874 trang | Chuyên mục: Công Nghệ Phần Mềm | Chia sẻ: dkS00TYs | Lượt xem: 1649 | Lượt tải: 3download
Tóm tắt nội dung Bài giảng Nhập môn công nghệ phần mềm - Lương Trần Hy Hiến, để xem tài liệu hoàn chỉnh bạn click vào nút "TẢI VỀ" ở trên
 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:

  • pdfBài giảng Nhập môn công nghệ phần mềm - Lương Trần Hy Hiến.pdf