Monday, September 3, 2012

WireframeSketcher as UI DSL

Many software development team have some tools to draw wireframes to describe its upcoming application how to interact with human-users. But this way just provides UI developers roughly feelings about application designed by designers, and it doesn't improve development speed.

In this blog, I will introduce a UI prototype code generation tool.

If you don't know what the DSL is, please visit Domain-specific language.

At first, we should get Wireframe Sketcher Studio. There is an example to demonstrate using wireframe sketcher to generate extjs4 UI prototype.
And use the the wsc (Wireframe Sketcher Compiler) to compile .screen file to generate extjs4 source code. This project will be put on github.com soon.

And the generated page is this below:

 That's all. This project is under development. And will support Dojo, JQuery.

2 comments:

  1. Christian, it sounds like an interesting project. Let me know if I can be of help.

    Peter (of WireframeSketcher)

    ReplyDelete