The document describes a model-driven approach for dynamically adapting component-based graphical user interfaces (GUIs) using model transformations. An ATL-based web tool has been developed that allows specifying context changes, executing model transformations on architectural models that represent GUIs, and validating the results. The tool demonstrates how component-based GUIs can be adapted at runtime in response to changing contexts by executing model transformations on the underlying architectural models that define the GUI components and their relationships. The tool and approach aim to provide flexibility in dynamically adapting component-based GUIs for different usage scenarios and device contexts.

1. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
1
Model Transformations to adapt
Component-based GUIs
using an ATL-based tool
Applied Computing Group
Javier Criado, Diego Rodríguez-Gracia, Luis Iribarne, Nicolás Padilla
Applied Computing Group
University of Almería, Spain
6th World Summit on the Knowledge Society (WSKS’2013)
Aveiro, Portugal, 19-21 June 2013

2. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
2
Outline
• Context
• Our goal
• Model Transformations of Component-based GUIs
• Web Tool for executing the model transformations
• Conclusions and future work

3. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
3
Context

4. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
4
Context
Evaluator
Politician Expert GIS

5. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
5
Context
Web Mobile devices,
Tablets TV

6. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
6
Adaptation
process
‘Histogram’ component
is added
Our goal
Header
Map
Header
Map Histogram

7. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
7
Metamodel A Metamodel B
Model A Model B
Meta-metamodel
Metamodel T
rules
Model T
Our goal
A PRIORI

8. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
8
Architectural
Metamodel
Architectural
Model A
Architectural
Model B
M2M
rules
Architectural
Model C
M2M
rules
Dynamic Model
Transformation
Our goal

9. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
9
Model Transformation
of Component-based GUIs

10. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
10
Model Transformation of Component-based
GUIs
PIM
PSM
CIM
MDE
Tasks and
concepts
Code Final GUI1
Model-driven methodology for GUI adaptation
Abstract
Arch. Model1
Concrete
Arch. Model1

11. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
11
Model Transformation of Component-based
GUIs
PIM
PSM
CIM
MDE
Tasks and
concepts
Code Final GUI1
Concrete
Arch. Model2
Concrete
Arch. Model3
Abstract
Arch. Model3
Final GUI2
Model-driven methodology for GUI adaptation
Final GUI3
Abstract
Arch. Model1
Dynamic Model
Transformation1
Abstract
Arch. Model2
Dynamic Model
Transformation2
Concrete
Arch. Model1
at runtime
at runtime
at runtime at runtime
at runtime
at runtime
at runtime
at runtime

12. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
12
Model Transformation of Component-based
GUIs
RSL
Rule
Selection
ArchitecturalMi
RMi
(1)
(2)
(3)
(3)
(4)
(5)
(5)
(6) (7)
(7)
(8)
AAOpMi
RRR
OBMi
(3)
RRM
(repository)
Context
Processing
context
info.
adaptation
operations
selected
rules
initial architectural
model
rule repository

13. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
13
Model Transformation of Component-based
GUIs
AAOpMM
RSL
Rule
Selection
Rule
Transformation
DynamicModel
Transformationi
ArchitecturalMi ArchitecturalMi+1
RMi
(1)
(2)
(3)
(3)
(4)
(5)
(5)
(6) (7)
(7)
(8)
(9)
(12)
(13) (14)
ATLExtractionTMi
(10) (11) (11)
AAOpMi
RRR
OBMi
(3)
OBMM
ATLMM
ArchitecturalMM
ATL-TCS
TCSMM
RMM
RRM
(repository)
Context
Processing
context
info.
adaptation
operations
selected
rules
initial architectural
model
adapted
architectural
model
rule repository
ATLAS Transformation Language (ATL)
syntax definitiontransf. model

14. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
14
Model Transformation of Component-based
GUIs
DynamicModel
Transformationi
ArchitecturalMi ArchitecturalMi+1

15. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
15
Web Tool

16. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
16
Web Tool
Tool front-end
ATL
transformation
libraries
EMF
validation
libraries

17. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
17
Web Tool
Tool front-end
ATL
transformation
libraries
EMF
validation
libraries
(1)
(4)
(2)
(3)
jQuery JSP requests
JSON responses

18. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
18

19. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
19
Web Tool (example)
New context values:
- Technical profile
- 1,500 kbps bandwidth
- 3,000 MB main memory
- 200 MB avg. size of
shared files
Model
Transformations
Previous context values:
- User profile
- 750 kbps bandwidth
- 1,500 MB main memory
- 50 MB avg. size of shared files

20. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
20

21. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
21

22. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
22

23. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
23
Conclusions
and Future Work

24. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
24
• Web tool to test model transformations for software engineering students.
• Web tool to perform an adaptation process:
- Dynamic Model Transformations
- Schema for adapting architectural models at runtime
- Architectural models represent Component-based GUIs
• Web tool offers model transformation and model validation services
• Deployed in a three-tier architecture:
- Tool front-end
- ATL model transformations
- EMF model validations
Conclusions

25. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
25
• Add more flexibility:
- Define context variables dynamically
- Load architectural models of different application scenarios
• Allow the random execution of the adaptation process
• Show the traceability of architectural models
• Improve the look and usability
Future work

26. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
26
Thank you very much
for your attention!!
Questions??

27. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
27
Model Transformations to adapt
Component-based GUIs
using an ATL-based tool
Javier Criado, Diego Rodríguez-Gracia,
Luis Iribarne, Nicolás Padilla
Applied Computing Group, University of Almería, Spain
Una Metodología para la Recuperación y Explotación de Información
Medioambiental (TIN2010-15588)
Desarrollo de un Agente Web Inteligente de Información Medioambiental
(TIC-6114)

28. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
28
Web Tool (example 2)
New context values:
- Political profile
- 100 MB avg. size of
shared files
Model
Transformations

29. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
29

30. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
30

31. 6th World Summit on the Knowledge Society,
Aveiro, Portugal, 19-21 June 2013
ModelTransformationstoadaptComponent-basedGUIsusinganATL-basedtool
31