Moving To The Client - JavaFX and HTML5

  • 2,487 views
Uploaded on

Presentation on Jav

Presentation on Jav

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,487
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
19
Comments
0
Likes
1

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. Moving to the Client - JavaFX and HTML5
    Stephen Chin
    Chief Agile Methodologist, GXS
    steveonjava@gmail.com
    tweet: @steveonjava
    Kevin Nilson
    VP of Engineering, Just.Me
    kevin.nilson@just.me
    tweet: @javaclimber
  • 2. About the Presenters
    Stephen Chin
    Kevin Nilson
    Java Champion
    Java Champion
    Chief Agile Methodologist, GXS
    Author Web 2.0 Fundamentals
    Author, Pro JavaFX Platform
    User Groups Leader
    Silicon Valley Web JUG
    Silicon Valley JS Meetup
    Silicon Valley Google Technology UG
  • 3.
  • 4. History of the Web
    1991 HTML
    1994 HTML 2
    1996 CSS 1 + JavaScript
    1997 HTML 4
    1998 CSS 2
    2000 XHTML 1
    2002Tableless Web Design
    2005AJAX
    2009HTML 5
  • 5. What is HTML5
    Web Hypertext Application Technology Working Group (WHATWG)
    HTML5 != HTML + CSS + JavaScript
    HTML5 = Next Generation Features for Modern Web Development
    Offline Storage, Web SQL Database, IndexedDB, Application Cache, Web Workers, WebSocket, Notifications, Native Drag & Drop, File System, GeoLocation, Speech Input, Form Types, Audio, Video, Canvas, SVG
  • 6. HTML5 Rounded Corners
    http://slides.html5rocks.com/#rounded-corners
    HTML5
    No HTML5
  • 7. HTML5 Canvas 3D (WebGL)
    http://oos.moxiecode.com/js_webgl/fish/index.html
  • 8. Prefixes
    -webkit-text-fill-color: black;
    -webkit-column-count: 2;
    Before the Spec is final
    Before the Browser implementation is Verified
  • 9. Cross Browser
    Browsers behave fairly differently
    HTML5 Non-Ambiguous Spec
    JavaScript Frameworks (jQuery, Dojo, YUI) give consistent API
  • 10. Acid Test
    http://acid3.acidtests.org/
  • 11. jQuery On The Rise
    49.58% of Top 10,000 sites use jQuery (builtwith.com)
  • 12. jQuery
    12
    http://jsfiddle.net/3urR9/
  • 13. Reaching Older Browsers
    Chrome Frame
    IE6, IE7, IE8 running Chrome
    Modernizer
    Feature detection rather than User Agent Sniffing
  • 14. JavaFX and the Java Platform
    Java Language
    Java EE
    HotSpot Java VM
    Lightweight Java VM
    Java SE
    Java ME
    Java Card
    Java FX
    MSA
    Java TV
    APIs
    Copyright 2010 Oracle
  • 15. JavaFX 2.0 Platform
    Immersive Desktop Experience Combining the Best of JavaFX and HTML5
    Leverage your Java skills with modern JavaFX APIs
    Integrate Java, JavaScript, and HTML5 in the same application
    New graphics stack takes advantage of hardware acceleration for 2D and 3D applications
    User your favorite IDE: NetBeans, Eclipse, IntelliJ, etc.
  • 16. iPhone UIWebView
    Formatting Text
    Indalo is an iPhone App Kevin Helped Write
  • 17. Titanium
    Write JavaScript, but Renders Native Application
    Many “Native” widgets are UIWebView
    E*Trade API Contest App Kevin Wrote
  • 18. Displaying HTML in JavaFX
    public class WebViewTest extends Application {
    public static void main(String[] args) {
    launch(WebViewTest.class, args);
    }
    @Override public void start(Stage stage) {
    WebViewwebView = new WebView();
    webView.getEngine().load("http://google.com");
    Scene scene = new Scene(webView);
    stage.setScene(scene);
    stage.setTitle("Web Test");
    stage.show();
    }}
    18
  • 19. Displaying HTML in JavaFX
    19
  • 20. Calling Javascript from JavaFX
    String script = "alert('We've got a message, Houston!');”;
    eng.executeScript(script);
    20
  • 21. Responding to Browser Events
    Supported Events:
    Alert/Confirm/Prompt:
    Respond to JavaScript user interaction functions
    Resize:
    Web page moves or resizes the window object
    Status
    Web page changes the status text
    Visibility
    Hide or show the window object
    Popup
    Spawn a second web view/engine
    21
  • 22. HTML5/JavaFX Integration Demo
    22
  • 23. Pro JavaFX 2 Platform Coming Soon!
    Coming 4th quarter this year
    All examples rewritten in Java
    Covers new controls including:
    WebPane
    TableView
    TreeView
    Etc.
    Content on ScalaFX/GroovyFX/Visage
    big announcement - come to my Wednesday session
    23
  • 24. 24
    Stephen Chin
    steveonjava@gmail.com
    tweet: @steveonjava
    Kevin Nilson
    kevin.nilson@just.me
    tweet: @javaclimber