designing workflow user interfaces with usixml

46
Reference UsiXML project #08026 2009-2012 A Methodology for Developing User Interfaces to Workflow Information Systems Josefina Guerrero-Garcia, Jean Vanderdonckt UsiXML Workshop EICS, Berlin, 20 June 2010 Université Catholique de Louvain

Upload: jean-vanderdonckt

Post on 10-Feb-2015

1.542 views

Category:

Technology


1 download

DESCRIPTION

Supporting business processes with the help of workflow systems is a necessary prerequisite for many companies to stay competitive. An important task is the specification of workflow, i.e. these parts of a business process that can be supported by a computer system. This paper is about the definition and development of user interfaces for workflow information systems. XML-based user interface description languages express various aspects of the user interfaces, including the abstract and concrete elements of the user interface, the tasks to be performed by the users, and the user interface dialogue. We have developed a framework for expressing workflow aspects, and using UsiXML for rendering the user interfaces

TRANSCRIPT

Page 1: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

UsiXML project #080262009-2012

A Methodology for Developing User Interfaces

to Workflow Information SystemsJosefina Guerrero-Garcia, Jean Vanderdonckt

UsiXML Workshop EICS,

Berlin, 20 June 2010

Université Catholique de Louvain

Page 2: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-20122

Business Domain

IT Domain

Workflow

Page 3: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

What is the workflow for?

1. To identify how tasks are structured, who performs them, what their relative order

is, how they are synchronized, how information flows to support the tasks, and how tasks are being tracked.

2. By automating many of the processes unnecessary steps are eliminated, and every member of the team is fully aware of his or her responsibilities.

3. Makes it easier to track employee and machine performance.

4. Determines the right person for the right task at the right time.

ITEA UsiXML project #08026, 2009-20123

Page 4: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Why user interfaces to workflow information systems?

UIs are means to execute interactive-work

To reduce the gap between IT development and the organization needs in a co-evolutionary way

The closest the UI is to the workflow design, the more you keep traceability on the IS designed

When defining a workflow, software rarely supports designers in developing the UIs corresponding to this workflow.

Data flow

Workflow design

Workflow management

ITEA UsiXML project #08026, 2009-20124

Page 5: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Agenda

1. Context

2. Methodology1. Language

2. Models

3. Method and software

3. Conclusions

ITEA UsiXML project #08026, 2009-20125

Page 6: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-20126

UsiXML structureMethodology : models

Page 7: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-20127

Methodology : method and software

Page 8: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Scenario (running example)

Phlebology domain Internet order system for

personalized support stockings

Calculate a 3D model of the customer's legs

Send pictures to the manufacturing department

Three sites: the shop, the servers of the corpus, the production site

Deutsche Post (optional)

ITEA UsiXML project #08026, 2009-20128

Page 9: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-20129

Methodology : method and software

Page 10: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201210

Identification criteria and guidance

Methodology : method and software

Model elicitation tool

Page 11: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201211

Page 12: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201212

Task spreadsheet

Methodology : method and software

Page 13: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201213

Methodology : method and software

Page 14: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201214

Job editor Job Associated tasksCustomer Handling A Customer identification

Picture taking

Uploading pictures

Choice of model

Entering data and sending

Order management Comparison with catalogue and sending

Encoding in databaseProducer A Preparation of machine

Dyeing of stockings

Producer B Sewing of toehold

Logistic A Packaging

Logistic B Delivery A

Postman A Transport post

Transport

Delivery BCustomer Handling B Notification customer

Fitting of stockings

Page 15: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201215

User editor User AttributesShop employee A Task experience 4

System experience 4

Motivation 3Bauerfeind production employee A

Task experience 2-5

System experience 2

Motivation 2-4Bauerfeind production employee B

Task experience 2-5

System experience 1

Motivation 1-4Bauerfeind logistics employee

Task experience 1-5

System experience 1-5

Motivation 2-4Bauerfeind driver

A driver for the Bauerfeind company

Task experience 3-5

System experience 1

Motivation 2-4Deutsche post employee A

Task experience 3-5

System experience 2

Motivation 2-5

Shop employee B Task experience 4-5

System experience 2-4

Motivation 4-5

Page 16: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201216

Methodology : method and software

Modeling workflowPetri Nets Organizational units

Jobs and users

Page 17: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201217

Modeling tasks

IdealXML plug-in

Page 18: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201218

Workflow resource patterns

To allocate tasks to resources [Russell, 2005]

Whom? Applying

workflow resource

patterns

Page 19: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201219

Workflow resource patterns handler

Task Pattern

Picture taking Role based

Uploading pictures Case-handling

Planning Direct allocation

Sewing of toehold Deferred allocation

Packing Direct allocation

Page 20: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201220

Page 21: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201221

Methodology : method and software

Page 22: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201222

Workflow manager

Methodology : method and software

Page 23: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Agenda

1. Context

2. State of the Art

3. Methodology1. Language

2. Models

3. Method and software

4. Conclusions

ITEA UsiXML project #08026, 2009-201223

Page 24: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Conclusions

ITEA UsiXML project #08026, 2009-201224

Page 25: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Contributions

ITEA UsiXML project #08026, 2009-201225

Expanded task model.

Expanded mapping model.

Task life cycle.

Colored concepts.

Stylistics for workflow

concepts.

Agendas.

Workflow user interface patterns.

Identification criteria.

User interface flow.

Methodological steps.

Workflow editor

Page 26: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201226

Page 27: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Spare Slides

ITEA UsiXML project #08026, 2009-201227

Page 28: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201228

Methodology : models

Page 29: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-2012

29

Process modelWhat to do?

Methodology : models

Page 30: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201230

Task model

PreconditionPost-condition

Cooperation. Inclusive choice. Disabling with information passing.

How to do it?

Methodology : models

Page 31: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-2012

31

Organizational modelWhere to do it? Who will carry out it?

Page 32: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201232

Mapping model

Page 33: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Agenda

1. Context

2. State of the Art

3. Methodology1. Language

2. Models

3. Method and software

4. Validation5. Conclusions

ITEA UsiXML project #08026, 2009-201233

Page 34: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

External validation

ITEA UsiXML project #08026, 2009-201234

Taxonomy used to classify empirical validation methods

[Zelkowitz, 2008]

Literature search.

Lessons learned.

Field study.

Synthetic.

Case study.

Validation

Page 35: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Elaborating case studies

ITEA UsiXML project #08026, 2009-2012

35

Validation

2 3 40 1Months

Teaching theoryValidating the case study proposedSupervising

Proposing case studyDeveloping case studyPresenting case study

Page 36: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Case studies

ITEA UsiXML project #08026, 2009-201236

Title Subject Tasks Org. units

Jobs Relations Patterns

Organization of a Triathlon

It explains all the steps needed to organize a sport event 72 14 28 6 12

Organization of ‘24h vélos de Louvain-la-Neuve ’

It deals with the organization of a cycle race 55 7 18 6 9

Replenishing shelves at Carrefour, Belgium

It manages the way to replenish shelves in a supermarket

25 6 10 3 10

Airport passenger workflow

It illustrates the steps that a passenger need to follow in order to do the check-in at airport

20 4 5 6 6

How to get my driving license

It shows the steps to follow in order to get a driving license type “B” in Belgium

25 3 8 6 4

Requesting a credit to buy car

It details the process to get a credit to buy a car. 16 5 5 3 4

Order personalized compression stockings

It deals with an Internet order system, allowing the ordering of personalized support stockings.

22 4 7 3 5

Tech. Support for Copy Machines

It is about the way that a copy machine gets maintenance

17 3 7 3 3

A collection of 17 different detailed projects was obtained

Validation

Page 37: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Case studies

ITEA UsiXML project #08026, 2009-201237

Title Subject Tasks Org. units

Jobs Relations Patterns

Container transport by ships, trains and trucks

It shows how an organization gives the service of transporting container from an A point to a B point

41 3 5 4 13

Manufacture of adhesives

It is about the manner in which an organization deals with a buying order

38 8 14 5 8

Creating a collaborative blog

It deals with the problem of creating a blog for a research group working at same university but in different departments

11 5 4 2 3

Workflow of MDC Group It focuses in the Consulting part about several fields: Logistics and events, Design and development of product, Industrial Processes, Sub hiring of staff, Payroll Management, Recruitment and Selection, Evaluation of Human Talent.

20 4 5 6 6

Buying process in a company

This case study is about the manner in which an organization deals with a buying order

16 5 8 3 9

Credit card request It details the process to get a credit card 36 10 13 6 10

Managing a private hospital

This case study presents how a private clinic is managed 20 5 9 4 3

Organizing conferences This case study analyzes how people organize the program of small conferences by using a review tool

22 3 3 3 7

Installing hardware at Allianz group

This case study presents how an organization deals with the acquisition of hardware

36 5 8 4 8

Validation

Page 38: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Internal validation Evaluation of the requirements

Model

Language

Method

Software

ITEA UsiXML project #08026, 2009-201238

Validation

1) Strict separation between the description of the organization and workflow process specification.

Comment: One of the characterizing aspects of this method is the separation of concerns between modeling the organization and modeling the workflow processes within a given organization.

2) Support carrying out group tasks.

Comment: This requirement is partially cover with the task model for representing the individual level, and the workflow model considering group requirements.

Page 39: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Evaluation of the graphical notation

It offers hints to improve the notation

We use the cognitive dimension framework (14 aspects)

We evaluated FlowiXML aspects (notation, environment,

medium) based on feedbacks of users (students and the

interviewee) and self interpretation

Getting requirements to improve FlowiXML

ITEA UsiXML project #08026, 2009-201239

Validation

Page 40: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

ITEA UsiXML project #08026, 2009-201240

+ - + -Closeness of mappingA notation close to the domain of application . Workflows using the Petri Nets notation have a common understanding in the workflow community. So as the task modeling notation used in HCI communities.

ConsistencyHarmony of parts or features to one another.Task model editor (click to add) has different interaction style compared to the process editor (drag and drop). Thus the designer might be confused.

DiffusenessExpresses the verboseness of a notation. - Using wf patterns demands to keep in mind their descriptions thus limiting users to implement them easily.+ Petri Nets is composed of simple, limited and focused notation.

Evaluation of the graphical notationValidation

Page 41: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Agenda

1. Context

2. State of the Art3. Methodology

1. Language

2. Models

3. Method and software

4. Validation5. Conclusions

ITEA UsiXML project #08026, 2009-201241

Page 42: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Organizational model

The enterprise ontology

The agent-oriented enterprise meta-model

Structure in five

ITEA UsiXML project #08026, 2009-201242

Page 43: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Workflow

Notations:

Petri Nets

Statechart Diagrams

Business Process Modeling Notation

UML Activity Diagrams

ITEA UsiXML project #08026, 2009-201243

Software support:

Microsoft Windows Workflow Foundation

Web Sphere MQ Workflow

Business Process Visual Architect

Workflow patterns:

Control-flow Patterns

Workflow Data Patterns

Workflow Resource Patterns

Page 44: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Task model

ITEA UsiXML project #08026, 2009-201244

Notations:

AMBOSS

ANSI/CEA

CTT

Diane +

GOMS

GTA

HTA

TOOD

Software support:

AMBOSS

Dtask

CTTE

TAMOT

GLEAN3

EUTERPE

HTA Win

ETOOD

Page 45: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

User interfaces

ITEA UsiXML project #08026, 2009-201245

UIDL:

UIML

UsiXML

XICL

XIML

Software support:

UIML.net, VoiceXML renderer, WML renderer, VB2UMIL

SketchiXML, GraphiXML, FlasiXML, IdealXML, InterpiXML

XICL STUDIO

XIML Schema

Page 46: Designing Workflow User Interfaces with UsiXML

Ref

eren

ce

Dissemination

ITEA UsiXML project #08026, 2009-201246

Journals

Book chapters

Conference proceedings

Posters

2007 2008 2009 2010

Doctoral Consortium

JUCS

JWE

IGI Global

IGI Global

HCIS

HCIS

DSV-IS

INTERACCION

CADUI

BDDI

ICAS

IWWOST

CLIHC

CLIHC

USIXML

Doctoral Consortium

Conceptual modeling

Method