Introduction to JavaFx and HTML5

  • 1,807 views
Uploaded on

Event Report …

Event Report
http://neilghosh.com/2012/09/17/ieee-cs-colloquium-at-jits-warangal/

More in: Technology
  • 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
1,807
On Slideshare
0
From Embeds
0
Number of Embeds
9

Actions

Shares
Downloads
0
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. Introduction to & JITS, Warangal GOLD AG Hyderabad SectionNeil GhoshProject Leader , Oracle India @neilghoshChair IEEE GOLD, Hyderabad neilghosh.com
  • 2. Stephen Chin Kevin Nilson Java Evangelist, Oracle VP of Engineering, Just.Me stephen.chin@oracle.com kevin.nilson@just.me tweet: @steveonjava tweet: @javaclimber Michael Heinrichs Technical Lead JavaFX Core ComponentsPAGE 2
  • 3. PAGE 3
  • 4. JavaFX is the evolution of the Java rich client platform, designed to provide a lightweight, hardware accelerated UI platform that meets tomorrow’s needs.PAGE 4
  • 5. PAGE 5
  • 6. PAGE 6
  • 7. PAGE 7
  • 8. PAGE 8
  • 9. PAGE 9
  • 10. PAGE10
  • 11. PAGE11
  • 12. PAGE12
  • 13. CSS Source: http://fxexperience.comPAGE13
  • 14. CodePAGE14
  • 15. • 1991 HTML• 1994 HTML 2• 1996 CSS 1 + JavaScript• 1997 HTML 4• 1998 CSS 2• 2000 XHTML 1• 2002 Tableless Web Design• 2005 AJAX• 2009 HTML 5PAGE15
  • 16. • 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, SVGPAGE16
  • 17. • http://slides.html5rocks.com/#rounded- corners HTML5 No HTML5PAGE17
  • 18. • http://oos.moxiecode.com/js_webgl/fish/inde x.htmlPAGE18
  • 19. • text-fill-color: black;• -webkit-text-fill-color: black;• -moz-text-fill-color: black;• -o-text-fill-color: black;• -ms-text-fill-color: black;• Before the Spec is final• Before the Browser implementation is VerifiedPAGE19
  • 20. • Browsers behave fairly differently• HTML5 Non-Ambiguous Spec• JavaScript Frameworks (jQuery, Dojo, YUI) give consistent APIPAGE20
  • 21. • http://acid3.acidtests.orgPAGE21
  • 22.  56.87% of Top 10,000 sites use jQuery (builtwith.com)PAGE22
  • 23. • http://jsfiddle.net/3urR9/14/PAGE23
  • 24. • Chrome Frame • IE6, IE7, IE8 running Chrome• Modernizer • Feature detection rather than User Agent SniffingPAGE24
  • 25. http://earthhour.frPAGE25
  • 26. • Titanium • Write JavaScript, but Renders Native Application • Many “Native” widgets are UIWebView • PhoneGap • iPhone • Android • BB • Windows Phone 7 • Bada • SymbianPAGE26
  • 27. PA GE 27Photo by Kaushal Karkhanis: http://www.flickr.com/photos/kaushal/
  • 28. Immersive Desktop Experience Combining the Best of JavaFX andHTML5• 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.PAGE28
  • 29. PAGE29
  • 30. PAGE30
  • 31. String script = "alert(We have got a message,Houston!);”;eng.executeScript(script);PAGE31
  • 32. PAGE32
  • 33.  HTML5 ◦ http://www.html5rocks.com  JavaFx ◦ http://www.oracle.com/technetwork/java/javafx/d ocumentation/index.html  Forum ◦ http://stackoverflow.comPAGE33
  • 34. PAGE34