Experiment 1

Installing Server Software - Apache and Tomcat

Steps involved in Installing Server on Windows:

Step 1: Install JDK version 1.5 and above for having the JRE installed on your system

After installing JDK, check whether Java has been installed properly by typing the command java and javac on the command prompt.

Step 2: Instll XAMPP software stack which includes the installation for Apache, Tomcat, MySQL, PHP and Perl

After installing XAMPP successfully in your system, open the browser and type the following commands to check whether the server - Apache and Tomcat are running properly through port number 80 and 8080 respectively:

localhost (127.0.0.1) - can be used to access Apache which is running on port number 80

localhost:8080 (127.0.0.1:8080) is the command used for accessing Tomcat which is running on port 8080

Step 3: Install Netbeans using the link given below for having the Integrated Development Environment (IDE) for developing Enterprise Web Application using Java.Steps to Install Apache Tomcat Server on Ubuntu:

To install Apache Tomcat Server on Ubuntu OS, one must follow the step-by-step instructions given below:

Step 1: Update system repositories

Press “CTRL+ALT+T” to open the terminal of your Ubuntu 22.04 and run the below-given command to update system repositories:

$ sudo apt update

$ sudo apt install openjdk-11-jdk

Then, verify the version of the installed Java:

$ java version

Step 3: Check the availability of Apache Tomcat package

After fulfilling the requirements, check the availability of the Apache Tomcat package in the repository:

$ sudo apt-cache search tomcat

The given output signifies that the “tomcat9” package for download.

Step 4: Install Apache Tomcat Server on Ubuntu 22.04

After finding the required Apache Tomcat package, we will install it on Ubuntu 22.04 with the help of the below-given command:

$ sudo apt install tomcat9 tomcat9-admin

Press “y” to permit the installation for a few minutes.

Step 5: Check ports for Apache Tomcat Server

On Ubuntu 22.04, the Apache Tomcat Server automatically starts working after completing the installation. To validate this operation, you can utilize the “ss” command for displaying the network socket related information:

$ ss -ltn

The default port for the Apache Tomcat server is “8080”

Step 6: Open ports for Apache Tomcat Server

In case if the UFW firewall is activated on your system, then it may cause trouble while connecting external devices. So, to permit the incoming from any type of source to port “8080”, write out the following “ufw” command:

$ sudo ufw allow from any to any port 8080 proto tcp

Step 7: Test working of Apache Tomcat Server

To test its working specify your system loopback address with the number of the opened port for Apache Tomcat Server:

http://127.0.0.1:8080

`After installation, Tomcat home page can be found on the local filesystem at: /var/lib/tomcat9/webapps/ROOT/index.html`

Experiment 2

Create a Static Web Site for Shopping

Aim:

To design a simple online shopping website with different web pages. (Note: Use frames, hyperlinks, Images, tables etc. for constructing the web page)

Procedure:

Construct the Home Page that must contain two frames in it as follows:

Top frame: Displays the menu for accessing the various pages of the web site. It has to have links to Home page, Login page, Registration page, Catalogue page and Cart page.
Bottom frame: This is the sub frame in which the target pages of the links provided in the top frame has be displayed here. Initially this frame displays the Welcome message to the web site.

home.html

<html>
	<head>
	<title>Online Books Store</title>
	</head>
	<frameset rows="25%,*" border="1">
	<frame src="top_frame.html" noresize=noresize scrolling="no" color="grey">
	<frame src="welcome.html" name="sub_frame">
	</frameset>
	</frameset>
	</html>

Screen Shot of Home Page (home.html):

welcome.html

<html>
	<body>
	<h2 align="center"><font color="black">WELCOME TO ONLINE BOOK STORE</font></h2>
	</body>
	</html>

Screen Shot of right_frame:

login.html

<html>
	<head>
	<title>LOGIN</title>
	</head>
	<body align="center" bgcolor="white">
	<h3 align="center">LOG IN PAGE</h3>
	<table align="center" heigth="20%">
	<tr>
	<td align="right">LOGIN-ID:</td>
	<td align="left"> <input type="text" maxlength="30" size="20"></td>
	</tr>
	<tr>
	<td align="right">PASSWORD:</td>
	<td align="left"><input type="password" maxlength="30" size="20"></td>
	</tr>
	<tr>
	<td></td>
	<td><font color="black"><a href="regform.html">New User Clik
	here</font></a></td>
	</tr>
	<tr>
	<td></td>
	<td align="left"><input type="SUBMIT" value="SUBMIT"></td>
	<td align="left"><input type="RESET" value="RESET"> </td>
	</tr>
	</table>
	</body>
	</html>

Screen Shot of Login Page:

catalogue.html

<html>
	<head> <title>Caltalogue</title></head>
	<body bgcolor="white">
	<table align="center" border="1" width="100%" height="100%">
	<tr>
	<th>Book Image</th>
	<th>Book Details</th>
	<th>Price to Shop</th>
	</tr>
	<tr>
	<td align="center"><img src="xml_bible.jpg" alt="" width="100" height="120"/></td>
	<td align="left"><p>XML Bible</p><p>by Elliotte Rusty Harold </p><p>Wiely Publication</p></td>
	<td>
	<table width="60%" align="center">
	<tr>
	<td></td>
	<td align="left">550</td>
	<td align="right"><input type="button" value="ADD TO CART"/></td>
	<td></td>
	</tr>
	</table>
	</td>
	</tr>
	<tr>
	<td align="center"><img src="AI_Modern_approach.jpg" alt="" width="60" /></td>
	<td align="left"><p>Artificial Integlligence: A Modern Approach</p><p>by S.Russel & P.Norvig</p><p>Princeton Hall Publication</p></td>
	<td>
	<table width="60%" align="center">
	<tr>
	<td></td>
	<td align="left">750</td>
	<td align="right"><input type="button" value="ADD TO CART"/></td>
	<td></td>
	</tr>
	</table>
	</td>
	</tr>
	<tr>
	<td align="center"><img src="java_complete.jpg" alt="" width="100" height="120"/></td>
	<td align="left"><p>Java : The Complete Reference</p><p>by Herbert Schildt</p><p>Tata McGraw Hill Publication</p></td>
	<td>
	<table width="60%" align="center">
	<tr>
	<td> </td>
	<td align="left">350</td>
	<td align="right"><input type="button" value="ADD TO CART"/></td>
	<td></td>
	</tr>
	</table>
	</td>
	</tr>
	<tr>
	<td align="center"><img src="HTML_CSS.jpg" alt="" width="150" height="200"/></td>
	<td align="left"><p>HTML and CSS : Teach Yourself<p>by Julie C. Meloni<p><p>Sam Tech Publications</p></td>
	<td>
	<table width="60%" align="center">
	<tr>
	<td></td>
	<td align="left">$63</td>
	<td align="right"><input type="button" value="ADD TO CART"/></td>
	<td></td>
	</tr>
	</table>
	</td>
	</tr>
	</table>
	</body>
	</html>

Screen Shot of Catalogue Page: