PDA

View Full Version : Using SVG as user interface for fast prototyping



benlau
8th January 2010, 07:28
Hi,

Currently there have few projects are working on to make SVG for use as user interface. The result can be a very fast prototyping tool for user interface design, and create very fancy user interface. The idea is simple. Designer create the interface by using their favour software , and tell the programmer the behaviour. Programmer just need to program the effect. They don't need to modify the SVG file.

For example, if the designer request a rectangle/image object to be moved from a place to another when any key is pressed. Programmer just need to query the object from the SVG , and assign a new location to the object.

Example project:
http://www.assembla.com/wiki/show/MadButterfly
http://svgup.sourceforge.net/

As Qt 4.6 introduced the new animation and state machine framework , it should be pretty easy for Qt to implement similar concept. But unfortunately the QSvgRenderer / QGraphicsSvgItem do not support DOM operation. Anybody think that it will be good to implement a new SVG module that support DOM access?

axeljaeger
8th January 2010, 12:01
Webkit supports both DOM manipulation and SVG. It might be worth looking into that.