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

roia@alphacsp.com

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”

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

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

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,

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,

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,

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,

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>

JSF Evolution

History

JSF 1.0 / 1.1

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>

<h:commandLink action="foo">

<h:outputText

value="Read between the lines”/>

</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)‏

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

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

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

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:

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

@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

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

AjaxViewRoot

UIOutput

UICommand

Partial Tree DecodePartial Page Submit

Technology Adoption

UIPanel

UIForm

UIPanel

AjaxViewRoot

UIOutput

UICommand

Partial Tree RenderPartial Page Refresh

Technology Adoption

Passing values between pages: JSF 1.2

Supported scopes

Page, Session, Application

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

Save / restore page deltas

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 … ?

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

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

jsf evolutionhistory

links alphacsp

javaedge seminar2

javaedge seminar7

javaedge seminar11

javaedge seminar14

javaedge seminar16

javaedge seminar19

Documents

cmsc 341 java review. 08/03/2007 cmsc 341 java review 2...

anno accademico 2006-2007 corso di tecnologie web web...

1 curso de linguagem java marcos mendes 2º semestre - 2007

oxford university press 2007. all rights reserved. java, ·...

graphics and java 2d™ - university of...

off the edge sept 2007

introduction to java sea - wordpress.com · introduction to...

lotusphere 2007 learning java using the eclipse

java raiz - on the edge partnership

configuring edge transport server 2007

object-oriented programming with java lecture 1:...

predix edge architecture - general electric...run c, c++,...

java edge.2008.web.frameworks.catagorized

2007 ford edge owners manual

burger - digital image processing algorithmic introduction...

java web development using hibernate, jsp and servlets, 2007

java solutions for cheminformatics june 2007 company and...

cs 491, 591 networking in java summer 2007

1 java networking – part i cs 236607, winter 2007/8

2007-2010 ford edge