A Model Driven Approach based on Interaction Flow Modeling Language to Generate Rich Internet Applications

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.

Download Full-text

A Model Driven Approach for generating Graphical User Interface for MVC Rich Internet Application

Computer and Information Science ◽

10.5539/cis.v9n2p91 ◽

2016 ◽

Vol 9 (2) ◽

pp. 91

Author(s):

Sarra Roubi ◽

Mohammed Erramdani ◽

Samir Mbarki.

Keyword(s):

User Interface ◽

Automatic Generation ◽

Distribution Model ◽

Font Size ◽

Modeling Framework ◽

Rich Internet Application ◽

Internet Applications ◽

Model Driven ◽

Desktop Interfaces ◽

Model Driven Approach

<span style="font-size: 10.5pt; font-family: 'Times New Roman','serif'; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: 宋体; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA;" lang="EN-US">Web applications have witnessed a significant improvement that exhibit advanced user interface behaviors and functionalities. Along with this evolution, Rich Internet Applications (RIAs) were proposed as a response to these necessities and have combined the richness and interactivity of desktop interfaces into the web distribution model. 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 new model driven approach in which we used well known Model-Driven Engineering (MDE) frameworks and technologies, such as Eclipse Modeling Framework (EMF), Graphical Modeling Framework (GMF), Query View Transformation (QVTo) and Acceleo to enable the design and the code automatic generation of the RIA. The method focus on simplifying the task for the designer and not necessary be aware of the implementation specification.

Download Full-text

Model-Driven Approach to develop Rich Web Applications

CLEI electronic journal ◽

10.19153/cleiej.21.2.4 ◽

2018 ◽

Vol 21 (2) ◽

Cited By ~ 1

Author(s):

Guido Nuñez ◽

Daniel Bonhaure ◽

Magalí González ◽

Nathalie Aquino ◽

Luca Cernuzzi

Keyword(s):

Code Generation ◽

Web Application ◽

Web Applications ◽

Application Development ◽

Internet Applications ◽

Architecture Model ◽

Model Driven ◽

Rich Internet Applications ◽

Preliminary Validation ◽

Model Driven Approach

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.

Download Full-text

A model driven approach to generate graphical user interfaces for Rich Internet Applications using Interaction Flow Modeling Language

2015 15th International Conference on Intelligent Systems Design and Applications (ISDA) ◽

10.1109/isda.2015.7489237 ◽

2015 ◽

Cited By ~ 3

Author(s):

Sarra Roubi ◽

Mohammed Erramdani ◽

Samir Mbarki

Keyword(s):

User Interfaces ◽

Graphical User Interfaces ◽

Modeling Language ◽

Flow Modeling ◽

Internet Applications ◽

Model Driven ◽

Rich Internet Applications ◽

Model Driven Approach

Download Full-text

Developing Semantic Rich Internet Applications Using a Model-Driven Approach

Lecture Notes in Computer Science - Web Information Systems Engineering – WISE 2010 Workshops ◽

10.1007/978-3-642-24396-7_16 ◽

2011 ◽

pp. 198-211 ◽

Cited By ~ 6

Author(s):

Jesús M. Hermida ◽

Santiago Meliá ◽

Andrés Montoyo ◽

Jaime Gómez

Keyword(s):

Internet Applications ◽

Model Driven ◽

Rich Internet Applications ◽

Model Driven Approach

Download Full-text

AlexandRIA

Advances in Web Technologies and Engineering - Frameworks, Methodologies, and Tools for Developing Rich Internet Applications ◽

10.4018/978-1-4666-6437-1.ch014 ◽

2014 ◽

pp. 303-322

Keyword(s):

Code Generation ◽

Automatic Generation ◽

Cloud Services ◽

Software Modeling ◽

Application Development ◽

Internet Applications ◽

Model Driven ◽

Rich Internet Applications ◽

Ui Design ◽

Automatic Code

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.

Download Full-text

A Model-Driven Engineering Approach for Defining Rich Internet Applications

Handbook of Research on Web 2.0, 3.0, and X.0 ◽

10.4018/978-1-60566-384-5.ch003 ◽

2010 ◽

pp. 40-58 ◽

Cited By ~ 1

Author(s):

Francisco Valverde ◽

Oscar Pastor ◽

Pedro Valderas ◽

Vicente Pelechano

Keyword(s):

Web 2.0 ◽

Code Generation ◽

Interaction Model ◽

Model Driven Engineering ◽

End User ◽

Internet Applications ◽

Model Driven ◽

Rich Internet Applications ◽

The One ◽

The Web

Web 2.0 applications emphasize the end-user involvement to provide the content. In this new scenario, an easy to use and a highly interactive user interface (UI) is a key requirement in order to appeal the end-user. The main objective of this chapter is to introduce a model-driven engineering process to create rich Internet applications (RIA) that address the requirements that a Web 2.0 application must fulfill. To achieve this goal, an interaction model made up of two complementary models is proposed: On the one hand, an abstract interaction model, which clearly defines the interactions between the user and the system and on the other hand, a concrete RIA interaction model that specifies the semantics needed to accurately define RIA for the Web 2.0 domain. Both models are introduced inside a model-driven code generation process with the aim of producing a fully functional Web 2.0 application. To illustrate the contribution of this chapter, the approach is applied in a case study related to the Web 2.0 domain.

Download Full-text

An Overview of RIAs Development Tools

Application Development and Design ◽

10.4018/978-1-5225-3422-8.ch005 ◽

2018 ◽

pp. 104-137

Author(s):

Giner Alor-Hernández ◽

Viviana Yarel Rosales-Morales ◽

Luis Omar Colombo-Mendoza

Keyword(s):

Code Generation ◽

Application Development ◽

Internet Applications ◽

Model Driven ◽

Rich Internet Applications ◽

Rapid Application Development ◽

Support Tools ◽

Integrated Development Environments ◽

Development Approach

Rich Internet Applications (RIAs) development has traditionally been addressed using framework-based development approaches (i.e., using application frameworks), which usually comprise tools such as Standard Development Kits (SDKs), class libraries, and Integrated Development Environments (IDEs). Nevertheless, another development approach that relies on Model-Driven Development (MDD) methodologies and tools has recently emerged as a result of the academic and commercial effort for alleviating the lack of development methodologies and support tools especially designed for the development of RIAs. In this chapter, a new classification of RIAs development approaches is proposed by introducing a third category: Rapid Application Development (RAD) approaches. Thereby, the chapter reviews not only IDEs for frameworks-based RIA development; it also addresses other support tools for MDD and RAD such as code generation tools. Additionally, the features, scope, and limitations of the analyzed tools are discussed by means of a series of usage scenarios addressing the RIAs implementation.

Download Full-text