Online Model Editing, Simulation and Code Generation for Web and Mobile Applications

Untitled

“…In the previous research, Bernaschina et al [9] developed UI Generator (IFMLEdit.org) to generate UI for website and mobile application using IFML and transform it to Nodejs-based UI using ALMOsT.js Framework [15]. Bernaschina et al [9] mapped IFML elements to JSON representation and transformed them into UI Code. Bernaschina et al [9] not transform all IFML element; they just transform ViewContainer, ViewComponent, Event, Action, and NavigationFlow.…”

“…Interaction Flow Modelling Language (IFML) can be used to represent the UI as an abstract UI Model [3,[6][7][8][9]. IFML consists of elements rep-resenting the UI elements and UI behaviour [2].…”

“…This research proposes an MDSE approach to develop the user interface for a website. Sboui et al [8] and Bernaschina et al [9] develop UI Generators to transform a UI model into UI code. Sboui et al [8] using Concrete User Interface (CUI) to model the UI and then transforms it into a UI code based on standard HTML and CSS.…”

“…Sboui et al [8] using Concrete User Interface (CUI) to model the UI and then transforms it into a UI code based on standard HTML and CSS. Bernaschina et al [9] develops UI-Generator to transform IFML into Nodejs-based UI, but only a few IFML notations can be transformed in this research, and they do not consider how to customize the UI. This research focuses on User Interface Development, so we developed a code generator called UI Generator that transforms IFML into User Interface code based on React.…”

Ontological approach to development of web-content generation method

“…In [8,9], the possibility of creating a user interface for various technologies based on the so-called «Model Driven Development» approach is considered, but the possibility of creating a database of already created UI elements to ensure their reuse was not considered.…”