2. <Insert Picture Here>
Implementing AJAX, Flash and Web 2.0
with JavaServer Faces
Shay Shmeltzer
Group Manager – Oracle JDeveloper

3. Web 2.0 User Interfaces

4. Our Next Project – Oracle Fusion
Applications
• Possibly the largest Java based project in the world
• Merge Oracle EBS, Siebel, Peoplesoft into one
offering with multiple modules
• Based on Java EE, SOA and Web 2.0

5. What We Wanted in Our UI
• Refresh data on page without full page refresh
• Immediate validation
• Drag and drop
• Pop-up
• Dynamic and complex layouts
• Desktop type interaction in browser

6. So We needed Ajax
• XHTML
• CSS
• Document Object Model (DOM)
• XML and XSLT
• XMLHttpRequest object
• JavaScript
• And maybe some flash (graphs and other data
visualization)

7. JDeveloper for the Web Developers
• Visual HTML layout editor
• JavaScript editor
• Code insight
• Refactoring
• JavaScript Debugger
• CSS editor
• Preview tab
• HTTP Monitor

8. The Challenge
• Thousands of developers
• Most don’t know Ajax technologies
• Most come from 4GL background
• Expecting a visual and declarative approach
• Don’t have time to learn all the new Ajax technologies
• Need to focus on their specific application needs

9. <Insert Picture Here>
A Simpler Approach
JSF and Components
Based Development

10. JSF In 60 Seconds
• Simplifying Web Development
• Server side UI generation
• Component based not mark-up
• Automatic event and state handling
• Diverse client base not just HTML
• A Java EE standard

11. Why JSF Answers Our Demands
• Component Base
• Abstracts Ajax complexity
• Extensible
• Not committed to specific UI technology
• Designed with Tooling in Mind
• Provides familiar drag and drop UI design
• Simpler page construction – no markup to learn

12. Introducing ADF Faces Rich Client 11g
• 150+ AJAX enabled JavaServer Faces components
• Data Visualization components
• Graphs, Gauges, Maps, Gantt, Hierarchy Viewer
• More than just components – a framework

13. ADF Faces Components

14. And More…

15. Abstract Implementation of Ajax
• Components have built in Ajax
• Table
• Tree
• Smart scrolling – data a needed
• Partial Page Rendering
• Set autoSubmit,partialSubmit
• Define dependency
• 2 properties and you are done

16. Provide Javascript Operation as
Components
• Drag and Drop
• Export to excel
• Show Popup
• Printable View
• Validation

17. Add JavaScript Integration Point
• Allow client side interaction with your components
function showPopup()
{
var popup =
AdfPage.PAGE.findComponent(quot;demoPopupquot;);
popup.show();
}

18. And don’t forget
• Templating
• Accessibility
• Skinning

19. It’s Not All About The UI
• Make it easy to bind to data and business services
• Declarative binding to
• POJO
• EJB
• Web Services
• Files
• More…
• Fetch data smartly

20. Demonstration
Simpler RIA Development

21. Learn More
• Oracle.com/technology/jdev <Insert Picture Here>
• Download
• Tutorials
• Discussion forum
• Blogs
• Samples
• Books
• More…

22. The preceding is intended to outline our general
product direction. It is intended for information
purposes only, and may not be incorporated into any
contract. It is not a commitment to deliver any
material, code, or functionality, and should not be
relied upon in making purchasing decisions.
The development, release, and timing of any
features or functionality described for Oracle’s
products remains at the sole discretion of Oracle.