Đề tài SmartDraw 2010 – Phần mềm hỗ trợ thiết kế

Đề tài SmartDraw 2010 – Phần mềm hỗ trợ thiết kế

MÔN: CÔNG CỤ VÀ MÔI TRƯỜNG PHÁT TRIỂN PHẦN MỀM

Đề tài: SmartDraw 2010 – Phần mềm hỗ trợ thiết kế

Nhóm 8

Giáo viên hướng dẫn:

- Nguyễn Trung Phú

Có 2 lựa chọn cài đặt Smart Draw:

- Cài đặt online thông qua máy chủ của Smart Draw

- Cài đặt offline bằng đĩa CD hoặc bộ cài Smart Draw

2.1 Cài đặt online thông qua máy chủ của Smart Draw

- Yêu cầu máy tính cần có kết nối Internet

download và cài đặt của trang web

- Cài đặt online sẽ tự động tải các template (điều này sẽ được nói ở phần sau) cầnthiết cho việc vẽ các biểu đồ

2.2 Cài đặt offline bằng đĩa CD hoặc bộ cài Smart Draw.

- Cho đĩa CD vào ổ đĩa và cài đặt (hoặc cài trực tiếp bằng bộ cài dạng exehoặc msi)

- Việc cài đặt offline sau khi cài xong sẽ không có các template cần thiết, chính vìvậy cần phải tải các template này thì mới có thể sử dụng chương trình một cách tiện hiệuquả nhất

3 Các bước cài đặt

Để tiến hành cài đặt chương trình chúng ta làm theo các bước sau:

1 Chạy file setup SmartDraw cửa sổ bên dưới sẽ xuất hiện, chúng ta sẽ chọn đường dẫnthư muc cài đặt (mặc định là ổ C:\) Để tiếp tục quá trình click “Next”

2 Cửa sổ tiếp theo suất hiện giới thiệu phần mềm và các yêu cầu về bản quyền khi sử

dụng phần mềm, chon “I Accept” để tiếp tục quá trình cài đặt.

3 Cửa sổ thông hiển thị quá trình cài đặt.

4 Sau khi quá trình cài đặt hoàn thành cửa sổ yêu cầu mua bản quyền hiển thi Click

“BUY NOW” để đăng ký, click “CONTINUE” để sử dụng trong 7 ngày

5 Giờ chúng ta có thể sử dụng chương trình với giao diện khởi động như sau:

II SỬ DỤNG CHƯƠNG TRÌNH

1 Tổng quan về giao diện chương trình

Giao diện chương trình

- Clipboard: chứa các thao tác như cut, copy, paste,

- Tools: chứa các công cụ cần thiết để có thể thiết kế các biểu đồ như: Text, Shape,Line, Arrowheads,

- Theme: phục vụ việc thay đổi giao diện cho bản vẽ theo ý thích

- Shape Style: phục vụ việc thay đổi kiểu hiển thị chữ, kiểu biểu đồ: tô màu biểu đồ(Fill), viết chữ có gạch chân (Line),

- Font: phục vụ việc thay đổi kiểu chữ, font chữ,

- Paragraph: phục vụ việc điều chỉnh trang giấy

+ Tab “Page”:

Bao gồm các nhóm: Page Style, Page Setup, Rulers & Grid, Find & Replace

Tại tab này, người sử dụng có thể thao tác điều chỉnh các chế độ hiển thị của khu vựcWorkArea (Chọn màu nền, hiện thước, tìm kiếm, )

+ Tab “Table”:

Tab này có chứa các nút phục vụ cho các thao tác trên đối tượng bảng

Phân chia thành các nhóm:

- Insert Table: Chèn 1 bảng vào biểu đồ

- Rows & Columns: Thao tác chỉnh sửa trên các cột và hàng (xóa hàng, thêmhàng, thêm cột, xóa cột, )

- Table Style: Kiểu, dạng bảng

- Data: Các dữ liệu trong bảng

+ Tab “Chart”:

Tab này có chứa các nút phục vụ cho việc thao tác trên các biểu đồ

Bao chia ra thành các nhóm:

- Insert Chart: Chèn biểu đồ

- Chart Data: Dữ liệu của biểu đồ

- Picture Size: Điều chỉnh kích cỡ bức ảnh

- Exposure: Điều chỉnh độ tương phản, độ sáng của bức ảnh,

+ Tab “Power Point®”:

Tab này có chứa các thao tác khi người dùng muốn Export biểu đồ vào Microsoft PowerPoint

+ Tab “Review”:

Tab này có chứa các thao tác liên quan đến các bình luận (Comment) trong biểu đồ

+ Tab “Help”:

Tab này nhằm phục vụ giúp đỡ người dùng trong quá trình sử dụng

- Tech Support: gửi các câu hỏi lên hệ thống hỗ trợ khách hàng của Smart Draw

- Updates: Update phiên bản Smart Draw mới nhất

- About: Xem thông tin về nhà sản xuất

- License: Vấn đề bản quyền sản phẩm

b SmartDraw Button

SmartDraw button

- Sau khi click vào SmartDraw button 1 menu sổ ra, cho phép bạn có thể thực hiện cácchức năng như Lưu (Save), Tạo mới (New), Trích xuất (Export), In (Print), Thoát chươngtrình (Exit)

Thực đơn sổ ra khi click vào SmartDraw Button

c Quick Access Toolbar

Quick Access Toolbar

- Quick Access Toolbar có chứa các nút giúp người dùng có thể thực hiện thao tác nhanhhơn Bao gồm các nút: Undo, Redo, New, Save, Print, Save as PDF, Export to MicrosoftWord®, Export to Microsoft PowerPoint®, and Export to Microsoft Excel®

+ Undo: Quay trở về thao tác trước đó

+ Redo: Tới thao tác tiếp theo

+ New: Tạo mới 1 tập tin

+ Save: Lưu tập tin

+ Print: In ra giấy

+ Save as PDF: Lưu biểu đồ dưới dạng file PDF

+ Export to Microsoft Word®: trích xuất biểu đồ vào file Word

+ Export to Microsoft PowerPoint®: trích xuất biểu đồ vào file PowerPoint

+ Export to Microsoft Excel®: trích xuất biểu đồ vào file Excel

1.2 Khu vực SmartPanel

- Đây là vùng có chứa các đối tượng cần thiết cho việc thiết kế với từng loại biểu đồ đượclựa chọn Phục vụ cho việc thiết kế các biểu đồ bằng hình thức kéo – thả

1.3 Khu vực WorkArea

- Đây là khu vực làm việc chính của người sử dụng Tại đây người dùng có thể tạo, thiết

kế các biểu đồ trên vùng WorkArea bằng cách kéo thả các đối tượng, biểu đồ từSmartPanel vào và thực hiện chỉnh sửa

1.4 Khu vực SmartHelp

- Là khu vực trợ giúp người sử dụng phần mềm khi sử dụng sản phẩm

- Ở chế độ mặc định, khu vực SmartHelp không được mở ra Để có thể mở nó, ngườidùng click vào nút SmartHelp trong vùng WorkArea

2 Chi tiết về cách thức sử dụng chương trình.

Với SmartDraw, chúng ta có thể vẽ rất nhiều loại biểu đồ trong các lĩnh vựa khác nhau

Ví dụ: Biểu đồ UML trong phát triển phần mềm, Biểu đồ Electric trong điện tử, biểu đồcây gia đình, biểu đồ tư duy Mind Map,

Thông thường, để vẽ 1 biểu đồ bằng Smart Draw, chúng ta sẽ tiến hành qua các bướcsau:

- Mở chương trình

- Tạo mới 1 biểu đồ cần vẽ

- Xác định các đối tượng cần vẽ

- Kéo thả đối tượng cần thiết vào biểu đồ

- Thêm các liên kết giữa các đối tượng

2.2 Tạo mới biểu đồ cần vẽ:

Sau khi mở chương trình, click vào SmartDraw Button>Chọn New:

Smart Draw cung cấp 1 số loại biểu đồ có sẵn (Basic), ngoài ra, cũng có thể tải thêm cácmẫu biểu đồ khác(Templates)

1 danh sách các loại biểu đồ hiện ra, chọn loại biểu đồ cần vẽ:

2.3 Xác định các đối tượng cần vẽ.

Tại lần đầu khi ứng dụng được mở lên, sau khi chọn loại biểu đồ, ứng dụng sẽ tự độngdownload các mẫu tương ứng với loại biểu đồ đó từ server và lưu vào thư viện củaSmartDraw

Sau khi đã tạo mới 1 biểu đồ Chúng ta cần tìm được các đối tượng cần thiết để có thểhoàn thành biểu đồ Các đối tượng mà SmartDraw cung cấp được nằm trong SmartPanel

2.4 Kéo thả các đối tượng cần thiết vào khu vực WorkArea

Chọn đối tượng cần thiết từ SmartPanel và kéo rồi thả vào khu vực WorkArea

2.5 Thêm các liên kết giữa các đối tượng

Trên tab “Home”, tại nhóm Tools, chọn Line, sau đó chọn kiểu liên kết tương ứng

Thực hiện chèn liên kết giữa các đối tượng vào biểu đồ, ta được dạng như sau:

Muốn thay đổi kiểu liên kết (chiều liên kết, mũi tên liên kết), ta chuột phải vào liên kết,chọn ArrowHead, chọn Customize Bảng sau hiện liên cho phép chọn kiểu liên kết cũngnhư đầu mũi tên liên kết:

2.6 Chỉnh sửa biểu đồ

Ta có thể thực hiện chỉnh sửa giao diện biểu đồ bằng cách chọn các Theme có sẵn trongtab “Home”, nhóm “Theme”:

2.7 Trích xuất biểu đồ ra văn bản

Nếu muốn chèn biểu đồ vào văn bản, sau khi tạo xong biểu đồ, ta click vào kiểu văn bảnmuốn trích xuất trên Quick Access Tool SmartDraw hỗ trợ các văn bản: Word, PDF,Excel, PowerPoint

Biểu đồ sẽ được chèn vào văn bản được lựa chọn

2.8 Lưu biểu đồ.

Sau khi hoàn thiện biểu đồ, người dùng có thể lưu biểu đồ bằng nút Save trong Quick

Access Tool, hoặc trong SmartDraw Button:

Chọn đường dẫn lưu file và chọn kiểu file muốn lưu:

Lưu biểu đồ, hoàn thiện quá trình thiết kế

III ỨNG DỤNG CỦA SMARTDRAW TRONG LĨNH VỰC PHÁT TRIỂN PHẦNMỀM

SmartDraw cung cấp đầy đủ các đối tượng cần thiết để có thể hoàn thiện các biểu đồUML trong pha thiết kế, bao gồm:

- Biểu đồ lớp

- Biểu đồ tương tác

- Biểu đồ thành phần

- Biểu đồ triển khai

Sau đây sẽ là phần trình bày cách thức vẽ các biểu đồ trên bằng SmartDraw Cụ thểtrong bài toán “Xây dựng hệ thống quản lý nhà hàng phục vụ ăn uống”

1 Biểu đồ lớp chi tiết

b Tạo liên kết giữa các lớp

Thực hiện tạo liên kết giữa các lớp bằng công cụ Line trong tab Home

Kết nối các lớp lại với nhau

ThucDon

attributes operations()

Điều chỉnh lại các liên kết cho phù hợp (thay đổi kiểu liên kết, đầu mũi tên) bằng cáchchuột phải vào liên kết chọn Arrow Head > Customize, bảng sau hiện lên để người dùnglựa chọn kiểu liên kết phù hợp:

Chú ý:

- Left: đầu bên trái liên kết

- Right: đầu bên phải liên kết

- Preview: xem trước

Sau khi điều chỉnh các liên kết, ta được 1 biểu đồ lớp phân tích như sau:

c Thêm các thuộc tính vào lớp

Để thêm các thuộc tính vào lớp, ta click chuột vào khu vực “Attribute” trong lớp và sau

đó đánh vào tên các thuộc tính

ThucDon

MaTD TenTD SoLuongMonAn operations()

Buy SmartDraw!- purchased copies print this document without a watermark Visit www.smartdraw.com or call 1-800-768-3729.

d Thêm các phương thức vào lớp

Để thêm các phương thức vào lớp, ta click chuột vào khu vực “operation” trong lớp vàsau đó đánh vào tên các phương thức

ThucDon

MaTD TenTD SoLuongMonAn operations()

Buy SmartDraw!- purchased copies print this document without a watermark Visit www.smartdraw.com or call 1-800-768-3729.

ThucDon

MaTD TenTD SoLuongMonAn ThemThucDon() SuaThucDon() XoaThucDon()

Buy SmartDraw!- purchased copies print this document without a watermark Visit www.smartdraw.com or call 1-800-768-3729.

Cuối cùng ta được 1 biểu đồ lớp chi tiết hoàn chỉnh:

2 Biểu đồ tương tác

3 Biểu đồ thành phần

SmartDraw cung cấp cho chúng ta đầy đủ các đối tượng cần thiết để có thể vẽ biểu đồthành phần Cách vẽ tương tự những biểu đồ trên