![Code Example
Stage {
title : "DiaShow",
scene : Scene {
content : [
…//some nodes
]
} // end Scene
} //end Stage
Web Technologies32](https://image.slidesharecdn.com/presentationjavafxcurrentversion-101126050903-phpapp02/85/Presentation-JavaFX-32-320.jpg)
Presentation JavaFX
- 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
- 4. Main Ideas Framework for rich internet applications Rapid GUI Development Platform independence Target multiple device types Drag-to-install Security Web Technologies4
- 5. Platform Architecture Web Technologies5 Desktop Elements Mobile Elements TV Elements Common Elements JavaFX Runtime
- 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
- 9. Examples Web Technologies9 Video-Puzzle:Official Winter Olympics App:
- 10. Programming in JavaFX - Overview Objects and Data Types Content and media Events and Bindings Web Technologies10
- 11. Objects & Data Types Web Technologies11
- 12. Content and Media Web Technologies12
- 13. Content and Media Web Technologies13
- 14. Content and Media Web Technologies14
- 15. Content and Media Web Technologies15
- 16. Content and Media Web Technologies16
- 17. Events and Bindings (1) Web Technologies17
- 18. Events and Bindings (2) Web Technologies18 Observer Pattern
- 19. Events and Bindings (3) Web Technologies19 Observer Pattern
- 20. Events and Bindings (4) Web Technologies20
- 21. Events and Bindings (5) Web Technologies21
- 28. Design Code Generation Web Technologies28
- 29. Browser Integration Web Technologies29 • Integration as Java-Applet possible • JavaScript code generated by JavaFX SDK • Problem: Needs enabled JavaScript
- 30. Live Coding Web Technologies30 Components Stage Scene Nodes
- 31. Live Coding Web Technologies31 Components Stage Scene Nodes
- 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