Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL...

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


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


USER INTERACTION APPROACH IN AAL


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


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


UI Renderers

Meta Model

GUI Renderer

VUI Renderer


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


OBJECTIVES


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


RESULTS


universAAL Meta Model

universAAL’s UI meta model (Input and Output in Resource Description Framework)


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


MMC

CMU

VM

|

Element

Container

Element

Container

|

UI Renderer Design

Hierarchical MVC

HMVC Design Container Render


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



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


MH MMC

CMU

VM


UI Handler’s HMVC

Model

The HMVC model can be mapped 1-to-1 with Form controls in the I&O RDF meta model


CONCLUSIONS


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.


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


Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL...

Travel

Transcript of Alvaro Fides - Use of hierarchical model-view-controller architecture for user interaction in AAL...