Presentation on Jav

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

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