12
1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty of Information Technology, University of Technology, Sydney P.O.Box 123, Broadway NSW 2007, AUSTRALIA {alin, maolin, igorh}@it.uts.edu.au

1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

Embed Size (px)

Citation preview

Page 1: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

1

A Web-Based Interactive Visual Component for Online Collaborative Business Process Management

Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz

Faculty of Information Technology,

University of Technology, Sydney

P.O.Box 123, Broadway

NSW 2007, AUSTRALIA

{alin, maolin, igorh}@it.uts.edu.au

Page 2: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

2

Outline

MotivationThe Collaborative Business Process Meta-

ModelThe Web-based Interactive Visual Component

The XML-based Information Repository The HTTP-based Communication Module The Visualization Module

Applying WbIVC to the Collaborative Business Process Management

Future Work

Page 3: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

3

Motivation

Building a web-based visual component to support online collaborative business process management.

Requirement: Online collaborative business process management requires the web-based output component and the web-based input component as well

Weakness: Traditional web-based visual components pay much more attention to web-based visual output than input

Try to Provide: A web-based visual component that supports both web-based visual output as well as input

Page 4: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

4

The Collaborative Business Process Meta-Model

Business process elements Goal Activity Constraint Role Patron Participant Artifact ……

Relationships between elements has access …...

accesses

goal

activity

role

patron participant

achieves

has

Business Process

has

constraint

artifact

has

has

has

hashas

performs

is_a

fills

uses

permission

has sets

constraints

achieve

Page 5: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

5

The Web-based Interactive Visual Component

Three modules are built in the component: XML-based information repository module HTTP-based communication module Java applet-based visualization module

Web server side

ApacheHTTPserver

SunServlet

HTTP-basedcommunication

module

SAX DOM

XML-based informationrepository

Visualizationmodule (Java

applet)

Internet

Web browser: Java applet

Web browser: Java applet

Web browser: Java applet

……

User

User

User

User

Page 6: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

6

The XML-based Information Repository

Three levels tree structure The top level is the

name of the business process repository

The middle level are the names of the business processes

The leaf level are the .xml files that store the business process elements and relationships

bpr

bp 1

goals.xml

bp2

……

activities.xml

……

relationships.xml

goals.xml

activities.xml

……

relationships.xml

bp m

goals.xml

activities.xml

……

relationships.xml

……

Page 7: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

7

The HTTP-based Communication Module

The source code to send the information from a web client to the web server

public static String sendDataToServer(String data){ try { StringBuffer sb = new StringBuffer();

URL url = new URL("http://138.25.13.183:8888/pwm/servlet/RPMSServlet");

URLConnection uc = url.openConnection(); uc.setDoOutput(true); uc.setDoInput(true); uc.setAllowUserInteraction(false);

DataOutputStream dos = new DataOutputStream(uc.getOutputStream()); dos.writeBytes(data); dos.flush(); dos.close();

…… }

……}

Page 8: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

8

The Applet-based Visualization Module

A business process BP is represented by a countable set of process elements PE and a countable set of element relationships ER, i.e., BP = {PE, ER}.

pea

peb

rab

Page 9: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

9

The Applet-based Visualization Module A visual graph and a popup menu realized in the WbIVC

Page 10: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

10

Applying WbIVC to the Collaborative Business Process Management

The output interface of the WbIVC in a collaborative business process management

Page 11: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

11

Applying WbIVC to the Collaborative Business Process Management The input interface of the WbIVC in a collaborative business process

management system

Page 12: 1 A Web-Based Interactive Visual Component for Online Collaborative Business Process Management Aizhong Lin, Mao Lin Huang and Igor T. Hawryszkiewycz Faculty

12

Future Work

more functions: display different process element using

different shape of graph

more input interfaces: input different element