We produced the JSF pages and configuration files for this application with a text editor. However, we expect that many JSF programmers will use visual development environments once they become available. A visual environment displays a graphical representation of the components and allows a designer to drag and drop components from a palette. Figure 1-7 shows a prerelease of Sun Java Studio Creator (http://www.sun.com/software/products/jscreator). The component palette is in the lower-left corner. You drag the components onto the center of the window and customize them with the property sheet in the upper-right corner. The environment produces the corresponding JSF tags automatically (see Figure 1-8).
Figure 1-7. Visual JSF Development Environment
Figure 1-8. JSF Markup Is Automatically Generated
Moreover, visual environments give you graphical interfaces for specifying the navigation rules and beans see Figure 1-9. Those environments automatically produce the faces-config.xml file.