alvaro fides - use of hierarchical model-view-controller architecture for user interaction in aal...
DESCRIPTION
Presentation of Workshop on Technology for Healthcare and Healthy Lifestyle 2011Thursday 1st Dec 2011Session IIhttp://www.tsb.upv.es/wths2011TRANSCRIPT
Use of hierarchical model-view-controller architecture for user interaction in AAL
environments
Alejandro M. Medrano Gil , Dario Salvi , María Teresa Arredondo Waldmeyer, Patricia Abril Jiménez and
Álvaro Fides Valero
III Workshop on Technology for Healthcare and Healthy Lifestyle
Valencia (Spain), 1st December 2011
Use of hierarchical model-view-controller architecture for user interaction in AAL
environments Introduction
Model View Controller (MVC) User Interaction Approach in AAL
UI Meta models UI Renderers UI Architecture: Applications, Meta Model, Renderer Nested and Hierarchical MVC
Objectives Results
UI Renderer Design universAAL GUI Handler
Conclusions
2 WTHS’11| Valencia (Spain) 2011
Model-View-Controller (MVC)
Model Application logic DB, Storing, … Reaction to controller actions
View Access Model and displays to
user Adapts view to controller
actions Controller
Receives user input Updates Model and view
Model
View
Controller
3 WTHS’11| Valencia (Spain) 2011
Introduction
Ambient Assisted Living is a technological paradigm that aims at enhancing the quality of life of older people using ICT
User Interaction is of paramount importance given that these users are not accustomed to such technologies
Multi modality is a common requirement proposed in the domain -> Requires a clear separation among data, logic an view
4 WTHS’11| Valencia (Spain) 2011
USER INTERACTION APPROACH IN AAL
5 WTHS’11| Valencia (Spain) 2011
UI Meta Model
Defines the UI protocol to be used
Modality neutral Technology independent Basic unit are Elements Elements are grouped in
Containers Elements and Containers
may be divided into subclasses
6 WTHS’11| Valencia (Spain) 2011
UI Meta Model
Typical Element Types Input Output Labels, to associate a
name to an Element Groups
Specialized data representation Text Boolean Numeric range Etc…
Element
Label Input Output Group
TextInput
BoolInput
RangeInput
TextOutput
BoolOutput
RangeOutput
Password Input
7 WTHS’11| Valencia (Spain) 2011
UI Renderers
Meta Model
GUI Renderer
VUI Renderer
8 WTHS’11| Valencia (Spain) 2011
TextInput
TextOutput
What is your favourite colour?
|
“What is your favourite colour?” ...
UI Architecture: Applications, Meta Model, Renderer
UI architecture Applications use the Meta
Model as their View pattern
The Renderers, within the view of applications, use the MVC, and the Meta Model becomes their Model pattern
9 WTHS’11| Valencia (Spain) 2011
OBJECTIVES
10 WTHS’11| Valencia (Spain) 2011
Objectives
Design for high quality software Extensibility
• Ability to be extended with new containers or elements Reusability
• Ability to reuse design and components Maintainability
• Ability to easily repair bugs, and access the buggy code Testability
• Ability to individually test containers and elements Scalability
• Ability to cope with increased functionality
11 WTHS’11| Valencia (Spain) 2011
RESULTS
12 WTHS’11| Valencia (Spain) 2011
universAAL Meta Model
universAAL’s UI meta model (Input and Output in Resource Description Framework)
13 WTHS’11| Valencia (Spain) 2011
MH
UI Renderer Generic Design
Main Hub [MH] Place holder
Meta Model Component [MMC] Connects with meta model’s
transmission mechanism Container Management Unit [CMU]
Manages the instances of containers
Decides which to render View Mapper [VM]
Matches each element with its proper representation
14 WTHS’11| Valencia (Spain) 2011
MMC
CMU
VM
|
Element
Container
Element
Container
|
UI Renderer Design
Hierarchical MVC
HMVC Design Container Render
15 WTHS’11| Valencia (Spain) 2011
Container MVC
Ok TextArea
MVC
Text Message: hello
Cancel Button MVC
Button MVC
universAAL GUI Handler
Output Bus System -> User
Input Bus User -> System
Dialog Manager System organizer Handler orchestration Multiuser coordination
universAAL’s UI architecture
UI Handler
Input bus
output bus
Dialog Manager Application
16 WTHS’11| Valencia (Spain) 2011
universAAL GUI Handler
UI Handler Design Meta Model Component [MMC]
• Input Publisher • Output Subscriber
Form Manager [CMU] • Simple form (one at a time) • Queued (not needed) • DM already did most of the job
ModelMapper [VM] • Using Java Reflection • RDF Model <-> Java Swing
HMVC applied
universAAL’s UI Handlers
Input Bus
Output Bus
Physical World
Input Publisher
Output Subscriber
Translator
Hand
ler
17 WTHS’11| Valencia (Spain) 2011
MH MMC
CMU
VM
universAAL GUI Handler
UI Handler’s HMVC
Model
The HMVC model can be mapped 1-to-1 with Form controls in the I&O RDF meta model
18 WTHS’11| Valencia (Spain) 2011
CONCLUSIONS
19 WTHS’11| Valencia (Spain) 2011
Conclusions
Conclusions Application of hierarchical MVC patterns to the design of AAL
user interaction renderers. Generic UI Renderer design independent of Meta Model and
rendering technology has been described The universAAL specific implementation has been presented It has been proved that the use of this pattern simplifies the
effort in developing UI renderers.
20 WTHS’11| Valencia (Spain) 2011
Conclusions
Future work Look and feel packages
• For set top boxes • For mobile devices • For sight deprived users
Meta model extension packages • Graphs and charts extension
21 WTHS’11| Valencia (Spain) 2011