1. Client side technologies
JavaFX
Dennis Kirch, Bao Loc Nguyen Ngo, Nicolas Osterloh,
Torsten Sehy, Stephan Wels
Web Technologies – Prof. Dr. Ulrik Schroeder – WS 2010/111
The slides are licensed under a
Creative Commons Attribution 3.0 License
2. Overview
Web Technologies2
Introduction
Orientation
Concept
Examples
Video Puzzle
Winter Olympics App
Creating a Project
Programming basic
JavaFX in NetBeans
Browser integration
Live Coding
Future Development
JavaFX 2.0
Conclusion
6. Program Structure
Scripting language JavaFX Script.
Object oriented.
Multiple inheritance possible.
GUI-design with JavaFX Script or CSS.
Event driven interaction.
Program logic based on state machine
NetBeans IDE Feature.
Individual logic-layer for each state.
Time triggered state change.
Code induced state change.
Web Technologies6
7. Technical Details
Compiler creates Java Byte Code.
Platform independence
JavaVM installed on 75% of all Desktop-Computers.
Proven and tested Runtime Environment.
Multiple website-embedding techniques
Java Web Start
Java Applet
Interaction with Website
JavaScript to JavaFX Communication
DOM access
Web Technologies7
8. Security Concepts
Sandboxing
Limited HDD usage.
No access to extern servers.
Signatures
Unsigned Programs
Execution always demands agreement.
Self signed Programs
Enables trusted parties.
Signed Programs
Web Technologies8
32. Code Example
Stage {
title : "DiaShow",
scene : Scene {
content : [
…//some nodes
]
} // end Scene
} //end Stage
Web Technologies32
33. The Diashow (1)
Features
Display one image at a time
Switch image
Switching modes
Simple replacement
Fade in / Fade out
Fade in / Fade out (rotating)
Web Technologies33
34. The Diashow (2)
IDE : Eclipse
JavaFX Plugin available
Step by Step
Step 1 : Display image and button
Step 2 : Switch between images
Step 3 : Fade in / Fade out
Step 4 : Rotate images
Web Technologies34
35. Future Development – JavaFX 2.0
Release in second half of 2011.
New scripting language.
Old scripting language discontinued.
No downward compatibility.
Complete rewrite projects to use new features.
Full screen video support
Multithreading Improvements
Improved Startup Performance.
Web Technologies35
36. Conclusions
Ideal for fast graphical RIAs.
Late involvement in RIA development by Sun.
Maybe too late.
Flash dominates the market.
Wait for JavaFX 2.0
New Features
Only need to write the code once(New scripting language)
Most features realizable with HTML5
Better compatibility especially for mobile Devices (e.g iPhone,
iPad, Windows Phone 7)
HTML5 canvas element slower.
Web Technologies36