java edge.2007.what.is.new.in.jsf.2

Copyright AlphaCSP Israel 2007 - The JavaEdge SeminarCopyright AlphaCSP Israel 2007 - The JavaEdge Seminar 2

What’s new in JSF 2.0 ?

Roi Aldaag

Consultant, AlphaCSP

[email protected]


Objective

Overview of the new requested

features of the upcoming

JSF 2.0


Agenda

IntroductionJSF Evolution

JSF 1.0 / 1.1JSF 1.2

JSF 2.0JSR 314Community wish listTechnology AdoptionEase of developmentFeaturesPerformance


Introduction

Something about acronyms

Definition

Motivation

JSF Ecosystem

Architecture


Something about acronyms…

Not so long ago, if you “Googled“

the word JSF, you probably would

have come across …



The F-35 Joint Strike Fighter (JSF) …

(AKA Lightning II)



Today you’d find…

And probably also …AlphaCSPSpecializes in high availability e-business

application design and ASP hosting

services on the UML, EJB, JAVA, J2EE,

CORBA, XML and WML platforms.

www.alphacsp.com

Sponsored Links

JavaServer Faces Technology


Definition

What is JSF?

Specification

UI framework

Component based

Server side

Java web applications


Motivation

Servlet/JSP API

No GUI structure

No model

No event handling mech.

No I18N support

AWT / Swing

Not web oriented

Many web frameworks


“Welcome to the jungle”

Echo

Cocoon Millstone OXF

Struts SOFIA Tapestry

WebWork RIFE Spring MVC

Canyamo Maverick JPublish

JATO Folium Jucas

Verge Niggle

Bishop

Barracuda Action Framework Shocks

JSFTeaServlet wingS

Expresso Bento jStatemachine

jZonic OpenEmcee Turbine

Scope Warfare JWAA

Jaffa Jacquard

Macaw

Smile MyFaces Chiba

JBanana Jeenius JWarp …

Java Web Frameworks (partial list)


Motivation

How do we choose?

We need a standard !

Vendor adoption

IDE integration

Support

JSF is a standard


JSF Ecosystem

• Open Source Projects:SourceForge.net: over 100 projects

• ImplementationsOpen Source: Sun JSF RI, Apache MyFacesCommercial: IBM, Oracle

• Third Party ComponentsIceSoft IceFaces, JBoss RichFaces, Oracle ADF, Apache Tomahawk, Galileo Faces

• ExtensionsAjax4JSF, Dyno Faces, JSF Extensions

• IDE SupportIntelliJ, Eclipse, JDeveloper, Excadel Studio

http://www.amazon.com/Core-JavaServer-TM-Faces-2nd/dp/0131738860/ref=pd_bbs_1/105-1895725-3556420?ie=UTF8&s=books&qid=1193950544&sr=8-1

http://www.amazon.com/JavaServer-Faces-Complete-Reference/dp/0072262400/ref=pd_bbs_2/105-1895725-3556420?ie=UTF8&s=books&qid=1193950544&sr=8-2

http://www.amazon.com/Pro-JSF-Ajax-Building-Components/dp/1590595807/ref=pd_bbs_sr_3/105-1895725-3556420?ie=UTF8&s=books&qid=1193950544&sr=8-3

http://www.amazon.com/JavaServer-Faces-Hans-Bergsten/dp/0596005393/ref=pd_bbs_4/105-1895725-3556420?ie=UTF8&s=books&qid=1193950544&sr=8-4

http://www.amazon.com/JavaServer-Faces-Action-Kito-Mann/dp/1932394125/ref=pd_bbs_5/105-1895725-3556420?ie=UTF8&s=books&qid=1193950544&sr=8-5

http://www.amazon.com/Mastering-JavaServer-Faces-Java-Dudney/dp/0471462071/ref=pd_bbs_9/105-1895725-3556420?ie=UTF8&s=books&qid=1193950544&sr=8-9


Architecture

Front Servlet(FacesServlet)

Controller

Event Listeners &

Action Handlers(ValueChangeListener,

ActionListener)

Config(faces-config.xml)

Events(ValueChangeEvent,

ActionEvent)

ModelView

Component

Model(Java Beans)

Delegates(Convertors,

Validators,

Renderers)

Resources(JSP,

XML,

Properties)

Component

Tree(UIComponent)

Business

Objects(Managed Beans)

Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

• Model

• View

• Controller


Architecture


Controller

Event Listeners &


ActionListener)



ActionEvent)

ModelView

Component

Model(Java Beans)


Validators,

Renderers)

Resources(JSP,

XML,

Properties)

Component

Tree(UIComponent)

Business


Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

• Controller

• Front Servlet

• Configuration

• Event Listeners


Architecture


Controller

Event Listeners &


ActionListener)



ActionEvent)

ModelView

Component

Model(Java Beans)


Validators,

Renderers)

Resources(JSP,

XML,

Properties)

Component

Tree(UIComponent)

Business


Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

• Model

• Business Objects

• POJO’s


Architecture


Controller

Event Listeners &


ActionListener)



ActionEvent)

ModelView

Component

Model(Java Beans)


Validators,

Renderers)

Resources(JSP,

XML,

Properties)

Component

Tree(UIComponent)

Business


Request

Response

UIViewRoot

UIForm

UIInput UIInput

UIPanel

• View

• Component Tree

• Component Model

• Delegates

• Resources


Architecture

Lifecycle

Restore view

Apply request values

Process validations

Update model values

Invoke application

Render response


Architecture

Example

JSP with JSF tags

Component Tree

Markup

UIViewRoot

UIForm

UIInput UIInput

UIPanel

...

<f:fiew>

<h:form>

<h:panelGrid columns = "2">

<h:inputText/>

<h:inputSecret/>

</panelGrid>

</h:form>

</f:view>

..

HTML

JSP

WML

XML


JSF Evolution


JSF Evolution

History

JSF 1.0 / 1.1

JSF 2


History

2004 2006 2008 ??

JSF 1.0, 1.1

JSR 127

Servlet 2.3, JSP 1.2

JSF 1.2

JSR 252

Servlet 2.5, JSP 2.1

JSF 2.0

JSR 314

JSR Review Ballot:May 2001Final Release 2:May 2004

JSR Review Ballot:August 2004Final Release 2:May 2006

JSR Review Ballot:May 2007Final Release 2:JEE6 – 4Q 2008


JSF 1.1 (JSR 127)‏

Shortcomings

JSF – JSP Mismatch

<h:commandLink action="foo">

Read between the lines

</h:commandLink>


<a href=“#” onClick=“…”></a>

<h:commandLink action="foo">

<h:outputText

value="Read between the lines”/>

</h:commandLink>

<a href=“#” onClick=“…”>


</a>


JSF 1.1 (JSR 127)‏

Shortcomings

JSF – JSP Mismatch

Different Lifecycle

Writing to the same stream

Limited EL

Not compatible with JSP EL

Forbidden nesting components (<c:forEach>)‏


JSF 1.2 (JSR 252)‏

Improvements New Content Interweaving Model

JSP ViewHandler, JSP Base Tag class

Unified EL in JSTL (javax.el)

Deferred evaluation

Support get / set value

Support method invocation

Pluggable API for resolving expressions

JSTL integration (<c:forEach>)‏

Back Button / Multi Frame Apps

Message association

JSP EL JSF EL

Unified EL


JSF 1.2 (JSR 252)‏

Shortcomings Development

Customizing components is complicatedExceptions are not descriptiveNo support for annotations

DeploymentUnnecessary deployment stepNot JEE compliant (packaging, DI)‏

ComponentsMissing / Limited components

SecurityNo security model (managed beans, resources)‏

Ajax


Custom Components

Let’s say we want a collapsible panel …


Custom Components: JSF 1.2

UICollapse.java CollapseTag.java

collapse.tld

faces-config.xml

UIComponentBase.java UIComponentTag.java extend

write

modify



UICollapse.java



CollapseTag.java



collapse.tld



faces-config.xml



Too much wiring !!!


Custom Components: Facelets

collapse.xhtml


Exceptions: JSF 1.2

No centralized exception handling

Servlet filter

Poor documentation

“Silent error”

Validation error

No Exception

No log output

Need to use <h:messages/>

Unified EL wraps exception


Exceptions: JSF 1.2

exception.jsf

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<f:view>

<h:form>

<h:inputText value="#{myBean.name}"/>

</h:form>

</f:view>

public class MyBean {

public String getName() {

if(true) throw new RuntimeException("my exception");

return "line not reached";

}

. . .

}

MyBean.class


Exceptions: JSF 1.2

Instead ofA stack trace dump

javax.servlet.ServletException: javax/servlet/jsp/tagext/JspIdConsumer


Exceptions: Facelets

We should be gettingVerbose description (location, tree, phase, variables)‏

javax.el.ELException: /exception.xhtml @7,40 value="#{myBean.name}": java.lang.RuntimeException


Ajax: JSF 1.2

• Good:

– Ajax “ready”

– JSF component maintain state

– Well defined req processing

– Hides JS from page author

• Bad:

– No built-in support

– No standard

– Full view rendering

– Incompatible comp. libraries


Templating: JSF 1.2

• No standard support

– <f:subview../>

– <c:import…/>

– <jsp:include …/>Header

Footer

Nav Content


Community Reservations

“… It is OK to learn things,

but learning should be like

series of "AHA!" moments

and "WOW! they do that too!"

exclamations.

Learning JSF is series

of WTF moments -

and it should not be! …”

“JSF Articles – Wish List for JSF 2.0 and more AJAX+JSF”,

The Server Side, April 05, 2007


Community Reservations

“… I download 1 framework and it should be complete.

Don't tell me I need to download 5 other packages from various websites to make it actually useful??? …”

“… JSF should not be like a mine-field. It should be fun to use. It should be impossible for a silent error to occur, and

this is exactly what happens when you have a validation error but no corresponding h:message(s) tag. …”

News / Comments -“JSF sucks...and has no hope”

The Server Side, 2007


Community Wish List

Facelets integration

Client Side Validation

Scoping

Easier Development of components

Simplify configuration

Centralized Exception handling

Navigation Rules API

Hard failure

…


The Irony

JSF defined a standard

UI development has advanced

JSF got “old”

Many great ideas

Many JSF extensions (to fill void)‏

New technologies

Irony: Back to starting point

Need for a new standard


JSF 2.0

JSR 314

Ease of development

Technology Adoption

Features

Performance


JSR 314

Purpose

Max. development productivity (IDE)‏

Min. maintenance complexity

Integrate with other web tech.

More responsive UI (Ajax)‏

Requirements

Ease of development

New Features & Fixes

Performance & Scalability

Technology Adoption


JSR 314

Specification LeadEd Burns Sun Microsystems, Inc.Roger Kitain Sun Microsystems, Inc.


JSR 314

Milestones (anticipated):

JavaEE6Proposed Final Draft

Apr 08Mar 08Public Review Ballot

Mar 08Feb 08Public Review

Oct 07Oct 07Early Draft Review

Aug 07May 07EG Formation

May 07Apr 07JSR Review Ballot

Apr 07Apr 07File JSR with JCP

16 Mar 079 Mar 071st EG Public Draft Review

9 Mar 077 Mar 07Author 1st EG Public Draft

9 Mar 0715 Feb 072nd Draft Reviewed

9 Feb 077 Feb 07Author 1st Draft

Stage Start Finish


JSR 314

Introducing the Experts


Let the experts play

Expert Group Kick-off Meeting

Buy a Feature

Will the community needs be met?


Let the experts play (cont.)

Feature List (partial):

50New listeners for lifecycle eventsListeners

80Better error reportingErrors

80Expand lifecycle to be aware of Ajax, client lifecycle

Ajax

100Simplify creation of customize components

EZComp

100Eliminate Deployment StepZero Dep

165Templating, Component AggregationFacelets

Name Feature Cost



Feature List (cont.):

60Skinning / ThemeingSkins

80Default to stateless componentsFix State

25Declarative rendering (no out.println)‏Rendering

25Components, managed beans, navigation rules

Annotations

80Bookmarking, support got “GET”Mostly Get

50No faces-confix.xml, no web.xmlConfig.

Name Feature Cost



The Results:

3

3

4

4

4

4

5

Number of units purchased

80Errors

100EZComp

15Validation++

80State Saving

25Annotations

165Facelets

80Ajax

Name Cost


JSF 2.0

JSR 314

Ease of development

Technology Adoption

Features

Performance


Ease Of Development

Annotations

Templating

Component Aggregation

Verbose Exceptions

JSF Artifacts in WAR


Ease Of Development

Annotations


Ease Of Development

Annotations: JSF 1.2

• Tedious XML

– faces-config.xml

– Web.xml

• JEE 5 Annotations

– @EJB

– @PersistenceContext

– …


Ease Of Development

Annotations: JSF 2.0

• Artifacts

– Managed beans

– Scope

– Navigation Rules

– Dependency Injection

– Converters

– Validators

• Zero Configuration

• Skip deployment

@Property(el=true, saveState=true)‏

@Bean

@PhaseListener

@Converter


Ease Of Development

Templating

• Faceletes

– Develop UI live

• JSF Templating

– Pages, components

• Struts Tiles

– Layouts

– Screen definition

– Inheritance

Header

Footer

Nav Content


JSF 2.0

JSR 314

Ease of development

Technology Adoption

Features

Performance


Technology Adoption

Ajax

Passing values between pages

Skinning / Themeing

Web Beans JSR 299

Client lifecycle / validation

Server Side Scripting


Technology Adoption

Ajax: Page wide

• Page wide support (region, zone)‏

• Add support to existing components

• Sub view processing

• Partial tree rendering

• Normal lifecycle

• Partial page refresh

• Example: Ajax4Jsf, Dynamic Faces


Technology Adoption

Ajax: Component wide

• Ajaxified components

– Minimal Ajax awareness required

• Example:– RichFaces, IceFaces, ADF (Trinidad)‏

RCFaces, Galileo Faces, Woodstock

• Client validations

• Client component interaction


Technology Adoption

Ajax example:


<f:view>

<h:outputText value="Ajax List Demo"/>

<h:form>

<h:panelGrid columns="2">

<h:panelGrid>

<h:outputText value="Country:"/>

<a4j:region>

<h:selectOneListbox id="countryId">

<f:selectItems value="#{myBean.countries}" />

<a4j:support event="onchange" reRender="cityId"

action="#{myBean.changeCountry}" ajaxSingle="true"/>

</h:selectOneListbox>

</a4j:region>

</h:panelGrid>

<h:panelGrid>

<h:outputText value="City:"/>

<h:selectOneListbox id="cityId">

<f:selectItems value="#{myBean.cities}" />


</h:panelGrid>

</h:panelGrid>

<h:commandButton value="Submit" action="none" />

</h:form>

</f:view>

<a4j:region>

<h:selectOneListbox id="countryId">

<f:selectItems value="#{myBean.countries}" />

<a4j:support event="onchange" reRender="cityId"

action="#{myBean.changeCountry}" ajaxSingle="true"/>


</a4j:region>

Technology Adoption

Ajax4Jsf example:


Technology Adoption

UIOutput UISelectOne

UIPanel

UIForm


UIPanel

UIPanel

AjaxViewRoot

UIOutput

UICommand

Partial Tree DecodePartial Page Submit


Technology Adoption


UIPanel

UIForm


UIPanel

UIPanel

AjaxViewRoot

UIOutput

UICommand

Partial Tree RenderPartial Page Refresh


Technology Adoption

Passing values between pages: JSF 1.2

Supported scopes

Page, Session, Application

State

Client: Cookie, URL encoding, hidden field

Server: HttpSession, ServletContext


Technology Adoption

Passing values between pages

Dialog / Conversation / Process scope

Example:

JBoss Seam

Apache Shale

Spring WebFlow

Oracle ADF


Technology Adoption

Skinning /

Themeing


Technology Adoption

Skinning / Themeing

• Changing component style

– Dynamically

– Instantly

• Technologies

– Oracle ADF Faces

– Apache Trinidad

– JBoss Rich Faces

– Icesoft IceFaces


Technology Adoption

Skinning / Themeing

• Example:


JSF 2.0

JSR 314

Ease of development

Technology Adoption

New Features

Performance


New Features

Separate build / render tree

Bookmarking

Additional standard components

AJAX aware lifecycle

Partial tree traversal

Page actions

Access to persistence store


New Features

Separate build / render tree

Initial Request

Render Response Phase

Create Component Tree

Render Tree

Postback Request

Restore View Phase

Create Component Tree

Render Response Phase

Render Tree


New Features

Bookmarking

JSF 1.2

No support in <h:form/>

Command component don’t generate GET

Use implicit “param”

Enhanced Support for Http GET

New lifecycle for non-faces request (init req)‏

Submitted values come from HTTP paramsnot (input components)‏


New Features

Additional standard componentsCurrent set is to weak

Components from different vendors cannot coexist

Date Picker File Upload Tree

Tabbed Panel


JSF 2.0

JSR 314

Ease of development

Technology Adoption

Features

Performance


Performance

Save / restore page deltas

ADF

Client side component validations

Inter client component interaction

Example: Dual combo box

Caching for rendering

Improve PhaseListener Interceptor

Filter requests


Prolog

The question should be:

Not - will the community needs be met ?

But, will the community needs be met -

on time … ?


Q&A


Definition

What is JSF ?

A server side user interface component framework for Java technology based web applications.

Sun J2EE 1.4 Tutorial

A component-based, Web-tier UI framework

Mastering JavaServer Faces, Wiley 2004

A component architectureA standard set of UI widgetsAn application infrastructure

JavaServer Faces in Action, Manning 2005

A specification with implementations offered by multiple vendorsA set of user interface (UI) componentsAPI for extending the standard components or developing new

JavaServer‏Faces,‏O’Reilly2004‏

A set of prefabricated UI (user interface) componentsAn event-driven programming modelA component model that enables third-party developers to supply additional components

Core JavaServer Faces, Sun 2007


Resources

JSR Drafthttps://javaserverfaces-spec-public.dev.java.net/

proposals/JSF-2_0-draft.html

JCP – JSR 314http://jcp.org/en/jsr/detail?id=314

Ed Burns Bloghttp://weblogs.java.net/blog/edburns

“The Requirements Scratchpad”http://wiki.java.net/bin/view/Projects/Jsf2RequirementsScratchpad

Community Forums & Blogs


Wish List

Pre-JCP-filed draft for JavaServer Faces 2.0 JSR / Ed Burns

http://weblogs.java.net/blog/edburns

JSF 2.0 requirements scratchpadhttp://wiki.java.net

JSF 2.0 is Here!http://www.oreillynet.com/onjava

JSF 2.0 Wish List Part 1 / Kito Man

http://www.jsfcentral.com

EE6 wishlist part II: JSF / Gavin King

http://in.relation.to

JSF 2.0 Begins

…

http://www.jsfcentral.com/

http://www.jsfcentral.com/

http://in.relation.to/

http://in.relation.to/

java edge.2007.what.is.new.in.jsf.2

Documents

jsf evolutionhistory

links alphacsp

javaedge seminar2

javaedge seminar7

javaedge seminar11

javaedge seminar14

javaedge seminar16

javaedge seminar19