JavaFX introduction + What's new in Java 6 Update 10. Presented at JavaEdge 2008 by Yoav Aharoni

2. 2
So What Does the Future Holds?
• Basically, everything just got better:
• A better way to write UI applications.
• A better way to run and deploy UI
applications.

4. 4
Why make things better?
• Frankly, java UI as it is today has a lot
to improve.
• Things you’ll never hear from a UI
developer:
 “Writing UI is so easy and fun!"
 “I like writing swing applications ”

5. 5
Other RIA Players
• Other Players got that point.
• Key players in RIA arena are:
 Adobe AIR, Flex, Flash
 Microsoft SilverLight
 OpenLaszlo
RIA is
Rich Internet Applications

6. 6
Enter the Dragon
• And Now a new Player is coming:
 Sun’s JavaFX

7. 8
JavaFX Script
• The main thing about JavaFX is the
way you write your code, Introducing:
 JavaFX Script – a new scripting
language designed especially for UI
needs.

8. 9
JavaFX
• Actually it’s more than that: It’s a family
of products for creating rich internet
applications.
Tools
Stuff you
can do
Runs on
JVM

9. 10
JavaFX Script IS NOT...
• JavaFX is not Java.
• JavaFX is not a dynamic language
(unlike Groovy).
• JavaFX is not part of the Java EE.
• JavaFX doesn’t replace JavaScript
and HTML.

10. 11
JavaFX Script IS
• JavaFX Script is:
• A scripting language
• DSL aimed at coding UI
• Statically typed
• Object-oriented
• With global variables
• Declarative
Uses a scene
graph model

11. 12
Some History
• Developed by Chris Oliver
• Announced at JavaOne 2007
• Formerly known as F3
(Forms Follow Function)
• SDK Released at December 4, 2008

12. 13
Advantages over other players
• It’s Open Source
• Runs on JVM
 Cross platform
 Reuse any Java code already out there.
 Performance.
Which just got even
better...

13. 14
Advantages over other players
• It’s Open Source
• Runs on JVM
 Cross platform
 Reuse any Java code already out there.
 Performance.
Chris Oliver measured:
• Statically typed ActionScript
outperformed by a factor of 12
• Dynamically typed ActionScript
outperformed by a factor of 65.

14. 15
Advantages over other players
• It’s Open Source
• Runs on JVM
 Cross platform
 Reuse any Java code already out there.
 Performance.
JavaOne 2006 statistics:
• ~300,000,000 java downloads
• Installed on over 60% of PC.

15. 16
Advantages over other players
• Utilize the new Java browser plug-in.
• Designer Tools
• SDK and IDE plug-ins
• Built-in Video & Audio Support
• Cool language features
Got better...
Remember? A better way to
write UI applications...

16. 17
Disadvantages
• Still in it’s early stages.
 Communities and libraries are only just
starting.
 Plug-ins still buggy and not fully
featured.
• Client-Side solution only. J2EE
technology needed for backend.

17. 18
Currently Available Tools
• JavaFX SDK 1.0
• OpenJFX Compiler
• IDE Plug-ins:
 Netbeans
 Eclipse
 IntelliJ IDEA (Currently not a good one)
• JavaFX Pad
Javafx
Javafxc
Javafxdoc
Javafxpackager
emulator

18. 19
Currently Available Tools
• JavaFX SDK 1.0
• OpenJFX Compiler
• IDE Plug-ins:
 Netbeans
 Eclipse
 IntelliJ IDEA (Currently not a good one)
• JavaFX Pad

19. 20
Currently Available Tools
• Designer Tools:
 JavaFX Production Suite
 Inkscape JavaFX Module
 JavaFX Builder
• Libraries:
 WidgetFX
 JFXtras
Aka
Project Nile

21. 22
JavaFX: The Cool Stuff
Attributes
• An attribute is a variable that is associated with an object
• Declared using the “var” keyword
• Access Modifiers: protected, public, package, public-init,
public-read
class Person {
var key: Number;
public var name: String;
public-init var parent: Person;
public var children: Person;
}

22. 23
JavaFX: The Cool Stuff
Objects Literals
• Member variables are initialized explicitly
• Object literals can be nested
class Point {
var x: Number;
var y: Number;
}
var pointA = Point { x: 3, y: 4 };
def ZERO_POINT = Point { x: 0, y: 0 };

23. 24
JavaFX: The Cool Stuff
Declarative GUI
...
Stage {
title: "Example"
width: 500
height: 300
scene: Scene {
content: Text {
x: 100, y: 126
content: "Hello, World."
font: Font {
size: 48
}
}
}
}

24. 27
JavaFX: The Cool Stuff
Reuse Java and Swing
• Import any java classes
• Use SwingComponent.wrap to wrap any swing component.
import javafx.ext.swing.*;
var map = SetupMap.create();
map.setPreferredSize(new java.awt.Dimension(400,300));
var mapComp = SwingComponent.wrap(map);
Show Demo

25. 28
JavaFX: The Cool Stuff
Arrays: Sequence Types
• All types can be elements in a sequence
• Sequence of sequences is not supported
• Sequences cannot hold null elements
var points: Point[]; // sequence of Point
var funcs: function()[] =
[function() { println("Hi") }]; // sequence of function()

26. 29
JavaFX: The Cool Stuff
Sequence Manipulations
• Use insert, delete and reverse to manipulate content
var nums = [1, 4, 2, 8, 5, 7];
insert 10 into nums; // [ 1, 4, 2, 8, 5, 7, 10 ]
insert 20 before nums[2]; // [ 1, 4, 20, 2, 8, 5, 7, 10 ]
insert 30 after nums[5]; // [ 1, 4, 20, 2, 8, 5, 30, 7, 10 ]
delete 8 from nums; // [ 1, 4, 20, 2, 5, 30, 7, 10 ]
delete nums[3]; // [ 1, 4, 20, 5, 30, 7, 10 ]
delete nums[1..4]; // [ 1, 7, 10 ]
var seq = [1 2 3];
var qes = reverse seq;
println(seq); // => [ 1, 2, 3 ]
println(qes); // => [ 3, 2, 1 ]

27. 30
JavaFX: The Cool Stuff
Range expression
• Explicit sequence – for every type
• Range – only for numeric
• Uninitialized: empty sequence [ ]
var oneTwoThree = [1, 2, 3]; // => [ 1 2 3 ]
var oneToTen = [1..10]; // => [ 1 2 3 4 5 6 7 8 9 10 ]
var oneToNine = [1..<10]; // => [ 1 2 3 4 5 6 7 8 9 ]
var odds = [1..10 step 2]; // => [ 1 3 5 7 9 ]
var reversed = [5..1 step -1]; // => [ 5 4 3 2 1 ]

28. 31
JavaFX: The Cool Stuff
Built-in “Queries”
• “in” clauses – iteration specifications used in “for” expressions
• Can have “where” clauses that constrain the selection
var xs = [0..2];
var ys = [0..2];
var ps = for (x in xs, y in ys where x*x+y*y <= 4) {
Point { x: x, y: y }
};
// => [ P(0,0), P(0,1), P(0,2), P(1,0), P(1,1), P(2,0) ]
var nums = [1..5];
var numsGreaterThanTwo = nums[n | n > 2];

29. 32
JavaFX: The Cool Stuff
String Parameters Replacement
• JavaFX expressions may be embedded using { }
• The embedded expression may itself contain quoted strings
var name = 'Joe';
var s = "Hello {name}"; // s = ‘Hello Joe’
var answer = true;
// s = 'The answer is Yes'
var s = "The answer is {if answer then ‘Yes’ else ‘No’}";

30. 33
JavaFX: The Cool Stuff
Function as parameter / Closures
function visit(nodes:Object[],
visitNode:function(Object):Void):Void {
for (node in nodes) {
visitNode(node);
}
}
// print nodes => 1 2 3
visit([1, 2, 3], function(node) {
print(" {node} ")
});

31. 34
JavaFX: The Cool Stuff
Data Binding
• Change value of a variable when its binding changes
• Similar to listener / observer pattern
• Can be bi-directional
var x = 10;
var y = bind x;
println(" x = {x}, y = {y}"); // => x = 10, y = 10
x = 20;
println(" x = {x}, y = {y}"); // => x = 20, y = 20
var x = 10;
var y = bind x with inverse;
y = 20;
println(" x = {x}"); // => x = 20

32. 35
JavaFX: The Cool Stuff
Data Binding - continued
• Right-hand side of a binding can be an arbitrary expression
• An automatic update of the left-hand variable is triggered if any
of the variables mentioned in the right-hand side expression is
changed
var x = 1;
var y = 2;
// z is updated when x or y change
var z = bind x * x + y * y;
// w is updated when x or y change
var w = bind sumOfSquares(x, y);

33. 37
JavaFX: The Cool Stuff
Triggers
• A replace trigger is automatically executed when the variable is
assigned another value
var password = "foo" on replace oldValue {
println("nALERT! Password has changed!");
println("Old Value: {oldValue}");
println("New Value: {password}");
};
password = "bar";
var entries = [1] on replace oldValue[idxA..idxB] = newElement {
println("replaced {oldValue} at {idxA} with {entries[idxA]}");
};

34. 38
JavaFX: The Cool Stuff
• Cool Types:
 Duration
 KeyValue
var age :Duration = 5ms;
values: [
scale => -1.0 tween Interpolator.EASEBOTH
color => Color.GREEN
]

35. 40
JavaFX: The Cool Stuff
Animation
// declare variables
var scale = 1.0;
var color = Color.YELLOW;
// create timeline
Timeline {
repeatCount: Timeline.INDEFINITE
keyFrames: [
KeyFrame {
time: 3s
values: [
scale => -1.0 tween Interpolator.EASEBOTH
color => Color.WHITE
]
}
}

36. 41
What more you can do with it
• See JavaFX.com for more demos

38. 43
JavaFX Mobile
• Mobiles are still the most ubiquitous
application platform.
• Over 1.8 billion mobile phones
• Other embedded devices
– PDAs
– TV set-top boxes
– Printers
– Web cams
– Portable game consoles
– Car navigation systems
– Lottery terminals
– Medical devices
– Parking payment stations
– Vending machines

39. 44
The MSA Stack (JSR 248 & 249)
JSR 177
Security &
Trust services
JSR 229
Payments
Security &
Commerce
JSR 135
Mobile Media
JSR 184
3D Graphics
JSR 226
SVG
JSR 234
Multimedia
Supplements
Graphics
JSR 238
Mobile I18n
JSR 172
Web Services
JSR 211
Content
Handler
Application
Connectivity
JSR 120
SMS
JSR 82
Bluetooth
JSR 205
MMS
JSR 180
SIP
Comms
JSR 75
PIM & File
JSR 179
Location
Personal
Information
JSR 118, 271
MIDP
JSR 248
MSA
clarifications
JSR 139
CLDC
Environment JSR 218
CDC
44

40. 45
JavaFX Mobile Overview
Frameworks
Application APIs
UI Toolkit
Application Manager
Advanced Graphics Engine
Telephony Framework
Multimedia Framework
Software Update
Security Framework
System Libraries
Java VM
Applications
Messaging
Browser
Media Player
PIM & Phone Apps
Native OS
Low-Level Services
& Libraries
Linux Kernel
45

41. 46
Run and deploy UI applications.
• So we can build great UI applications
with JavaFX.
• What about deployment at the client?
• As before: using Applets
and Web Start Applications
• Only better! Applets Resurrected

43. 48
Java 6 Update 10
• More new features than in any previous
Java update release

44. 49
Java 6 Update 10
• Faster First Time Installation:
 Smaller download size
 Faster installation
Java Kernel Online Installer

45. 50
Java 6 Update 10
• Better Performance:
 Java Quick Starter
 Windows uses DirectX (9)
• Better Updates:
 Patching
• New “Nimbus” Look and Feel
• Much Better Browser Plug-in

46. 51
Java 6 Update 10
• Better Performance:
 Java Quick Starter
 Windows uses DirectX (9)
• Better Updates:
 Patching
• New “Nimbus” Look and Feel
• Much Better Browser Plug-in

47. 52
New Java Browser Plug-in
• Improved reliability
• Improved Applet/JavaScript
communication
• Access DOM of containing page
• Drag n’ drop support
• JNLP support

48. 53
New Java Browser Plug-in
• Per-applet command-line arguments
• Multiple JRE version support
• Better large heap support
• Deployment Toolkit
• Loading Screen image
• Cross-Domain XML Support

50. 55
Reference
• JavaFX
 www.javafx.com
 www.sun.com/software/javafx/
 java.sun.com/javafx/
 openjfx.dev.java.net/
 jfx.wikia.com/
 learnjavafx.typepad.com/ - James Weaver’s Blog
 blogs.sun.com/ChrisOliver/ - Chris Oliver's Blog
 widgetfx.org/
 code.google.com/p/jfxtras/
• Java 6 Update 10
 java.sun.com/developer/technicalArticles/javase/java6u10/
 java.sun.com/javase/6/webnotes/6u10.html
• Jake2 - bytonic.de/html/jake2.html

51. 56
Play Time!