• JESÚS M. HERMIDA European Commission, Joint Research Centre (JRC)
  • SANTIAGO MELIÁ Department of Software and Computing Systems, University of Alicante, Spain
  • ANTONIO ARIAS Department of Software and Computing Systems, University of Alicante, Spain


XANUI, OOH4RIA, User Interface Design, Model-Driven Development, Web Engineering


In recent years, several model-driven proposals have defined user interface models that can represent both behavioural and aesthetic aspects. However, the software industry has ignored the majority of these proposals because the quality of the rich user interfaces generated out of these models is usually low and their code generators are not flexible, i.e., the UI templates cannot be customised easily. Furthermore, these proposals do not facilitate the separation between the visual design of the UI, normally performed by graphic designers in the industry, and the visualisation of data, which has been previously modelled using another domain-specific language. This paper proposes a new textual domain-specific language called XANUI, which could be embedded in XML-based UI pages, e.g., HTML or XML. The designed language provides the mechanisms to bind visual components with data structures already existing, and to define the behaviour of these components based on events. In this paper, XANUI is integrated in two OOH4RIA development processes, i.e., the traditional data-intensive and the new design-first process, thus reusing the OOH4RIA models and transformations to generate a complete rich Internet application for any platform or device. In order to validate this approach, the XANUI solution is applied to the development of a RIA with two UI types: a) the administration view of a Web application using HTML5 and AngularJS, and b) a catalogue application for e-Commerce using Windows RT in a Tablet PC.



Download data is not yet available.


Abrams, M., Phanouriou, C., Batongbacal, A. L., Williams, S. M. and Shuster, J. E. UIML: an

appliance-independent XML user interface language. Computer Networks, 31(11), 1695-1708


Berti, S., Correani, F., Mori, G., Paternó, F. and Santoro, C., TERESA: A Transformation- Based

Environment for Designing Multi-Device Interactive Applications. In proceedings of CHI 2004,

CHI 2004 extended abstracts on Human factors in Computing Systems. (New York, 2004)

Boedcher, A., Mukasa, K. and Zuehlke, D., Capturing Common and Variable Design Aspects for

Ubiquitous Computing with MB-UID. In proceedings of the MDDAUI 2005, held with MoDELS

(Jamaica, 2005)

Bozzon, A., Comai, S., Fraternali, P. and Carughi, G.T., Conceptual modeling and code

generation for rich internet applications. In proceedings of the ICWE 2006 (New York, 2006).

Brambilla, M., IFML: Building the Front-End of Web and Mobile Applications with OMG’s

Interaction Flow Modeling Language. In proceedings of the ICWE 2014 (Toulouse, 2014)

Buschmann, F., Meunier, R., Rohnert, H., Sommerlad, P. and Stal, M. Pattern-Oriented Software

Architecture, Volume 1: A System of Patterns. Wiley, 1996.

Casteleyn, S., Garrigós, I. and Mazón, J. Ten Years of Rich Internet Applications: A Systematic

Mapping Study, and Beyond. ACM Transactions on the Web, 8(3), 1-18 (2014)

Fowler, M. Patterns of enterprise application architecture. Addison-Wesley, 2002.

Fraternali, P., Comai, S., Bozzon, A. and Toffeti Carughi, G. Engineering rich internet

applications with a model-driven approach. ACM Transactions on the Web, 4. 1-47 (2010).

Gómez, J., Cachero, C. and Pastor, O. Conceptual Modeling of Device-Independent Web

Applications. IEEE MultiMedia, 8. 2-39 (2001).

Limbourg, Q., Vanderdonckt, J., Michotte, B., Bouillon, L. and López-Jaquero, V. USIXML: a

language supporting multi-path development of user interfaces. In Bastide, R., Palanque, P. and

Roth, J. eds. Engineering human computer interaction and interactive systems, Springer Berlin

Heidelberg, 2005, 200-220.

Linaje Trigueros, M., Preciado, J.C. and Sánchez-Figueroa, F. Engineering Rich Internet

Application User Interfaces over Legacy Web Models. IEEE Internet Computing 11, 53–59


Meliá, S., Gómez, J., Pérez, S. and Díaz, O., 2008. A model-driven development for GWT-based

rich Internet applications with OOH4RIA. In proceedings of the ICWE 2008 (New York, 2008).

Meliá, S., Gómez, J., Pérez, S. and Díaz, O., Architectural and technological variability in Rich

Internet Applications. IEEE Internet Computing 14, 24–32 (2010).

Pérez, S., Díaz, O., Meliá, S. and Gómez, J. Facing interaction-rich RIAs: The orchestration

model. In proceedings of the ICWE 2008 (New York, 2008).

Preciado, J.C., Linaje, M. and Sanchez-Figueroa, F. Enriching model-based web applications

presentation. Journal of Web Engineering, 7(3). 239-256 (2008)

Rivero, J. M., Grigera, J., Rossi, G., Luna, E. R. and Koch, N., Improving Agility in Model-

Driven Web Engineering. In Proceedings of the CAiSE Forum (2011).

Robles, E., Grigera, J. and Rossi, G., Bridging test and model-driven approaches in web

engineering. In proceedings of the ICWE 2009 (San Sebastian, 2006).