براي ساخت Web Client کارهاي زير را بايد انجام دهيد:
• تنظيم firstcup-war به اين منظور که JSF را پشتيباني نمايد.
• ساخت يک Web service client
• ساخت يک resource bundle براي نگهداري پيغام هايي که توسط صفحات JSP استفاده مي شوند.
• تنظيم resource bundle در فايل configuration
• ساخت کلاس مديريت DukesBDay
• تنظيم DukesBDay در فايل configuration
• ساخت صفحه greeting.jsp
• تنظيم قواعد navigation
• ساخت صفحه response.jsp
در ادامه، مراحل بالا يک به يک توضيح داده خواهند شد.

تنظيم firstcup-war جهت پشتيبالي JSF
همه Application هاي JSF بايد شامل يک map به نمونه FacesServlet در فايل deployment descriptor باشند. نمونه FacesServlet درخواست ها را دريافت مي کند و براي پردازش به life cycle مي فرستد. همچنين مقداردهي اوليه منابع را انجام مي دهد.

اين mapping بدين صورت انجام مي شود:
1. روي ماژول firstcup-war کليک راست کنيد و properties را انتخاب نماييد.
2. از category ها framework را انتخاب نماييد.
3. روي Add کليک کنيد.
4. از ليست انتخاب ها، JavaServer Faces را انتخاب نماييد و OK را کليک کنيد.
5. Servlet URL mapping را به */firstcupWeb/ تغيير دهيد. اين مسير نمونه FacesServlet است.
6. تيک Validate XML را برداريد.
7. OK را کليک کنيد.

فوروارد صفحه index.jsp به greeting.jsp
مي خواهيم بلافاصله پس از اجراي اين Web Application به صفحه greeting.jsp برويم. لذا بايد index.jsp را به greeting.jsp فوروارد نماييم. بدين صورت:
1. ماژول firstcup-war را باز کنيد و روي Web Pages دبل کليک نماييد.
2. روي welcomeJSF.jsp کليک راست کرده بوسيله Delete آن را حذف نماييد.
3. روي index.jsp دبل کليک کنيد.
4. هر چيزي که داخل اين صفحه نوشته شده است را پاک کنيد.
5. اين عبارت را در صفحه index.jsp وارد کنيد:

6. فايل را ذخيره کنيد.

توضيح اينكه صفحه greeting.jsp را بعدا خواهيم ساخت.

ساخت Web Service Client براي وب ماژول firstcup-war
اين ماژول از وب سرويس firstcup-dukes-age استفاده مي نمايد. به اين منظور لازم است يک Web Service Client در آن ايجاد نماييد. بدين صورت:
1. ماژول firstcup-war را انتخاب کنيد.
2. از منوي File گزينه New File را انتخاب کنيد.
3. از category ها گزينه Web Services را انتخاب کنيد.
4. از انواع فايل، Web Service Client را ايجاد نماييد.
5. Next را کليک کنيد.
6. WSDL URL را انتخاب کنيد.
7. در قسمت WSDL URL مقدار زير را وارد کنيد:

http://localhost:8080/DukesAgeService/DukesAgeService?WSDL

8. در فيلد package نيز اين مقدار را وارد نماييد:

com.sun.firstcup.webservice

9. Finish را کليک کنيد.

ساخت Resource Bundle
منظور از Resource Bundle فايلي است از نوع properties كه در آن كليه متون ثابت، شامل پيغام هاي خطا و عباراتي كه در صفحه jsp به كار مي روند، تعريف مي شود. نحوه ساخت آن بدين ترتيب است:
1. ماژول firstcup-war را انتخاب نماييد.
2. از منوي فايل گزينه New File را انتخاب کنيد.
3. category را other و نوع فايل را Properties File انتخاب کنيد و Next را کليک کنيد.
4.نام فايل را WebMessages وارد نماييد.
5. فولدر را نيز اين مسير وارد کنيد:

src/java/com/sun/firstcup/web

6. Finish را کليک نماييد.
7. پس از اينکه NetBeans فايل را ايجاد نمود متن زير را در آن کپي نماييد:

Welcome=Hi. My name is Duke. Let us find out who is older -- You or me
DukeIs=Duke is
YearsOldToday=years old today.
Instructions=Enter Your birthday and click submit.
YourBD=Your birthday
Pattern=MM/dd/yyyy
DateError=Please enter the date in the form MM/dd/yyyy.
YouAre=You are
Year=year
Years=years
Older=older than Duke!
Younger=younger than Duke!
SameAge= the same age as Duke!
Submit=Submit
Back=Back

8. فايل را ذخيره کنيد.
9. در صورت نياز مي توانيد براي هر زباني مانند زبان فارسي يک Properties File مشابه بالا تهيه نماييد.
10. توسط گزينه Refresh All Files از منوي File همه فايل ها را Refresh نماييد.

تنظيم و پيکر بندي Resource Bundle
1. ماژول firstcup-war را باز کنيد. از فولدر Web Pages فولدر WEB-INF را باز کنيد.
2. روي faces-config.xml دبل کليک نماييد.
3. قبل از تگ پاياني عنصر faces-config عناصر زير را اضافه نماييد:

<application>
    <resource-bundle>          
            <base-name>com.sun.firstcup.web.WebMessages</base-name>
        <var>bundle</var> 
    </resource-bundle>
    <locale-config>
        <default-locale>en</default-locale>
        <supported-locale>es</supported-locale>
    </locale-config>
</application>

4. فايل را ذخيره نماييد.

در مطلب بعد ساخت كلاس DukesBDay از اجزاي web client را خواهيم ديد. براي يادآوري اين تصوير را ببينيد.