Presentation of Workshop on Technology for Healthcare and Healthy Lifestyle 2011 Thursday 1st Dec 2011 Session II http://www.tsb.upv.es/wths2011

1. Use of hierarchical model-view-controller
architecture for user interaction in AAL
environments
III Workshop on Technology for Healthcare and Healthy
Lifestyle
Valencia (Spain), 1st December 2011
Alejandro M. Medrano Gil , Dario Salvi , María Teresa
Arredondo Waldmeyer, Patricia Abril Jiménez and
Álvaro Fides Valero

2. 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
WTHS’11| Valencia (Spain) 2011 2

3. Model-View-Controller (MVC)
 Model
 Application logic
 DB, Storing, …
 Reaction to controller actions
 View
 Access Model and displays to View
user Model
 Adapts view to controller
Controller
actions
 Controller
 Receives user input
 Updates Model and view
WTHS’11| Valencia (Spain) 2011 3

4. 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
WTHS’11| Valencia (Spain) 2011 4

5. USER INTERACTION APPROACH IN
AAL
WTHS’11| Valencia (Spain) 2011 5

6. 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
WTHS’11| Valencia (Spain) 2011 6

7. UI Meta Model
Element
 Typical Element Types
 Input
Label Input Output Group  Output
 Labels, to associate a
TextInput name to an Element
TextOutput
 Groups
BoolInput
BoolOutput
 Specialized data
representation
RangeInput  Text
RangeOutput
 Boolean
Password
Input  Numeric range
 Etc…
WTHS’11| Valencia (Spain) 2011 7

8. UI Renderers
Meta GUI Renderer
What is your
favourite colour?
Model |
TextOutput
TextInput
VUI Renderer
“What is your favourite colour?” ...
WTHS’11| Valencia (Spain) 2011 8

9. 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
WTHS’11| Valencia (Spain) 2011 9

10. OBJECTIVES
WTHS’11| Valencia (Spain) 2011 10

11. 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
WTHS’11| Valencia (Spain) 2011 11

12. RESULTS
WTHS’11| Valencia (Spain) 2011 12

13. universAAL Meta Model
universAAL’s UI meta model (Input and Output in Resource Description
Framework)
WTHS’11| Valencia (Spain) 2011 13

14. UI Renderer Generic Design
 Main Hub [MH] Container
 Place holder Element
 Meta Model Component [MMC]
 Connects with meta model’s MH
MMC
transmission mechanism
 Container Management Unit [CMU] Container
CMU
 Manages the instances of Element
containers
VM
 Decides which to render
 View Mapper [VM]
 Matches each element with its |
proper representation |
WTHS’11| Valencia (Spain) 2011 14

15. UI Renderer Design
 Hierarchical MVC
Container MVC
Text Message:
hello
Button Button TextArea
MVC MVC MVC Ok Cancel
HMVC Design Container Render
WTHS’11| Valencia (Spain) 2011 15

16. universAAL GUI Handler
universAAL’s UI architecture
 Output Bus
UI Handler
 System -> User
output bus
 Input Bus Input bus
 User -> System
 Dialog Manager Dialog
Manager Application
 System organizer
 Handler orchestration
 Multiuser coordination
WTHS’11| Valencia (Spain) 2011 16

17. universAAL GUI Handler
universAAL’s UI Handlers
 UI Handler Design
 Meta Model Component [MMC] Output Bus
• Input Publisher Input Bus
• Output Subscriber MH
 Form Manager [CMU] MMC
Input Output
Publisher Subscriber
Handler
• Simple form (one at a time)
CMU
• Queued (not needed) Translator
• DM already did most of the job VM
 ModelMapper [VM]
• Using Java Reflection Physical World
• RDF Model <-> Java Swing
 HMVC applied
WTHS’11| Valencia (Spain) 2011 17

18. 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
WTHS’11| Valencia (Spain) 2011 18

19. CONCLUSIONS
WTHS’11| Valencia (Spain) 2011 19

20. 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.
WTHS’11| Valencia (Spain) 2011 20

21. 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
WTHS’11| Valencia (Spain) 2011 21