Transformation Templates: Adding Flexibility to Model-Driven Engineering of User Interfaces Nathalie Aquino 1 , Jean Vande...
Agenda <ul><li>Introduction </li></ul><ul><li>The Transformation Templates approach </li></ul><ul><li>Meta models  </li></...
Introduction <ul><li>User Interface (UI) design in Model-Driven Engineering (MDE) </li></ul><ul><li>Approaches with IMPLIC...
Introduction <ul><li>Concerns about MDE of UIs </li></ul><ul><ul><li>Case of implicit transformation logic: OO-Method/OLIV...
Introduction <ul><li>Concerns about MDE of UIs </li></ul><ul><ul><li>Case of explicit transformation logic: MultimodaliXML...
Introduction <ul><li>How to deal with the previous concerns?  </li></ul><ul><ul><li>Defining a methodology (models, method...
Transformation Templates <ul><li>Transformation Templates   </li></ul><ul><ul><li>Specify the structure, layout and style ...
Transformation Templates User Interfaces Transformation Templates Context Parameter Type definition level Parameter defini...
Transformation Templates <ul><li>Parameter Type definition level </li></ul>
Transformation Templates <ul><li>Parameter definition level </li></ul><ul><ul><li>Transformation Templates gather Paramete...
Meta models <ul><li>Transformation Template meta model: Parameter Type definition level </li></ul>
Meta models <ul><li>Transformation Template meta model: Parameter definition level </li></ul>
Software support <ul><li>Transformation Templates editor </li></ul><ul><ul><li>A prototype has been implemented using the ...
Conclusion <ul><li>Contributions </li></ul><ul><ul><li>The conceptual definition of the Transformation Templates approach ...
Conclusion <ul><li>Concerns about MDE of UIs vs. Transformation Templates </li></ul>Estimations of importance level and de...
Thank you very much for your attention [email_address] www.pros.upv.es
Upcoming SlideShare
Loading in …5
×

Transformation Templates: Adding Flexibilityto Model-Driven Engineering of User Interfaces

876 views

Published on

Model-based user interface (UI) development environments are aimed at generating one or many UIs from one or many models. Model-driven engineering (MDE) of UIs is assumed to be superior to those environments since they make the UI design knowledge visible, explicit, and external, for instance as model-to-model transformations and model-to-code compilation rules. These transformations and rules are often considered inflexible, complex to express, and hard to develop by UI designers and developers who are not necessarily experts in MDE. In order to overcome these shortcomings, this paper introduces "Transformation Templates", an approach that is adding flexibility to the MDE of UIs by externalizing the transformation logic of UI models, and making it editable, customizable, and reusable. It is also intended to make it easier for UI designers to specify the transformations. A Transformation Template specifies a series of parameters that enable designers to parameterize the model transformation process at the concept level that is of a higher level of abstraction than at the level of physical properties of UI widgets. This paper presents an editor for Transformation Templates and an example of Parameter Type. Transformation Templates can be effectively and efficiently used in any circumstances where the transformation knowledge needs to be modified by non-experts, such as in domain specific languages where flexibility is required.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
876
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transformation Templates: Adding Flexibilityto Model-Driven Engineering of User Interfaces

  1. 1. Transformation Templates: Adding Flexibility to Model-Driven Engineering of User Interfaces Nathalie Aquino 1 , Jean Vanderdonckt 1,2 , Óscar Pastor 1 1 Centro de Investigación en Métodos de Producción de Software (PROS), Universidad Politécnica de Valencia, Spain {naquino, opastor}@pros.upv.es – www.pros.upv.es 2 Université catholique de Louvain, Louvain School of Management (LSM), Belgium jean.vanderdonckt@uclouvain.be - www.isys.ucl.ac.be/bchi This work has been developed with the support of MEC under the project SESAMO (TIN2007-62894), GVA under the BFPI/2008/209 grant, and the ITEA2 Call3 UsiXML project under reference 2008026. SAC 2010 Human-Computer Interaction Track
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>The Transformation Templates approach </li></ul><ul><li>Meta models </li></ul><ul><li>Software support </li></ul><ul><li>Conclusions and future works </li></ul>
  3. 3. Introduction <ul><li>User Interface (UI) design in Model-Driven Engineering (MDE) </li></ul><ul><li>Approaches with IMPLICIT transformation logic </li></ul><ul><li>Teallach (Griffiths, IWC 2001) </li></ul><ul><li>TERESA (Mori, TSE 2004) </li></ul><ul><li>OO-Method/OLIVANOVA (Pastor 2007) </li></ul><ul><li>… </li></ul><ul><li>Approaches with EXPLICIT transformation logic </li></ul><ul><li>MultimodaliXML/TransformiXML/UsiXML (Stanciulescu, ICMI 2005) </li></ul><ul><li>Different model transformation languages have been applied in MDE of UIs: ATL, RDL/TT, XSLT … (Schaefer, HCI 2007) </li></ul><ul><li>… </li></ul>(Pinheiro da Silva, DSVIS 2000) (Pinheiro da Silva, DSVIS 2000)
  4. 4. Introduction <ul><li>Concerns about MDE of UIs </li></ul><ul><ul><li>Case of implicit transformation logic: OO-Method/OLIVANOVA </li></ul></ul>CONCERN 1 : Implicit design knowledge and presentation guidelines CONCERN 2 : End-users always perceive similar UIs CONCERN 3 : UI designers must manually modify the generated UI code Domain Model Presentation Model Model to Code Compiler
  5. 5. Introduction <ul><li>Concerns about MDE of UIs </li></ul><ul><ul><li>Case of explicit transformation logic: MultimodaliXML/TransformiXML/UsiXML </li></ul></ul>CONCERN 4 : UI designers face a complex process for specifying transformations CONCERN 5 : Difficulties for gradually extend the capabilities of tools for MDE of UIs Model to Model and Model to Code Compilers
  6. 6. Introduction <ul><li>How to deal with the previous concerns? </li></ul><ul><ul><li>Defining a methodology (models, method and tools) in order to add flexibility to MDE of UIs </li></ul></ul><ul><ul><ul><li>Transformation Templates </li></ul></ul></ul><ul><li>Flexibility means </li></ul><ul><ul><li>For end-users : it will be possible to generate many different UIs </li></ul></ul><ul><ul><li>For designers : it will be easier to customize a UI previously to its generation </li></ul></ul><ul><ul><li>For developers : it will be possible to gradually implement the methodology and extend the set of possible UIs when necessary </li></ul></ul><ul><li>Focus of this presentation: conceptual definitions of the Transformation Templates approach (models) </li></ul>
  7. 7. Transformation Templates <ul><li>Transformation Templates </li></ul><ul><ul><li>Specify the structure, layout and style of a UI </li></ul></ul><ul><ul><li>Are composed of parameters with associated values that parameterize UI model transformations </li></ul></ul><ul><ul><li>Are inputs for transformation tools </li></ul></ul>
  8. 8. Transformation Templates User Interfaces Transformation Templates Context Parameter Type definition level Parameter definition level Parameter Type UI Meta Element Value Type Context Selector Parameter Value Transformation Template UI Element
  9. 9. Transformation Templates <ul><li>Parameter Type definition level </li></ul>
  10. 10. Transformation Templates <ul><li>Parameter definition level </li></ul><ul><ul><li>Transformation Templates gather Parameters </li></ul></ul>Argument Grouping directly contained in Service Interaction Unit Argument Grouping id=5 Selector In all Service Interaction Units , all the Argument Groupings which are in the first level of containment, will be rendered with tabbed dialog boxes All Argument Groupings will be rendered with group boxes The element with id=15 will be rendered with a wizard Comments wizard Grouping layout group box Grouping layout tabbed dialog box Grouping layout Value Parameter
  11. 11. Meta models <ul><li>Transformation Template meta model: Parameter Type definition level </li></ul>
  12. 12. Meta models <ul><li>Transformation Template meta model: Parameter definition level </li></ul>
  13. 13. Software support <ul><li>Transformation Templates editor </li></ul><ul><ul><li>A prototype has been implemented using the OO-Method/OLIVANOVA technology </li></ul></ul><ul><li>The creation of Transformation Templates is an easy task which consists of adding parameters with values and selectors </li></ul><ul><li>The task will be even easier after the implementation of an improved editor that includes visualization facilities </li></ul>
  14. 14. Conclusion <ul><li>Contributions </li></ul><ul><ul><li>The conceptual definition of the Transformation Templates approach </li></ul></ul><ul><ul><li>A prototype of Transformation Templates editor has been implemented </li></ul></ul><ul><li>Ongoing and future work </li></ul><ul><ul><li>Definition of a suitable methodology </li></ul></ul><ul><ul><li>Improvements in the editor </li></ul></ul><ul><ul><li>Design of model compilers which take as input a Transformation Template </li></ul></ul><ul><ul><li>Definition of a generic catalogue of Parameter Types </li></ul></ul><ul><ul><li>Definition of metrics for flexibility taking into account different stakeholders and validation of the approach </li></ul></ul>
  15. 15. Conclusion <ul><li>Concerns about MDE of UIs vs. Transformation Templates </li></ul>Estimations of importance level and development cost for different contexts of use allow to decide a priority of implementation for parameter types and values UI designers will use an easier process which consists on selecting parameters, values and selectors Transformation Templates externalize the transformation logic, making it editable, customizable and reusable A catalogue of Parameter Types will provide many design options which will lead to many different UIs Transformation Templates - Flexibility Similar UIs Implicit transformation logic Manual modifications on generated UI code Complex process for modifying external transformation logic Difficulties for gradually extending the capabilities of tools Concern
  16. 16. Thank you very much for your attention [email_address] www.pros.upv.es

×