Moving to the Client - JavaFX and HTML5
Upcoming SlideShare
Loading in...5
×
 

Moving to the Client - JavaFX and HTML5

on

  • 15,906 views

Talk given at JavaOne India about taking the best parts of JavaFX and HTML5 and leveraging them together. This talk contains an integration of Google Maps into a native Java application with ...

Talk given at JavaOne India about taking the best parts of JavaFX and HTML5 and leveraging them together. This talk contains an integration of Google Maps into a native Java application with interactive controls.

Statistics

Views

Total Views
15,906
Views on SlideShare
15,579
Embed Views
327

Actions

Likes
1
Downloads
125
Comments
0

7 Embeds 327

http://www.developpez.net 302
http://paper.li 13
http://twitter.com 5
http://translate.googleusercontent.com 3
http://a0.twimg.com 2
https://si0.twimg.com 1
http://www.linkedin.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Moving to the Client - JavaFX and HTML5 Moving to the Client - JavaFX and HTML5 Presentation Transcript

  • Moving to the Client - JavaFX and HTML5
    Stephen Chin
    Chief Agile Methodologist, GXS
    steveonjava@gmail.com
    tweet: @steveonjava
    Kevin Nilson
    Principle Architect, E*Trade
    kevin_nilson@dev.java.net
    tweet: @javaclimber
  • 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
  • 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
  • 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
  • HTML5 Rounded Corners
    http://slides.html5rocks.com/#rounded-corners
    HTML5
    No HTML5
  • HTML5 Canvas 3D (WebGL)
    http://slides.html5rocks.com/#canvas-3d
  • Prefixes
    -webkit-text-fill-color: black;
    -webkit-column-count: 2;
    Before the Spec is final
    Before the Browser implementation is Verified
  • Cross Browser
    Browsers behave fairly differently
    HTML5 Non-Ambiguous Spec
    JavaScript Frameworks (jQuery, Dojo, YUI) give consistent API
  • jQuery On The Rise
    44% of Top 10,000 sites use jQuery (builtwith.com)
  • JavaOne Live Tiobe with jQuery Plugin
    http://javaclimber.com/livetiobe.html
    $('.all').quicksand( $('.warmli'), {
    duration: 3000,
    attribute: 'id',
    easing: 'easeInOutQuad’
    });
  • Acid Test
    http://acid3.acidtests.org/
  • Reaching Older Browsers
    Chrome Frame
    IE6, IE7, IE8 running Chrome
    Modernizer
  • 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
  • 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.
  • iPhone UIWebView
    Formatting Text
    Indalo is an iPhone App Kevin Helped Write
  • Titanium
    Write JavaScript, but Renders Native Application
    Many “Native” widgets are UIWebView
    E*Trade API Contest App Kevin Wrote
  • Displaying HTML in JavaFX
    public class Main extends Application {
    public static void main(String[] args) {
    Launcher.launch(Main.class, args);
    }
    @Override public void start(Stage stage) {
    WebEngineeng = new WebEngine("http://google.com");
    WebViewwebView = new WebView(eng);
    Scene scene = new Scene(webView);
    stage.setScene(scene);
    stage.setTitle("Web Test");
    stage.setVisible(true);
    }}
    18
  • Displaying HTML in JavaFX
    19
  • Calling Javascript from JavaFX
    String script = "alert('We've got a message, Houston!');”;
    eng.executeScript(script);
    20
  • Responding to Browser Events
    Supported Events:
    Show:
    Alert, Confirm, Prompt
    Window:
    Create, Show, Close, Resize
    Fixed/Resizable Frame
    Show/Hide:
    Menubar, Scrollbars, Statusbar, Toolbar
    Print
    21
  • HTML5/JavaFX Integration Demo
    22
  • JavaFX 2.0 Product Timeline
    CYQ1 2011
    CYQ3 2011
    CYQ2 2011
    JavaFX 2.0 EA
    (Early Access)
    JavaFX 2.0 Beta
    JavaFX 2.0 GA
    (General Availability)
    Copyright 2010 Oracle
    JavaFX Beta in Late May!
  • Pro JavaFX 2 Platform Coming Soon!
    Coming 2nd half of this year
    All examples rewritten in Java
    Will cover the new JavaFX 2.0 APIs
    India edition will be available
    24
  • 25
    Stephen Chin
    steveonjava@gmail.com
    tweet: @steveonjava
    Kevin Nilson
    kevin_nilson@dev.java.net
    tweet: @javaclimber