SlideShare a Scribd company logo
Elizabeth Furtado, Vasco Furtado,
Kênia Sousa, Jean Vanderdonckt,
Quentin Limbourg
KnowiXML: A Knowledge-Based
System Generating
Multiple Abstract User Interfaces in
USIXML
Presentation Plan
 Hypothesis
 Problematic
 Objectives
 Solution
 USIXML
 UPi
 IKnowU
 Conclusion
Hypothesis
 Many SW organizations apply or intend to apply the
Rational Unified Process (RUP) ;
 Businesses in many organizations demand the use of
systems in different contexts of use;
 The generation of UIs for multiple contexts of use
needs the integration of SE models, practices, and
techniques (functionality adequate to requirements)
and HCI ones (usability);
 SE and HCI professionals need the integration of
concepts from these areas to facilitate the
communication among them during the application of
usability techniques.
Problematic
 The RUP does not use HCI models and
techniques;
 Difficulty in designing UIs considering
various parameters;
 Lack of tools that:
 Automate UI design;
 Integrate HCI and SE concepts;
Objectives
 Define a process that facilitates the
integration of SE and HCI models and
techniques for the generation of UIs for
multiple contexts of use;
 Define a tool that facilitates the generation
of UIs for multiple contexts of use with the
application of SE and HCI integrated
concepts.
Solution
 UPi, Unified Process for interactive systems
that integrates SE and HCI models,
techniques, and professionals, considering
different contexts of use (Sousa and
Furtado, 2004);
 IKnowU, software for requirements
elicitation, analysis, design, and generation
of UIs for multiple contexts of using
USIXML.
USIXML
Limbourg et al., 2004
KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in UsiXML
Abstract x Concrete x Final UI
IKnowU Functionality
IKnowU Components
 The ontologies for each conceptual model
are defined using an ontology editor
(Protégé).
 The conceptual models can be instantiated
using Protégé or any other modeling tool
(such as ROSE, CTTE).
 The KBS implements a Problem-Solving
Method (PSM) used to generate AUIs based
on information from the conceptual models.
IKnowU Components
Automation of UIs Generation
Automation of UIs Generation
KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in UsiXML
 Definition f the ontology of the models;
 Creation of the usability requirements knowledge
base;
 Creation of the usability patterns knowledge base;
 Creation of the architectural patterns knowledge base;
 Creation of the transformation rules knowledge base;
 Creation of the mappings among models knowledge
base.
Knowledge Base Creation
Ontology of the UI Models
Constraint
ContextModel
UsabilityRequirement
1
1..n
1
1..n
TaskModel
UseCaseModel
1
n
1
n
DomainModel
Rule
AuiModel
1
1..n
1
1..n
1
1..n 1
1..n
1
1..n
1
1..n
1
1..n
1
1..n
1
1..n
1
1..n
1
1..n
1
1..n
UsabilityPattern
CuiModel
1
1..n
1
1..n
1..n
1 1..n
1
1
1..n
1..n
1
ArchitecturalPattern
FuiModel
1
1..n
1
1..n
1..n
1 1..n
1
1
1..n
1..n
1
Mapping of Patterns
Abstract UI Concrete UI Final UI
Patterns Usability
Requirements
Usability
Patterns
Architectural
Patterns
Example 1 Feedback Progress
Indicator
Feedbacker.class
Example 2 User Explicit
Control
Undo Undoer.class
 If the type of the task is ‘interactive’ and the domain
model associated to this task has attributes that are
mandatory, then use the ‘output’ abstract individual
component.
 If the binary relationship of a task is ‘enabling’, then
use the ‘navigation’ abstract individual component.
 If the type of the task is ‘interactive’ and the domain
model associated to this task has methods, then use the
‘control’ abstract individual component.
Transformation Rules
Automation of UIs Generation
When the analyst is experienced in SE, he/she can prepare the flow of
events, when experienced in HCI, he/she can prepare the task model
using Protégé. Afterwards, he/she can define the usability
requirements and the context of use model with the end-user using
Protégé. All of these models are input for the generation of the AUI.
 Definition of Usability Requirements
• Preferences: Provide help;
• Constraints: Provide help only when requested.
• Fix: Change automatic help to requested help.
Usability Requirements
Flow of Events
Task Model
Task Model
Context of Use Model
Domain Model
Automation of UIs Generation
KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in UsiXML
 Creation of Constraints for the Abstract UI
– Rule: If the type of the task is ‘interactive’ and the domain model
associated to this task has attributes that are mandatory, then use
the ‘output’ abstract individual component. .
– Constraint: The AUI must have 3 ‘output’ abstract individual
components.
Rules
Abstract
Object
Context
Constraints-Abstract UI
Instanciated
Models
Component
ANALYSIS
Container
Task
Domain
Solution
 Generation of the Abstract UI
Requirements
Preferences
Constraints
Fixes
Solution
Constraints-Abstract UI
Component
Container
Abstract UI
Automation of UIs Generation
KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in UsiXML
 Generation of the Concrete and Final UI
Abstract UI
Component
Container
Concrete UI
Platform
Final UI
Prog. Language
TransformiXML
Solution
Concrete UI
Conclusion
 Our goals are to:
 Save design and development time by automating
the generation of UI models and assure
consistency among different platforms with the
application of such models;
 Provide an open-source tool, based on XML, that
can be integrated with other tools (such as CTTE)
to help in the integration of SE and HCI concepts
and facilitate the communication among
professionals from these two areas.
+
Elizabeth Furtado, Vasco Furtado,
Kênia Sousa, Jean Vanderdonckt,
Quentin Limbourg

More Related Content

Similar to KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in UsiXML (20)

PPT
User Interface Derivation from Business Processes: A Model-Driven Approach fo...
Jean Vanderdonckt
 
PPT
Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, a...
Jean Vanderdonckt
 
PPTX
Systematic Generation of Abstract User Interfaces
Jean Vanderdonckt
 
PPT
User Interface Composition with UsiXML
Jean Vanderdonckt
 
PDF
ICS2208 Lecture3 2023-2024 - Model Based User Interfaces
Vanessa Camilleri
 
PPT
A MDA-Compliant Environment for Developing User Interfaces of Information Sys...
Jean Vanderdonckt
 
PDF
Paper Alejandro Medrano - Use of hierarchical model-view-controller architect...
WTHS
 
PDF
How UI Framework improves design process
Marian Mota
 
PPT
A Structured Approach to Support 3D User Interface Development
Jean Vanderdonckt
 
PPTX
Formal Definition of Collaborative Spaces
Jean Vanderdonckt
 
PPTX
User interface software tools past present and future
Alison HONG
 
PDF
Modelling the User Interface
Pedro J. Molina
 
PPTX
UI architecture & designing
Mohammed Fazuluddin
 
PDF
UX & UI Design: Differentiate through design
MoodLabs
 
PPTX
Multi-Dimensional Context-Aware Adaptation of Service Front-ends
Jean Vanderdonckt
 
PDF
uml diagrams
makena2mm
 
PDF
UX & UI Design - Differentiate through design
DMI
 
PPTX
User Interface Analysis and Design daa.pptx
Mahesh_gmail_KNL Na
 
PPTX
BY AVAGA B Lecture 5.User and Task analysis for User interface Design.pptx
Avagabob
 
PPT
Context-aware Generation of User Interface Containers for a Mobile Device
Jean Vanderdonckt
 
User Interface Derivation from Business Processes: A Model-Driven Approach fo...
Jean Vanderdonckt
 
Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, a...
Jean Vanderdonckt
 
Systematic Generation of Abstract User Interfaces
Jean Vanderdonckt
 
User Interface Composition with UsiXML
Jean Vanderdonckt
 
ICS2208 Lecture3 2023-2024 - Model Based User Interfaces
Vanessa Camilleri
 
A MDA-Compliant Environment for Developing User Interfaces of Information Sys...
Jean Vanderdonckt
 
Paper Alejandro Medrano - Use of hierarchical model-view-controller architect...
WTHS
 
How UI Framework improves design process
Marian Mota
 
A Structured Approach to Support 3D User Interface Development
Jean Vanderdonckt
 
Formal Definition of Collaborative Spaces
Jean Vanderdonckt
 
User interface software tools past present and future
Alison HONG
 
Modelling the User Interface
Pedro J. Molina
 
UI architecture & designing
Mohammed Fazuluddin
 
UX & UI Design: Differentiate through design
MoodLabs
 
Multi-Dimensional Context-Aware Adaptation of Service Front-ends
Jean Vanderdonckt
 
uml diagrams
makena2mm
 
UX & UI Design - Differentiate through design
DMI
 
User Interface Analysis and Design daa.pptx
Mahesh_gmail_KNL Na
 
BY AVAGA B Lecture 5.User and Task analysis for User interface Design.pptx
Avagabob
 
Context-aware Generation of User Interface Containers for a Mobile Device
Jean Vanderdonckt
 

More from Jean Vanderdonckt (20)

PPTX
Congruent and Hierarchical Gesture Set Design
Jean Vanderdonckt
 
PPTX
Paired Sketching of Distributed User Interfaces:Workflow, Protocol, Software ...
Jean Vanderdonckt
 
PPTX
Comparative Testing of 2D Stroke Gesture Recognizers in Multiple Contexts of Use
Jean Vanderdonckt
 
PPTX
Human-AI Interaction in Space: Insights from a Mars Analog Mission with the H...
Jean Vanderdonckt
 
PPTX
Gestural Interaction in Virtual/Augmented Reality
Jean Vanderdonckt
 
PPTX
User-controlled Form Adaptation by Unsupervised Learning
Jean Vanderdonckt
 
PPTX
Engineering Touchscreen Input for 3-Way Displays: Taxonomy, Datasets, and Cla...
Jean Vanderdonckt
 
PPTX
To the end of our possibilities with Adaptive User Interfaces
Jean Vanderdonckt
 
PPTX
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Jean Vanderdonckt
 
PPTX
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
Jean Vanderdonckt
 
PPTX
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
Jean Vanderdonckt
 
PPTX
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
Jean Vanderdonckt
 
PPTX
Gesture-based information systems: from DesignOps to DevOps
Jean Vanderdonckt
 
PPTX
Engineering Slidable User Interfaces with Slime
Jean Vanderdonckt
 
PPTX
Evaluating Gestural Interaction: Models, Methods, and Measures
Jean Vanderdonckt
 
PPTX
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Jean Vanderdonckt
 
PPTX
Designing Gestural Interaction: Challenges and Pitfalls
Jean Vanderdonckt
 
PPTX
Fundamentals of Gestural Interaction
Jean Vanderdonckt
 
PPTX
Gestural Interaction, Is it Really Natural?
Jean Vanderdonckt
 
PPTX
User-centred Development of a Clinical Decision-support System for Breast Can...
Jean Vanderdonckt
 
Congruent and Hierarchical Gesture Set Design
Jean Vanderdonckt
 
Paired Sketching of Distributed User Interfaces:Workflow, Protocol, Software ...
Jean Vanderdonckt
 
Comparative Testing of 2D Stroke Gesture Recognizers in Multiple Contexts of Use
Jean Vanderdonckt
 
Human-AI Interaction in Space: Insights from a Mars Analog Mission with the H...
Jean Vanderdonckt
 
Gestural Interaction in Virtual/Augmented Reality
Jean Vanderdonckt
 
User-controlled Form Adaptation by Unsupervised Learning
Jean Vanderdonckt
 
Engineering Touchscreen Input for 3-Way Displays: Taxonomy, Datasets, and Cla...
Jean Vanderdonckt
 
To the end of our possibilities with Adaptive User Interfaces
Jean Vanderdonckt
 
Engineering the Transition of Interactive Collaborative Software from Cloud C...
Jean Vanderdonckt
 
UsyBus: A Communication Framework among Reusable Agents integrating Eye-Track...
Jean Vanderdonckt
 
µV: An Articulation, Rotation, Scaling, and Translation Invariant (ARST) Mult...
Jean Vanderdonckt
 
RepliGES and GEStory: Visual Tools for Systematizing and Consolidating Knowle...
Jean Vanderdonckt
 
Gesture-based information systems: from DesignOps to DevOps
Jean Vanderdonckt
 
Engineering Slidable User Interfaces with Slime
Jean Vanderdonckt
 
Evaluating Gestural Interaction: Models, Methods, and Measures
Jean Vanderdonckt
 
Conducting a Gesture Elicitation Study: How to Get the Best Gestures From Peo...
Jean Vanderdonckt
 
Designing Gestural Interaction: Challenges and Pitfalls
Jean Vanderdonckt
 
Fundamentals of Gestural Interaction
Jean Vanderdonckt
 
Gestural Interaction, Is it Really Natural?
Jean Vanderdonckt
 
User-centred Development of a Clinical Decision-support System for Breast Can...
Jean Vanderdonckt
 
Ad

Recently uploaded (20)

PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PPTX
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
July Patch Tuesday
Ivanti
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PPTX
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
PPT
Interview paper part 3, It is based on Interview Prep
SoumyadeepGhosh39
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
July Patch Tuesday
Ivanti
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
Interview paper part 3, It is based on Interview Prep
SoumyadeepGhosh39
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
Ad

KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in UsiXML

  • 1. Elizabeth Furtado, Vasco Furtado, Kênia Sousa, Jean Vanderdonckt, Quentin Limbourg KnowiXML: A Knowledge-Based System Generating Multiple Abstract User Interfaces in USIXML
  • 2. Presentation Plan  Hypothesis  Problematic  Objectives  Solution  USIXML  UPi  IKnowU  Conclusion
  • 3. Hypothesis  Many SW organizations apply or intend to apply the Rational Unified Process (RUP) ;  Businesses in many organizations demand the use of systems in different contexts of use;  The generation of UIs for multiple contexts of use needs the integration of SE models, practices, and techniques (functionality adequate to requirements) and HCI ones (usability);  SE and HCI professionals need the integration of concepts from these areas to facilitate the communication among them during the application of usability techniques.
  • 4. Problematic  The RUP does not use HCI models and techniques;  Difficulty in designing UIs considering various parameters;  Lack of tools that:  Automate UI design;  Integrate HCI and SE concepts;
  • 5. Objectives  Define a process that facilitates the integration of SE and HCI models and techniques for the generation of UIs for multiple contexts of use;  Define a tool that facilitates the generation of UIs for multiple contexts of use with the application of SE and HCI integrated concepts.
  • 6. Solution  UPi, Unified Process for interactive systems that integrates SE and HCI models, techniques, and professionals, considering different contexts of use (Sousa and Furtado, 2004);  IKnowU, software for requirements elicitation, analysis, design, and generation of UIs for multiple contexts of using USIXML.
  • 9. Abstract x Concrete x Final UI
  • 11. IKnowU Components  The ontologies for each conceptual model are defined using an ontology editor (Protégé).  The conceptual models can be instantiated using Protégé or any other modeling tool (such as ROSE, CTTE).  The KBS implements a Problem-Solving Method (PSM) used to generate AUIs based on information from the conceptual models.
  • 13. Automation of UIs Generation
  • 14. Automation of UIs Generation
  • 16.  Definition f the ontology of the models;  Creation of the usability requirements knowledge base;  Creation of the usability patterns knowledge base;  Creation of the architectural patterns knowledge base;  Creation of the transformation rules knowledge base;  Creation of the mappings among models knowledge base. Knowledge Base Creation
  • 17. Ontology of the UI Models Constraint ContextModel UsabilityRequirement 1 1..n 1 1..n TaskModel UseCaseModel 1 n 1 n DomainModel Rule AuiModel 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n 1 1..n UsabilityPattern CuiModel 1 1..n 1 1..n 1..n 1 1..n 1 1 1..n 1..n 1 ArchitecturalPattern FuiModel 1 1..n 1 1..n 1..n 1 1..n 1 1 1..n 1..n 1
  • 18. Mapping of Patterns Abstract UI Concrete UI Final UI Patterns Usability Requirements Usability Patterns Architectural Patterns Example 1 Feedback Progress Indicator Feedbacker.class Example 2 User Explicit Control Undo Undoer.class
  • 19.  If the type of the task is ‘interactive’ and the domain model associated to this task has attributes that are mandatory, then use the ‘output’ abstract individual component.  If the binary relationship of a task is ‘enabling’, then use the ‘navigation’ abstract individual component.  If the type of the task is ‘interactive’ and the domain model associated to this task has methods, then use the ‘control’ abstract individual component. Transformation Rules
  • 20. Automation of UIs Generation
  • 21. When the analyst is experienced in SE, he/she can prepare the flow of events, when experienced in HCI, he/she can prepare the task model using Protégé. Afterwards, he/she can define the usability requirements and the context of use model with the end-user using Protégé. All of these models are input for the generation of the AUI.
  • 22.  Definition of Usability Requirements • Preferences: Provide help; • Constraints: Provide help only when requested. • Fix: Change automatic help to requested help. Usability Requirements
  • 26. Context of Use Model
  • 28. Automation of UIs Generation
  • 30.  Creation of Constraints for the Abstract UI – Rule: If the type of the task is ‘interactive’ and the domain model associated to this task has attributes that are mandatory, then use the ‘output’ abstract individual component. . – Constraint: The AUI must have 3 ‘output’ abstract individual components. Rules Abstract Object Context Constraints-Abstract UI Instanciated Models Component ANALYSIS Container Task Domain Solution
  • 31.  Generation of the Abstract UI Requirements Preferences Constraints Fixes Solution Constraints-Abstract UI Component Container
  • 33. Automation of UIs Generation
  • 35.  Generation of the Concrete and Final UI Abstract UI Component Container Concrete UI Platform Final UI Prog. Language TransformiXML Solution
  • 37. Conclusion  Our goals are to:  Save design and development time by automating the generation of UI models and assure consistency among different platforms with the application of such models;  Provide an open-source tool, based on XML, that can be integrated with other tools (such as CTTE) to help in the integration of SE and HCI concepts and facilitate the communication among professionals from these two areas.
  • 38. + Elizabeth Furtado, Vasco Furtado, Kênia Sousa, Jean Vanderdonckt, Quentin Limbourg