Triển khai ứng dụng 80 !

Một phần của tài liệu xây dựng và phát triển ứng dụng hỗ trợ thiết kế phần mềm trên môi trường web (Trang 82 - 85)

1. Tải và cái đặt NodeJS

Tải tập tin cài đặt NodeJS từ trang chủ : http://nodejs.org/

Sau khi tải về thành công, chạy tập tin cài đặt để cài đặt NodeJS.

2. Tạo thư mục chứa mã nguồn của ứng dụng

Tạo một thư mục (InstallDir) và copy tất cả mã nguồn (thư mục source trong đĩa CD) của ứng dụng vào thư mục này. Thư mục InstallDir sẽ có các tập tin và các thư

mục con như sau:

Hình A.3.1-0.1 Trang chủ tải và cài đặt NodeJS

81

3. Biên dịch chương trình

Giả sử NodeJS được cài trong thư mục NodeJSDir. Sử dụng command line chạy tập tin Node.exe với tham số truyền vào là đường dẫn của tập tin app.js trong thư mục InstallDir chứa mã nguồn của chương trình.

4. Chạy chương trình

Mở trình duyệt gõ vào địa chỉhttp://localhost:3000/editor

Hình A.3.1-0.3 Biên dịch ứng dụng

82 A.4.2. Tạo mới một lược đồ lớp

Sau đây là hướng dẫn tạo mới và làm việc với lược đồ lớp

Tạo mới một sơđồ lớp : Nhấn vào biểu tượng trên thanh công cụ. Một thanh thực đơn sổ xuống, chọn Create Class Diagram.

Chọn New class diagram trên danh sách các diagram bên tay trái để xuất hiện thanh công cụđể vẽ sơđồ lớp.

Trên thanh công cụ chọn nếu muốn vẽ ký hiệu lớp (class) hay chọn

nếu muốn vẽ ký hiệu giao tiếp (interface). Sau khi đã chọn ký hiệu muốn vẽ, click chuột vào khung vẽ của ứng dụng(phần lưới màu xanh).

Để vẽ một quan hệ giữa các class và interface thì chọn các ký hiệu tương ứng: Generalization Association Aggregation Composition Realization Dependency

Sau khi đã chọn được ký hiệu của quan hệ muốn vẽ. Click và giữ chuột vào hình vẽ(class hoặc interface) sau đó rê chuột đến vị trí của hình khác và sau đó thả chuột. Một đường nối giữ hai hình vẽ xuất hiện thể hiện đúng mối quan hệđã chọn.

Để thiết lập các thuộc tính cho các hình vẽ, ta nhấn vào hình vẽ và bên tay phải sẽ xuất hiện cửa sổ nhập giá trị cho các thuộc tính.

83 A.4.3. Tạo mới một lược đồ use case

Vẽ lược đồ use case cũng tương tự như vẽ sơđồ lớp, chỉ khác biệt ở chỗ ký hiệu.

Trên thanh công chọn ký hiệu nếu muốn vẽ use case hoặc chọn kí hiệu nếu muốn vẽ actor.

Để vẽ các quan hệ giữa actor với actor, use case với use case hay use case với actor ta có thể chọn các ký hiệu sau: Association Extend Include Generalization A.4.4. Các chức năng tiện ích khác

1. Phóng to hay thu nhỏ lược đồđang vẽ

Trên thanh công cụ, chọn Phóng to lược đồ

Thu nhỏ lược đồ

Phục hồi lược đồ về trạng thái bình thường

2. Undo/Redo (adsbygoogle = window.adsbygoogle || []).push({});

Trên thanh công cụ, chọn Undo

Redo

3. Xuất lược đồ thành các định dạng PNG hay PDF

Nếu muốn xuất lược đồ đang vẽ ta chọn ký hiệu trên thanh công cụ. Một thanh thực đơn xuất hiện, chọn PNG nếu muốn xuất lược đồ dưới định dạng ảnh PNG hoặc chọn PDF nếu muốn xuất lược đồ dưới dạng tài liệu PDF.

Một phần của tài liệu xây dựng và phát triển ứng dụng hỗ trợ thiết kế phần mềm trên môi trường web (Trang 82 - 85)