Java Edge.2007.What.Is.New.In.Jsf.2

What’s new in
JSF 2.0 ?

Roi Aldaag
Consultant, AlphaCSP
roia@alphacsp.com

Copyright AlphaCSP Israel 2007 - The JavaEdge Seminar 2

Objective

Overview of the new requested
features of the upcoming
JSF 2.0


Agenda

Introduction
JSF Evolution
JSF 1.0 / 1.1
JSF 1.2
JSF 2.0
JSR 314
Community wish list
Technology Adoption
Ease of development
Features
Performance


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…

JavaServer Faces Technology

And probably also … Sponsored Links
AlphaCSP
Specializes 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


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”

Java Web Frameworks (partial list)
Echo Bishop Macaw
Cocoon Barracuda Smile
Millstone Action Framework MyFaces
OXF Shocks Chiba
JBanana
Struts
SOFIA
JSF Jeenius
TeaServlet JWarp …
Tapestry
wingS
WebWork
Expresso
RIFE
Bento
Spring MVC
jStatemachine
Canyamo
jZonic
Maverick
OpenEmcee
JPublish
Turbine
JATO
Scope
Folium
Warfare
Jucas
JWAA
Verge
Jaffa
Niggle
Jacquard


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
• Implementations
Open Source: Sun JSF RI, Apache MyFaces
Commercial: IBM, Oracle
• Third Party Components
IceSoft IceFaces, JBoss RichFaces, Oracle ADF,
Apache Tomahawk, Galileo Faces
• Extensions
Ajax4JSF, Dyno Faces, JSF Extensions
• IDE Support
IntelliJ, Eclipse, JDeveloper, Excadel Studio


Architecture

Controller • Model
Config
(faces-config.xml)

• View
• Controller
Events
Request (ValueChangeEvent,
ActionEvent)
Event Listeners &
Front Servlet Action Handlers
(FacesServlet) (ValueChangeListener,
ActionListener)

Component
Tree Component Business
(UIComponent) Model Objects
(Java Beans) (Managed Beans)

UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel

UIInput UIInput

Resources
(JSP,
XML,
Properties)

View Model


Architecture

Controller • Controller
Config
(faces-config.xml)

• Front Servlet
Request Events
(ValueChangeEvent,
ActionEvent)
Event Listeners &
• Configuration

• Event Listeners
ActionListener)

Component

UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel

UIInput UIInput

Resources
(JSP,
XML,
Properties)

View Model


Architecture

Controller • Model
Config
(faces-config.xml)

• Business Objects
Request Events
(ValueChangeEvent,
ActionEvent)
Event Listeners &
• POJO’s
ActionListener)

Component

UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel

UIInput UIInput

Resources
(JSP,
XML,
Properties)

View Model


Architecture

Controller • View
Config
(faces-config.xml)

• Component Tree
Request Events
(ValueChangeEvent,
ActionEvent)
Event Listeners &
• Component Model

• Delegates
ActionListener)

• Resources
Component

UIViewRoot
Delegates
UIForm (Convertors,
Validators,
Renderers)
Response UIPanel

UIInput UIInput

Resources
(JSP,
XML,
Properties)

View Model


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
<f:fiew>
HTML
<h:form>
<h:panelGrid columns = "2"> UIForm
<h:inputText/>
<h:inputSecret/> WML
</panelGrid>
UIPanel
</h:form>
</f:view>
..
JSP XML
UIInput UIInput


JSF Evolution


JSF Evolution

History
JSF 1.0 / 1.1
JSF 2


History

JSF 1.0, 1.1 JSF 1.2 JSF 2.0
JSR 127 JSR 252 JSR 314
Servlet 2.3, JSP 1.2 Servlet 2.5, JSP 2.1
JSR Review Ballot: JSR Review Ballot: JSR Review Ballot:
May 2001 August 2004 May 2007
Final Release 2: Final Release 2: Final Release 2:
May 2004 May 2006 JEE6 – 4Q 2008

2004 2006 2008 ??


JSF 1.1 (JSR 127)‫‏‬

Shortcomings
JSF – JSP Mismatch

<h:commandLink action="foo">
Read between the lines
Read between the lines
<a href=“#” onClick=“…”></a>
</h:commandLink>

<h:commandLink action="foo"> <a href=“#” onClick=“…”>
<h:outputText Read between the lines
value="Read between the lines”/> </a>
</h:commandLink>


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)‫‏‬

JSP EL JSF EL

Improvements
New Content Interweaving Model
JSP ViewHandler, JSP Base Tag class Unified EL

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


JSF 1.2 (JSR 252)‫‏‬

Shortcomings
Development
Customizing components is complicated
Exceptions are not descriptive
No support for annotations
Deployment
Unnecessary deployment step
Not JEE compliant (packaging, DI)‫‏‬
Components
Missing / Limited components
Security
No security model (managed beans, resources)‫‏‬
Ajax


Custom Components

Let’s say we
want a
collapsible
panel …


Custom Components: JSF 1.2

UIComponentBase.java UIComponentTag.java extend

UICollapse.java CollapseTag.java
write

collapse.tld

faces-config.xml 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>

MyBean.class
public class MyBean {
public String getName() {
if(true) throw new RuntimeException("my exception");
return "line not reached";
}
. . .
}


Exceptions: JSF 1.2

Instead of
A stack trace dump

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


Exceptions: Facelets

We should be getting
Verbose 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

Nav Content

Footer


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 Lead
Ed Burns Sun Microsystems, Inc.
Roger Kitain Sun Microsystems, Inc.


JSR 314

Milestones (anticipated):
Stage Start Finish
Author 1st Draft 7 Feb 07 9 Feb 07
2nd Draft Reviewed 15 Feb 07 9 Mar 07
Author 1st EG Public Draft 7 Mar 07 9 Mar 07
1st EG Public Draft Review 9 Mar 07 16 Mar 07
File JSR with JCP Apr 07 Apr 07
JSR Review Ballot Apr 07 May 07
EG Formation May 07 Aug 07
Early Draft Review Oct 07 Oct 07
Public Review Feb 08 Mar 08
Public Review Ballot Mar 08 Apr 08
Proposed Final Draft JavaEE6


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):
Name Feature Cost
Facelets Templating, Component Aggregation 165
Zero Dep Eliminate Deployment Step 100
EZComp Simplify creation of customize 100
components
Ajax Expand lifecycle to be aware of Ajax, 80
client lifecycle
Errors Better error reporting 80
Listeners New listeners for lifecycle events 50



Feature List (cont.):
Name Feature Cost
Config. No faces-confix.xml, no web.xml 50
Mostly Get Bookmarking, support got “GET” 80
Annotations Components, managed beans, 25
navigation rules
Rendering Declarative rendering (no out.println)‫‏‬ 25

Fix State Default to stateless components 80
Skins Skinning / Themeing 60



The Results:
Name Number of units purchased Cost
Ajax 5 80
Facelets 4 165
Annotations 4 25
State Saving 4 80
Validation++ 4 15
EZComp 3 100
Errors 3 80


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 @Property(el=true, saveState=true)‫‏‬
– Scope
– Navigation Rules @Bean
– Dependency Injection @PhaseListener
– Converters @Converter
– Validators
• Zero Configuration
• Skip deployment


Ease Of Development

Templating
• Faceletes Header
– Develop UI live
• JSF Templating Nav Content
– Pages, components
• Struts Tiles
Footer
– Layouts
– Screen definition
– Inheritance


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:


Technology Adoption
<f:view> Ajax4Jsf example:
<h:outputText value="Ajax List Demo"/>
<h:form>
<h:panelGrid columns="2">
<h:panelGrid>
<a4j:region>
<h:outputText value="Country:"/>
<h:selectOneListbox id="countryId">
<a4j:region>
<f:selectItems value="#{myBean.countries}" />
<h:selectOneListbox id="countryId">
<f:selectItems value="#{myBean.countries}" />
<a4j:support event="onchange" reRender="cityId"
<a4j:support event="onchange" reRender="cityId"
action="#{myBean.changeCountry}" ajaxSingle="true"/>
action="#{myBean.changeCountry}" ajaxSingle="true"/>
</h:selectOneListbox>
</a4j:region>
</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>

Technology Adoption

Partial Page Submit Partial Tree Decode

AjaxViewRoot

UIOutput UIForm

UIPanel UICommand

UIPanel UIPanel

UIOutput UISelectOne UIOutput UISelectOne


Technology Adoption

Partial Page Refresh Partial Tree Render

AjaxViewRoot

UIOutput UIForm

UIPanel UICommand

UIPanel UIPanel

UIOutput UISelectOne UIOutput UISelectOne


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 params
not (input components)‫‏‬


New Features

Additional standard components
Current 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 architecture
A standard set of UI widgets
An application infrastructure
JavaServer Faces in Action, Manning 2005

A specification with implementations offered by multiple vendors
A set of user interface (UI) components
API for extending the standard components or developing new
JavaServer‫‏‬Faces,‫‏‬O’Reilly‫4002‏‬

A set of prefabricated UI (user interface) components
An event-driven programming model
A component model that enables third-party developers to supply additional
components
Core JavaServer Faces, Sun 2007


Resources

JSR Draft
https://javaserverfaces-spec-public.dev.java.net/
proposals/JSF-2_0-draft.html

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

Ed Burns Blog
http://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 scratchpad
http://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
…

Java Edge.2007.What.Is.New.In.Jsf.2

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (6)

Similar to Java Edge.2007.What.Is.New.In.Jsf.2

Similar to Java Edge.2007.What.Is.New.In.Jsf.2 (20)

Java Edge.2007.What.Is.New.In.Jsf.2