Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 92 3 Check box 3 Chọn Form 3 để save Click 4 Lable 1 Tên của Form 1 đang thiết kế Không 5 Lable 2 Tên của Form 2 đang thiết kế Không 6 Lable 3 Tên của Form đang thiết kế Không 7 Button ALL Click để check tất cả các form Click 8 Button Reset Click để uncheck tất cả các form Click 9 Button Save Click để save form(s) Click 10 Button Cancel Cancel không save form Click 2.2.2.3.2. Bảng mô tả các biến cố của màn hình MH_SAVE Bảng 11: Bảng mô tả các biến cố của màn hình MH_SAVE STT THỂ HIỆN LOẠI BIẾN CỐ XỬ LÝ GHI CHÚ 1 ButtonALL Click Tất cả các check box được check 2 Button Reset Click Tất cả các check box được uncheck 3 Button Save Click Chương trình sẽ thực hiện việc lưu các form được chọn 4 Button Cancel Click Đóng màn hình này Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 93 2.2.2.4. Màn hình MH_BORDER Hình 45: Thiết kế màn hình chọn Border 2.2.2.4.1. Bảng mô tả màn hình MH_BORDER Bảng 12: Bảng mô tả màn hình MH_BORDER STT Thành phần Diễn giải Kích hoạt Ghi chú 1 Radio Empty Chọn Style Empty Click 2 Radio Etched Chọn Style Etched Click 3 Radio Matte Chọn Style Matte Click 4 Radio Line Chọn Style Line Click 5 Radio Bevel Chọn Style Bevel Click 6 Radio Chọn Style Chìm Click BO R DER STYLE Em p t y Etched Matte Bevel Line L ow erred R ais ed OK CANCEL Option Title Preview Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 94 Lowerred 7 Radio Raised Chọn Style Nổi Click 8 Bảng Option Bảng để chỉnh một số property khác đối với một số loại Style 9 Text input Title Áp dụng để đặt title trong trừong hợp là TitleBorder 10 Panel Preview Panel để preview kết quả chỉnh border Click 11 Button OK Cập nhật style border cho đối tượng Click 12 Button Cancel Đóng màn hình chọn border style Click 2.2.2.4.2. Bảng mô tả các biến cố của màn hình MH_BORDER (Màn hình chọn Border Style) Bảng 13: Bảng mô tả các biến cố của màn hình chọn Border Style STT THỂ HIỆN LOẠI BIẾN CỐ XỬ LÝ GHI CHÚ 1 Radio Empty Click Cập nhật style được chọn và điều chỉnh bản option tương ứng 2 Radio Etched Click Như trên 3 Radio Matte Click Như trên 4 Radio Line Click Như trên 5 Radio Bevel Click Như trên 6 Radio Lowerred Click Như trên 7 Radio Raised Click Như trên Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 95 8 Panel Preview Click Lấy các trạng thái style được chọn và các thuộc tính liên quan và hiển thị lên màn hình 9 Button OK Click Cập nhật giá trị trên cho control 10 Button Cancel Click Đóng màn hình này 2.2.2.5. Màn hình MH_FONT Hình 46: Thiết kế màn hình chọn Font 2.2.2.5.1. Bảng mô tả màn hình MH_FONT Bảng 14: Bảng mô tả màn hình chọn Font STT Thành phần Diễn giải Kích hoạt Ghi chú 1 List Font Chọn Loại Font Click 2 List Font Style Chọn Kiểu Font Click FONT OK CANCEL Preview Font Font style Size Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 96 3 List Font Size Chọn Size Font Click 4 Panel Preview Panel để preview kết quả chỉnh border Click 5 Button OK Cập nhật style font cho đối tượng Click 6 Button Cancel Đóng màn hình chọn font style Click 2.2.2.5.2. Bảng mô tả các biến cố của màn hình MH_FONT (Màn hình chọn Font) Bảng 15: Bảng mô tả các biến cố của màn hình chọn Font STT THỂ HIỆN LOẠI BIẾN CỐ XỬ LÝ GHI CHÚ 1 Panel Preview Click Lấy các trạng thái style được chọn và các thuộc tính liên quan và hiển thị lên màn hình 2 Button OK Click Cập nhật giá trị trên cho control 3 Button Cancel Click Đóng màn hình này Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 97 2.2.2.6. Màn hình MH_IMAGE Hình 47: Thiết kế màn hình chọn hình ảnh 2.2.2.6.1. Bảng mô tả màn hình MH_IMAGE Bảng 16: Bảng mô tả màn hình chọn hình ảnh STT Thành phần Diễn giải Kích hoạt Ghi chú 1 File Chooser Chọn file image Click 2 Panel Panel để preview iamge 2.2.2.6.2. Bảng mô tả các biến cố của màn hình MH_IMAGE (Màn hình chọn image) Bảng 17: Bảng mô tả các biến cố của màn hình chọn hình Stt Thể hiện Loại biến cố Xứ lý Ghi chú 1 File Chooser Click Lấy hình tương ứng và thể hiện kết quả lên preview panel IMAGE CHOOSE R Preview File Chooser Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 98 2.2.2.7. Màn hình MH_PREVIEW Hình 48: Thiết kế màn hình Preview Bảng mô tả màn hình MH_PREVIEW Bảng 18: Bảng mô tả màn hình xem trước STT Thành phần Diễn giải Kích hoạt Ghi chú 1 Panel Panel để preview iamge PREVIEW Preview panel Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 99 2.3. Phân tích module WorkFlow Designer 2.3.1. Sơ đồ trường hợp sử dụng Sơ đồ sử dụng: Hình 49: Use Case WorkFlow Designer Trong bảng sơ đồ các trường hợp sử dụng ở trên là các trường hợp mà người sử dụng có thể sử dụng chương trình, chi tiết ý nghĩa các trường hợp sử dụng được liệt kê ở bảng dưới đây: Danh sách nghiệp vụ cho chương trình thiết kế workflow Bảng 19: Danh sách nghiệp vụ cho chương trình thiết kế workflow Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 100 STT Tên Ý nghĩa Ghi chú 1 Tạo 1 workflow mới Khởi tạo 1 luồng công việc mới 2 Mở workflow Mở lên 1 luồng công việc đã có sẵn 3 Lưu workflow Lưu lại workflow với tất cả các thiết kế và thay đổi trên nó 4 Thêm 1 node mới trên workflow Vẽ thêm 1 điểm vào workflow. Điểm này là 1 node trong mạng nên phải có IP, tên 5 Sửa thông tin 1 node trong workflow Chỉnh sửa thông tin về các thuộc tính như IP, tên, độ ưu tiên… của node trong workflow 6 Xoá 1 node trong workflow Khi đảm bảo được không có đường đi đến node này trong workflow thì mới có thể xoá đi node này được 7 Thêm đường đi cho workflow Vẽ 1 đường đi mới cho công việc trong workflow 8 Xoá 1 đường đi trong workflow Xoá hẳn 1 đường đi trong workflow 9 Chọn 1 form có sẵn cho node( normal node) Hai hay nhiều node có thể sử dụng chung 1 form nên form có sẵn này sẽ được thiết kế trước và được chọn cho node. Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 101 2.3.2. Sơ đồ luồng dữ liệu Sơ đồ các luồng dữ liệu(data) giữa người sử dụng, chương trình và bộ nhớ. 2.3.2.1. Tạo một workflow mới Hình 50: Luồng dữ liệu cho tạo mới workflow trong Workflow Designer D4: ID của Form vừa được tạo mới sẽ tự động phát sinh và lưu vào bộ nhớ chính. Xử lý: ID này của form được tạo dựa vào ID của WF trước nó, nếu trước đó chưa tạo ra form nào thì ID này bắt đầu từ 0. 2.3.2.2. Mở một WorkFlow Hình 51: Luồng dữ liệu cho mở workflow trong Workflow Designer [...]... Cao Đăng Tân Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow 2.3.2.4 Thêm một node mới vào form WorkFlow Node trong module WorkFlow designer có hai loại, một loại gọi là node bình thường, tượng trưng cho các host trong một workflow Node bình thường này sẽ có các thuộc tính của một host trong workflow như IP, port, danh sách các node kế tiếp cũng như trước đó Loại node thứ hai được sử dụng gọi là... theo chiều tương ứng Khi nối xong, 2 node liên quan sẽ tự cập nhật thuộc tính nextnode và prenode tương ứng 2.3.2.8 Xóa một đường đi trong WorkFlow Nguyễn Hoàng Linh Phương Nguyễn Văn Thoại 106 GVHD: GVC Cao Đăng Tân Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Hình 57: : Luồng dữ liệu cho xóa đường đi trong Workflow Designer D1: ID của control cần xóa D4: D1 Xử lý: Người sử dụng chọn đối tựơng... Phương Nguyễn Văn Thoại 105 GVHD: GVC Cao Đăng Tân Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Hình 56: Luồng dữ liệu cho thêm đường đi vào workflow trong Workflow Designer D1: Gồm có: -ID của đối tượng đường đi được người dùng lựa chọn nối giữa 2 node tương ứng -ID của 2 node được nối với nhau và chiều của đường đi D4: D1 Xử lý: Người sử dụng chọn node muốn thêm đường đi giữa hai node, chỉ... của nó trên form WF và lưu thông tin của node mới này vào bộ nhớ chính 2.3.2.6 Xóa một node khỏi màn hình thiết kế WF Nguyễn Hoàng Linh Phương Nguyễn Văn Thoại 104 GVHD: GVC Cao Đăng Tân Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Hình 55: Luồng dữ liệu cho xóa node trong Workflow Designer D1: ID của control cần xóa D4: D1 Xử lý: Người sử dụng chọn node muốn xóa bỏ trên form đang thiết kế và.. .Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow D1: Đường dẫn đầy đủ của tập tin xml mà người dùng chọn D2: Các control của form tương ứng được thể hiện ra màn hình cho người dùng tiếp tục thiết kế D4: Bao gồm -ID được phát sinh cho Form vừa được mở -Nội dung XML của form vừa được mở D5: Tập tin từ bộ nhớ ngoài ứng với D1 Xử lý: ID này của form được tạo dựa vào ID của form trước... lý: Người sử dụng chọn node muốn thêm vào và kéo vào form đang thiết kế, khi đó chương trình sẽ tự động nhận biết vị trí của node này trên form, đồng thời cập nhật các thụôc tính này cho đối tượng mới, lưu thông tin của control mới này vào bộ nhớ chính Nguyễn Hoàng Linh Phương Nguyễn Văn Thoại 103 GVHD: GVC Cao Đăng Tân Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow 2.3.2.5 Chỉnh sửa thuộc tính... này được sử dụng để thiết kế những ràng buộc trong workflow về đường đi của các agent Sau đây là luồng dữ liệu cho nghiệp vụ thêm một node mới vào WorkFlow Hình 53: : Luồng dữ liệu cho thêm 1 node vào workflow trong Workflow Designer D1: Gồm có: -ID của đối tượng node được người dùng lựa chọn -Loại node bình thường hay logic -Toạ độ (x,y) : vị trí ban đầu của node D4: D1 Xử lý: Người sử dụng chọn node... Lưu một WorkFlow Hình 52: Luồng dữ liệu cho lưu workflow trong Workflow Designer D1: Tên file xml cho WF mà người dùng muốn lưu D3: Nội dung XML biểu diễn các control mà người dùng thiết kế D6: D3 Xử lý: Khi người dùng chọn lưu WF, sẽ xuất hiện một dialog yêu cầu người dùng chọn nơi lưu file và tên file tương ứng Sau khi người dùng nhập xong, chương trình sẽ phát sinh ra file xml tương ứng dựa vào các... xóa, khi đó thông tin về node này sẽ được xóa khỏi bộ nhớ chính 2.3.2 .7 Thêm đường đi trong WorkFlow Đường đi trong WF được tượng trưng bằng mũi tên nối từ node này đến node khác, và không cần lưu trữ một đối tượng hình vẽ nào cho đường đi này Đường đi được lưu trong workFlow dưới dạng các attribute nextnode và prenode của các node Nhờ vào các attribute này, chương trình sẽ nhận dạng được đường đi nếu... tính của 2 node đồng thời hủy đối tượng hình vẽ trên màn hình và trong bộ nhớ chính 2.3.2.9 Chọn form cho node WorkFlow Form cho các node được thiết kế trước bằng module FormDesigner và được chọn cho các node trong WorkFlow trong lúc thiết kế WorkFlow Nguyễn Hoàng Linh Phương Nguyễn Văn Thoại 1 07 GVHD: GVC Cao Đăng Tân . Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 97 2.2.2.6. Màn hình MH_IMAGE Hình 47: Thiết kế màn. Mở một WorkFlow Hình 51: Luồng dữ liệu cho mở workflow trong Workflow Designer Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao. File Chooser Ứng dụng thử nghiệm Mobile Agent vào xây dựng Workflow Nguyễn Hoàng Linh Phương GVHD: GVC Cao Đăng Tân Nguyễn Văn Thoại 98 2.2.2 .7. Màn hình MH_PREVIEW Hình