<Insert Picture Here>

Implementing AJAX, Flash and Web 2.0

with JavaServer Faces

Shay Shmeltzer

Group Manager – Oracle JDeveloper

Web 2.0 User Interfaces

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

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• Dynamic and complex layouts

• Desktop type interaction in browser

So We needed Ajax

• XHTML

• CSS

• Document Object Model (DOM)

• XML and XSLT• XML and XSLT

• XMLHttpRequest object

• JavaScript

• And maybe some flash (graphs and other data

visualization)

JDeveloper for the Web Developers

• Visual HTML layout editor

• JavaScript editor

• Code insight

• Refactoring

• JavaScript Debugger• JavaScript Debugger

• CSS editor

• Preview tab

• HTTP Monitor

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• Don’t have time to learn all the new Ajax technologies

• Need to focus on their specific application needs

<Insert Picture Here>

A Simpler Approach

JSF and Components Based DevelopmentBased Development

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

Why JSF Answers Our Demands

• Component Base

• Abstracts Ajax complexity

• Extensible

• Not committed to specific UI technology

• Designed with Tooling in Mind• Designed with Tooling in Mind

• Provides familiar drag and drop UI design

• Simpler page construction – no markup to learn

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

ADF Faces Components

And More…

Abstract Implementation of Ajax

• Components have built in Ajax

• Table

• Tree

• Smart scrolling – data a needed

• Partial Page Rendering• Partial Page Rendering

• Set autoSubmit,partialSubmit

• Define dependency

• 2 properties and you are done

Provide Javascript Operation as

Components

• Drag and Drop

• Export to excel

• Show Popup

• Printable View

• Validation• Validation

Add JavaScript Integration Point

• Allow client side interaction with your components

function showPopup()

{

var popup = var popup =

AdfPage.PAGE.findComponent("demoPopup");

popup.show();

}

And don’t forget

• Templating

• Accessibility

• Skinning

It’s Not All About The UI

• Make it easy to bind to data and business services

• Declarative binding to

• POJO

• EJB

• Web Services• Web Services

• Files

• More…

• Fetch data smartly

Demonstration

Simpler RIA Development

<Insert Picture Here>

Learn More

• Oracle.com/technology/jdev

• Download

• Tutorials

• Discussion forum

• Blogs

• Samples

• Books

• More…

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.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.