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="Beasty">
        <fx:include fx:id="beast"
            source="beast/Beast.fxml" />
  </Tab>
Note that example uses sebipom, the super pom as given on the website of PRC2 topic, week 2. When using it to build JavaFX projects, make sure to activate the fx-profile, which will creates a executable jar with all the dependencies include, so you can run it everywhere where you have a Java virtual machine available.

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

GluonHQ sponsors SceneBuilder

1.2. Demo on how to use multiple controllers

Multiple controllers with JavaFX