By Topic

Case study: QML for the web

Sign In

Cookies must be enabled to login.After enabling cookies , please use refresh or reload or ctrl+f5 on the browser for the login options.

Formats Non-Member Member
$33 $13
Learn how you can qualify for the best price for this item!
Become an IEEE Member or Subscribe to
IEEE Xplore for exclusive pricing!
close button

puzzle piece

IEEE membership options for an individual and IEEE Xplore subscriptions for an organization offer the most affordable access to essential journal articles, conference papers, standards, eBooks, and eLearning courses.

Learn more about:

IEEE membership

IEEE Xplore subscriptions

2 Author(s)
Lauri Paimen ; Department of Software Systems, Tampere University of Technology, Tampere, Finland ; Pietu Pohjalainen

QML is a declarative programming language for defining user interfaces with advanced animation effects. A QML application consists of element declarations for structuring the user interface, and Javascript code for defining the application and animation logic. QML is used mainly for defining user interfaces of Qt applications, but it can be used also for writing standalone applications. This paper presents an approach that allows QML applications to run in a standard web browser. The chosen approach was to reimplement the QML execution engine by writing a QML parser and execution engine in Javascript to render the application to a HTML5 Canvas element. We discuss our implementation techniques for QML property bindings and for redefining variable scope in Javascript. For demonstrating the results, we executed two simple QML applications in a web browser, and gathered preliminary performance benchmark of the engine. In our measurements we found that with a good Javascript-engine, it is possible to achieve reference 60 fps speed of QML applications in a non-trivial case.

Published in:

2011 13th IEEE International Symposium on Web Systems Evolution (WSE)

Date of Conference:

30-30 Sept. 2011