HW2BasicServlet

Homework assignment - HW#2A (Estimate: 2 to 4 hours)

Objective

Getting familiar with the development process of a web application by building, deploying, and accessing Web application using asant scripts (you can think of asant scripts as the same thing as ant scripts)
Building a simple "Hello Duke!" web application, first using JSP ("hello1" application of J2EE 1.4 tutorial) and then using Servlet ("hello2" application of J2EE 1.4 tutorial). In the subsequent classes, you will get exposed to a bit more complex Servlet and JSP applications called Duke's Bookstore - bookstore1 and bookstore2 respectively.
Using Sun Java System App server admin console and being able to check if your applications are in fact deployed OK or not

Task1: Configure the J2EE 1.4 tutorial and Start Sun Java System App Server

If you have not installed J2EE 1.4 SDK and J2EE 1.4 tutorial yet, please do so as explained in HW#1A
Set the j2ee.home and j2ee.tutorial.home properties in the <j2ee1.4tutorial_install>/j2eetutorial14/examples/common/build.properties file to the directories you install J2EE 1.4 SDK and J2EE 1.4 tutorial. An example is shown below. (This is described in detail in Chapter About This Tutorial, Section About the Examplessection of the J2EE 1.4 tutorial. If you encounter a build failure later on, it is very likely that you did not set these properties or did not set them correctly.)

Windows: (Windows: Use forward slash / not backward slash \; if you are using backward slash, you have to double it like \\ . Also please make sure you do not have a blank space or spaces at the end of c:\\Sun\\AppServer or c:/Sun/AppServer string - this will cause compilation errors late on.)

j2ee.home=c:\\Sun\\AppServer or c:/Sun/AppServer
j2ee.tutorial.home=c:\\j2eetutorial14 or c:/j2eetutorial14

Linux/Solaris:

j2ee.home=/home/username/SUNWappserver
j2ee.tutorial.home=/home/username/j2eetutorial14

Set AS_ADMIN_PASSWORD property (admin user's password) in <j2ee1.4tutorial_install>/j2eetutorial14/examples/common/admin-password.txtas described under Chapter About This Tutorial, Section About the Examples ofJ2EE 1.4 tutorial. Examples are as following:

AS_ADMIN_PASSWORD=adminadmin (or whatever password you set when you install J2EE 1.4 SDK)

Start Sun Java System App Server 8.2 as following

Windows: You can start the app server using one of the following two methods if you are using Windows platform

Start->All Programs->Sun Microsystems->Application Server PE->Start Default Server
%J2EE_HOME%\bin\asadmin start-domain domain1 (as default, %J2EE_HOME% is set to C:\Sun\AppServer)

Solaris/Linux

$J2EE_HOME/bin/asadmin start-domain domain1 (as default, $J2EE_HOME is set to /opt/SUNWappserver)

Task 2: Build, deploy and run "hello1" web application (JSP based HelloWorld application)

Build, deploy and run "hello1" web application as described in "Chapter 3: Getting Started with Web Applications, Section: Web Application Life Cycle Web Modules" tutorial in J2EE 1.4 tutorial
You are welcome to use GUI-based deploytool, but using asant script should be sufficient in this task.
Understand the "hello1" aplication

Take a look at the two JSP pages that make up the "hello1" application.

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello1/web/index.jsp

Windows: c:\j2eetutorial14\examples\web\hello1\web\index.jsp

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello1/web/response.jsp

Windows: c:\j2eetutorial14\examples\web\hello1\web\response.jsp

Take a look at the web.xml of the "hello1" application

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello1/web.xml

Windows: c:\j2eetutorial14\examples\web\hello1\web.xml

cd <j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello1

Windows: cd c:\j2eetutorial14\examples\web\hello1
Linux/Solaris: cd /home/username/j2eetutorial14/examples/web/hello1

Make sure <J2EE_HOME>/bin (c:\Sun\AppServer\bin for Windows) is in your path (this should be set as part of J2EE 1.4 SDK installation)
asant build

Make sure build process was successful
Take a look at what has been built in <j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello1/build directory

asant create-war (to create hello1.war file)
asant deploy-war (to deploy or redeploy the application)

If you experience any build error at this step, please take a look "TroubleShooting Guide".

From your browser, go to http://localhost:8080/hello1. You should see the following screen.

Enter your name and click Submit button.

Task 3: Build, deploy and run "hello2" web application (Servlet based HelloWorld application) as below

Understand the "hello2" application

Take a look at the two servlets that make up the "hello2" application.

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2/src/servlets/GreetingServlet.java

Windows: c:\j2eetutorial14\examples\web\hello2\src\servlets\GreetingServlet.java

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2/src/servlets/ResponseServlet.java

Windows: c:\j2eetutorial14\examples\web\hello2\src\servlets\ResponseServlet.java

Take a look at the web.xml of the "hello2" application

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2/web.xml

Windows: c:\j2eetutorial14\examples\web\hello2\web.xml

cd <j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2

Windows: cd c:\j2eetutorial14\examples\web\hello2
Linux/Solaris: cd /home/username/j2eetutorial14/examples/web/hello2

asant build (to compile)

asant create-war (to create hello2.war file)
asant deploy-war (to deploy or redeploy the application)

From your browser go to http://localhost:8080/hello2/greeting

The page that gets displayed is from GreetingServlet

Enter your name into the blank field and then click Submit button

The next page that gets displayed is from ResponseServlet

Task 4: Check if "hello1" and "hello2" Web applications are deployed OK using App server's admin console

Open Sun Java System App server 8 admin console via one of the following ways

(Windows) Start->All Programs->Sun Microsystems->Application Server PE->Admin Console
From your browser, go to http://localhost:4848/asadmin (the port number 4848 might be different for your machine if you configured the App server to use non-default admin port number)

On the left side of the Application Server Admin Console, select Applications->Web Applications. You will see "hello1" and "hello2" nodes.
Click "hello2" and you will see more detailed information on the "hello2" web application
You can do the following operations from the admin console. (You have to select Web Applications node first.) Undeploy the "hello2" application from the admin console

Deploy
Undeploy
Enable
Disable

You can also see the log file from the admin console as following. If you have a problem in running/deploying/undeploying, the log file is the first place to take a look.

Select Application Server node on the left
Select Logging tab
Select View Log Files tab

Things to be submitted

Nothing is required to be submitted

Homework assignment - HW#2B (Estimate: 2 hours) - Optional homework but highly recommended

Objectives

Getting to know NetBeans IDE
Rebuilding and running hello2 sample application from J2EE 1.4 tutorial - this is "Hello, Duke!" application using Servlets - using NetBeans IDE first by leveraging existing Ant script and then by starting new.

Task1: Install and Configure NetBeans 5.0 (expected duration: 30 minutes)

Download and install J2SE 1.4.2_06 or later (if you have not done this before)

You can use the J2SE 1.4.2 SDK that comes with the J2EE 1.4 SDK 2005Q1 which you downloaded and installed HW#1A. In this case, the JDK resides under <J2EE_HOME>/jdk - under Windows, it is C:\Sun\AppServer\jdk and under Solaris/Linux, it is /opt/SUNWappserver/jdk.

Download and install NetBeans IDE 5.0 (or NetBeans IDE 5.5 beta)

Please download "NetBeans IDE 5.0 Installer" or "NetBeans IDE 5.0 + AS 8.2 Bundle Installer" if you want to install Sun Java System App Server (AS) 8.2 together with NetBeans 5.0.

If you have previously downloaded and installed J2EE 1.4 SDK, which comes with Sun Java System App Server (AS) 8.2, you can still download and install "NetBeans IDE 5.0 + AS 8.2 Bundle Installer". (The new AS 8.2 will be installed in a subdirectory of NetBeans installation so it should not be in conflict with existing AS 8.2.)

Or you can just download and install "NetBeans IDE 5.0" (without AS 8.2), in which case, you have to add your existing Sun Java System App Server 8.2 as a new runtime platform to the NetBeans IDE yourself as described below in this document.

(Trouble-shooting) If you see "Suitable JVM coud not be found. Please run the program with using the option -is:javahome <JAVA_HOME_DIR>" message when you run NetBeans, the reason could be one of the following:

You moved JDK directory after NetBeans has been installed. The easiest solution is to reinstall the Sun's JDK again and then install NetBeans.
You don't have Sun's JDK. The solution is to install Sun's JDK and then install NetBeans.
JAVA_HOME environment variable is not set correctly. Please set it to correct JDK. Examples are as following

JAVA_HOME=c:\j2sdk1.4.2_08 (or whatever JDK version you are using) or
JAVA_HOME=c:\Sun\AppServer\jdk

During installation, when NetBeans asks you to select JDK version, select either JDK 1.4.2_0x or JDK 1.5

Start NetBeans IDE.

Windows: Start > Programs > NetBeans IDE > NetBeans IDE 5.0 > NetBeans IDE or click NetBeans IDE 5.0 icon from the desktop
Solaris/Linux: <netbeans50_install>/bin/netbeans

Add Sun Java App Server 8.2 as an additional Runtime platform (in addition to Tomcat 5) if you installed a version that does not contain Sun Java System App Server PE 8.2 (You can skip this step if you download and install "NetBeans IDE 5.0 + AS 8.2 Bundle Installer".)

Select Runtime tab
Right-click Servers and select Add Server.
In the Choose Server pane of the Add Server Instance window, drop down the Server field and choose Sun Java System Application Server 8.2. Click Next.
In the Enter the Application Server location pane, select Browse button and select installation location of the Sun Java System App server. It is c:\Sun\AppServer under Windows and /home/username/SUNWappserver under Linux/Solaris. Click Next.
In the Choose Application Server Instance pane,

for Local Server Instance (Default Location) field, select localhost:4848 (domain1)
for Admin User Name and Admin Password fields, type in the admin username and password.
Click Finish.

Start the Sun Java System App Server 8.2 within NetBeans.

Select Runtime tab
Expand Servers
Right click Sun Java System Application Server 8.2 and select Start/Stop Server
If the App Server is in "Server is stopped" state, click Start Server button

Task 2: Learn how to use NetBeans IDE 5.0 for building a simple Web application (expected duration: 1 hour)

Do the "NetBeans IDE 5.0 Quick Start Guide for Web Application" tutorial from the following

http://www.netbeans.org/kb/50/quickstart-webapps.html

Do the "NetBeans IDE 5.0 Quick Start Guide for Web Application 2" tutorial from the following

http://www.javapassion.com/handsonlabs/netbeanswebapp2

Task 3: Build hello2 sample application from J2EE 1.4 Tutorial using NetBeans by leveraging the existing Ant script (expected duration: 1 hour)

Create a new NetBeans project.

Create a New Project by selecting File from menu and then New Project. The New Project dialog box appears.
Under Choose Project pane, select Web and Web Project With Ant Script. Click Next.
Under Name and Location pane,

for Location field, select Browse button and browse the directory structure to select the following directory and click Open.

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2

Windows: C:\j2eetutorial14\examples\web\hello2

Linux/Solaris: /home/username/j2eetutorial14/examples/web/hello2

You should see something like this

Click Next

Under Build and Run Actions pane,

Click Next accepting all defaults.

Under Web Sources pane,

for Web Pages Folder field, select Browse button to open file browser and browse the directory structure to select the following directory and click Open

<j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2/web

Windows: C:\j2eetutorial14\examples\web\hello2\web

Linux/Solaris: /home/username/j2eetutorial14/examples/web/hello2/web

for Context Path field, fill it with /hello2
for J2EE Specification Level, accept the pre-selected value "J2EE 1.4"
Click Next

Under Source Package Folders pane,

click Next (accepting src directory as the source package folder)

Under Java Sources Classpath pane,

Click Add JAR/Folder.. button. Under Browse JAR or Folder window, browse to <J2EE_HOME>/lib directory (c:\Sun\AppServer\lib for Windows) and select j2ee.jar and click Open.

click Next

Under Web Sources Classpath pane,

click Finish

Observe that a new project node, hello2-example, is created under Projects tab pane.

Modify hello2-example->build.xml. The code fragment that needs to be added is highlighted with bold and red-colored font. You can double-click the hello2-example->build.xml to open it within the NetBeans IDE. (The reason you are adding these two targets is because deploy-war and undeploy-war would not work.)

<project name="hello2-example" default="build" basedir=".">


<property name="example" value="hello2" />


<property file="../../common/build.properties"/>
<property file="../common/build.properties"/>

&targets;
&webtargets;

<target name="build" depends="copy"
     description="Compile app Java files" >
    <javac srcdir="src" destdir="${build}">
        <include name="**/*.java" />
         <classpath refid="classpath"/>
    </javac>
</target>

<target name="deploy1-war">
    <antcall target="admin_command_common">
      <param name="admin.command"
        value="deploy ${j2ee.tutorial.home}/examples/web/${example}/${war.file}" />
    </antcall>
</target>

<target name="undeploy1-war">
    <antcall target="admin_command_common">
      <param name="admin.command"
        value="undeploy ${j2ee.tutorial.home}/examples/web/${example}/${war.file}" />
    </antcall>
</target>

</project>

Modify the source code a bit

Open the GreetingServlet.java code by expanding hello2-example->src->servlets and double-clicking GreetingServlet.java.
Make the following change in the GreetingServlet.java on line number 56.

"<h2>Hello, my name is Sang. What's yours?</h2>"

Build and deploy the application

Under Project tab window, right click hello2-example node and select Build Project or Clean and Build Project.

If you encounter a problem, please see Trouble-shooting guide

Under Project tab window, expand hello2-example node, right click hello2-example->build.xml node (not the hell2-example node) and select Run Target->create-war. This will create a war file
Make sure the Sun Java System App Server is running
Under Project tab window, right click hello2-example->build.xml node and select Run Target->Other Targets->deploy1-war. (Make sure you choose deploy1-war not deploy-war.) This will deploy the war file over Sun Java System App server.
(Trouble-shooting) If you experience

Access the application

From your browser go to http://localhost:8080/hello2/greeting

The page that gets displayed is from GreetingServlet
Note that displayed message "Hello, my name is Sang. What's yours?"

Enter your name into the blank field and then click Submit button
The next page that gets displayed is from ResponseServlet

Task 4: Build hello2 sample application using NetBeans from scratch (without using existing Ant script) (expected duration: 1 hour)

Create a new NetBeans project.

Create a New Project by selecting File from menu and then New Project
Under Choose Project pane, select Web and Web Application (instead of Web Project With Ant Script). Click Next.
Under Name and Location pane,

for Project Name field, fill it with hello2netbeans
Click Finish accepting all the default values and selections

Observe that hello2netbeans project node is created and index.jsp gets displayed in the source editor

Create two servlets, GreetingServlet and ResponseServlet.

Right click hello2netbeans project node and select New and select Sevlet.
Under Name and Location pane of the New Servlet window,

for Class Name field, fill it with GreetingServlet.
for Package field, fill it with with servlets.
Click Next

Under Configure Servlet Deployment pane,

for URL Mapping(s) field, change it to /greeting from /GreetingServlet.
Click Finish

Observe that GreetingServlet.java is displayed in the source editor
Replace the contents of GreetingServlet.java with the one from <j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2/src/servlets/GreetingServlet.java

You can use "Favorite window" feature of NetBeans for this, which you will use to copy duke.waving.gif file.

Right click hello2netbeans project node and select New and select Sevlet.
Under Name and Location pane of the New Servlet window,

for Class Name field, fill it with ResponseServlet.
for Package field, fill it with with servlets.
Click Next

Under Configure Servlet Deployment pane,

for URL Mapping(s) field, change it to /response from /ResponseServlet.

Click Finish

Observe that ResponseServlet.java is displayed in the source editor
Replace the contents of ResponseServlet.java with the one from <j2ee1.4tutorial_install>/j2eetutorial14/examples/web/hello2/src/servlets/ResponseServlet.java

Copy the GIF file (duke.waving.gif) to the application

Select Window from menu bar and select Favorites (CTRL+3). The Favorites window allows you to access any file on your computer or network without having create a project for the file. The Favorites tab window gets created along with Projects, Files, Runtime tab windows.
Click Favorites tab window and right click Favorites and select Add to Favorites.
Browse the directory to select the <j2ee1.4tutorial_install>/j2eetutorial14/examples/web and click Add button. Observe that web node is added to the Favorites window.
Expand web->hello2->web.
Select duke.waving.gif and right click it and select Copy.
Click Projects tab window.
Select hello2netbeans->Web Pages and right click it and select Paste. Observe that the duke.waving.gif file now is present under Web Pages node.

Set the Relative URL of the application

Right click hello2netbeans project node and select Properties
Select Run under Categories
For Relative URL field, fill it with /greeting

Build and run the application

Right click hello2netbeans project node and select Run Project (to compile, deploy, and access the application)
Default browser of your system will get displayed automatically accessing the application

NetBeans Features I recommend you to try in this exercise

Display line number in the source code

Open ResponseServlet.java code
Right click the left gray bar of the source editor window (or select View from menu-bar) and select Show Line Numbers

Code completion (in Java source file)

Find the following line (line number aound 48)

String username = request.getParameter("username");

Right after the above line, type the following and wait (don't forget the dot . at the end). You will see various code-completion choices you can select. (Or you can click CTRL/Space key combination to trigger the code-completion)

String contextPath = request.

Select getContextPath() and click Enter key. You will see NetBeans complete the code as following.

String contextPath = request.getContextPath()

Automatic compiler error detection

Move the cursor to the above line which has a compile error (since it does not have ending semicolor). NetBeans tells you the cause of the compile error ';' expected
Add semicolor to the end and observe the compile error is gone

Context sensitive Javadoc of all J2EE 1.4 API's

Move your cursor to any J2EE 1.4 Class, for example, HttpServletRequest, in the source editor and right click it and select Javadoc.
Observe that Javadoc of the HttpServletRequest gets displayed in the default browser of your system.

Reformat code (Indentation alignment)

Add a new line of code as following. The new line of code that needs to be added is highlighed as bold font below with intentionally wrong indentation

        if ((username != null) && (username.length() > 0)) {
            out.println("<h2>Hello, " + username + "!</h2>");
                     out.println("<h2> ContextPath is " + contextPath);
        }

Right click in any space of the source editor and select Reformat Code. Observe that the code is now aligned as following

        if ((username != null) && (username.length() > 0)) {
            out.println("<h2>Hello, " + username + "!</h2>");
            out.println("<h2> ContextPath is" + contextPath);
        }

Build and deploy the application as described above
Access the application

From your browser go to http://localhost:8080/hello2/greeting
Notice that once you submit your name, the response contains the context path information

See/Manipulate the web.xml file in a semi-graphical fashion

Expand hello2netbeans->Configuration Files and double-click web.xml to open it in the source editor

Create Javadoc of your project

Right click hello2netbeans project and select Generate Javadoc for Project
Observe the Javadoc of the project is created and then displayed in the browser

Things to be submitted

Nothing needs to be submitted

Homework assignment - HW#2C (Estimate: 2 to 5 hours)

Objectives

Getting familiar with basic servlet programming
Getting familiar with how to use online Java API document on Servlet and JSP, that comes with J2EE 1.4 SDK. If you are using NetBeans, use context senstive JavaDoc, of course, as mentioned above. (In order to access locally accessible Java API document on Servlet and JSP, from your browser, go to <J2EE_HOME>/docs/api/index.html.)

Under Windows, <J2EE_HOME> is set as C:\Sun\AppServer as a default
Under Linux/Solaris, <J2EE_HOME> is set as /opt/SUNWappserver as a default

Exercise creating/modifying Web application deployment descriptor (web.xml) especially for mapping servlets and their aliases.
You are welcome to use (actually highly recommended) NetBeans IDE to do this homework.

Tasks

Add two new servlets to "hello2" (or "hello2netbeans" if you are using NetBeans) web application.

The first servlet should display "My lucky number is 7. What is yours?" along with a blank field into which a user can enter his/her lucky number.
The second servlet then display same information with the following message on the bottom "Your lucky number is <user-entered-value>." like the output of original "hello2" application's ResponseServlet does. (I will refer to these new servlets as Lucky number servlet1 and Lucky number servlet 2 from now on.)

You have to change web.xml file of the "hello2" web application accordingly

Things to be submitted

Source code and web.xml file

Homework assignment - HW#2D (Estimate: 2 to 4 hours)

Objective

Exercise servlet programming for sharing information using Web context (ServletContext) object and Session object

Tasks

Use the code and deployment descriptor of HW#2C as a starting point
Create a session scope attribute called "SessionTotalOfLuckyNmubers"
Create a Web application scope attribute called "ServletConextTotalOfLuckyNumbers"
Whenever a new number is entered, capture the value of the number and add it to both "SessionTotalOfLuckyNmubers" and "ServletConextTotalOfLuckyNumbers" attributes and display these two numbers in the response servlet

Things to be submitted

Source code and web.xml file

Homework assignment - HW#2E (Estimate time: 1 to 2 hours)

Objective

Building and running "simple" Servlet/JSP application that comes with J2EE SDK 1.4 itself
This program "simple" application is a good learning tool since it lets you see the various usage of Servlets and JSP including the source code and runtime behavior. Please play around this program as much as you can.
As said before, J2EE 1.4 SDK comes with its own set of sample applications. These are different from the sample applications that come with J2EE 1.4 tutorial. You built hello1 and hello2 sample applications using Ant and NetBeans in the above homework exercises.

Tasks

From your browser, go to <J2EE_HOME>/samples/index.html and read information on the sample programs

Windows: c:\Sun\AppServer\samples\index.html

From the above page, click "list of sample applications" under Samples Index. You can directly go to <J2EE_HOME>/samples/docs/list.html from your browser.

Windows: c:\Sun\AppServer\samples\docs\list.html

Click "simple/" application under "webapps". You can directly go to
<J2EE_HOME>/samples/webapps/simple/docs/index.html from your browser.

Windows: c:\Sun\AppServer\samples\webapps\apps\simple\docs\index.html

Build the "/simple" application as described. Basically you do the following using Windows as example platform

cd c:\Sun\AppServer\samples\webapps\apps\simple
asant (to build and package the web application)
asant deploy (to deploy or redeploy the application)

From your browser, go to http://localhost:8080/webapps-simple
Play around with "Servlet Examples" (http://localhost:8080/webapps-simple/servlets/)

Things to be submitted

Nothing needs to be submitted

Homework assignment - HW#2F (Estimated time: 2 to 4 hours) - optional

Objective

Using NetBeans IDE to build and run <J2EE_HOME>/samples/webapps/apps/simple application which you build in HW#2E leverating the existing Ant script.

Task

Start NetBeans
Create a New Project
Under Choose Project pane,

select Web and Web Project With Existing Ant Script. Click Next.

Under Name and Location pane,

for Location field, select Browse button to browse through the directory structure to select the following directory. You should see something like following.

<J2EE_HOME>/samples/webapps/apps/simple

Windows: C:\Sun\AppServer\samples\webapps\apps\simple
Linux/Solaris: /home/username/SUNWappserver/samples/webapps/apps/simple

Click Next

Under Build and Run Actions pane,

Click Next accepting all default values.

Under Web Sources pane,

for the Context Path field, fill it with /webapps-simple
Click Next

Under Source Package Folders pane,

click Next (accepting src/java directory as the source package folder)

Under Java Sources Classpath pane,

Click Add JAR/Folder.. button. Under Browse JAR or Folder window, browse to <J2EE_HOME>/lib directory (c:\Sun\AppServer\lib for Windows) and select j2ee.jar and click Open.

click Next

Under Web Sources Classpath pane,

click Finish

Observe that webapps-simple project node gets displayed under Project tab window.
Under Project tab window, right click webapps-simple project node, select Build Project. This will compile, build the package and deploy the package over Sun Java System App Server 8. This will take some time (30 seconds) to finish since there are lots of files to compile.
From your browser, go to http://localhost:8080/webapps-simple

Things to be submitted

Nothing needs to be submitted

Homework assignment - HW#2G (Estimated time: 2 to 4 hours) - Optional

Objective

Exercise handling error conditions

Tasks

Use the code and deployment descriptor of HW#2C as a starting point

Let's assume that the lucky number has be between 1 to 10. And if a user enters a number that is beyond 10, then let's assume it is an error condition.
Display a simple error HTML page when a user enters a value beyond 10

Things to be submitted

Nothing needs to be submitted