Model-driven Development of Interactive Web User Interfaces with HTML5

Michael Huber, Philipp Brune

2013

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 implications are examined by means of a proof-of-concept example.

Paper Citation

in Harvard Style

Huber M. and Brune P. (2013). Model-driven Development of Interactive Web User Interfaces with HTML5 . In Proceedings of the 1st International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD, ISBN 978-989-8565-42-6, pages 249-252. DOI: 10.5220/0004311202490252

in Bibtex Style

@conference{modelsward13,
author={Michael Huber and Philipp Brune},
title={Model-driven Development of Interactive Web User Interfaces with HTML5},
booktitle={Proceedings of the 1st International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,},
year={2013},
pages={249-252},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0004311202490252},
isbn={978-989-8565-42-6},
}

in EndNote Style

TY - CONF
JO - Proceedings of the 1st International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,
TI - Model-driven Development of Interactive Web User Interfaces with HTML5
SN - 978-989-8565-42-6
AU - Huber M.
AU - Brune P.
PY - 2013
SP - 249
EP - 252
DO - 10.5220/0004311202490252