A User Interface Stereotype to Build Web Portals

Software Engineering for Web Systems domain is a complex process where reuse and productivity are desirable attributes. It involves, among other aspects, modeling user interface (UI) software and its binding to underlying applications business logic and process. Despite recent advances, UI engineering for this domain is still expensive, laborious, and error-prone. On the other hand, Model-Driven Development (MDD) has emerged as a paradigm to bridge reuse and productivity gaps by means of abstract models and automatic software generation through model transformations. However, model-based UI engineering (or MDD for UI) is still an emerging discipline. This paper applies a recent MDD for UI research advance, namely the UI Stereotype, to the UI engineering in the Web Systems domain. The UI Stereotype captures UI specificities, modeling recurrent UI presentation and behavior, abstracting users' interactions and tasks. We apply this concept to describe a Web Portal UI Stereotype as a recurrent interaction pattern that enables the automatic generation of many Web Portal UI components based on model-driven practices. This UI generation approach is compliant with recent advances in UI construction, such as Interaction Flow Modeling Language (IFML), a UI modeling language recently standardised by OMG. Moreover, our approach reduces Web Portals UI software development time-to-market, efforts and costs, contributing to both quality and productivity, and improving maintainability of Web applications.

[1]  Rocco Moretti,et al.  Model Driven Architecture (MDA) , 2007 .

[2]  Eelco Visser,et al.  Model-Driven Software Evolution: A Research Agenda , 2007 .

[3]  Thomas Memmel,et al.  Model-Based and Prototyping-Driven User Interface Specification to Support Collaboration and Creativity , 2008, J. Univers. Comput. Sci..

[4]  Arthur Tatnall.  Web Portals: The New Gateways to Internet Information and Services , 2004 .

[5]  Jesús Gallardo,et al.  CIAT-GUI: A MDE-compliant environment for developing Graphical User Interfaces of information systems , 2012, Adv. Eng. Softw..

[6]  Seffah Ahmed,et al.  Model-based user interface engineering with design patterns , 2007 .

[7]  Jean Vanderdonckt,et al.  Introduction to Computer-Aided Design of User Interfaces , 1999, CADUI.

[8]  Neville A. Stanton,et al.  Book preview , 2003, INTR.

[9]  Arnaud Blouin,et al.  Improving modularity and usability of interactive systems with Malai , 2010, EICS '10.

[10]  Renata Pontin de Mattos Fortes,et al.  Web communication and interaction modeling using model-driven development , 2009, SIGDOC '09.

[11]  Walter Abrahão dos Santos,et al.  A Knowledge-Based and Model-Driven Requirements Engineering Approach to Conceptual Satellite Design , 2009, ER.

[12]  Jesús García Molina,et al.  An Architecture-Driven Modernization Tool for Calculating Metrics , 2010, IEEE Software.

[13]  Christopher G. Lasater,et al.  Design Patterns , 2008, Wiley Encyclopedia of Computer Science and Engineering.

[14]  Philip J. Barnard,et al.  THE HANDBOOK OF TASK ANALYSIS FOR HUMAN-COMPUTER INTERACTION , 2003 .

[15]  Martin White,et al.  Enterprise information portals , 2000, Electron. Libr..

[16]  Hermann Kaindl,et al.  Fully-automatic generation of user interfaces for multiple devices from a high-level model based on communicative acts , 2007, HICSS.

[17]  Jean Vanderdonckt,et al.  Model-Driven Engineering of User Interfaces: Promises, Successes, Failures, and Challenges , 2008 .

[18]  Juliano Lopes de Oliveira,et al.  User Interface Stereotypes: A Model-Based Approach for Information Systems User Interfaces , 2014 .

[19]  Jean Vanderdonckt,et al.  A Unifying Reference Framework for multi-target user interfaces , 2003, Interact. Comput..

[20]  Jacob Eisenstein,et al.  Towards a general computational framework for model-based interface development systems , 1998, IUI '99.

[21]  Cyril S. Ku,et al.  Design Patterns , 2008, Wiley Encyclopedia of Computer Science and Engineering.

[22]  Chang-Mog Lee,et al.  User Interface Prototype Generation Technique Supporting Usage-Centered Design , 2009, Int. J. Softw. Eng. Knowl. Eng..

[23]  Jean Vanderdonckt,et al.  A MDA-Compliant Environment for Developing User Interfaces of Information Systems , 2005, CAiSE.