Your SlideShare is downloading. ×
0
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Presentation JavaFX
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Presentation JavaFX

705

Published on

Team ASD

Team ASD

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
705
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 3. Orientation Web Technologies3
  • 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
  • 22. Web Technologies22 NetBeans IDE
  • 23. Web Technologies23 Palette NetBeans IDE
  • 24. Web Technologies24 Palette Properties NetBeans IDE
  • 25. Web Technologies25 Palette PropertiesNavigator NetBeans IDE
  • 26. Web Technologies26 Palette PropertiesNavigator Design- preview NetBeans IDE
  • 27. Web Technologies27 Palette Properties State window Navigator Design- preview NetBeans IDE
  • 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

×