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

CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 

Recently uploaded (20)

CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 

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