Presentation JavaFX

  • View
    1.102

  • Download
    2

Embed Size (px)

DESCRIPTION

Team ASD

Text of Presentation JavaFX

  • 1. Client side technologiesJavaFX
    Dennis Kirch, Bao Loc Nguyen Ngo, Nicolas Osterloh, Torsten Sehy, Stephan Wels
    The slides are licensed under aCreative Commons Attribution 3.0 License
    Web Technologies Prof. Dr. Ulrik Schroeder WS 2010/11
    1
  • 2. Overview
    Web Technologies
    2
    Introduction
    Orientation
    Concept
    Examples
    Video Puzzle
    Winter OlympicsApp
    Creating a Project
    Programmingbasic
    JavaFX in NetBeans
    Browser integration
    Live Coding
    Future Development
    JavaFX 2.0
    Conclusion
  • 3. Orientation
    Web Technologies
    3
  • 4. Main Ideas
    Framework forrichinternetapplications
    Rapid GUI Development
    Platformindependence
    Target multiple devicetypes
    Drag-to-install
    Security
    Web Technologies
    4
  • 5. PlatformArchitecture
    Web Technologies
    5
    TV
    Elements
    Desktop
    Elements
    Mobile
    Elements
    Common Elements
    JavaFXRuntime
  • 6. Program Structure
    Scripting languageJavaFX Script.
    Objectoriented.
    Multiple inheritancepossible.
    GUI-design withJavaFX Script or CSS.
    Event driveninteraction.
    Program logicbased on statemachine
    NetBeans IDE Feature.
    Individual logic-layerforeachstate.
    Time triggeredstatechange.
    Code inducedstatechange.
    Web Technologies
    6
  • 7. Technical Details
    Compiler creates Java Byte Code.
    Platformindependence
    JavaVMinstalled on 75% of all Desktop-Computers.
    ProvenandtestedRuntime Environment.
    Multiple website-embeddingtechniques
    Java Web Start
    Java Applet
    Interaction with Website
    JavaScript toJavaFX Communication
    DOM access
    Web Technologies
    7
  • 8. Security Concepts
    Sandboxing
    Limited HDD usage.
    Noaccessto extern servers.
    Signatures
    Unsigned Programs
    Executionalwaysdemandsagreement.
    Selfsigned Programs
    Enablestrustedparties.
    Signed Programs
    Web Technologies
    8
  • 9. Examples
    Web Technologies
    9
    Video-Puzzle:
    Official Winter Olympics App:
  • 10. Programming in JavaFX - Overview
    Objects and Data Types
    Content andmedia
    Events andBindings
    Web Technologies
    10
  • 11. Objects & Data Types
    Web Technologies
    11
  • 12. Content and Media
    Web Technologies
    12
  • 13. Content and Media
    Web Technologies
    13
  • 14. Content and Media
    Web Technologies
    14
  • 15. Content and Media
    Web Technologies
    15
  • 16. Content and Media
    Web Technologies
    16
  • 17. Events andBindings (1)
    Web Technologies
    17
  • 18. Events andBindings (2)
    Web Technologies
    18
    Observer Pattern
  • 19. Events andBindings (3)
    Web Technologies
    19
    Observer Pattern
  • 20. Events andBindings (4)
    Web Technologies
    20
  • 21. Events andBindings (5)
    Web Technologies
    21
  • 22. Web Technologies
    22
    NetBeans IDE
  • 23. Web Technologies
    23
    NetBeans IDE
    Palette
  • 24. Web Technologies
    24
    NetBeans IDE
    Palette
    Properties
  • 25. Web Technologies
    25
    NetBeans IDE
    Palette
    Properties
    Navigator
  • 26. Web Technologies
    26
    NetBeans IDE
    Palette
    Design-
    preview
    Properties
    Navigator
  • 27. Web Technologies
    27
    NetBeans IDE
    Palette
    State window
    Design-
    preview
    Properties
    Navigator
  • 28. Design Code Generation
    Web Technologies
    28
  • 29. Browser Integration
    Web Technologies
    29
    • Integration as Java-Applet possible
    • 30. JavaScript codegeneratedbyJavaFX SDK
    • 31. Problem: Needs enabled JavaScript