Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL...
description
Transcript of Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL...
![Page 1: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/1.jpg)
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
![Page 2: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/2.jpg)
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
![Page 3: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/3.jpg)
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
![Page 4: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/4.jpg)
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
![Page 5: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/5.jpg)
USER INTERACTION APPROACH IN AAL
5 WTHS’11| Valencia (Spain) 2011
![Page 6: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/6.jpg)
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
![Page 7: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/7.jpg)
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
![Page 8: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/8.jpg)
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?” ...
![Page 9: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/9.jpg)
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
![Page 10: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/10.jpg)
OBJECTIVES
10 WTHS’11| Valencia (Spain) 2011
![Page 11: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/11.jpg)
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
![Page 12: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/12.jpg)
RESULTS
12 WTHS’11| Valencia (Spain) 2011
![Page 13: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/13.jpg)
universAAL Meta Model
universAAL’s UI meta model (Input and Output in Resource Description Framework)
13 WTHS’11| Valencia (Spain) 2011
![Page 14: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/14.jpg)
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
|
![Page 15: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/15.jpg)
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
![Page 16: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/16.jpg)
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
![Page 17: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/17.jpg)
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
![Page 18: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/18.jpg)
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
![Page 19: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/19.jpg)
CONCLUSIONS
19 WTHS’11| Valencia (Spain) 2011
![Page 20: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/20.jpg)
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
![Page 21: Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL environments](https://reader035.fdocument.pub/reader035/viewer/2022070302/548d35d3b47959e20c8b65b7/html5/thumbnails/21.jpg)
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