Thiết kế giao diện

Một phần của tài liệu Nghiên cứu và phát triển BPEL DESIGNER sử dụng công nghệ JAVAFX (Trang 119 - 132)

Màn hình chính

102

Màn hình chính chia làm vùng khác nhau với các chức năng riêng biệt thuận lợi cho ngƣời dùng trong việc sử dụng.

Vùng 1: dùng hiển thị thông tin các project của ngƣời dùng bao gồm các tập tin của project nhƣ: tập tin bpel, tập tin deloy..

Vùng 2: là phần designer hiển thị nội dung chi tiết của một quy trình nghiệp vụ: cho phép hiển thi ở hai chế độ: designer và code

Vùng 3: đƣợc dùng để tổ chức các activity và các thông tin của tiến trình Màn hình tạo mới một file BPEL

Hình 5.10-Màn hình tạo mới một file trong project

Màn hình này cho phép ngƣời dùng tạo mới một file trong project của mình. Bao gồm các trƣờng sau:

Tên file: cho phép ngƣời dùng nhập tên file cần tạo

Loại file: trong một project BPEL thì có nhiều loại file đƣợc tạo ra nhƣ file bpel, file deloy, wsdl…. Thực chất các file này đều có dạng xml, tuy nhiên cấu trúc và chức năng của t ng loại file là khác nhau. Với quy mô của ứng dụng chúng tôi chỉ cho phép ngƣời dùng tạo ra hai loại file là bpel và deloy.xml

Projects: cho biết file đó thuộc project nào, một ngƣời dùng có khả năng tạo ra nhiều project khác nhau.

103

Màn hình tổ chức các activity

Các activity đƣợc phân loại theo ba nhóm cơ bản: Actions, Controls, Faults.

Actions: chứa các activity dạng thực thi nhƣ Invoke, Reply, Assign….

Controls: chứa các activity dạng điều khiển nhƣ If, Pick, While….

Faults: chứa các activity dùng để quản lý lỗi.

Hình 5.11-Màn hình tổ chức các activity Màn hình thêm mới một variable

Hình 5.12-Màn hình tổ chức các activity

104

Name: tên của variable. Message type: đƣợc lấy t tập tin wsdl mà ngƣời dùng import vào Màn hình tổ chức process Hình 5.13-Màn hình tổ chức các process : thêm mới : xóa : chỉnh sửa các thuộc tính Tab Partner Links: dùng để quản lý các partner links

Tab Varables: quản lý các variable. Tab correlation : dùng để quản lý các correlation trong process

Tab message exchanges: dùng để quản lý các message exchange.

Màn hình thêm mới PartnerLink

Hình 5.14-Màn hình thêm mới PartnerLink

Màn hình này cho phép ngƣời dùng thêm mới một Partnerlink bao gồm các trƣờng sau:

105

RoleName: Đƣợc load t Wsdl.Mỗi PartnerLink đƣợc gán cho 1 trong 2 vai trò: MyRole hoặc PartnerRole

106

Màn hình chỉnh sửa một invoke activity

Hình 5.15-Màn hình chỉnh sửa một invoke activity (adsbygoogle = window.adsbygoogle || []).push({});

Màn hình này cho phép ngƣời dùng chỉnh sửa thuộc tính của một invoke activity. Bao gồm các phần sau:

Phần 1: cho phép ngƣời dùng thay đổi tên của invoke activity

Phần 2: Thay đổi chi tiết các thuộc tính của invoke bao gồm partner link, operation, input variable, output variable.

Phần 3: cho phép sửa đổi điều kiện join nếu invoke đƣợc join với một activity khác trong một flow activity

Phần 4: Cho phép thay ngƣời dùng thiết lập các correlation set của invoke activity

107

Màn hình chỉnh sửa một assign activity

Hình 5.16-Màn hình chỉnh sửa một assign activity

Màn hình này cho phép ngƣời dùng chỉnh sửa các thuộc tính của assign activity, một assign activity cho phép gán hoặc khởi tạo các variables. Bằng cách sử dụng cặp thẻ from to đƣợc chứa trong thẻ copy,một assign activity có thể khởi tạo hoặc gán giá trị cho các biến đƣợc khai báo trong nó. Màn hình này bao gồm các trƣờng chính nhƣ sau:

Trường 1: cho phép validate các giá variable hay không

Trường 2: hiển thị các đối tƣợng copy

Trường 3: Thêm mới một đối tƣợng copy

Trường 4: Xóa một đối tƣợng copy

Trường 5: Di chuyển vị trí của một đối tƣợng copy.

Trường 6: Tƣơng tự trƣờng 5.

108

Trường 8: Cho phép chọn phƣơng thức copy. Copy t đối tƣợng nào đến đối tƣợng nào ( from, to).

Trường 9: Chọn các đối tƣợng để copy. Màn hình chỉnh sửa một reply activity

Hình 5.17-Màn hình chỉnh sửa một reply activity

Một reply activity cho phép process có thể trả về một giá trị, hoặc một thông điệp nào đó, các chức năng của màn hình này tƣơng tự nhƣ invoke activity.

 Màn chỉnh sửa một receive activity

Hình 5.18-Màn hình chỉnh sửa một receive activity

Khi cần nhận các giá trị trả về t bênh ngoài ( có thể t process khác hoặc t ngƣởi dùng ) thì chúng ta sử dụng receive activity. Các chức năng của màn hình này tƣơng tự nhƣ màn hình chỉnh sửa thuộc tín của invoke activity.

109

Màn hình chỉnh sửa if activity

Hình 5.19-Màn hình chỉnh sửa một if activity

Cho phép ngƣời dùng chỉnh sửa các thuộc tính của if activity. Điều kiện trong if activity phải là một biểu thức ở dạng xPath.

Trường 1: chọn version của ngôn ngữ xPath

Trường 2: tạo mới một điều kiện

Trường 3: nhập biểu thức điều kiện (adsbygoogle = window.adsbygoogle || []).push({});

Màn hình chỉnh sửa một repeat Until activity

Hình 5.20-Màn hình chỉnh sửa một repeat until activity

Khi cần lặp lại một xử lý tới một điều kiện d ng nào đó thì chúng ta sử dụng Repeat util activity. Các chức năng của màn hình này tƣơng tự nhƣ màn hình của if activity.

110

Màn hình chỉnh sửa while activity

Hình 5.21-Màn hình chỉnh sửa một while activity

Màn hình nay cho phép ngƣời dùng chỉnh sửa thuộc tính của while activity.Các chức năng tƣơng tự nhƣ If activity

Màn hình chỉnh sửa foreach activity

Hình 5.22-Màn hình chỉnh sửa một foreach activity Màn hình này có chức năng chỉnh sửa các thuộc tính của foreach

Phần 1: chỉnh sửa tên của activity

Phần 2: chỉnh sửa tên của counter variable

Phần 3: chỉnh sủa các điều kiện d ng của count tervariable

111

Phần 5 : chỉnh sửa các tài liệu mô tả đính kèm Màn hình chỉnh sửa một validate activity

Hình 5.21-Màn hình chỉnh sửa một validate activity

Cho phép ngƣời dùng kiểm tra tính đúng đắng của các biến truyền vào bao gồm các biến input và các biến output.

Màn hình chỉnh sửa wait activity

Hình 5.23-Màn hình chỉnh sửa một wait activity

Màn hình này cho phép ngƣời dùng chỉnh sửa các thuộc tính của wait activity. Ngƣời dùng có thể thiết lập khoản thời gian(duration) hoặc mốc thời gian(date) để d ng tiến trình.

112

Phần 2: thay đổi thuộc tính của wait

Trường 2.1: chọn điều kiện d ng là khoản thời gian hay mốc thời gian

Trường 2.2: chọn version của Xpath

Trường 2.3: chọn dạng thể hiện của nhãn thời gian

Trường 2.4: nhập thời gian cho wait  Màn hình chỉnh sửa throw activity

Hình 5.24-Màn hình chỉnh sửa một throw activity  Màn hình import wsdl

Hình 5.25-Màn hình import wsdl

Màn hình này cho phép ngƣời dùng import file, đƣờng dẫn mô tả wsdl vào trong tiến trình.

113

 Màn hình tạo file deploy.xml (adsbygoogle = window.adsbygoogle || []).push({});

Hình 5.26-Màn hình tạo file deploy.xml

Màn hình này giúp ngƣời dùng tạo file mô tả deploy.xml dể triển khai tiến trình lên Apache ODE Server.

 Màn hình deploy

114

Màn hình test WebService

Hình 5.28-Màn hình kiểm tra dịch vụ sau khi deploy

Một phần của tài liệu Nghiên cứu và phát triển BPEL DESIGNER sử dụng công nghệ JAVAFX (Trang 119 - 132)