Author: mcaspers Date: 2011-03-13 16:53:44 -0400 (Sun, 13 Mar 2011) New Revision: 29726 Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_managed_bean.xml trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_navigation.xml trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_1.png trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_2.png trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_4.png trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_5.png trunk/jsf/docs/jsf_tools_tutorial/en-US/jsf_application.xml trunk/jsf/docs/jsf_tools_tutorial/en-US/start_page.xml Log: "General editing and screenshot updates" Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_managed_bean.xml =================================================================== --- trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_managed_bean.xml 2011-03-12 01:27:47 UTC (rev 29725) +++ trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_managed_bean.xml 2011-03-13 20:53:44 UTC (rev 29726) @@ -1,90 +1,60 @@ <?xml version="1.0" encoding="UTF-8"?> <chapter id="adding_managed_bean"> - <?dbhtml filename="adding_managed_bean.html"?> - <chapterinfo> - <keywordset> - <keyword>JBoss Developer Studio</keyword> - <keyword>JSF application</keyword> - <keyword>Java</keyword> - </keywordset> - </chapterinfo> + <?dbhtml filename="adding_managed_bean.html"?> + <chapterinfo> + <keywordset> + <keyword>JBoss Developer Studio</keyword> + <keyword>JSF application</keyword> + <keyword>Java</keyword> + </keywordset> + </chapterinfo> - <title>Adding a Managed Bean to the Application</title> - <para>To store data in the application, we will use a managed bean.</para> - <itemizedlist> - <listitem> - <para>Click on the <emphasis> - <property>Tree</property> - </emphasis> tab at the bottom of the editing window</para> - </listitem> - <listitem> - <para>Select the <emphasis> - <property>Managed Beans</property> - </emphasis> node and then click the <emphasis> - <property>Add...</property> - </emphasis> button displayed along the right side of the editor window</para> - </listitem> - <listitem> - <para>Type in <emphasis> - <property>jsfHello.PersonBean</property> - </emphasis> for Class and <emphasis> - <property>personBean</property> - </emphasis> for Name. Leave Scope as is and Generate Source Code as is - (checked)</para> - </listitem> - <listitem> - <para>Click <emphasis> - <property>Finish</property> - </emphasis></para> - </listitem> - <listitem> - <para>personBean will now be selected and three sections of information: <emphasis> - <property>Managed Bean</property> - </emphasis>, <emphasis> - <property>Properties</property> - </emphasis>, and <emphasis> - <property>Advanced</property> - </emphasis> will be displayed about it. Under the Properties section, click the <emphasis> - <property>Add...</property> - </emphasis> button</para> - </listitem> - <listitem> - <para>Type in <emphasis> - <property>name</property> - </emphasis> for Property-Name. Leave everything else as is. (When Property- - Class is not filled in, String is the assumed type)</para> - </listitem> - <listitem> - <para>Click <emphasis> - <property>Finish</property> - </emphasis></para> - </listitem> - <listitem> - <para>Select the <emphasis> - <property>personBean</property> - </emphasis> node in the tree</para> - </listitem> - </itemizedlist> - <para>You should see this now:</para> - <figure> - <title>Tree View in Config Editor</title> - <mediaobject> - <imageobject> - <imagedata fileref="images/jsf_application/jsf_application_5.png"/> - </imageobject> - </mediaobject> - </figure> - <itemizedlist> - <listitem> - <para>Select <emphasis> - <property>File > Save</property> - </emphasis> from the menu bar</para> - </listitem> - </itemizedlist> - <para>You have now registered the <emphasis> - <property>managed bean</property> - </emphasis> and created a <emphasis> - <property>stub-coded class</property> - </emphasis> file for it.</para> - - </chapter> \ No newline at end of file + <title>Adding a Managed Bean to the Application</title> + <para>To store data in the application, we will use a managed bean.</para> + <itemizedlist> + <listitem> + <para>Click on the <guilabel>Tree</guilabel> tab at the bottom of the editing window.</para> + </listitem> + <listitem> + <para>Select the <guilabel>Managed Beans</guilabel> node and then click the <guibutton>Add...</guibutton> button displayed along the right side of the editor window.</para> + </listitem> + <listitem> + <para>Type in <guilabel>jsfHello.PersonBean</guilabel> for Class and <guilabel>personBean</guilabel> for Name. Leave the <guilabel>Scope</guilabel> selection as is and leave the <guilabel>Generate Source Code</guilabel> checkbox checked.</para> + </listitem> + <listitem> + <para>Click the <guibutton>Finish</guibutton> button.</para> + </listitem> + <listitem> + <para>personBean will now be selected and three sections of information: <guilabel>Managed Bean</guilabel>, <guilabel>Properties</guilabel>, and <guilabel>Advanced</guilabel> will be displayed about it. Under the <guilabel>Properties</guilabel> section, click the <guibutton>Add...</guibutton> button.</para> + </listitem> + <listitem> + <para>Type in <guilabel>name</guilabel> for <guilabel>Property-Name</guilabel>. Leave everything else as is. (When <guilabel>Property-Class</guilabel> is not filled in, String is the assumed type.)</para> + </listitem> + <listitem> + <para>Click the <guibutton>Finish</guibutton> button.</para> + </listitem> + <listitem> + <para>Select the <guilabel>personBean</guilabel> node in the tree.</para> + </listitem> + </itemizedlist> + <para>You should see this now:</para> + <figure> + <title>Tree View in Config Editor</title> + <mediaobject> + <imageobject> + <imagedata fileref="images/jsf_application/jsf_application_5.png"/> + </imageobject> + </mediaobject> + </figure> + <itemizedlist> + <listitem> + <para>Select <menuchoice><guimenuitem>File</guimenuitem> + <guimenuitem>Save</guimenuitem> + </menuchoice> from the menu bar.</para> + </listitem> + </itemizedlist> + <para> + You have now registered the <emphasis><property>managed bean</property></emphasis> and created a <emphasis><property>stub-coded class</property></emphasis> file for it. + </para> + +</chapter> \ No newline at end of file Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_navigation.xml =================================================================== --- trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_navigation.xml 2011-03-12 01:27:47 UTC (rev 29725) +++ trunk/jsf/docs/jsf_tools_tutorial/en-US/adding_navigation.xml 2011-03-13 20:53:44 UTC (rev 29726) @@ -21,44 +21,30 @@ <title>Adding Two Views (JSP Pages)</title> <itemizedlist> <listitem> - <para>Right-click anywhere on the diagram and select <emphasis> - <property>New View...</property> - </emphasis> from the pop-up menu</para> + <para>Right-click anywhere on the diagram and select <guimenuitem>New View...</guimenuitem> from the context menu.</para> </listitem> <listitem> - <para>In the dialog box, type <emphasis> - <property>pages/inputname</property> - </emphasis> as the value for From View ID</para> + <para>In the dialog box, type <guilabel>pages/inputname</guilabel> as the value for From View ID.</para> </listitem> <listitem> - <para>Leave everything else as is</para> + <para>Leave everything else as is.</para> </listitem> <listitem> - <para>Click <emphasis> - <property>Finish</property> - </emphasis></para> - <para>If you look in the Package Explorer view you should see a <emphasis> - <property>pages</property> - </emphasis> folder under WebContent. Opening it will reveal the JSP file you - just created</para> + <para>Click the <guibutton>Finish</guibutton> button.</para> + <para>If you look in the Package Explorer view you should see a <filename>pages</filename> folder under the <filename>WebContent</filename> folder. Opening it will reveal the JSP file you + just created.</para> </listitem> <listitem> - <para>Back on the diagram, right-click anywhere and select <emphasis> - <property>New View...</property> - </emphasis> from the pop-up menu</para> + <para>Back on the diagram, right-click anywhere and select <guimenuitem>New View...</guimenuitem> from the pop-up menu.</para> </listitem> <listitem> - <para>In the dialog box, type <emphasis> - <property>pages/greeting</property> - </emphasis> as the value for From View ID</para> + <para>In the dialog box, type <guilabel>pages/greeting</guilabel> as the value for From View ID.</para> </listitem> <listitem> - <para>Leave everything else as is</para> + <para>Leave everything else as is.</para> </listitem> <listitem> - <para>Click <emphasis> - <property>Finish</property> - </emphasis></para> + <para>Click the <guibutton>Finish</guibutton>.</para> </listitem> </itemizedlist> @@ -79,11 +65,7 @@ <itemizedlist> <listitem> - <para>Click on the <emphasis> - <property>pages/inputname</property> - </emphasis> page icon and then click on the <emphasis> - <property>pages/greeting</property> - </emphasis> page icon</para> + <para>Click on the <guilabel>pages/inputname</guilabel> page icon and then click on the <guilabel>pages/greeting</guilabel> page icon.</para> </listitem> </itemizedlist> @@ -98,9 +80,7 @@ </figure> <itemizedlist> <listitem> - <para>Select <emphasis> - <property>File > Save</property> - </emphasis> from the menu bar</para> + <para>Select <menuchoice><guimenuitem>File</guimenuitem><guimenuitem>Save</guimenuitem></menuchoice> from the menu bar.</para> </listitem> </itemizedlist> </section> Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_1.png =================================================================== (Binary files differ) Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_2.png =================================================================== (Binary files differ) Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_4.png =================================================================== (Binary files differ) Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/images/jsf_application/jsf_application_5.png =================================================================== (Binary files differ) Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/jsf_application.xml =================================================================== --- trunk/jsf/docs/jsf_tools_tutorial/en-US/jsf_application.xml 2011-03-12 01:27:47 UTC (rev 29725) +++ trunk/jsf/docs/jsf_tools_tutorial/en-US/jsf_application.xml 2011-03-13 20:53:44 UTC (rev 29726) @@ -27,7 +27,7 @@ </listitem> <listitem> <para> - Select <menuchoice><guimenuitem>JBoss Tools We</guimenuitem><guimenuitem>JSF</guimenuitem><guimenuitem>JSF Project</guimenuitem></menuchoice> in the New Project dialog box. + Select <menuchoice><guimenuitem>JBoss Tools Web</guimenuitem><guimenuitem>JSF</guimenuitem><guimenuitem>JSF Project</guimenuitem></menuchoice> in the New Project dialog box. </para> </listitem> <listitem> @@ -57,24 +57,16 @@ </figure> <itemizedlist> <listitem> - <para>Click the plus sign next to <emphasis> - <property>jsfHello</property> - </emphasis> to reveal the child nodes</para> + <para>Click the plus sign next to <guilabel>jsfHello</guilabel> to reveal the child nodes</para> </listitem> <listitem> - <para>Click the plus sign next to <emphasis> - <property>WebContent</property> - </emphasis> under jsfHello</para> + <para>Click the plus sign next to <guilabel>WebContent</guilabel> under jsfHello</para> </listitem> <listitem> - <para>Click the plus sign next to <emphasis> - <property>WEB-INF</property> - </emphasis> under WebContent</para> + <para>Click the plus sign next to <guilabel>WEB-INF</guilabel> under WebContent</para> </listitem> - <listitem> - <para>Then double-click on the <property>faces-config.xml</property> node to display - the JSF application configuration file editor</para> + <para>Then double-click on the <filename>faces-config.xml</filename> node to display the JSF application configuration file editor</para> </listitem> </itemizedlist> <figure> Modified: trunk/jsf/docs/jsf_tools_tutorial/en-US/start_page.xml =================================================================== --- trunk/jsf/docs/jsf_tools_tutorial/en-US/start_page.xml 2011-03-12 01:27:47 UTC (rev 29725) +++ trunk/jsf/docs/jsf_tools_tutorial/en-US/start_page.xml 2011-03-13 20:53:44 UTC (rev 29726) @@ -1,45 +1,35 @@ <?xml version="1.0" encoding="UTF-8"?> <chapter id="start_page"> - <?dbhtml filename="start_page.html"?> - <chapterinfo> - <keywordset> - <keyword>JBoss Tools</keyword> - <keyword>JSF application</keyword> - <keyword>Java</keyword> - </keywordset> - </chapterinfo> + <?dbhtml filename="start_page.html"?> + <chapterinfo> + <keywordset> + <keyword>JBoss Tools</keyword> + <keyword>JSF application</keyword> + <keyword>Java</keyword> + </keywordset> + </chapterinfo> - <title>Creating the Start Page</title> - <para>You also need to create a start page as an entry point into the application.</para> - <itemizedlist> - <listitem> - <para>In the Package Explorer view to the left, right-click <emphasis> - <property>jsfHello > WebContent</property> - </emphasis> and select <emphasis> - <property>New > JSP File</property> - </emphasis></para> - </listitem> - <listitem> - <para>For Name type in <emphasis> - <property>index</property> - </emphasis>, for Template select <emphasis> - <property>JSPRedirect</property> - </emphasis> and click <emphasis> - <property>Finish</property> - </emphasis></para> - </listitem> - </itemizedlist> - <para>A JSP editor will open up on the newly created file.</para> - - <itemizedlist> - <listitem> - <para>In the Source part of the split screen, type <emphasis> - <property>/pages/inputname.jsf</property> - </emphasis> in between the quotes for the page attribute</para> - </listitem> - </itemizedlist> - <para>The source coding should look like this now:</para> - <programlisting role="XML"><![CDATA[<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> + <title>Creating the Start Page</title> + <para>You also need to create a start page as an entry point into the application.</para> + <itemizedlist> + <listitem> + <para>In the Package Explorer view to the left, right-click <menuchoice><guimenuitem>jsfHello</guimenuitem><guimenuitem>WebContent</guimenuitem></menuchoice> and select <menuchoice><guimenuitem>New</guimenuitem><guimenuitem>JSP File</guimenuitem></menuchoice> + </para> + </listitem> + <listitem> + <para>For Name type in <guilabel>index</guilabel>, for Template select <guimenuitem>JSPRedirect</guimenuitem> and click the <guibutton>Finish</guibutton> button. + </para> + </listitem> + </itemizedlist> + <para>A JSP editor will open up on the newly created file.</para> + + <itemizedlist> + <listitem> + <para>In the Source part of the split screen, type <guilabel>/pages/inputname.jsf</guilabel> in between the quotes for the page attribute.</para> + </listitem> + </itemizedlist> + <para>The source coding should look like this now:</para> + <programlisting role="XML"><![CDATA[<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head></head> <body> @@ -47,17 +37,13 @@ </body> </html> ]]></programlisting> - - <para>Note the <emphasis> - <property>.jsf</property> - </emphasis> extension for the file name. This is a mapping defined in the web.xml file - for the project for invoking <property>JavaServer Faces</property> when you run the - application.</para> - <itemizedlist> - <listitem> - <para>Select<emphasis> - <property> File > Save</property> - </emphasis> from the menu bar</para> - </listitem> - </itemizedlist> - </chapter> \ No newline at end of file + + <para> + Note the <filename>.jsf</filename> extension for the file name. This is a mapping defined in the <filename>web.xml</filename> file for the project for invoking <property>JavaServer Faces</property> when you run the application. + </para> + <itemizedlist> + <listitem> + <para>Select <menuchoice><guimenuitem>File</guimenuitem><guimenuitem>Save</guimenuitem></menuchoice> from the menu bar</para> + </listitem> + </itemizedlist> +</chapter> \ No newline at end of file