Welcome!

Java IoT Authors: Pat Romanski, Liz McMillan, Elizabeth White, Yeshim Deniz, Stackify Blog

Related Topics: Java IoT, Machine Learning

Java IoT: Article

New Features in JavaServer Faces 2.0

Developing server-side user interfaces (UI) for Java EE applications

JavaServer Faces (JSF) technology is used for developing server-side user interfaces (UI) for Java EE applications. JSF 2.0 architecture has introduced several new features, most of which we shall discuss in this article. The salient new features in JSF 2.0 are State Saving, Facelets, Navigation, Validations, Scopes, AJAX, Resource Handling, Composite Components, View Params, Client Behaviors, Event Handling, and Exception Handling.

State Saving
In JSF 1.2 the full component tree is saved/restored. Attributes are also stored and restored. Saving and restoring the full state has performance and memory issues as the complete state has to be saved and restored and the size of the state saved could be large. In JSF 1.2 each UIComponent saves/restores its own state in the component hierarchy using saveState and resoreState methods in StateHolder. If state saving were to be optimized, it would have to be added to each component class in the hierarchy.

JSF 2.0 has introduced partial state saving in which the initial state of the component tree is marked and only the delta state changes due to modifications are saved, which makes the size of the state saved small. Re-executing the view and subsequently updating with the saved delta state change restores the component tree. Instead of implementing the StateHolder interface, components in JSF 2.0 implement the PartialStateHolder interface, which provides the partial state feature. PartialStateHolder provides methods shown in Table 1.

Table 1

To make it easier for UIComponents to implement PartialSatetHolder the StateHelper, which is a Map-like interface with methods such as add, eval, get, put, remove, is provided to store a component's state such as attributes and listeners. Partial state saving makes the size of the state saved about four times smaller. As the state is restored by re-executing the view, restoring of the component tree could take more time than in JSF 1.2.

By default, JSF 2.0 uses partial state saving. The javax.faces.PARTIAL_STATE_SAVING context-param is provided turn off/on partial state saving. The partial state saving param may be changed using the PARTIAL_STATE_SAVING_PARAM_NAME param.

To implement state saving, JSF 2.0 has introduced tree visiting. In JSF 1.2 only one component could be invoked in a single tree traversal using the UIComponent.invokeOnComponent() method. If multiple components are required to be invoked as in an AJAX request or state saving, multiple tree traversals have to applied. With the tree visiting, multiple components may be invoked in a single tree traversal. Tree visiting is implemented using the visitTree(VisitContext context,VisitCallback callback) method. VisitContext is a context object that holds state for component tree visit. VisitCallback is an interface to visit a specified UIComponent in tree visit.

Facelets
JSF 1.2 used the JSP view technology. JSF 2.0 uses the Facelets view definition language (VDL) as the default view rendering technology. Facelets is an extension to JavaServer Faces (JSF) and uses XHTML syntax to define a JSF page. Facelets are XHTML pages and by default use the .xhtml extension. The default Facelets suffix is specified by the DEFAULT_FACELETS_SUFFIX context parameter. The Facelets view handler in JSF 1.2 had to be specified in faces-config.xml with the following configuration:

<application>|
<view-handler>com.sun.facelets.FaceletViewHandler</view-handler>
</application>
</faces-config>

In JSF 2.0 a view handler is not configured and the default view handler javax.faces.application.ViewHandler is used. The default faces-config.xml for Facelets in JSF 2.0 is an empty file. The default value of the DEFAULT_FACELETS_SUFFIX constant in the ViewHandler view handler is .xhtml. Other Facelets view mappings(view pages to be interpreted as Facelets) may be specified using the javax.faces.FACELETS_VIEW_MAPPINGS context parameter:

<context-param>
<param-name>javax.faces.FACELETS_VIEW_MAPPINGS</param-name>
<param-value>*.jsf;*.jspx</param-value>
</context-param>

Navigation
Navigation in JSF 1.2 is configured using navigation rules based on outcomes from a view id in faces-config.xml. For example, to navigate to output.jsp if the outcome from input.jsp is "success" and to navigate to error.jsp if the outcome is "error", specify the following navigation rule in faces-config.xml:

<navigation-rule>
<from-view-id>/input.jsp</from-view-id>
<navigation-case>
<from-outcome>success</from-outcome>
<to-view-id>/output.jsp</to-view-id>
</navigation-case>
<navigation-case>
<from-outcome>error</from-outcome>
<to-view-id>/error.jsp</to-view-id>
</navigation-case>
</navigation-rule>

JSF 2.0 has simplified navigation with the introduction of implicit navigation with which the navigation is based on the outcome. Implicitly the JSF application navigates to a view id with the same name as the outcome. For example, if the outcome is "output", the navigation handler navigates to output.xhtml, if provided. JSF 2.0 has also introduced conditional navigation with which the navigation handler navigates to a view id based on a condition EL expression specified in faces-config.xml. JSF 2.0 has also introduced the ConfigurableNavigationHandler class for configuring navigation programmatically. Preemptive navigation is another new feature used to determine the destination URL based on outcome. The new components h:button and h:link support preemptive navigation.

Validation
Validation in JSF 1.2 is implemented using built-in validators f:validateDoubleRange (for a double value with an optional range), f:validateLongRange(a long value with an optional range), and f:validateLength (a String with a minimum and maximum number of characters). JSF 1.2 also supports custom validators with the f:validator tag and the javax.faces.validator.Validator interface. JSF 1.2 did not have built-in provisions for empty field validation and validation with regular expressions.

JSF 2.0 has introduced validation of empty fields, which is also available for custom validators. Three new built-in validators have been added: f:validateRegex for regular expressions, f:validateRequired for required field, and f:validateBean for Bean validation, which is another new feature. Bean validation is implemented in conjunction with validation constrain annotations, which are defined in the javax.validation.constraints package. Validation constraint annotations annotate managed bean properties. For example the @Size annotation constrains size, and the @Pattern annotation requires conformance with a regular expression. Bean validation is supported with custom validators also.

Scopes and Configuration
As mentioned earlier the faces-config.xml in JSF 2.0 is an empty file. JSF 1.2 faces-config.xml has configuration for managed beans, managed bean properties, scopes, validators, converters, and renderers. JSF 2.0 has introduced annotations-based configuration for managed beans, managed bean properties, scopes, validators, converters, and renderers. New scopes: view, flash, and custom have been added for finer-grained scopes. JSF 2.0 has added a new configuration project stage that indicates the state of a project.

AJAX
JSF 1.2 did not provide built-in support for AJAX, and an AJAX framework such as Ajax4jsf had to be used. Or AJAX had to be implemented with the XMLHttpRequest object without any framework. JSF 2.0 has added support for AJAX with the f:ajax tag, which includes support for partial page rendering and grouped components. AJAX support may also be added using the AJAX JSF library.

Resource Handling
Resources are files required by a JSF application such as CSS, JavaScript, and images. JSF 2.0 has added a ResourceHandler API that is based on path-based packaging conventions for serving resources. JSF 2.0 has also added new tags for resource handling; h:head, h:body, h:outputScript, and h:ouputStylesheet. Some of the other new resource handling features are relocating resources and ordering of multiple faces-config.xml application configuration resources.

Composite Components
JSF 2.0 has introduced a Composite Components tag library for creating composite components. A Composite component is a composite (collection) of other UI components. A composite component consists of a library, which makes use of the new resource handling feature, a definition page, and a using page, which are based on Facelets. A definition page defines a composite component and a using page makes use of a composite component.

View Params
JSF 1.2 includes support for sending parameters only in a POST request. View parameters add the provision to send request parameters in a GET request. View parameters are configured in the f:metadata tag using the f:viewParam tags. View params are EditableValueHolder components and may configured with validators and converters just as other EditableValueHolder components such as h:inputText. View parameters also support component system events using the f:event tag. Preemptive navigation, which was mentioned in the Navigation section, and bookmarking is made feasible with view params. View params may also be used with Faces redirects.

Client Behaviors
Behaviors are objects attached to components to provide additional functionality. Client behaviors are an implementation of behaviors with which scripts may be attached with components to be run from client-side events. A Facelet taglib is required for a client behavior. Client behaviors are added to a Facelets page using tags from the Facelets taglib.

Event Handling and Exception Handling
JSF 2.0 has introduced a new type of events called system events. System events are of two types: application scoped system events and component system events. System events are similar to, but with more precise granularity, to phase events. For event handling in an AJAX request the f:ajax tag includes a onevent attribute to register a callback Java Script function.

ExceptionHandler is a new class to handle unexpected exceptions. The f:ajax tag includes a onerror attribute for error handling callback function.

More Stories By Deepak Vohra

Deepak Vohra is a Sun Certified Java 1.4 Programmer and a Web developer.

Comments (0)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


@ThingsExpo Stories
22nd International Cloud Expo, taking place June 5-7, 2018, at the Javits Center in New York City, NY, and co-located with the 1st DXWorld Expo will feature technical sessions from a rock star conference faculty and the leading industry players in the world. Cloud computing is now being embraced by a majority of enterprises of all sizes. Yesterday's debate about public vs. private has transformed into the reality of hybrid cloud: a recent survey shows that 74% of enterprises have a hybrid cloud ...
In past @ThingsExpo presentations, Joseph di Paolantonio has explored how various Internet of Things (IoT) and data management and analytics (DMA) solution spaces will come together as sensor analytics ecosystems. This year, in his session at @ThingsExpo, Joseph di Paolantonio from DataArchon, added the numerous Transportation areas, from autonomous vehicles to “Uber for containers.” While IoT data in any one area of Transportation will have a huge impact in that area, combining sensor analytic...
Bill Schmarzo, author of "Big Data: Understanding How Data Powers Big Business" and "Big Data MBA: Driving Business Strategies with Data Science," is responsible for setting the strategy and defining the Big Data service offerings and capabilities for EMC Global Services Big Data Practice. As the CTO for the Big Data Practice, he is responsible for working with organizations to help them identify where and how to start their big data journeys. He's written several white papers, is an avid blogge...
Charles Araujo is an industry analyst, internationally recognized authority on the Digital Enterprise and author of The Quantum Age of IT: Why Everything You Know About IT is About to Change. As Principal Analyst with Intellyx, he writes, speaks and advises organizations on how to navigate through this time of disruption. He is also the founder of The Institute for Digital Transformation and a sought after keynote speaker. He has been a regular contributor to both InformationWeek and CIO Insight...
Michael Maximilien, better known as max or Dr. Max, is a computer scientist with IBM. At IBM Research Triangle Park, he was a principal engineer for the worldwide industry point-of-sale standard: JavaPOS. At IBM Research, some highlights include pioneering research on semantic Web services, mashups, and cloud computing, and platform-as-a-service. He joined the IBM Cloud Labs in 2014 and works closely with Pivotal Inc., to help make the Cloud Found the best PaaS.
It is of utmost importance for the future success of WebRTC to ensure that interoperability is operational between web browsers and any WebRTC-compliant client. To be guaranteed as operational and effective, interoperability must be tested extensively by establishing WebRTC data and media connections between different web browsers running on different devices and operating systems. In his session at WebRTC Summit at @ThingsExpo, Dr. Alex Gouaillard, CEO and Founder of CoSMo Software, presented ...
@DevOpsSummit at Cloud Expo, taking place November 12-13 in New York City, NY, is co-located with 22nd international CloudEXPO | first international DXWorldEXPO and will feature technical sessions from a rock star conference faculty and the leading industry players in the world.
I think DevOps is now a rambunctious teenager - it's starting to get a mind of its own, wanting to get its own things but it still needs some adult supervision," explained Thomas Hooker, VP of marketing at CollabNet, in this SYS-CON.tv interview at DevOps Summit at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
CloudEXPO New York 2018, colocated with DXWorldEXPO New York 2018 will be held November 11-13, 2018, in New York City and will bring together Cloud Computing, FinTech and Blockchain, Digital Transformation, Big Data, Internet of Things, DevOps, AI, Machine Learning and WebRTC to one location.
DevOpsSummit New York 2018, colocated with CloudEXPO | DXWorldEXPO New York 2018 will be held November 11-13, 2018, in New York City. Digital Transformation (DX) is a major focus with the introduction of DXWorldEXPO within the program. Successful transformation requires a laser focus on being data-driven and on using all the tools available that enable transformation if they plan to survive over the long term. A total of 88% of Fortune 500 companies from a generation ago are now out of bus...
Everything run by electricity will eventually be connected to the Internet. Get ahead of the Internet of Things revolution. In his session at @ThingsExpo, Akvelon expert and IoT industry leader Sergey Grebnov provided an educational dive into the world of managing your home, workplace and all the devices they contain with the power of machine-based AI and intelligent Bot services for a completely streamlined experience.
DXWorldEXPO | CloudEXPO are the world's most influential, independent events where Cloud Computing was coined and where technology buyers and vendors meet to experience and discuss the big picture of Digital Transformation and all of the strategies, tactics, and tools they need to realize their goals. Sponsors of DXWorldEXPO | CloudEXPO benefit from unmatched branding, profile building and lead generation opportunities.
In his keynote at 19th Cloud Expo, Sheng Liang, co-founder and CEO of Rancher Labs, discussed the technological advances and new business opportunities created by the rapid adoption of containers. With the success of Amazon Web Services (AWS) and various open source technologies used to build private clouds, cloud computing has become an essential component of IT strategy. However, users continue to face challenges in implementing clouds, as older technologies evolve and newer ones like Docker c...
"Evatronix provides design services to companies that need to integrate the IoT technology in their products but they don't necessarily have the expertise, knowledge and design team to do so," explained Adam Morawiec, VP of Business Development at Evatronix, in this SYS-CON.tv interview at @ThingsExpo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
"MobiDev is a software development company and we do complex, custom software development for everybody from entrepreneurs to large enterprises," explained Alan Winters, U.S. Head of Business Development at MobiDev, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
WebRTC is great technology to build your own communication tools. It will be even more exciting experience it with advanced devices, such as a 360 Camera, 360 microphone, and a depth sensor camera. In his session at @ThingsExpo, Masashi Ganeko, a manager at INFOCOM Corporation, introduced two experimental projects from his team and what they learned from them. "Shotoku Tamago" uses the robot audition software HARK to track speakers in 360 video of a remote party. "Virtual Teleport" uses a multip...
To get the most out of their data, successful companies are not focusing on queries and data lakes, they are actively integrating analytics into their operations with a data-first application development approach. Real-time adjustments to improve revenues, reduce costs, or mitigate risk rely on applications that minimize latency on a variety of data sources. In his session at @BigDataExpo, Jack Norris, Senior Vice President, Data and Applications at MapR Technologies, reviewed best practices to ...
Data is the fuel that drives the machine learning algorithmic engines and ultimately provides the business value. In his session at Cloud Expo, Ed Featherston, a director and senior enterprise architect at Collaborative Consulting, discussed the key considerations around quality, volume, timeliness, and pedigree that must be dealt with in order to properly fuel that engine.
As ridesharing competitors and enhanced services increase, notable changes are occurring in the transportation model. Despite the cost-effective means and flexibility of ridesharing, both drivers and users will need to be aware of the connected environment and how it will impact the ridesharing experience. In his session at @ThingsExpo, Timothy Evavold, Executive Director Automotive at Covisint, discussed key challenges and solutions to powering a ride sharing and/or multimodal model in the age ...
IoT is rapidly becoming mainstream as more and more investments are made into the platforms and technology. As this movement continues to expand and gain momentum it creates a massive wall of noise that can be difficult to sift through. Unfortunately, this inevitably makes IoT less approachable for people to get started with and can hamper efforts to integrate this key technology into your own portfolio. There are so many connected products already in place today with many hundreds more on the h...