SlideShare a Scribd company logo
1 of 24
Workflow User Interfaces Patterns


           Dra. Josefina Guerrero García
           Dr. Juan Manuel González Calleros
           Dr. Jean Vanderdonckt *
           Facultad de Ciencias de la Computación
           Benemérita Universidad Autónoma de Puebla
           *Université catholique de Louvain

           Email: jguerrero@cs.buap.mx
                  juan.gonzalez@cs.buap.mx
Outline
• Introduction
• State of the art
• Developing user interface for a workflow
  information system
• Workflow user interface patterns
• Case study and tool support
• Conclusion
3


Introduction   (1/3)
                                      Business
                                      Domain




    IT
  Domain




                       Workflow
                                  The automation of a business
                                  process, in whole or part, during
                                  which documents, information or
                                  tasks are passed from one
                                  participant to another for
                                  action, according to a set of
                                  procedural rules.
Introduction        (2/3)



• The challenges to have a method to support the
  development of an IS from a workflow
  specification are considerable.
• Considering just the specification of the required
  user interfaces:
 ▫   Execution of work
 ▫   Resource allocation
 ▫   Control of the workflow
 ▫   Agendas and work lists
Introduction      (3/3)



• A collection of workflow patterns has been
  identified that provide the basis for an in-depth
  comparison of commercially available workflow
  systems:
 ▫ Control-flow patterns indicate basic routing
   constructs of the process in a workflow.
 ▫ Workflow data patterns are aimed at capturing the
   various ways in which data is represented.
 ▫ Workflow resource patterns correspond to the
   manner in which tasks are allocated to resources.
State of the art
• The rationale to identifying workflow resource
  patterns was the need to master the many way
  according work can be distributed.
• There is not knowledge or guidance on how such
  patterns could be implemented in an IS.
• We explore a systematic manner to develop UIs
  for each workflow resource pattern following its
  current definition
 (http://www.workflowpatterns.com/patterns/resource/)
Developing user interface for a
workflow information system                                 (1/4)


Why user interfaces to workflow information systems?

 Traditionally, workflow IS are designed to be used by different types of
  users to accomplish a variety of tasks and in different situations.

 One important aspect to consider is the design of the user interfaces of the
  systems.

 When planning a user interface, a designer should focus on the needs of end
  users.

 The interaction of the users takes place on two different levels: the workflow
  manager and the user.

 Workflow software rarely supports designers in developing user interfaces.
Developing user interface for a
workflow information system    (2/4)



             Method overview
Developing user interface for a
workflow information system                    (3/4)



Identifying workflow components:
 What to do? Processes specification

 How to do it? Tasks specification

 Where to do it? Organizational units specification

 Who will carry out it? Job and user specification

 Whom? Applying workflow resource patterns
Developing user interface for a
workflow information system                    (3/4)



Identifying workflow components:
 What to do? Processes specification

 How to do it? Tasks specification

 Where to do it? Organizational units specification

 Who will carry out it? Job and user specification

 Whom? Applying workflow resource patterns
Developing user interface for a workflow
 information system (4/4)

UsiXML structure




                                     Model-driven
                                     engineering
                                     method
Workflow user interface patterns            (1/6)


• A pattern is referred to as the abstraction from
  a concrete form which keeps recurring in
  specific non-arbitrary contexts.

• Workflow patterns refer specifically to recurrent
  problems and proven solutions related to the
  development of workflow IS in particular, and
  more broadly, of process-oriented applications.
Workflow user interface patterns (2/6)
                      Workflow resource patterns
 To allocate tasks to resources [Russell, 2005]
Classification of workflow resource patterns
                             March 23th, 2010 - LLN
                                    Private Defense
Workflow user interface patterns          (4/6)


Methodology for defining the WUIPs:
1. Augmented UI pattern definition. A patterns is
   characterized by: name, synopsis, solution and
   its consequences
   (strengths, weakness, opportunities).
2. Incorporation in the model-driven engineering
   method.
3. Final WUIPs.
Workflow user interface patterns                                    (5/6)



             Describing workflow resource patterns
Name             Direct allocation
Identifier                 R-DA
Synopsis         The ability to specify at design time the identity of the resource
                 that will execute a task
Strengths        To prevent the problem of non-suitable allocation
Weakness         No opportunity to change the resource if he is not available to
                 perform the task
Opportunities    To ensure task is routed to specific resource
Problem          This pattern effectively defines a static binding of tasks to a
                 single resource
Solution         Probably the use of deadline and escalation mechanisms
                 when the resource becomes overload and cannot deal with his
                 assigned workload in a reasonable timeframe
Example          “Ask reviewers preferences” task must only be undertaken by
                 “Joshua Brown”
Workflow user interface patterns (6/6)
Authorization pattern




    Each pattern can be selected
    in a workflow model editor
    so as to automatically
    generate the specifications
    for both the workflow model
    and the user interface model.
Case study and tool support                                          (1/3)



• TASKS AND JOBS IDENTIFICATION
         Id                                                          Author

                          Task                Organizer   Reviewer


         1    Find the program committee         x




         2     Prepare the call for paper        x



         3    Distribute the call for paper      x




         4      Install conference tool          x



         5     Configure conference tool         x
Case study and tool support                                                            (2/3)



• ASSIGNING TASKS TO RESOURCES
        Task                            Job         Resource         Pattern


        Find the program committee      Organizer   Chloé Lambin     Direct allocation




        Prepare the call for paper      Organizer   Jacques Khelil   Capability based




        Distribute the call for paper   Organizer   Jacques Khelil   Retain familiar




        Install conference tool         Organizer   Ellen Martin     Capability based




        Configure conference tool       Organizer   Ellen Martin     Retain familiar
Case study and tool support            (3/3)



• Workflow resource pattern in design phase of
  workflow
Conclusion
• We introduced a library of user interface design
  patterns that are particularly applicable to user
  interfaces of workflow information systems.
• We have proposed an approach where a model-
  based approach to develop user interface, is used in
  the context of workflow systems to develop WUIPs.
• Each pattern (43) can be selected in a workflow
  model editor so as to automatically generate the
  specifications for both the workflow model and the
  user interface model.
Join us



                                   @usixml

http://www.facebook.com/UsiXML




                                 BUAP
User Interface eXtensible Markup Language
http://www.usixml.org
http://www.usixml.eu
Register as a member of the UsiXML End-User Club at
http://www.usixml.eu/end_user_club




For more information and downloading,
http://www.lilab.eu
Contact
Dra. Josefina Guerrero-García       jguerrero@cs.buap.mx
Dr. Juan Manuel González-Calleros   juan.gonzalez@cs.buap.mx
                                    @Juan__Gonzalez

More Related Content

Viewers also liked

Service-Oriented Architectures: From Design to Production Exploiting Workflow...
Service-Oriented Architectures: From Design to Production Exploiting Workflow...Service-Oriented Architectures: From Design to Production Exploiting Workflow...
Service-Oriented Architectures: From Design to Production Exploiting Workflow...IMDS2014
 
Encapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selectionEncapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selectionJean Vanderdonckt
 
Joget Workflow v5 Training Slides - Module 18 - Integrating with External System
Joget Workflow v5 Training Slides - Module 18 - Integrating with External SystemJoget Workflow v5 Training Slides - Module 18 - Integrating with External System
Joget Workflow v5 Training Slides - Module 18 - Integrating with External SystemJoget Workflow
 
Stop Worrying! And love the workflow
Stop Worrying! And love the workflowStop Worrying! And love the workflow
Stop Worrying! And love the workflowAtlassian
 
Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...
Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...
Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...busitec GmbH
 
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpOptimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpMatthew Davis
 
Crash Course in Wireframing
Crash Course in WireframingCrash Course in Wireframing
Crash Course in WireframingMarcel
 
Ejemplo básico de un SIPOC para procesos
Ejemplo básico de un SIPOC para procesosEjemplo básico de un SIPOC para procesos
Ejemplo básico de un SIPOC para procesosChristian López C.
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframespiksels
 
How to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjformsHow to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjformsCaroline Jarrett
 
Mastering JIRA Workflow - Atlassian Summit 2010
Mastering JIRA Workflow - Atlassian Summit 2010Mastering JIRA Workflow - Atlassian Summit 2010
Mastering JIRA Workflow - Atlassian Summit 2010Atlassian
 
Workflow Part1 1
Workflow Part1 1Workflow Part1 1
Workflow Part1 1evil66_in
 
How to create a SIPOC diagram
How to create a SIPOC diagramHow to create a SIPOC diagram
How to create a SIPOC diagramTom Curtis
 
Wireframes and Interaction Design Documents
Wireframes and Interaction Design DocumentsWireframes and Interaction Design Documents
Wireframes and Interaction Design Documentspiksels
 

Viewers also liked (15)

Service-Oriented Architectures: From Design to Production Exploiting Workflow...
Service-Oriented Architectures: From Design to Production Exploiting Workflow...Service-Oriented Architectures: From Design to Production Exploiting Workflow...
Service-Oriented Architectures: From Design to Production Exploiting Workflow...
 
Encapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selectionEncapsulating knowledge for intelligent interactoin object selection
Encapsulating knowledge for intelligent interactoin object selection
 
Joget Workflow v5 Training Slides - Module 18 - Integrating with External System
Joget Workflow v5 Training Slides - Module 18 - Integrating with External SystemJoget Workflow v5 Training Slides - Module 18 - Integrating with External System
Joget Workflow v5 Training Slides - Module 18 - Integrating with External System
 
Stop Worrying! And love the workflow
Stop Worrying! And love the workflowStop Worrying! And love the workflow
Stop Worrying! And love the workflow
 
Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...
Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...
Workflows im Unternehmenseinsatz - Am Beispiel des Onboarding-Prozesses / Ein...
 
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpOptimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
 
Crash Course in Wireframing
Crash Course in WireframingCrash Course in Wireframing
Crash Course in Wireframing
 
Ejemplo básico de un SIPOC para procesos
Ejemplo básico de un SIPOC para procesosEjemplo básico de un SIPOC para procesos
Ejemplo básico de un SIPOC para procesos
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
 
How to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjformsHow to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjforms
 
Sipoc
SipocSipoc
Sipoc
 
Mastering JIRA Workflow - Atlassian Summit 2010
Mastering JIRA Workflow - Atlassian Summit 2010Mastering JIRA Workflow - Atlassian Summit 2010
Mastering JIRA Workflow - Atlassian Summit 2010
 
Workflow Part1 1
Workflow Part1 1Workflow Part1 1
Workflow Part1 1
 
How to create a SIPOC diagram
How to create a SIPOC diagramHow to create a SIPOC diagram
How to create a SIPOC diagram
 
Wireframes and Interaction Design Documents
Wireframes and Interaction Design DocumentsWireframes and Interaction Design Documents
Wireframes and Interaction Design Documents
 

Similar to Workflow User Interfaces Patterns

Formal Definition of Collaborative Spaces
Formal Definition of Collaborative SpacesFormal Definition of Collaborative Spaces
Formal Definition of Collaborative SpacesJean Vanderdonckt
 
Model-Driven Engineering of Workflow User Interfaces
Model-Driven Engineering of Workflow User InterfacesModel-Driven Engineering of Workflow User Interfaces
Model-Driven Engineering of Workflow User InterfacesJuan Manuel Gonzalez Calleros
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For EverybodyEmpatika
 
Lab management
Lab managementLab management
Lab managementlogumca
 
Requirements Engineering Workshop with Use Cases
Requirements Engineering Workshop with Use CasesRequirements Engineering Workshop with Use Cases
Requirements Engineering Workshop with Use CasesBryan Len
 
Chapter 10
Chapter 10Chapter 10
Chapter 10bodo-con
 
Case tools and modern process of system development
Case tools and modern process of system development Case tools and modern process of system development
Case tools and modern process of system development tushar217
 
Interact2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsInteract2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsVille Antila
 
Library Management System
Library Management SystemLibrary Management System
Library Management SystemMartins Okoi
 
Pressman ch-3-prescriptive-process-models
Pressman ch-3-prescriptive-process-modelsPressman ch-3-prescriptive-process-models
Pressman ch-3-prescriptive-process-modelsNoor Ul Hudda Memon
 
Final Total Preliminary Report
Final Total Preliminary ReportFinal Total Preliminary Report
Final Total Preliminary ReportMrugen Deshmukh
 
Agile2012 presentation miki_konno (aug2012)
Agile2012 presentation miki_konno (aug2012)Agile2012 presentation miki_konno (aug2012)
Agile2012 presentation miki_konno (aug2012)drewz lin
 
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...Hans Põldoja
 

Similar to Workflow User Interfaces Patterns (20)

Workflow User Interfaces Patterns
Workflow User Interfaces Patterns Workflow User Interfaces Patterns
Workflow User Interfaces Patterns
 
Formal Definition of Collaborative Spaces
Formal Definition of Collaborative SpacesFormal Definition of Collaborative Spaces
Formal Definition of Collaborative Spaces
 
Model-Driven Engineering of Workflow User Interfaces
Model-Driven Engineering of Workflow User InterfacesModel-Driven Engineering of Workflow User Interfaces
Model-Driven Engineering of Workflow User Interfaces
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
 
Lab management
Lab managementLab management
Lab management
 
Requirements Engineering Workshop with Use Cases
Requirements Engineering Workshop with Use CasesRequirements Engineering Workshop with Use Cases
Requirements Engineering Workshop with Use Cases
 
software engineering
software engineering software engineering
software engineering
 
DITEC - Software Engineering
DITEC - Software EngineeringDITEC - Software Engineering
DITEC - Software Engineering
 
Chapter 10
Chapter 10Chapter 10
Chapter 10
 
Case tools and modern process of system development
Case tools and modern process of system development Case tools and modern process of system development
Case tools and modern process of system development
 
Formal Definition of Collaborative Spaces
Formal Definition of Collaborative Spaces Formal Definition of Collaborative Spaces
Formal Definition of Collaborative Spaces
 
Interact2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable SystemsInteract2011 - Designing Inter-usable Systems
Interact2011 - Designing Inter-usable Systems
 
Library Management System
Library Management SystemLibrary Management System
Library Management System
 
Database Design
Database DesignDatabase Design
Database Design
 
Pressman ch-3-prescriptive-process-models
Pressman ch-3-prescriptive-process-modelsPressman ch-3-prescriptive-process-models
Pressman ch-3-prescriptive-process-models
 
Final Total Preliminary Report
Final Total Preliminary ReportFinal Total Preliminary Report
Final Total Preliminary Report
 
Agile2012 presentation miki_konno (aug2012)
Agile2012 presentation miki_konno (aug2012)Agile2012 presentation miki_konno (aug2012)
Agile2012 presentation miki_konno (aug2012)
 
Ems
EmsEms
Ems
 
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
 
Database Design
Database Design Database Design
Database Design
 

More from Jean Vanderdonckt

To the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesTo the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesJean Vanderdonckt
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Jean Vanderdonckt
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...Jean Vanderdonckt
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...Jean Vanderdonckt
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...Jean Vanderdonckt
 
Gesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsGesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsJean Vanderdonckt
 
Engineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeEngineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeJean Vanderdonckt
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresEvaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresJean Vanderdonckt
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Jean Vanderdonckt
 
Designing Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsDesigning Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsJean Vanderdonckt
 
Fundamentals of Gestural Interaction
Fundamentals of Gestural InteractionFundamentals of Gestural Interaction
Fundamentals of Gestural InteractionJean Vanderdonckt
 
Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Jean Vanderdonckt
 
User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...Jean Vanderdonckt
 
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...Jean Vanderdonckt
 
Attach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkAttach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkJean Vanderdonckt
 
The Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesThe Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesJean Vanderdonckt
 
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-Defined Gestures with Upper BodyHead and Shoulders Gestures: Exploring User-Defined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper BodyJean Vanderdonckt
 
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesG-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesJean Vanderdonckt
 
Vector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionVector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionJean Vanderdonckt
 
An ontology for reasoning on body-based gestures
 An ontology for reasoning on body-based gestures An ontology for reasoning on body-based gestures
An ontology for reasoning on body-based gesturesJean Vanderdonckt
 

More from Jean Vanderdonckt (20)

To the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User InterfacesTo the end of our possibilities with Adaptive User Interfaces
To the end of our possibilities with Adaptive User Interfaces
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...Engineering the Transition of Interactive Collaborative Software from Cloud C...
Engineering the Transition of Interactive Collaborative Software from Cloud C...
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
 
Gesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOpsGesture-based information systems: from DesignOps to DevOps
Gesture-based information systems: from DesignOps to DevOps
 
Engineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with SlimeEngineering Slidable User Interfaces with Slime
Engineering Slidable User Interfaces with Slime
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and MeasuresEvaluating Gestural Interaction: Models, Methods, and Measures
Evaluating Gestural Interaction: Models, Methods, and Measures
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
 
Designing Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and PitfallsDesigning Gestural Interaction: Challenges and Pitfalls
Designing Gestural Interaction: Challenges and Pitfalls
 
Fundamentals of Gestural Interaction
Fundamentals of Gestural InteractionFundamentals of Gestural Interaction
Fundamentals of Gestural Interaction
 
Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?Gestural Interaction, Is it Really Natural?
Gestural Interaction, Is it Really Natural?
 
User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...User-centred Development of a Clinical Decision-support System for Breast Can...
User-centred Development of a Clinical Decision-support System for Breast Can...
 
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...Simplifying the Development of  Cross-Platform Web User Interfaces by Collabo...
Simplifying the Development of Cross-Platform Web User Interfaces by Collabo...
 
Attach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you WorkAttach Me, Detach Me, Assemble Me like you Work
Attach Me, Detach Me, Assemble Me like you Work
 
The Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV GesturesThe Impact of Comfortable Viewing Positions on Smart TV Gestures
The Impact of Comfortable Viewing Positions on Smart TV Gestures
 
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-Defined Gestures with Upper BodyHead and Shoulders Gestures: Exploring User-Defined Gestures with Upper Body
Head and Shoulders Gestures: Exploring User-De fined Gestures with Upper Body
 
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for SmartphonesG-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
G-Menu: A Keyword-by-Gesture based Dynamic Menu Interface for Smartphones
 
Vector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture RecognitionVector-based, Structure Preserving Stroke Gesture Recognition
Vector-based, Structure Preserving Stroke Gesture Recognition
 
An ontology for reasoning on body-based gestures
 An ontology for reasoning on body-based gestures An ontology for reasoning on body-based gestures
An ontology for reasoning on body-based gestures
 

Recently uploaded

Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 

Recently uploaded (20)

Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 

Workflow User Interfaces Patterns

  • 1. Workflow User Interfaces Patterns Dra. Josefina Guerrero García Dr. Juan Manuel González Calleros Dr. Jean Vanderdonckt * Facultad de Ciencias de la Computación Benemérita Universidad Autónoma de Puebla *Université catholique de Louvain Email: jguerrero@cs.buap.mx juan.gonzalez@cs.buap.mx
  • 2. Outline • Introduction • State of the art • Developing user interface for a workflow information system • Workflow user interface patterns • Case study and tool support • Conclusion
  • 3. 3 Introduction (1/3) Business Domain IT Domain Workflow The automation of a business process, in whole or part, during which documents, information or tasks are passed from one participant to another for action, according to a set of procedural rules.
  • 4. Introduction (2/3) • The challenges to have a method to support the development of an IS from a workflow specification are considerable. • Considering just the specification of the required user interfaces: ▫ Execution of work ▫ Resource allocation ▫ Control of the workflow ▫ Agendas and work lists
  • 5. Introduction (3/3) • A collection of workflow patterns has been identified that provide the basis for an in-depth comparison of commercially available workflow systems: ▫ Control-flow patterns indicate basic routing constructs of the process in a workflow. ▫ Workflow data patterns are aimed at capturing the various ways in which data is represented. ▫ Workflow resource patterns correspond to the manner in which tasks are allocated to resources.
  • 6. State of the art • The rationale to identifying workflow resource patterns was the need to master the many way according work can be distributed. • There is not knowledge or guidance on how such patterns could be implemented in an IS. • We explore a systematic manner to develop UIs for each workflow resource pattern following its current definition (http://www.workflowpatterns.com/patterns/resource/)
  • 7. Developing user interface for a workflow information system (1/4) Why user interfaces to workflow information systems?  Traditionally, workflow IS are designed to be used by different types of users to accomplish a variety of tasks and in different situations.  One important aspect to consider is the design of the user interfaces of the systems.  When planning a user interface, a designer should focus on the needs of end users.  The interaction of the users takes place on two different levels: the workflow manager and the user.  Workflow software rarely supports designers in developing user interfaces.
  • 8. Developing user interface for a workflow information system (2/4) Method overview
  • 9. Developing user interface for a workflow information system (3/4) Identifying workflow components:  What to do? Processes specification  How to do it? Tasks specification  Where to do it? Organizational units specification  Who will carry out it? Job and user specification  Whom? Applying workflow resource patterns
  • 10. Developing user interface for a workflow information system (3/4) Identifying workflow components:  What to do? Processes specification  How to do it? Tasks specification  Where to do it? Organizational units specification  Who will carry out it? Job and user specification  Whom? Applying workflow resource patterns
  • 11. Developing user interface for a workflow information system (4/4) UsiXML structure Model-driven engineering method
  • 12. Workflow user interface patterns (1/6) • A pattern is referred to as the abstraction from a concrete form which keeps recurring in specific non-arbitrary contexts. • Workflow patterns refer specifically to recurrent problems and proven solutions related to the development of workflow IS in particular, and more broadly, of process-oriented applications.
  • 13. Workflow user interface patterns (2/6) Workflow resource patterns To allocate tasks to resources [Russell, 2005]
  • 14. Classification of workflow resource patterns March 23th, 2010 - LLN Private Defense
  • 15. Workflow user interface patterns (4/6) Methodology for defining the WUIPs: 1. Augmented UI pattern definition. A patterns is characterized by: name, synopsis, solution and its consequences (strengths, weakness, opportunities). 2. Incorporation in the model-driven engineering method. 3. Final WUIPs.
  • 16. Workflow user interface patterns (5/6) Describing workflow resource patterns Name Direct allocation Identifier R-DA Synopsis The ability to specify at design time the identity of the resource that will execute a task Strengths To prevent the problem of non-suitable allocation Weakness No opportunity to change the resource if he is not available to perform the task Opportunities To ensure task is routed to specific resource Problem This pattern effectively defines a static binding of tasks to a single resource Solution Probably the use of deadline and escalation mechanisms when the resource becomes overload and cannot deal with his assigned workload in a reasonable timeframe Example “Ask reviewers preferences” task must only be undertaken by “Joshua Brown”
  • 17. Workflow user interface patterns (6/6) Authorization pattern Each pattern can be selected in a workflow model editor so as to automatically generate the specifications for both the workflow model and the user interface model.
  • 18. Case study and tool support (1/3) • TASKS AND JOBS IDENTIFICATION Id Author Task Organizer Reviewer 1 Find the program committee x 2 Prepare the call for paper x 3 Distribute the call for paper x 4 Install conference tool x 5 Configure conference tool x
  • 19. Case study and tool support (2/3) • ASSIGNING TASKS TO RESOURCES Task Job Resource Pattern Find the program committee Organizer Chloé Lambin Direct allocation Prepare the call for paper Organizer Jacques Khelil Capability based Distribute the call for paper Organizer Jacques Khelil Retain familiar Install conference tool Organizer Ellen Martin Capability based Configure conference tool Organizer Ellen Martin Retain familiar
  • 20. Case study and tool support (3/3) • Workflow resource pattern in design phase of workflow
  • 21. Conclusion • We introduced a library of user interface design patterns that are particularly applicable to user interfaces of workflow information systems. • We have proposed an approach where a model- based approach to develop user interface, is used in the context of workflow systems to develop WUIPs. • Each pattern (43) can be selected in a workflow model editor so as to automatically generate the specifications for both the workflow model and the user interface model.
  • 22. Join us @usixml http://www.facebook.com/UsiXML BUAP
  • 23. User Interface eXtensible Markup Language http://www.usixml.org http://www.usixml.eu Register as a member of the UsiXML End-User Club at http://www.usixml.eu/end_user_club For more information and downloading, http://www.lilab.eu
  • 24. Contact Dra. Josefina Guerrero-García jguerrero@cs.buap.mx Dr. Juan Manuel González-Calleros juan.gonzalez@cs.buap.mx @Juan__Gonzalez