XANUI: A TEXTUAL PLATFORM-INDEPENDENT MODEL FOR RICH USER INTERFACES
Keywords:
XANUI, OOH4RIA, User Interface Design, Model-Driven Development, Web EngineeringAbstract
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.
Downloads
References
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
(1999).
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
(2007).
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).
