Tutorial Videos on GUI Applications Using JavaFXML
Notes: | a) Click on the “Play” arrow at the bottom left to start it. b) You can increase the size of the video by either: i) clicking on the small button at the bottom right. ii) right clicking on the video and selecting the option “Open Video in New Tab”. |
Video #01: Installing Scene Builder from Gluon
Description: This video explains how to install Scene Builder application. Scene Builder is a useful tool when creating JavaFXML GUIs. This video shows how to download, install, connect with NetBeans, and finally create and run a small sample GUI to check that everything is working as expected. |
|
Video #02: An Overview of JavaFXML Project Files
Description: This video explains the basic three files that most of your JavaFMXL projects will have in NetBeans. It makes an analogy between a GUI application and a Car radio for better understand of the concepts (hopefully). |
|
Video #03: Going deeper in the Basic Sample Code
Description: This video explains in more details the Sample Code created in Video 01. It shows how an event such as a an event as a click in the button in the GUI side makes the JVM call a method in the code side (the listener method). It also shows how GUI components are referenced in the code side by using the @FXML tags |
|
Video #04: Adding more GUI components
Description: This video shows how one can add more GUI elements in the Scene Builder. It shows how important is the use of fx:id as the component identifier and how to connect this GUI components with the Java source code (the controller class). |
|
Video #05: Great resources in JavaFXML and How to run your application outside NetBeans
Description: This video shows you two URL sites that have lots of great examples on how to use a large number of different GUI components, such as drop-down lists, table, and even 2D plots. This video also explains how to run your JavaFXML application outside NetBeans, i.e., how to deploy your application to the World!. |
|
Video #06: The lab project for the week of March 21, 2017
Description: This video describes the project that you have to do for the March 21st week lab. This project shall use the Java FXML technology for creating and handling the GUI input. Additional credit will be given if you can make the plot work, however it is not necessary to do so. Test your code with different coefficients that results in two, one, and no real solutions. |
|
Video #07: The lab project for the week of March 26, 2017
Description: This video describes the project that you have to do for the March 26th week lab. This project shall use the Java FXML technology for creating and handling the GUI input. In this lab you will use a recursive method to compute the sine series and plot your calculations against the Math.sin() method in the same plot, for different angles and series terms. |