Scribd
Upload
25 views38 pages

We Lab Record

it3401

Uploaded by

nowfal2005km
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views38 pages

We Lab Record

it3401

Uploaded by

nowfal2005km
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 38

Ex no:1 Creation of interactive web sites - Design using HTML and authoring tools

Date:

Design the web page required for an online book store web site.

1) HOME PAGE: The static home page must contain three frames.

2) LOGIN PAGE

3) CATOLOGUE PAGE: The catalogue page should contain the details of all the books

available in the web site in a table.

4) REGISTRATION PAGE

Aim:

Design the following static web pages required for online book store.

1. Home page:- the static home page must contains three pages

2. Top frame:- logo and college name and links to homepage, login page, registration page

and catalogue page

3. Left frame:- at least four links for navigation which will display the catalogue of

Respective links

4. Right frame:- the pages to links in the left frame must be loaded here initially it Contains

the description of the website.

DESCRIPTION:

In this program the entire web paged are created by using basic HTML

tags. Home page is divided into 3 frames by using <frameset> and <frame> tags. A frame is

used to display a web page within a web page.

<frameset>:

ent specifies HOW MANY columns or rows there will be in the

frameset, and HOW MUCH percentage/pixels of space will occupy each of them.

<frame>:

have different attributes, such as border, scrolling,


the ability to resize, etc.

PROGRAM:

home.html:

<frameset rows="40%,*">
<frame src="top.html" noresize scrolling="NO" name="topframe">
<frameset cols="15%,*">
<frame src="left.html" noresize scrolling="NO" name="leftframe">
<frame src="right.html" noresize name="rightframe" scrolling="auto">
</frameset>
</frameset>
top.html:
<html>
<head>
<title>Top Frame</title>
</head>
<body bgcolor="YellowGreen ">
<img src="images/logo1.png" width="125" height="115" align="left">
<img src="images/cse.png" width="125" height="115" align="right">
<center>
<marquee bgcolor="yellow" width="650" behavior="alternate">
<font face="Brush Script MT" size="8" color="green"><b><i>Online Book Store</i></b>
</font>
</marquee> <br>
<font face="Brush Script" size="6" color="white"><b>Created & Maintained By
MRCET</b></font>
</center>
<br>
<table width="100%" height="50%" cellspacing=10>
<tr align="center">
<td> <a href="Home.html" target="_parent"><font face="Brush Script" size="6"
color="navy">HOME </a> </td>
<td> <a href="login.html" target="rightframe"><font face="Brush Script" size="6"
color="navy">LOGIN</a> </td>
<td> <a href="registration.html" target="rightframe"> <font face="Brush Script"
size="6" color="navy">REGISTER </a> </td>
<td> <a href="catalogue.html" target="rightframe"> <font face="Brush Script"
size="6" color="navy">CATALOGUE</a> </td>
</tr>
</table>
</body>
</html>

left.html:
<html>
<body align="center" bgcolor="bisque"> <br>
<a href="cse.html" target="rightframe"><font size="6">CSE</font></a><br><br>
<a href="ece.html" target="rightframe"><font size="6">ECE</font></a><br><br>
</body>
</html>

right.html:
<html>
<body bgcolor="orange">
<center>
<img src="images/Books.jpg" height="170"><br>
<font face="Brush Script MT" size="5" color="blue">
<h1><b>Welcome to the Online Book Store!!!</b></font><br />
<font face="Brush Script MT" size="5" color="red">
<h2><b> "A Huge Collection Of Engineering E-Books"</b></h2></font>
</center>
</body>
</html>

cse.html:
<html>
<head><title>CSE</title></head>
<body bgcolor="cyan">
<center><font color="blue"><h1>Computer Science and Engineering</h1></font></center>
<br>
<table align="center">
<tr>
<td>Text Books</td>
<td>
<select >
<option value="select the book" selected>Select the book
<option value="C&Ds">C&Ds
<option value="Ads">Ads
<option value="Java">Java
<option value="Oracle">Oracle
<option value="Ms SQL Server">Ms SQL Server
<option value="MySql">MySql
</select>
</td></tr>
<tr>
<td>Quantity</td>
<td><input type="text" id="q"></td>
</tr>
<tr>
<td></td>
<td>
<form method=post action="order.html">
<input type="submit" value=ok />
</form>
</td>
</tr>
</table>
<center>
<pre> Cost of one book is"500" + shipping "100" </pre>
</center>
</body>
</html>
ece.html:
<html>
<body bgcolor="Plum">
<h1><font color="blue">Electronics and Communication Engineering</font></h1>
<h2>
<ul>
<li>Digital Circuits</li> <li>Signals and Systems</li> <li>Digital Communication</li>
</ul>
</h2>
</body>
</html>

login.html:
<html>
<body bg color="pink">
<basefont face="Cambria" size="4"> <br>
<center>
<img src="images/login.jpg" width="385" height="135" /><br />
<font face="Brush Script MT" size="7" color="purple">
<b>Enter Login Details:</b>
</font>
</center>
<form name="f1" method="post" action="right.html">
<table align="center" width="100" height="150" cellspacing=”15”>
<tr><td><b>Login ID:</b></td>
<td><input type="text" name="t1"></td>
</tr>
<tr>
<td><b>Password:</b></td>
<td><input type="password" name="t2"></td>
</tr>
<tr align="center">
<td><input type="submit" name="b1" value="Submit"></td>
<td><input type="reset" name="b2" value="Reset"></td>
</tr>
</table> </form> </basefont> </body> </html>

registration.html:
<html>
<head><title>Registration Form</title></head>
<body bgcolor="#E4F0F8">
<center><font color="blue" size="6" face="arial">Registration Form</font></center><br />
<form action="right.html">
First Name(Minimum 6 characters)<font color="red">* </font>
<input type='text' id='firstname' /><br /><br />
Last Name<font color="red"><font color="red">* </font> </font> &nbsp;&nbsp;&nbsp;
<input type='text' id='lastname' /><br /><br />
EmailAddress<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<input type='text' id='email' /><br />
<font color="red">(one e-mail id only):</font> &nbsp;&nbsp;&nbsp;
<font color="redblue">e.g. [email protected]</font><br /><br/>
Password(minimum 6 characters)<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<input type='password' id='pass'><br /><br/>
Address<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<textarea rows="2" cols="20" id='addr' /></textarea> <br /> <br/>
Mobile No<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<input type='text' id='mobileno' /><br />
Gender: <input type='radio' name="gender">male
<input type='radio' name="gender">female<br/><br />
<input type='Submit' value='submit' />
<input type='Reset' value='reset' />
</form> </body> </html>
order.html:
<html>
<head><title>order conformation</title></head>
<body bgcolor="cyan">
<center>
<pre><strong>
<b>Your order Is Conformed
</strong></pre>
<h2><b>THANK YOU...Visit Again</h2>
</center>
</body>
</html>
Output:
Result:

Thus, the HTML program for creation of interactive web sites was executed successfully and
the output was verified.
Ex no : 2 Form validation using JavaScript
Date:

Write JavaScript to validate the following fields of the Registration page.


1. First Name (Name should contains alphabets and the length should not be less than 6
characters).
2. Password (Password should not be less than 6 characters length).
3. E-mail id (should not contain any invalid and must follow the standard pattern
[email protected])
4. Mobile Number (Phone number should contain 10 digits only).
5. Last Name and Address (should not be Empty)

AIM:

To validate the fields of registration page using JavaScript

DESCRIPTION:

In order to validate the fields of login and registration pages JavaScript is used. JavaScript is
programming code that can be inserted into HTML pages. JavaScript inserted into HTML pages,
can be executed by all modern web browsers. JavaScript is mainly used for validating the elements
in a form submitted by the user. This JavaScript code can react to user events. After clicking OK
button the page is redirected to success.html

PROGRAM:

<html>
<head><title>Registration Form Validation</title></head>
<body bgcolor="#E4F0F8">
<script type='text/javascript'>
function formValidator()
{
// Make quick references to our fields
var firstname = document.getElementById('firstname');
var lastname = document.getElementById('lastname');
var email = document.getElementById('email');
var pass = document.getElementById('pass');
var addr = document.getElementById('addr');
var mobileno = document.getElementById('mobileno');
// Check each input in the order that it appears in the form!
if(notEmpty(firstname, "can not be null")){
if(isAlphabet(firstname, "Please enter only letters for your Firstname")){
if(lengthRestriction(firstname, 6)){
if(isAlphabet(lastname, "Please enter only letters for your Lastname")){
if(emailValidator(email, "Please enter a valid email address")){
if(lengthRestriction(pass, 6)){
if(isAlphanumeric(pass, "please enter Numbers and Letters Only for password")){
if(notEmpty(addr, "please enter the address")){
if(isNumeric(mobileno, "Please enter a valid mobileno")){
if(lengthRestriction1(mobileno, 10 , 10)){
return true;
}}}}
}
}
}
}}}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function lengthRestriction(elem, min){
var uInput = elem.value;
if(uInput.length >= min){
return true;
}else{
alert("Please enter minimum " +min+ " characters");
elem.focus();
return false;
}
}
function emailValidator(elem, helperMsg)
{
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp))
{
return true;
}
else{
alert(helperMsg);
elem.focus();
return false;
}
}
function lengthRestriction1(elem, min, max)
{
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max)
{
return true;
}
else {
alert("Please enter 10 numbers only");
elem.focus();
return false;
}
}
</script>
<center><font color="blue" size="6" face="arial">Registration Form</font></center><br />
<form onsubmit='return formValidator()' action="right.html">
First Name(Minimum 6 characters)<font color="red">* </font>
<input type='text' id='firstname' /><br /><br />
Last Name<font color="red"><font color="red">* </font> </font> &nbsp;&nbsp;&nbsp;
<input type='text' id='lastname' /><br /><br />
Email Address<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<input type='text' id='email' /><br />
<font color="red">(one e-mail id only):</font> &nbsp;&nbsp;&nbsp;
<font color="redblue">e.g. [email protected]</font><br /><br/>
Password(minimum 6 characters)<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<input type='password' id='pass'><br /><br/>
Address<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<textarea rows="2" cols="20" id='addr' /></textarea> <br /> <br/>
Mobile No<font color="red">* </font> &nbsp;&nbsp;&nbsp;
<input type='text' id='mobileno' /><br />
Gender: <input type='radio' name="gender">male
<input type='radio' name="gender">female<br/><br />
<input type='Submit' value='submit' />
<input type='Reset' value='reset' />
</form>
</body>
</html>

Output:
Result:

Thus, the program for form validation was executed successfully and output was verified.
Ex no: 3 Creation of simple PHP scripts
Date:

Develop and demonstrate PHP Script for the following problems:


a) Write a PHP Script to find out the Sum of the Individual Digits.
b) Write a PHP Script to check whether the given number is Palindrome or not

a) Find out Sum of the individual Digits

Aim :

To write a PHP script, to find out the sum of the individual digits.

PROGRAM:

<?php
$n=323;
$sum=0;
while($n>0)
{
$r=$n%10;
$sum+=$r;
$n=$n/10;
}
echo "sum of individual digits are: $sum";
?>

Output:

b) Check whether the given number is Palindrome or not

Aim:

To write a PHP script, to check whether the given number is palindrome or not.
PROGRAM:

<?php
$n=323;
$t=$n;
$rev=0;
while($n>0)
{
$r=$n%10;
$rev=$rev*10+$r;
$n=(int)($n/10);
}
echo "Reverse digits are: $rev <br>";
if($t==$rev)
echo "$rev is a Palindrome";
else
echo
"$rev is not a Palindrome";
?>

Output:

Result:

Thus, the exercise for creation of simple PHP scripts was executed successfully and the output
was verified.
Ex.no: 4 Handling multimedia content in web sites
Date:

Aim:
To handle different multimedia content in web sites using HTML.

Description:
Multimedia comes in many different formats. It can be almost anything you can hear or see, like
images, music, sound, videos, records, films, animations, and more.
Web pages often contain multimedia elements of different types and formats.
Multimedia elements (like audio or video) are stored in media files.
The most common way to discover the type of a file, is to look at the file extension.
Multimedia files have formats and different extensions like: .wav, .mp3, .mp4, .mpg, .wmv, and .avi.

HTML Video
To show a video in HTML, use the <video> element.The controls attribute adds video controls, like
play, pause, and volume.It is a good idea to always include width and height attributes. If height and
width are not set, the page might flicker while the video loads.The <source> element allows you to
specify alternative video files which the browser may choose from. The browser will use the first
recognized format.The text between the <video> and </video> tags will only be displayed in browsers
that do not support the <video> element.

Program:

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls>


<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

</body>
</html>

Output:
HTML Audio:

To play an audio file in HTML, use the <audio> element. The controls attribute adds audio controls,
like play, pause, and volume.The <source> element allows you to specify alternative audio files which
the browser may choose from. The browser will use the first recognized format.The text between
the <audio> and </audio> tags will only be displayed in browsers that do not support
the <audio> element.

Program:

<!DOCTYPE html>
<html>
<body>

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>

Output:

HTML Plug-ins:

Plug-ins are computer programs that extend the standard functionality of the browser.
The <object> element is supported by all browsers. The <object> element defines an embedded object
within an HTML document. It was designed to embed plug-ins (like Java applets, PDF readers, and
Flash Players) in web pages, but can also be used to include HTML in HTML.

Program:

<!DOCTYPE html>
<html>
<body>

<object data="audi.jpeg"></object>

</body>
</html>
Output:

The <embed> Element


The <embed> element is supported in all major browsers. The <embed> element also defines an
embedded object within an HTML document. Web browsers have supported the <embed> element for
a long time. However, it has not been a part of the HTML specification before HTML5.

Program:
<!DOCTYPE html>
<html>
<body>

<embed src="audi.jpeg">

</body>
</html>

Output:

Result:

Thus the HTML program to handle different multimedia elements in website was executed
successfully and output was verified.
Ex.no: 5a INVOKING SERVLETS FROM HTML FORM
Date:

AIM:
To write a java program to invoke servlets from HTML form.

PROCEDURE:

client.html:
(1) Create a web page using HTML form that contains the fields such as text, password and one submit
button.
(2) Set the URL of the server as the value of form’s action attribute.
(3) Run the HTML program.
(4) Submit the form data to the server.

server.java:
(1) Define the class server that extends the property of the class HttpServlet
(2) Handle the request from the client by using the method service() of HttpServlet class.
(3) Get the parameter names from the HTML form by using the method getParameterNames().
(4) Get the parameter values from the HTML forms by using the method getParameter().
(5) Send the response to the client by using the method of PrintWriter class.

PROGRAM:

MySrv.java:
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class MySrv extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
out.println("<HTML>");
out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");
out.println(" <BODY>");
//Getting HTML parameters from Servlet
String username=request.getParameter("uname");
String password=request.getParameter("pwd");
if((username.equals("user")) && (password.equals("pswd")))
{
out.println(" <h1> Welcome to "+username);
}
else
{
out.println(" <h1> Registration success ");
out.println(" <a href='./index.html'> Click for Home page </a>");
}
out.println(" </BODY>");
out.println("</HTML>");
out.close();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost( request,response);
}
}

Registration.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY bgcolor='#e600e6'>
<form action='./MySrv' method="post">
<center> <h1> <u> Login Page </u></h1>
<h2> Username : <input type="text" name="uname"/>
Password : <input type="password" name="pwd"/>
<input type="submit" value="click me"/>
</center>
</form>
</body>
</HTML>

web.xml:
<web-app>
<servlet>
<servlet-name>MySrv</servlet-name>
<servlet-class>MySrv</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>MySrv</servlet-name>
<url-pattern>/MySrv</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
</web-app>
Output:

Result:
Thus the java program to invoke servlets from HTML form has been executed successfully and output
was verified.
Ex.no: 5b SESSION TRACKING USING HIDDEN FORM FIELDS
Date :

AIM:

To write a Java Program for Session Tracking Using Hidden Form Fields. This servlet demonstrates
session tracking using hidden form fields by displaying the shopping cart for a bookworm. Note that, if
you try this servlet, the buttons at the bottom of the page it generates don't take you anywhere real.

PROCEDURE:
1. Create a web page using HTML form that contains the fields such as text, password and one submit
button.
2. Set the URL of the server as the value of form’s action attribute.
3. Ask if the user wants to add more items or check out.
4. Include the current items as hidden fields so they'll be passed on and submit to self.

PROGRAM:

register.html:

<html>
<body bgcolor = "cyan">
<center>
<h1>WELCOME TO REGISTRATION PAGE</h1>
<form action="./registerone" METHOD="post">
Name: <input type="text" name = "name"><br><br>
Password: <input type="password" name="password"><br><br>
PROFESSION:
<select name="profession">
<option value="engineer">ENGINEER</option>
<option value="teacher">TEACHER</option>
<option value="businessman">BUSINESSMAN</option>
</select><br><br>
<input type="submit" value="REGISTER">
</form>
</center>
</body>
</html>

web.xml

<web-app>
<welcome-file-list>
<welcome-file>register.html</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>RegistrationServletOne</servlet-name>
<servlet-class>RegistrationServletOne</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RegistrationServletOne</servlet-name>
<url-pattern>/registerone</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>RegistrationServletTwo</servlet-name>
<servlet-class>RegistrationServletTwo</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RegistrationServletTwo</servlet-name>
<url-pattern>/registertwo</url-pattern>
</servlet-mapping>
</web-app>

RegistrationServletOne.java:

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RegistrationServletOne extends HttpServlet
{
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
String name = request.getParameter("name");
String password = request.getParameter("password");
String profession = request.getParameter("profession");
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<html><body bgcolor = wheat>");
out.println("<center>");
out.println("<h1>COMPLETE THE REGISTRATION</h1>");
out.println("<form action = ./registertwo method = post");
out.println("<input type = hidden name = name value =" + name + ">");
out.println("<input type = hidden name = password value =" + password + ">");
out.println("<input type = hidden name = profession value =" + profession + ">");
out.println("EMAIL ID:<input type =text name = email><br><br>");
out.println("PHONE NO:<input type =text name = cell><br><br>");
out.println("<input type =submit value=registernow>");
out.println("</center>");
out.println("</body></html>");
out.close();
}
}

RegistrationServletTwo.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class RegistrationServletTwo extends HttpServlet
{
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
{
String name = request.getParameter("name");
String password = request.getParameter("password");
String profession = request.getParameter("profession");
String email = request.getParameter("email");
String cell = request.getParameter("cell");
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<html><body bgcolor = wheat>");
out.println("<center>");
out.println("<h1>REGISTRATION SUCCESSFUL..........</h1>");
out.println("</center>");
out.println("</body></html>");
out.close();
}

Output:
RESULT:
Thus the Java program for Session Tracking using hidden form fields has been executed successfully.
Ex.no: 5c SESSION TRACKING A HIT COUNT
Date:
AIM:

To write a Java Program for Session tracking a hit count. This servlet uses session tracking to count the
number of times a client has accessed it.

PROCEDURE:
1. Get the current session object, create one if necessary
2. Increment the hit count for this page. The value is saved in this client's session under the name
"tracker.count".
3. Display the hit count for this page

PROGRAM:

PageHitCounter.java
import java.io.*;
import java.sql.Date;
import java.util.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class PageHitCounter extends HttpServlet {
private int hitCount;
public void init() {
// Reset hit counter.
hitCount = 0;
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// Set response content type
response.setContentType("text/html");
// This method executes whenever the servlet is hit
// increment hitCount
hitCount++;
PrintWriter out = response.getWriter();
String title = "Total Number of Hits";
String docType = "<!doctype html public \"-//w3c//dtd html 4.0 " + "transitional//en\">\n";
out.println(docType +
"<html>\n" +
"<head><title>" + title + "</title></head>\n" +
"<body bgcolor = \"#f0f0f0\">\n" +
"<h1 align = \"center\">" + title + "</h1>\n" +
"<h2 align = \"center\">" + hitCount + "</h2>\n" +
"</body>
</html>"
);
}
public void destroy() {
// This is optional step but if you like
you
// can write hitCount value in your
database.
}
}
Web.xml
<servlet>
<servlet-name>PageHitCounter</servlet-name>
<servlet-class>PageHitCounter</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>PageHitCounter</servlet-name>
<url-pattern>/PageHitCounter</url-pattern>
</servlet-mapping>

Output:

RESULT:
Thus the Java program for session tracking a hit count has been executed successfully.
Ex.no: 6 Creation of information retrieval system using web, PHP and
aaaaaaaaaaaaaaaaaaaaaaaaaaaMySQL
Date:

Aim:
To create information retrieval system using web, PHP and MySQL.

The steps to understand for retrieving the data from the MySQL database.
Approach:
 Create the database, then create the table for data.
 Enter the rows in the table.

In this. we use PHPMyAdmin for the database handling. Start the server in the XAMPP as
shown in the below image Making sure that both Apache and MySQL are showing green color,
means that the server is working.

After that create the database in the PHPMyAdmin. Open the below URL.

http://localhost/phpmyadmin/index.php
Steps for creation of database:

Eg:

After that, Create table Name “ITDept” and give the number of columns (I created 4 columns)
and click on Go

Give column names as “Rollno”(Varchar), “Name”(Varchar), “Gender” (Char),


“Address”(Varchar), and Save.

Note: Clicking the “Save” option is important, if not the table is not created.
Creation of gfg database:
Execute the SQL query in the “gfg” database.
CREATE TABLE student
(
name varchar(20),
branch varchar(20),
roll_no INT
);
Enter the data in the table.
INSERT INTO `student` ( `name`, `branch`, `roll_no`)
VALUES ( 'Rohan', 'CSE', '1' );
After the data is inserted, the table will look like this.

PHP Code:
Run the PHP script as shown below to fetch the data from the database.
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "gfg";

// connect the database with the server


$conn = new mysqli($servername,$username,$password,$dbname);

// if error occurs
if ($conn -> connect_errno)
{
echo "Failed to connect to MySQL: " . $conn -> connect_error;
exit();
}

$sql = "select * from student";


$result = ($conn->query($sql));
//declare array to store the data of database
$row = [];

if ($result->num_rows > 0)
{
// fetch all data from db into array
$row = $result->fetch_all(MYSQLI_ASSOC);
}
?>

<!DOCTYPE html>
<html>
<style>
td,th {
border: 1px solid black;
padding: 10px;
margin: 5px;
text-align: center;
}
</style>

<body>
<table>
<thead>
<tr>
<th>Name</th>
<th>Branch</th>
<th>Roll Number</th>
</tr>
</thead>
<tbody>
<?php
if(!empty($row))
foreach($row as $rows)
{
?>
<tr>

<td><?php echo $rows['name']; ?></td>


<td><?php echo $rows['branch']; ?></td>
<td><?php echo $rows['roll_no']; ?></td>

</tr>
<?php } ?>
</tbody>
</table>
</body>
</html>

<?php
mysqli_close($conn);
?>

Output:

Result:
Thus the information retrieval system using web, PHP and MySQL was created successfully and
output was verified.
Ex.no: 7 Creation of personal Information System
Date:
Aim:
To create an HTML web page to show personal information.

Procedure:

Step 1: Open the text editor by clicking on a START button Note pad or Note pad++
Step 2: Now the text editor window appears. Type the HTML code in the notepad.
Step 3: Save the file with any name with .html as extension “FILE NAME.html” in your local
disk
Step 4: Open the file in any browser (chrome, mozila firefox, internet explorer, etc) and you will
get below output.

Program:

<html>
<head>
<title>page of personal Information </title>
</head>
<body>
<B><font size=5><center>personal Information </center></font></B><br>
<table border =1 align =center cellspacing=5 cellpadding=5>
<tr>
<td>
<img src=” Libraries\Pictures.jpg” Align =”top” Width=75 height=75/>
</td>
<td><B>Name:</B>J. Asmitha Lisma<br>
<B>Email:</B>asmi.com<br>
<B>contact:</B>8148064828
</B></td>
<td>
<B>permanent Adress:</B> Flat No-302,<br>Jai Aranvilai, Manavalakurichi,<br>
Kanyakumari-629251
</td>
</tr>
<tr>
<td colspan=3>
<hr color= brown></center>
<B>Objective </B>
<center><hr color=brown> To be associated with a progressive organization which poses a
challenging and innovative career , my knowledge and thus giving me scope to update my
knowledge and skill.</center>
</td>
</tr>
<tr>
<td colspan=3>
<hr color=brown>
<B>Education Profile </B>
<hr color=brown>
<table cellspacing=5 cellpadding=5 border=2>
<tr>
<td>Exam</td>
<td>Board /University</td>
<td>Institution</td>
<td>Year </td>
<td>Percentage</td>
</tr>
<tr>
<td>B.pharm.</td>
<td>Dr M G R medical university, chennai</td>
<td>S .A Raja pharmacy College, Vadakangulam.</td>
<td>2017-2021</td>
<td>98.9%</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=3>
<hr color=brown></center>
<B>Decleration</B>
<hr color =brown>I hereby declare that the above written particulars are true to the best of my
knowledge and belief.<BR>
Date:<BR> Place:
</td>
</td>
</tr>
</table>
<Br>
<Marquee><font color=red><B></td> © Copyrights reserved
</B></font></Marquee>
</html>
Output:

Result:

Thus, the program to create personal information system was executed successfully and output
was verified.

You might also like