Authors:
Michael Huber
and
Philipp Brune
Affiliation:
University of Applied Sciences Neu-Ulm, Germany
Keyword(s):
Model-dModel-driven Web Application Development, Model Transformation, Code Generation, Metamodeling, Rich Web UI.
Related
Ontology
Subjects/Areas/Topics:
Frameworks for Model-Driven Development
;
Methodologies, Processes and Platforms
;
Model Transformations and Generative Approaches
;
Model-Driven Software Development
;
Model-Driven Systems Engineering
;
Software Engineering
Abstract:
Graphical user interfaces (GUI) of modern web applications offer a look-and-feel comparable to desktop applications, mainly by using JavaScript or other Rich internet Applications (RIA) technologies. With W3C's upcoming HTML5 standard, even more powerful concepts for browser-side GUI programming are introduced, e.g. the $<$canvas$>$-tag. Model-driven development of web applications and RIA has been studied for many years. However, all existing approaches for model-driven web and RIA development focus on entire web-pages. With the increasing complexity of modern web GUIs, the model-driven development of GUI components itself comes into focus. Therefore, in this paper a method is proposed for the model-driven development of interactive, JavaScript-based GUI components based on the $<$canvas$>$-tag. Using a metamodel based on an UML 2.0 profile, the approach is usable together with existing UML-based methods or standalone. The implementation is described and its feasibility and implicat
ions are examined by means of a proof-of-concept example.
(More)