JAVA FX
MOCHAMAD TAUFIK MULYADI
KNOWLEDGE SHARING
IT DEPARTMENT CSL GROUP
INTRODUCTION
JAVA FX?
JAVA + FLASH + FLEX
JAVA FX
JAVA FX?
• An API included in Java SE 7/8
For UI development
• The successor of Java Swing
WHY JAVA FX?
• Rich Internet Application that Cross platform:
• Windows, Mac & Linux Dev. Preview
• Familiar: 100% Java APIs with millions Library
• Easy to Develop even for Beginner
• Drag and Drop Application
• Only use Java Language Programming
• GUI Development with Cross Platform
WHY JAVAFX ?
 Productivity
– Rapid Application Development using Tooling (Netbeans and
SceneBuilder)
– Testing and…
– We are coding only in Java
User Interface
WHY JAVAFX ?
User Interface
 Capability
– Layouts built using WYSIWYG
– Control Set (Basic and Advanced)
– Eventing (e.g. Value Change Listeners, Thread State Listeners)
– CSS styling
WHY JAVAFX ?
FXML
VIEWS
 Screen Building using Scene Builder which
generates FXML
– Layout Containers
– Place Controls
– Associate Events
– Style
 Map to a Controller Class
FXML
Generates
Controller
Associate
JAVA PIONEERED RICH CLIENT APPLICATIONS
But developers had to learn multiple technologies
JAVAFX SIMPLIFIES APPLICATION DEVELOPMENT
Developers Focus on Capabilities Instead of Technologies
LEARN THE BASIC
MINIMUM STANDARD TOOLS FOR
EASY DEVELOPMENT
 NETBEANS, ECLIPSE, ORACLE JDeveloper
 JDK 7 or 8
 JDK 7 -> Java FX 2.2 (Separated Installer)
 JDK 8 -> JAVA FX 8 Included in Installer
 Scene Builder 1.0, 1.1, or 2.0
COMPONENT IN JAVA FX
 Containers
– Accordion, Anchor Pane, Stack Pane, Tab Pane, HBox, and VBox
 Controls
– Buttons, Choice Box, Combo Box, ImageView, WebView,
TextField, TextArea, Label…
 Shapes
– Rectangle, Circle, Arc, Ellipse, Line, Polygon, Text, Cubic Curve
 Charts
– Area Chart, Bar Chart, Scatter Chart, Pie Chart, Bubble Chart
SCENE BUILDER, FXML, AND
CONTROLLER
 Scene Builder
– Drag and Drop Application for Layout GUI
 FXML
– Script layout GUI that generated from Scene Builder
 Controller
– In Order FXML be dynamic content need Controller to
control components
HOW TO START?
HOW TO START?
 You can start with learn in Java FX Sample Demo
using Ensemble8 for jdk-8
 You can read the Book, Pros Java FX 2.0 by Jim
Greaver
RESOURCES
 JavaFX website: http://javafx.com
 Open source project
http://openjdk.java.net/projects/openjfx/
 Oracle Premier Support for Software
http://www.oracle.com/us/support/software/premier/
 Blogs
– http://fxexperience.com
– http://blogs.oracle.com/javafx
 Twitter: @javafx4you
DEMOS
CONTAINERS
CONTROLS
MEDIA
SHAPE
ANIMATION
THANK YOU

JavaFX Presentation

  • 1.
    JAVA FX MOCHAMAD TAUFIKMULYADI KNOWLEDGE SHARING IT DEPARTMENT CSL GROUP
  • 2.
  • 3.
    JAVA FX? JAVA +FLASH + FLEX JAVA FX
  • 4.
    JAVA FX? • AnAPI included in Java SE 7/8 For UI development • The successor of Java Swing
  • 5.
    WHY JAVA FX? •Rich Internet Application that Cross platform: • Windows, Mac & Linux Dev. Preview • Familiar: 100% Java APIs with millions Library • Easy to Develop even for Beginner • Drag and Drop Application • Only use Java Language Programming • GUI Development with Cross Platform
  • 6.
    WHY JAVAFX ? Productivity – Rapid Application Development using Tooling (Netbeans and SceneBuilder) – Testing and… – We are coding only in Java User Interface
  • 7.
    WHY JAVAFX ? UserInterface  Capability – Layouts built using WYSIWYG – Control Set (Basic and Advanced) – Eventing (e.g. Value Change Listeners, Thread State Listeners) – CSS styling
  • 8.
    WHY JAVAFX ? FXML VIEWS Screen Building using Scene Builder which generates FXML – Layout Containers – Place Controls – Associate Events – Style  Map to a Controller Class FXML Generates Controller Associate
  • 9.
    JAVA PIONEERED RICHCLIENT APPLICATIONS But developers had to learn multiple technologies
  • 10.
    JAVAFX SIMPLIFIES APPLICATIONDEVELOPMENT Developers Focus on Capabilities Instead of Technologies
  • 11.
  • 12.
    MINIMUM STANDARD TOOLSFOR EASY DEVELOPMENT  NETBEANS, ECLIPSE, ORACLE JDeveloper  JDK 7 or 8  JDK 7 -> Java FX 2.2 (Separated Installer)  JDK 8 -> JAVA FX 8 Included in Installer  Scene Builder 1.0, 1.1, or 2.0
  • 13.
    COMPONENT IN JAVAFX  Containers – Accordion, Anchor Pane, Stack Pane, Tab Pane, HBox, and VBox  Controls – Buttons, Choice Box, Combo Box, ImageView, WebView, TextField, TextArea, Label…  Shapes – Rectangle, Circle, Arc, Ellipse, Line, Polygon, Text, Cubic Curve  Charts – Area Chart, Bar Chart, Scatter Chart, Pie Chart, Bubble Chart
  • 14.
    SCENE BUILDER, FXML,AND CONTROLLER  Scene Builder – Drag and Drop Application for Layout GUI  FXML – Script layout GUI that generated from Scene Builder  Controller – In Order FXML be dynamic content need Controller to control components
  • 15.
  • 16.
    HOW TO START? You can start with learn in Java FX Sample Demo using Ensemble8 for jdk-8  You can read the Book, Pros Java FX 2.0 by Jim Greaver
  • 17.
    RESOURCES  JavaFX website:http://javafx.com  Open source project http://openjdk.java.net/projects/openjfx/  Oracle Premier Support for Software http://www.oracle.com/us/support/software/premier/  Blogs – http://fxexperience.com – http://blogs.oracle.com/javafx  Twitter: @javafx4you
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.