JavaFX - Bringing rich Internet applications ...

JavaFX 1.2
Technical Introduction
Terrence Barr (terrence.barr@sun.com)
Senior Technologist and Community Ambassador
Sun Microsystems

A rich client platform for all screens

JavaFX Highlights
• Expressive rich client platform bringing
together web, scripting, media, and
Java
• Targets desktop, browser, mobile,
and entertainment with a unified
development and deployment model
• For (web) developers, designers, and creators
• Adds new dimensions to the Java platform
> Do cool stuff easily that was traditionally hard in Java
> Leverage the power and pervasiveness of Java
> Break from from the browser

2009 Sun Microsystems, Incorporated. All Rights Reserved.


Demos
- Effects Playground
- Photo Flockr
- Video Box



RIA Development: Web RIA or Java?

RI •Rich User Experience Web •Desktop focused, growing in Mobile
A •Secure sandbox App •Moderate User Experience, improving
•Ubiquity if player is available •Very limited access to
•Limited access to system/network capabilities
system/network capabilities (unless tied to specific browser)
•Proprietary •Trending to fragmentation (browsers,
APIs)

Java •Multiple screens/platforms
App •Proven security architecture
•Access to system & network
capabilities, deep integration
•Difficult to create rich User Experience
•Fragmented (e.g. media support)



RIA Development: Web RIA or Java?
Leverage Strengths, Address Limitations

RI Web Application
A
JavaFX, built on Java
• Ubiquity (desktop, web, mobile, TV)
• Proven security architecture
• Access to system & network capabilities
• Rich user experience and media
• Scripting, declarative UI
• Full browser integration, if desired
• “Break Free” from browser



What Can You Build
with JavaFX 1.2
• Cross-Browser Video playback
• Interactive and immersive
business applications
• Mash-ups with REST based
web services
• Cloud applications
• Applications that run across
the browser, desktop, mobile
and TV!



Demo
- Indaba Session Console



JavaFX 1.2
Architecture, Tools,
and Components



JavaFX 1.2 + Java Marketecture
JavaFX Applications and Services

JavaFX Apps Framework
Authoring
Tools
JavaFX JavaFX JavaFX
Desktop Mobile TV Developer
Runtime Runtime Runtime Tools
(IDE Plug ins, RAD,
Production Suite)
Desktop Mobile TV
Extensions Extensions Extensions Designer
Tools
JavaFX Common Profile (Authoring, Publishing,
Media Encoding)

Java Platform (Java Plug in)



JavaFX Components
• JavaFX Script - The Language
• JavaFX Runtimes: Desktop/Web, Mobile, TV
> 1.5 MB jar (700 KB packed), dynamically downloaded, cached, and
updated as necessary (i.e. “no-hassle deployment”)
• JavaFX Applications
> In jar file(s), loaded via class loader
> Standalone, via Java Web Start, as Applet, or mobile app
• JavaFX Tools
> FX Script compiler and runtime tools
> IDE plug-in, designer tools
> Graphics-, media-, web services-, and rich text libraries



Java 6 Update 10 - “Applets reloaded”
• New Java “Kernel”
> Componentized runtime – small modules loaded upon demand
> Faster download and install of modules
> Java QuickStarter: Faster cold-start, near-instant warm-start
• New Browser Plug-In
> Rewritten from scratch, new architecture (mostly in Java)
> Applets run in separate process - independent of the browser
– More control and reliability
> Rewrite of “LiveConnect” JavaScript bridge
– Interaction between browser (JavaScript) and Applet (Java) much
improved



Demos
- Video Box



JavaFX 1.2 Developer Tool Chain
Media Assets Assets Integrated Emulated By
Created By Transformed By Into IDEs (If Required)

Adobe
Illustrator
JavaFX
Plug-in
Adobe
for IDEs
Photoshop JavaFX JavaFX
Production Mobile
Suite JavaFX Emulator
On2 Flix Compiler
Encoders
(JavaFX File Format,
VP6 and MP3)

Adobe CS3
(Flash and 3rd Party
Flash Video,
JavaFX 1.5) RAD Tool
(Open
Source)



JavaFX 1.2 Plugin for NetBeans



Incorporate Existing Visual Assets with the
JavaFX Production Suite



JavaFX 1.2
Features and Language



JavaFX Common Profile Features
Components Features

Compiler and >SE 5 and CLDC Target
Languages

>Geometric shapes, lines, >Clip with arbitrary geometric shapes
curves, arc >Image masks
Graphics + Text >Transparency >Fullscreen support
>Gradient, color fill, texture >transforms (rotate, scale, skew)
>Stroke styles >True Type font rendering

>Base set of cross-platform UI >Cross-platform chart components
UI Control + Chart controls (button, slider, progress (area-, bar-, pie-, bubble chart, etc)
Components bar, label, radio button, etc.)



JavaFX Common Profile Features
Components Features
>Key frame animation >Standard animations
Animation with tweening (rotate, zoom, slide)
>Path-based animation

>Cross platform audio (mp3) >Volume and audio balance control
and video (On2) >Http + RTSP streaming with
>Codec native media framework buffering fxm file format (FLV subset)
Media support (DirectShow and
Core Video), play, pause, seek,
volume, balance, speed controls
>Web services (JSON/XML parser, RESTful APIs, RSS/ATOM)
>Persistent storage
Other
>Common text input control (CSS skinning)
>Input handling (keyboard, mouse, touch)


Cross-Platform UI Control + Chart Components



JavaFX Scenegraph

• Tree-like structure of graphical nodes
• Easy, platform-neutral way of vector graphics representation
Scene {
Group {
Rectangle,
Circle
javafx.scene.shape
}
} Rectangle

javafx.scene.shape
• Swing components can be Circle
embedded (on Desktop profile)



JavaFX Script - The Basics
• A powerful script programming language
> Domain-specific: Designed for creating rich user interfaces
> OO, statically typed, type inference, binding, sequences, timelines, ...
> Declarative style (object literals) reflects UI layout
> Functions are first-class objects
> Seamless interoperation with Java (shares same runtime)
• Built-in support for compelling graphics and media
> Adds compositional behavior on top of Java2D
> Easy and rich cross-platform graphics, animation, video & audio
• Compiles to run on high-performance Java runtimes



“Hello World” - Swing version
import javax.swing.*;

public class HelloWorldSwing {
public static void main(String[] args) {
JFrame frame = new JFrame("HelloWorld Swing");
final JLabel label = new JLabel("Hello, World");
frame.getContentPane().add(label);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.pack();
frame.setVisible(true);
}
}



“Hello World” - JavaFX version
import javafx.stage.*;
import javafx.scene.*;
import javafx.scene.text.*;

Stage {
title: "HelloWorld JavaFX"
scene: Scene {
width: 200
height: 50
content: Text {
x: 50, y: 20
content: "Hello, World"
}
}
}



Appetizer - Some JavaFX Script Language Features
• “HelloWorld”, animated
> Add timeline for animation
> Use binding to animate text position
> Add button and mouse event handler to trigger animation
> Use NetBeans “Realtime Preview” feature



JavaFX 1.2 Mobile



JavaFX Mobile Architecture

JavaFX Runtime
(Common API, SceneGraph, Media, Webservices)

Sun Java Wireless Client
(CLDC, MIDP 2.0, JSR 135)

Software OpenVG OpenGL-ES
Renderer

Mobile Device

Default Stack 2D Accelerated Stack 3D Accelerated Stack



JavaFX Mobile Overview
• Announced at Mobile World Congress 2009
> Mobile Handset Partners: LG Electronics, Sony Ericsson

• JavaFX 1.2 SDK
> JavaFX Mobile runtime for Common Platform
> JavaFX Mobile emulator (for Windows desktop)
> JavaFX Mobile for Windows Mobile 1.2 EA released 8/2009
• Choice of platform targets
> Create cross-platform applications using JavaFX Common Platform
> Leverage mobile-specific features using JavaFX Common Platform
– and/or JavaFX Mobile Elements
– and/or mobile-specific JSR APIs (e.g. location, sensor, ...)



Create and Deploy to Desktop, Browser, & Mobile
• Create with unified development
> Common tools
> Common code base
> Common programming paradigm
• Deploy at the touch of a button
> Desktop application Desktop
> Web Start
> Applet (in and out of browser)
> Mobile application (on emulator and phone)
Browser

Mobile


Demos
- Mosaic
- CloudDVR (video)



Wrap-Up



Wrapping Up
• Now, Java has it all
Volume of devices and platforms ✔
Large base of developers and content authors ✔
Expressiveness, compelling UI, and power ✔
Rapid application development ✔
Accessibility and wide range of tools ✔
Cross-platform ubiquity ✔

• See http://javafx.com for samples, videos, tools, docs, and tutorials


Thank You.
Terrence Barr (terrence.barr@sun.com)
Senior Technologist and Community Ambassador
Sun Microsystems

JavaFX - Bringing rich Internet applications ...

More Related Content

What's hot (20)

Viewers also liked (8)

Similar to JavaFX - Bringing rich Internet applications ... (20)

Recently uploaded (20)

JavaFX - Bringing rich Internet applications ...