![](bg8.png)
Figure 6: Generated Class2 UI.
4 CONCLUSIONS
Due to the lack of the inclusion of basic concepts
regarding the model-based development in computer
science and engineering degree curricula, junior de-
velopers are overwhelmed with new concepts and
technologies when dealing with them in the profes-
sional field.
To reduce this gap, we proposed a simplified trans-
formation process for junior developers that turns
plain UML Class models into HTML Web forms us-
ing a single model-to-model transformation.
The UML is a really popular language in the
academic environment and it is part of most com-
puter science and engineering degrees. Both, the
CRF and the IFML use UML class models to rep-
resent application domain model concepts; therefore,
developers should have experience on class model-
ing in UML. Thus, developers only have to learn
the subset of UML meta-model concepts related to
UML class models, a model-to-model transformation
language (ATL(Eclipse Foundation, 2016b)) to cus-
tomize transformations, and the simple TagML; in-
stead of learning a language for the PIM (AUI or
IFML profile), a language for the PSM (CUI or Marks
for IFML profile), a M2M transformation language
(e.g. ATL) and a M2T transformation language (e.g.
Acceleo(Eclipse Foundation, 2016a) ).
Even though this approach is not as powerful as
traditional approaches, it is good enough to introduce
junior developers to get in touch with the technology.
As future works, we plan to conduct a user evaluation
to determine the learning curve in model-based devel-
opment of UIs when using this approach as a starting
point. We also plan to introduce new rules to cover
other UML class model patterns in order to generate
richer UIs.
REFERENCES
Blanckaert, J. (2015). Integrating the Interaction Flow
Modelling Language (IFML) into the Web Semantics
Design Method (WSDM). Master Thesis.
Brambilla, M. and Fraternali, P. (2014). Interaction Flow
Modeling Language. Elsevier, 1st edition edition.
Brambilla, M., Mauri, A., and Umuhoza, E. (2014). Extend-
ing the interaction flow modeling language (IFML)
for model driven development of mobile applications
front end. In Mobile Web Information Systems, pages
176–191. Springer International Publishing.
Calvary, G., Coutaz, J., and Thevenin, D. (2001). A unify-
ing reference framework for the development of plas-
tic user interfaces. LNCS, 2254:173–192.
Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouil-
lon, L., and Vanderdonckt, J. (2003). A unifying ref-
erence framework for multi-target user interfaces. In-
teracting with Computers, 15(3):289–308.
Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Sou-
chon, N., Bouillon, L., Florins, M., and Vanderdonckt,
J. (2002). Plasticity of user interfaces: A revised ref-
erence framework. In Proceedings of the First Inter-
national Workshop on Task Models and Diagrams for
User Interface Design. 18-19 July 2002, Bucharest,
Romania, pages 127–134.
Eclipse Foundation (2016a). Acceleo. https://eclipse.
org/acceleo/.
Eclipse Foundation (2016b). The Atlas Transformation
Language. https://eclipse.org/atl/.
Meixner, G., Calvary, G., and Coutaz, J. (2014). Introduc-
tion to model-based user interfaces.
Meixner, G., Patern
`
o, F., and Vanderdonckt, J. (2011). Past,
present, and future of model-based user interface de-
velopment. I-COM, 10(3):2–11.
Mellor, S. (2004). MDA Distilled, Principles of Model
Driven Architecture. Addison-Wesley Professional.
OMG (2003). Meta Object Facility (MOF) 2.0 core specifi-
cation. https://www.omg.org/spec/MOF.
OMG (2005). XML Metadata Interchange (XMI) Specifi-
cation version 2.5.1. https://www.omg.org/spec/
XMI.
OMG (2014). Model Driven Architecture (mda) mda guide
rev. 2.0. https://www.omg.org/mda/.
OMG (2015a). Interaction Flow Modeling Language ver-
sion 1.0. https://www.omg.org/spec/IFML/1.0/.
OMG (2015b). OMG Unified Modeling Language TM
(omg uml) version 2.5. https://www.omg.org/
spec/UML/2.5/.
Petrasch, R. (2007). Model based user interface de-
sign: Model driven architecture und HCI patterns TM.
Softwaretechnik-Trends, 27(3).
Tesoriero, R. (2017). TagML: Un lenguaje para generar
documentos basados en etiquetas. Technical report,
University of Castilla-La Mancha. .
Vanderdonckt, J. and Bodart, F. (1993). Encapsulating
knowledge for intelligent automatic interaction ob-
jects selection. pages 424–429.
IDEE 2018 - Special Session on Interaction Design in Educational Environments
808