Brasato screenshots

Brasato in standard web 1.0 mode

Note the "dev-tool" link on the top and to the left which allows you to open the integrated debug tool

Brasato in ajax web 2.0 mode with highlighting turned on

The yellow flashes indicate which areas of the screen have just been updated.

Debug mode with component tree

The debug information shows you that the area with the yellow background on the left side is a panel named "content_A" with a child "vc_sample" in it, which is a velocitycontainer and "reports" to the SimpleDemoController.

Debug mode with controller's components

Here you can see that the area with the yellow background belongs to the controller "ch.goodsolutions.demo.basics.SimpleDemoController".

This controller created the component and its children and listens to events from those components. It can also let subcontrollers create components and add it into its render tree (=its screen part)

Debug mode for on-the-fly-development

You can translate online (red "T"s), or edit HTML-Templates online (click on the velocity: link in the blue area), or even open the according Java source code in your IDE (help wanted for Eclipse plugin experts to listen on a localhost socket and then open a file!!)