A first draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications

Author(s):  
Francisco J. Martinez-ruiz ◽  
Jaime Munoz Arteaga ◽  
Jean Vanderdonckt ◽  
Juan M. Gonzalez-calleros ◽  
Ricardo Mendoza
Author(s):  
Sarra Roubi ◽  
Mohammed Erramdani ◽  
Samir Mbarki

<p><span lang="EN-US">A Rich Internet Applications (RIAs) combine the simplicity of the hypertext paradigm with the flexibility of desktop interfaces. These appliations were proposed as a solution to follow the rapid growth and evolution of the Graphical User Interfaces. However, RIAs are complex applications and their development requires designing and implementation which are time-consuming and the available tools are specialized in manual design. In this paper, we present a model driven approach to generat GUI for Rich Internet Application. The approach exploits the new language IFML recently adopted by the Object Management Group. We used frameworks and technologies known to Model-Driven Engineering, such as Eclipse Modeling Framework (EMF) for Meta-modeling, Query View Transformation (QVT) for model transformations and Acceleo for code generation. The approach allows to quickly and efficiently generating a RIA focusing on the graphical aspect of the application.</span></p>


Author(s):  
Francisco J. Martinez-Ruiz ◽  
Jean Vanderdonckt ◽  
Juan Manuel Gonzalez-Calleros ◽  
Jaime Muñoz Arteaga

Author(s):  
Sarra Roubi ◽  
Mohammed Erramdani ◽  
Samir Mbarki

<p><span lang="EN-US">A Rich Internet Applications (RIAs) combine the simplicity of the hypertext paradigm with the flexibility of desktop interfaces. These appliations were proposed as a solution to follow the rapid growth and evolution of the Graphical User Interfaces. However, RIAs are complex applications and their development requires designing and implementation which are time-consuming and the available tools are specialized in manual design. In this paper, we present a model driven approach to generat GUI for Rich Internet Application. The approach exploits the new language IFML recently adopted by the Object Management Group. We used frameworks and technologies known to Model-Driven Engineering, such as Eclipse Modeling Framework (EMF) for Meta-modeling, Query View Transformation (QVT) for model transformations and Acceleo for code generation. The approach allows to quickly and efficiently generating a RIA focusing on the graphical aspect of the application.</span></p>


2018 ◽  
Vol 21 (2) ◽  
Author(s):  
Guido Nuñez ◽  
Daniel Bonhaure ◽  
Magalí González ◽  
Nathalie Aquino ◽  
Luca Cernuzzi

Many Web applications have among their features the possibility of distributing their data and their business logic between the client and the server, also allowing an asynchronous communication between them. These features, originally associated with the arrival of Rich Internet Applications (RIA), remain particularly relevant and desirable. In the area of RIA, there are few proposals that simultaneously consider these features, adopt Model-Driven Development (MDD), and use implementation technologies based on scripting. In this work, we start from MoWebA, an MDD approach to web application development, and we extend it by defining a specific architecture model with RIA functionalities, supporting the previously mentioned features. We have defined the necessary metamodels and UML profiles, as well as transformation rules that allow you to generate code based on HTML5, Javascript, jQuery, jQuery Datatables and jQuery UI. The preliminary validation of the proposal shows positive evidences regarding the effectiveness, efficiency and satisfaction of the users with respect to the modeling and code generation processes of the proposal.


Rich Internet Applications (RIAs) are considered one kind of Web 2.0 application; however, they have demonstrated to have the potential to transcend throughout the steps in the Web evolution, from Web 2.0 to Web 4.0. In some cases, RIAs can be leveraged to overcome the challenges in developing other kinds of Web-based applications. In other cases, the challenges in the development of RIAs can be overcome by using additional technologies from the Web technology stack. From this perspective, the new trends in the development of RIAs can be identified by analyzing the steps in the Web evolution. This chapter presents these trends, including cloud-based RIAs development and mashups-rich User Interfaces (UIs) development as two easily visible trends related to Web 2.0. Similarly, semantic RIAs, RMAs (Rich Mobile Applications), and context-aware RIAs are some of the academic proposals related to Web 3.0 and Web 4.0 that are discussed in this chapter.


Model-Driven Development (MDD) tools for Rich Internet Applications (RIAs) development are focused on software modeling, and they leave automatic code generation in a second term. On the other hand, Rapid Application Development (RAD) tools for RIAs development enable developers to save development time and effort by leveraging reusable software components. AlexandRIA is a RAD tool that allows developers to automatically generate both source and native code of multi-device RIAs from a set of preferences selected throughout a wizard following the phases of a User Interface (UI) pattern-based code generation approach for multi-device RIAs. In this chapter, the use of the UI design process behind AlexandRIA is demonstrated by means of a sample development scenario addressing the development of a cloud services Application Programming Interfaces (APIs)-based cross-platform mobile RIA. This scenario is further revisited in a case study that addresses the automatic generation of an equivalent application using AlexandRIA.


Sign in / Sign up

Export Citation Format

Share Document