SlideShare a Scribd company logo
Towards User Interface Derivation from Business Processes: A Model-Driven Approach for Organizational Engineering Kênia Sousa, Hildeberto Mendonça, Jean Vanderdonckt Université catholique de Louvain (UCL) Louvain School of Management (LSM) Information Systems Unit (ISYS) Belgian Laboratory of Computer-Human Interaction (BCHI) ACM SAC 2008 Organizational Engineering Track
Issues ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],“… receiving only screen shots not linked with the process makes our work very difficult. ” Business  Analyst System Analyst “… docs are too detailed… no prior training… they use a tool we do not have… we wait for updated docs…” UI Designer “ we are overloaded to stop and read these documents…” All: “changes impact hundreds of screens…we spend lots of times on meetings to decide what to do…”
Main Goals ,[object Object],[object Object],[object Object],(Smith, 2007)
UI –Business Alignment Task Model Business Process
UI –Business Alignment Task Model User Interface
Why task models? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Model-Driven Approach ,[object Object],[object Object],External Models Tools Task &  Concepts Abstract UI Concrete UI Task &  Concepts Abstract UI Concrete UI Conception Management Application Platform A Platform B Tools Final UI (Calvary, 2003)
Roles, Artifacts, Tools
Conception Phase (1 of 3) ,[object Object],[object Object],[object Object]
Business Process Process = 10 sub-processes Sub-process = 17 activities Activity = 30 tasks Task = 99 business rules
Management Phase (2 of 3) ,[object Object],[object Object],[object Object],[object Object]
Associate tasks and screens
Grouping tasks in screens One subprocess can present one screen. Screen 1 Screen 2 Screen 1 But  the same subprocess can also be decomposed into  several screens.
Application Phase (3 of 3) ,[object Object],[object Object]
Final UIs
Traceability Business Process Data Model Task Model Domain  Model Abstract UI Business User Interface Screen group Screen Screen fragment Screen element Decompose the  task model in containers New activity  compare Task not here  New screen
Traceability Screen group Screen Screen fragment Screen element Abstract UI Title of page Task Model Task Model Task Model Task Model Task Model Label of field Label of field Label of field Name of fragment Name of fragment Concrete UI Final UI A concrete UI can be  inspired in an abstract UI Java Swing HTML Render Style Guide
Forward Example ,[object Object],[object Object],[object Object],[object Object]
Backward Example ,[object Object],[object Object],[object Object],[object Object],[object Object]
Backward Example
Example of rules ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tool Support
Assessment (1 of 2) Criteria Sub-criteria Automation Cost Training on task modeling 2 days Training on new method 1 day Implementation XML > UsiXML + synchronization Working time Creation and refinement of task models Feasibility Tool support Development
Assessment (2 of 2) Criteria Sub-criteria Automation Maintainability Avoid Redundancy Need for synchronization Task model refinement Relationships + grouping manually Impact analysis Association with any screen level Acceptance Change in way of work Creation of Task model
Intended Results ,[object Object],[object Object],[object Object],[object Object]
Thank you for your attention http://www.isys.ucl.ac.be/bchi   BCHI Lab http://www.programalban.org Program Alban http://www.usixml.org UI extensible Markup Language

More Related Content

What's hot

Beyond a Product View of Architecture
Beyond a Product View of ArchitectureBeyond a Product View of Architecture
Beyond a Product View of Architecture
Nathaniel Palmer
 
Usability of User Interface Styles for Learning Graphical Software Applications
Usability of User Interface Styles for Learning Graphical Software ApplicationsUsability of User Interface Styles for Learning Graphical Software Applications
Usability of User Interface Styles for Learning Graphical Software Applications
Waqas Tariq
 
Innovate2011_MAC-1597A
Innovate2011_MAC-1597AInnovate2011_MAC-1597A
Innovate2011_MAC-1597A
Arman Atashi
 

What's hot (20)

WEB PORTAL INTEGRATION ARCHITECTURE APPROACHES
WEB PORTAL INTEGRATION ARCHITECTURE APPROACHESWEB PORTAL INTEGRATION ARCHITECTURE APPROACHES
WEB PORTAL INTEGRATION ARCHITECTURE APPROACHES
 
Customizing Model of Mobile Service Computing on Cloud of Things
Customizing Model of Mobile Service Computing on Cloud of ThingsCustomizing Model of Mobile Service Computing on Cloud of Things
Customizing Model of Mobile Service Computing on Cloud of Things
 
Building an Information System
Building an Information SystemBuilding an Information System
Building an Information System
 
Software engineering Unit-2
Software engineering Unit-2Software engineering Unit-2
Software engineering Unit-2
 
Beyond a Product View of Architecture
Beyond a Product View of ArchitectureBeyond a Product View of Architecture
Beyond a Product View of Architecture
 
Software Usability Implications in Requirements and Design
Software Usability Implications in Requirements and DesignSoftware Usability Implications in Requirements and Design
Software Usability Implications in Requirements and Design
 
149 152
149 152149 152
149 152
 
Usability of User Interface Styles for Learning Graphical Software Applications
Usability of User Interface Styles for Learning Graphical Software ApplicationsUsability of User Interface Styles for Learning Graphical Software Applications
Usability of User Interface Styles for Learning Graphical Software Applications
 
Innovate2011_MAC-1597A
Innovate2011_MAC-1597AInnovate2011_MAC-1597A
Innovate2011_MAC-1597A
 
Workflow diagramming and information architecture
Workflow diagramming and information architectureWorkflow diagramming and information architecture
Workflow diagramming and information architecture
 
BookMyShow
BookMyShowBookMyShow
BookMyShow
 
Comparison of the workflow management systems bizagi, process maker, and joget
Comparison of the workflow management systems bizagi, process maker, and jogetComparison of the workflow management systems bizagi, process maker, and joget
Comparison of the workflow management systems bizagi, process maker, and joget
 
10.1.1.107.2618
10.1.1.107.261810.1.1.107.2618
10.1.1.107.2618
 
IRJET- Cloud-Based Naive Bayes Classifier for Dynamic Design to Support Usabi...
IRJET- Cloud-Based Naive Bayes Classifier for Dynamic Design to Support Usabi...IRJET- Cloud-Based Naive Bayes Classifier for Dynamic Design to Support Usabi...
IRJET- Cloud-Based Naive Bayes Classifier for Dynamic Design to Support Usabi...
 
Model Driven Architectures
Model Driven ArchitecturesModel Driven Architectures
Model Driven Architectures
 
Bracken EA Workshop 2
Bracken EA Workshop 2Bracken EA Workshop 2
Bracken EA Workshop 2
 
Software Engineering chapter 19
Software Engineering chapter 19Software Engineering chapter 19
Software Engineering chapter 19
 
BIS09 Application Development - III
BIS09 Application Development - IIIBIS09 Application Development - III
BIS09 Application Development - III
 
Business analyst
Business analystBusiness analyst
Business analyst
 
Migration To Innovation
Migration To InnovationMigration To Innovation
Migration To Innovation
 

Viewers also liked

Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...
Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...
Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...
TERN Australia
 

Viewers also liked (7)

Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...
Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...
Helen Chedzey_The derivation and application of the MODIS 19-band reflectance...
 
AIRM Derivation: Generating ATM Exchange Models
AIRM Derivation: Generating ATM Exchange ModelsAIRM Derivation: Generating ATM Exchange Models
AIRM Derivation: Generating ATM Exchange Models
 
Derivation and Application of Six-Point Linear Multistep Numerical Method for...
Derivation and Application of Six-Point Linear Multistep Numerical Method for...Derivation and Application of Six-Point Linear Multistep Numerical Method for...
Derivation and Application of Six-Point Linear Multistep Numerical Method for...
 
Joint Infringement Issues During Litigation and Prosecution
Joint Infringement Issues During Litigation and ProsecutionJoint Infringement Issues During Litigation and Prosecution
Joint Infringement Issues During Litigation and Prosecution
 
An Introduction to Derivation Proceedings
An Introduction to Derivation ProceedingsAn Introduction to Derivation Proceedings
An Introduction to Derivation Proceedings
 
Chapter 6; business income students
Chapter 6; business income studentsChapter 6; business income students
Chapter 6; business income students
 
Morphology derivation
Morphology   derivationMorphology   derivation
Morphology derivation
 

Similar to User Interface Derivation from Business Processes: A Model-Driven Approach for Organizational Engineering

CRM system for WeLoveVideo.pptCRM System for WeLoveVid.docx
CRM system for WeLoveVideo.pptCRM System for WeLoveVid.docxCRM system for WeLoveVideo.pptCRM System for WeLoveVid.docx
CRM system for WeLoveVideo.pptCRM System for WeLoveVid.docx
mydrynan
 
Chapter-2 ppt for the MBA 4rh seme6y.pdf
Chapter-2 ppt for the MBA 4rh seme6y.pdfChapter-2 ppt for the MBA 4rh seme6y.pdf
Chapter-2 ppt for the MBA 4rh seme6y.pdf
VikasRai405977
 
Architecting Enterprise BPM Systems for Optimal Agility
Architecting Enterprise BPM Systems for Optimal AgilityArchitecting Enterprise BPM Systems for Optimal Agility
Architecting Enterprise BPM Systems for Optimal Agility
Nathaniel Palmer
 
Quality Assurance. Quality Assurance Approach. White Box
Quality Assurance. Quality Assurance Approach. White BoxQuality Assurance. Quality Assurance Approach. White Box
Quality Assurance. Quality Assurance Approach. White Box
Kimberly Jones
 

Similar to User Interface Derivation from Business Processes: A Model-Driven Approach for Organizational Engineering (20)

Usi4Biz Framework Presentation at TAMODIA'09
Usi4Biz Framework Presentation at TAMODIA'09Usi4Biz Framework Presentation at TAMODIA'09
Usi4Biz Framework Presentation at TAMODIA'09
 
Business Analyst
Business AnalystBusiness Analyst
Business Analyst
 
Hse mda bpmn_210410
Hse mda bpmn_210410Hse mda bpmn_210410
Hse mda bpmn_210410
 
General Methodology for developing UML models from UI
General Methodology for developing UML models from UI General Methodology for developing UML models from UI
General Methodology for developing UML models from UI
 
General Methodology for developing UML models from UI
General Methodology for developing UML models from UIGeneral Methodology for developing UML models from UI
General Methodology for developing UML models from UI
 
General Methodology for developing UML models from UI
General Methodology for developing UML models from UIGeneral Methodology for developing UML models from UI
General Methodology for developing UML models from UI
 
General Methodology for developing UML models from UI
General Methodology for developing UML models from UIGeneral Methodology for developing UML models from UI
General Methodology for developing UML models from UI
 
General Methodology for developing UML models from UI
General Methodology for developing UML models from UIGeneral Methodology for developing UML models from UI
General Methodology for developing UML models from UI
 
Mvc architecture driven design and agile implementation of a web based softwa...
Mvc architecture driven design and agile implementation of a web based softwa...Mvc architecture driven design and agile implementation of a web based softwa...
Mvc architecture driven design and agile implementation of a web based softwa...
 
UI architecture & designing
UI architecture & designingUI architecture & designing
UI architecture & designing
 
CRM system for WeLoveVideo.pptCRM System for WeLoveVid.docx
CRM system for WeLoveVideo.pptCRM System for WeLoveVid.docxCRM system for WeLoveVideo.pptCRM System for WeLoveVid.docx
CRM system for WeLoveVideo.pptCRM System for WeLoveVid.docx
 
Chapter-2 ppt for the MBA 4rh seme6y.pdf
Chapter-2 ppt for the MBA 4rh seme6y.pdfChapter-2 ppt for the MBA 4rh seme6y.pdf
Chapter-2 ppt for the MBA 4rh seme6y.pdf
 
Siebel 8 Quick Hits: Task UI
Siebel 8 Quick Hits: Task UISiebel 8 Quick Hits: Task UI
Siebel 8 Quick Hits: Task UI
 
Architecting enterprise BPM systems for optimal agility
Architecting enterprise BPM systems for optimal agilityArchitecting enterprise BPM systems for optimal agility
Architecting enterprise BPM systems for optimal agility
 
Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, a...
Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, a...Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, a...
Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, a...
 
WEB PORTAL INTEGRATION ARCHITECTURE APPROACHES
WEB PORTAL INTEGRATION ARCHITECTURE APPROACHESWEB PORTAL INTEGRATION ARCHITECTURE APPROACHES
WEB PORTAL INTEGRATION ARCHITECTURE APPROACHES
 
SE-Lecture-4.pptx
SE-Lecture-4.pptxSE-Lecture-4.pptx
SE-Lecture-4.pptx
 
Pattern oriented architecture for web based architecture
Pattern oriented architecture for web based architecturePattern oriented architecture for web based architecture
Pattern oriented architecture for web based architecture
 
Architecting Enterprise BPM Systems for Optimal Agility
Architecting Enterprise BPM Systems for Optimal AgilityArchitecting Enterprise BPM Systems for Optimal Agility
Architecting Enterprise BPM Systems for Optimal Agility
 
Quality Assurance. Quality Assurance Approach. White Box
Quality Assurance. Quality Assurance Approach. White BoxQuality Assurance. Quality Assurance Approach. White Box
Quality Assurance. Quality Assurance Approach. White Box
 

More from Jean 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
 

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

FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134
LR1709MUSIC
 
Memorandum Of Association Constitution of Company.ppt
Memorandum Of Association Constitution of Company.pptMemorandum Of Association Constitution of Company.ppt
Memorandum Of Association Constitution of Company.ppt
seri bangash
 
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBdCree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
creerey
 

Recently uploaded (20)

FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134
 
Global Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdfGlobal Interconnection Group Joint Venture[960] (1).pdf
Global Interconnection Group Joint Venture[960] (1).pdf
 
Cracking the Change Management Code Main New.pptx
Cracking the Change Management Code Main New.pptxCracking the Change Management Code Main New.pptx
Cracking the Change Management Code Main New.pptx
 
Understanding UAE Labour Law: Key Points for Employers and Employees
Understanding UAE Labour Law: Key Points for Employers and EmployeesUnderstanding UAE Labour Law: Key Points for Employers and Employees
Understanding UAE Labour Law: Key Points for Employers and Employees
 
Easy Way to Download and Set Up Gen TDS Software on Your Computer
Easy Way to Download and Set Up Gen TDS Software on Your ComputerEasy Way to Download and Set Up Gen TDS Software on Your Computer
Easy Way to Download and Set Up Gen TDS Software on Your Computer
 
India’s Recommended Women Surgeons to Watch in 2024.pdf
India’s Recommended Women Surgeons to Watch in 2024.pdfIndia’s Recommended Women Surgeons to Watch in 2024.pdf
India’s Recommended Women Surgeons to Watch in 2024.pdf
 
Luxury Artificial Plants Dubai | Plants in KSA, UAE | Shajara
Luxury Artificial Plants Dubai | Plants in KSA, UAE | ShajaraLuxury Artificial Plants Dubai | Plants in KSA, UAE | Shajara
Luxury Artificial Plants Dubai | Plants in KSA, UAE | Shajara
 
Business Valuation Principles for Entrepreneurs
Business Valuation Principles for EntrepreneursBusiness Valuation Principles for Entrepreneurs
Business Valuation Principles for Entrepreneurs
 
Falcon Invoice Discounting Setup for Small Businesses
Falcon Invoice Discounting Setup for Small BusinessesFalcon Invoice Discounting Setup for Small Businesses
Falcon Invoice Discounting Setup for Small Businesses
 
8 Questions B2B Commercial Teams Can Ask To Help Product Discovery
8 Questions B2B Commercial Teams Can Ask To Help Product Discovery8 Questions B2B Commercial Teams Can Ask To Help Product Discovery
8 Questions B2B Commercial Teams Can Ask To Help Product Discovery
 
How to Maintain Healthy Life style.pptx
How to Maintain  Healthy Life style.pptxHow to Maintain  Healthy Life style.pptx
How to Maintain Healthy Life style.pptx
 
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
 
Unlock Your TikTok Potential: Free TikTok Likes with InstBlast
Unlock Your TikTok Potential: Free TikTok Likes with InstBlastUnlock Your TikTok Potential: Free TikTok Likes with InstBlast
Unlock Your TikTok Potential: Free TikTok Likes with InstBlast
 
sales plan presentation by mckinsey alum
sales plan presentation by mckinsey alumsales plan presentation by mckinsey alum
sales plan presentation by mckinsey alum
 
Memorandum Of Association Constitution of Company.ppt
Memorandum Of Association Constitution of Company.pptMemorandum Of Association Constitution of Company.ppt
Memorandum Of Association Constitution of Company.ppt
 
Team-Spandex-Northern University-CS1035.
Team-Spandex-Northern University-CS1035.Team-Spandex-Northern University-CS1035.
Team-Spandex-Northern University-CS1035.
 
HR and Employment law update: May 2024.
HR and Employment law update:  May 2024.HR and Employment law update:  May 2024.
HR and Employment law update: May 2024.
 
LinkedIn Masterclass Techweek 2024 v4.1.pptx
LinkedIn Masterclass Techweek 2024 v4.1.pptxLinkedIn Masterclass Techweek 2024 v4.1.pptx
LinkedIn Masterclass Techweek 2024 v4.1.pptx
 
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBdCree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
 
Cracking the Workplace Discipline Code Main.pptx
Cracking the Workplace Discipline Code Main.pptxCracking the Workplace Discipline Code Main.pptx
Cracking the Workplace Discipline Code Main.pptx
 

User Interface Derivation from Business Processes: A Model-Driven Approach for Organizational Engineering

  • 1. Towards User Interface Derivation from Business Processes: A Model-Driven Approach for Organizational Engineering Kênia Sousa, Hildeberto Mendonça, Jean Vanderdonckt Université catholique de Louvain (UCL) Louvain School of Management (LSM) Information Systems Unit (ISYS) Belgian Laboratory of Computer-Human Interaction (BCHI) ACM SAC 2008 Organizational Engineering Track
  • 2.
  • 3.
  • 4. UI –Business Alignment Task Model Business Process
  • 5. UI –Business Alignment Task Model User Interface
  • 6.
  • 7.
  • 9.
  • 10. Business Process Process = 10 sub-processes Sub-process = 17 activities Activity = 30 tasks Task = 99 business rules
  • 11.
  • 13. Grouping tasks in screens One subprocess can present one screen. Screen 1 Screen 2 Screen 1 But the same subprocess can also be decomposed into several screens.
  • 14.
  • 16. Traceability Business Process Data Model Task Model Domain Model Abstract UI Business User Interface Screen group Screen Screen fragment Screen element Decompose the task model in containers New activity compare Task not here New screen
  • 17. Traceability Screen group Screen Screen fragment Screen element Abstract UI Title of page Task Model Task Model Task Model Task Model Task Model Label of field Label of field Label of field Name of fragment Name of fragment Concrete UI Final UI A concrete UI can be inspired in an abstract UI Java Swing HTML Render Style Guide
  • 18.
  • 19.
  • 21.
  • 23. Assessment (1 of 2) Criteria Sub-criteria Automation Cost Training on task modeling 2 days Training on new method 1 day Implementation XML > UsiXML + synchronization Working time Creation and refinement of task models Feasibility Tool support Development
  • 24. Assessment (2 of 2) Criteria Sub-criteria Automation Maintainability Avoid Redundancy Need for synchronization Task model refinement Relationships + grouping manually Impact analysis Association with any screen level Acceptance Change in way of work Creation of Task model
  • 25.
  • 26. Thank you for your attention http://www.isys.ucl.ac.be/bchi BCHI Lab http://www.programalban.org Program Alban http://www.usixml.org UI extensible Markup Language