Pieter van den Hombergh v1.0 2017-02-14

1. Wire Frame

Wire frames are the traditional name for GUI lookalikes in the analysis phase of a project. The picture and possibly the navigation is there, but the functionality is not. You use such model to present the prototype to the customer in an early phase.

There are tools to make such wire frames, but we want to minimise the number of new tools in this project. That why we want you to use SceneBuilder to design your GUI prototypes. The rationale is that you gain experience with this tool and the technology.

1.1. Prototype only, no coding yet.

Mind that you do not use this as an excuse to start hacking. You should not yet start programming in Java, or at least keep the controllers to a minimum. Actually you do not need to write any Java at all. The fxml files are just sufficient.

To get you started, we have provided a small example project called tabbedincludes. This does not imply that you must make a tabbed pane GUI implementation, but just to show the technology.

fxml include example snippet
<Tab text="Tab1">
           <fx:include fx:id="tab1Content"
                       source="Tab1Content.fxml" />
 </Tab>

You can find SceneBuilder (current is 8.3.0) at the GluonHQ website

GluonHQ sponsors SceneBuilder