Build a Web application using Faces Client components
Time required
To complete this tutorial, you will need approximately 1 hour and 45 minutes. However, you can complete any of the modules on its own if you wish. If you decide to explore other facets of Faces Client components while working on the tutorial, it could take longer to finish.
Prerequisites
In order to complete this tutorial end to end, you should be familiar with:
- WebSphere Application Server v6.0. This server is provided with the workbench as a test environment, or you can use your own standalone installation. The scenario in this tutorial asks you to deploy a sample Web service on the WebSphere test environment server that is running on localhost.
- Basic Web design concepts, such as Web sites, pages, browsers, and servers
- How to create a simple static Web Page
- The elements of a Web page, such as tables, hyperlinks, forms, and images
- Database terms, such as tables, records, columns, and fields
It will also help if you understand:
- How to use the perspectives and views of the workbench environment
- The concepts behind JavaServer Pages (JSP) and JavaServer Faces technologies
Learning objectives
This tutorial is divided into four modules, each with its own learning objectives. You can choose to complete one or all of the modules. Each module contains several exercises that must be completed in order for the tutorial to work properly.
Module 1: Understanding Faces Client components teaches you about Faces Client components and how to best utilize the different components in your Web application. In this module, you will:
- Learn about the Faces Client
- Distinguish between three components: DataGrid, Tree, and Graph
- Walk through a sample application that uses several Faces Client components
Module 2: Working with a DataGrid teaches you how to use a DataGrid Faces Client component to work with data client-side without being required to refresh the page. In this module, you will:
- Review server-side and client-side data
- Insert and configure a DataGrid component
- Bind the component to client data
- Customize the columns
- Implement client-side handlers
- Prune the data structure
- Test the JSP file on the server
Module 3: Adding Tabbed Panel, Tree, and Graph components teaches you how to display data in Tree, Tabbed Panel, and Graph components. In this module, you will:
- Complement your Faces Client components with a Tabbed Panel Faces component to provide more than one more view of your data
- Insert and configure a Tree Faces Client component to display hierarchical data
- Insert and configure a Graph Faces Client component to display data in either a pie, chart, or line graph
- Test the JSP file on the server
When you are ready, begin Module 1: Understanding Faces Client components.