From Mockups to User Interface Models: An Extensible Model Driven Approach

Rivero, José Matías; Rossi, Gustavo; Grigera, Julián; Burella, Juan; Luna, Esteban Robles; Gordillo, Silvia

doi:10.1007/978-3-642-16985-4_2

Cited by 28 publications

(21 citation statements)

References 8 publications

Supporting

Mentioning

Contrasting

Unclassified

Order By: Relevance

“…H1 Figure 14A shows the measured WebApp development times, with time,our = 63.04 minutes and time,Ebase = 95. 17 minutes. The null hypothesis is time,our − time,Ebase = 0, that is, there is no significant difference between the 2 WebApp development times.…”

Section: Resultsmentioning

confidence: 99%

“…Thus, we discarded research prototypes (not stable enough for the average EU participants 14,23 ), tools relying on textual programming paradigms, 26,34 and those not supporting the generation of data-driven WebApps. 16,17 As a result of this selection process, we have chosen Ebase Xi since it is the one guaranteeing the best trade-off between usability and stability.…”

Section: Discussionmentioning

confidence: 99%

“…Indeed, only after a series of transformations, developers can obtain an executable WebApp prototype from the mockup. Similarly, the approaches proposed in the works of Coyette and Vanderdonckt 16 and Rivero et al 17 have exploited mockups only to generate code implementing the UI skeleton, whereas the rest of the application is implemented manually.…”

Section: Related Workmentioning

confidence: 99%

See 2 more Smart Citations

Enabling the generation of web applications from mockups

et al. 2018

View full text Add to dashboard Cite

Mockups are widely used to elicit and validate user requirements in web applications, and several intuitive tools have been developed in recent years, actively involving the end user in the requirements solicitation process. However, most current web development approaches and tools discard mockups after the information-gathering process, abandoning the opportunity to exploit underlying information in them for autogenerating functional web applications. To overcome this limitation, we have devised a method for deriving the database schema and the logic of the web application from the information contained within mockups. In particular, the method gathers clues on how to organize the data and the control flow of the web application by analyzing the structure and relationships of the widgets in the mockup. Based on the proposed method, we have implemented a tool supporting the generation of web applications abiding by the model-view-controller architectural pattern. The tool has been evaluated by involving several end users in the development of web applications for different domains. KEYWORDS business information systems, database, end-user development, human-computer interaction, mockups, web application modeling Softw Pract Exper. 2018;48:945-973.wileyonlinelibrary.com/journal/spe

show abstract

Section: Resultsmentioning

confidence: 99%

Section: Discussionmentioning

confidence: 99%

Section: Related Workmentioning

confidence: 99%

See 1 more Smart Citation

Enabling the generation of web applications from mockups

et al. 2018

View full text Add to dashboard Cite

show abstract

“…Finally, after a series of transformations, developers achieve their executable prototype. The mockup-based approaches presented in [31] and [9] merely generate code implementing the UI skeleton, while the rest of the application needs to be manually coded.…”

Section: Eud For Web Applicationsmentioning

confidence: 99%

A Tool Supporting End-User Development of Access Control in Web Applications

Caruccio

Deufemia

D’Souza

et al. 2015

Int. J. Soft. Eng. Knowl. Eng.

View full text Add to dashboard Cite

End-user development (EUD) is drawing an increasing attention due to the necessity of users to frequently extend and personalize their applications. In particular, EUD in the context of Web (EUDWeb) is focusing on technologies capable of supporting development tasks that the end-user feels more complex. However, although the specification and implementation of access control is perceived as a particularly complex task, little efforts have been made to support it within current EUDWeb environments. Thus, in this paper we propose an EUDWeb framework and tool for the specification and the generation of web applications embedding access control mechanisms. We extended a previous mockup-based EUDWeb approach, by introducing visual assistance mechanisms enabling the specification of role-based access control policies, and their integration within the application logic. The usability of the proposed framework has been evaluated by means of a user study, in which we have shown that a group of heterogeneous end-users could proficiently use the proposed framework to develop meaningful web applications, some of which including access control functionalities

show abstract

“…Another interesting idea is the model-driven way of importing user interface mockups into the real development process described in [11]. The implementation of this idea into our intended toolchain would really be nice to have.…”

Section: Related Workmentioning

confidence: 99%

Developing Enterprise Web Applications Using the Story Driven Modeling Approach

Eickhoff

Geiger

Hahn

et al. 2012

Current Trends in Web Engineering

View full text Add to dashboard Cite

Abstract. Today's browsers, tools and Internet connections enable the growth of Enterprise Web Applications. These applications are no longer page-based and designed using HTML code. Enterprise Web Applications bring the capabilities and concepts of traditional desktop applications to the browser. We are used to the development of desktop applications for years and have defined our own process to enable the full model-driven development of applications without source code. Using this process and its tools, we are able to define not only data models for traditional applications and generate code out of it. Combined with the story-driven modeling approach, we are able to design the logic of applications using models and generate fully functional code. To use our knowledge and tools as well as our usual process for the development of Enterprise Web Applications, we investigated our process and adapted it to the new needs. As result we propose a new development process that combines the needs of complex software development with the implementation of web user interfaces and control flows between these user interfaces. The process is a guideline to use models and tools for the development of complex Enterprise Web Applications including data model, behaviour and user interface.

show abstract

From Mockups to User Interface Models: An Extensible Model Driven Approach

Cited by 28 publications

References 8 publications

Enabling the generation of web applications from mockups

Enabling the generation of web applications from mockups

A Tool Supporting End-User Development of Access Control in Web Applications

Developing Enterprise Web Applications Using the Story Driven Modeling Approach

Contact Info

Product

Resources

About