list of experiments - jayaramcet.edu.in it... · list of experiments 1. create a web page with the...

LIST OF EXPERIMENTS

1. Create a web page with the following using HTML

To embed an image map in a web page

To fix the hot spots

Show all the related information when the hot spots are clicked.

2. Create a web page with all types of Cascading style sheets.

3. Client Side Scripts for Validating Web Form Controls using DHTML

4. Write programs in Java to create applets incorporating the following features:

Create a color palette with matrix of buttons

Set background and foreground of the control text area by selecting a color from

color palette.

In order to select Foreground or background use check box control as radio

buttons

To set background images

5. Write programs in Java using Servlets:

To invoke servlets from HTML forms

To invoke servlets from Applets

6. Write programs in Java to create three-tier applications using JSP and Databases

for conducting on-line examination.

for displaying student mark list. Assume that student information is available in

a database which has been stored in a database server.

7. Programs using XML – Schema – XSLT/XSL

8. Programs using AJAX

9. Consider a case where we have two web Services- an airline service and a travel agent and

the travel agent is searching for an airline. Implement this scenario using Web Services and

Data base.

TOTAL = 45 PERIODS

Ex.No : 1

CREATE A WEB PAGE WITH THE FOLLOWING USING HTML

i) To embed an image map in a web page

ii) To fix the hot spots

iii) Show all the related information when the hot spots are clicked.

AIM:

To create a web page which includes a map and display the related information when a

hot spot is clicked in the map.

ALGORITHM:

Step 1: Create a html file with map tag

Step 2: Set the source attribute of the img tag to the location of the image and also set the

usemap attribute

Step 3: Specify an area with name, shape and href set to the appropriate values

Step 4: Repeat step 3 as many hot spots you want to put in the map

Step 5: Create html files for each and every hot spots the user will select

PROGRAM:

ImageMap.html

<HTML>

<HEAD>

<TITLE>Image Map</TITLE>

</HEAD>

<BODY><img src="india_map.jpg" usemap="#metroid" ismap="ismap" >

<map name="metroid" id="metroid">

<area href='TamilNadu.html' shape='circle' coords='175,495,30'title='TamilNadu'/>

<area href = "Karnataka.html" shape = "rect" coords = "100,400,150,450" title ="Karnataka" />

<area href = "AndhraPradesh.html" shape = "poly" coords = "150,

415,175,348,265,360,190,420,190,440" title =

"Andhra Pradesh" />

<area href = "Kerala.html" shape = "poly" coords =

"108,455,150,515,115,490,148,495,110,448,155,501" title =

"Kerala" />

</map>

</BODY>

</HTML>

TamilNadu.html

<HTML>

<HEAD>

<TITLE>About Tamil Nadu</TITLE>

</HEAD>

BODY>

<CENTER><H1>Tamil Nadu</H1></CENTER>

<HR>

<UL>

<LI>Area : 1,30,058 Sq. Kms.</LI>

<LI>Capital : Chennai</LI>

<LI>Language : Tamil</LI>

<LI>Population : 6,21,10,839</LI>

</UL><hr>

<a href='ImageMap.html'>India Map</a>

</BODY>

</HTML>

Karnataka.html

<HTML>

<HEAD>

<TITLE>About Karnataka</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Karnataka</H1></CENTER>

<HR>

<UL>

<LI>Area : 1,91,791 Sq. Kms</LI>

<LI>Capital : Bangalore</LI>

<LI>Language : Kannada</LI>


</UL>

<hr>


</BODY>

</HTML>

AndhraPradesh.html

<HTML>

<HEAD>

<TITLE>About Andhra Pradesh</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Andhra Pradesh</H1></CENTER>

<HR>

<UL>

<LI>Area : 2,75,068 Sq. Kms</LI>

<LI>Capital : Hyderabad</LI>

<LI>Language : Telugu</LI>


</UL><hr>


</BODY>

</HTML>

Kerala.html

<HTML>

<HEAD>

<TITLE>About Kerala</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Kerala</H1></CENTER>

<HR>

<UL>

<LI>Area : 38,863 Sq. Kms.</LI>

<LI>Capital : Thiruvananthapuram</LI>

<LI>Language : Malayalam</LI>


</UL><hr>


</BODY>

</HTML>

OUTPUT:

RESULT

Thus image mapping has been performed using HTML.

Ex.No:2

CREATE A WEB PAGE WITH ALL TYPES OF CASCADING STYLE SHEETS.

AIM:

To create a web page that displays college information using various style sheets.

ALGORITHM:

Step 1: Create a web page with frame sets consisting two frames

Step 2: In the first frame include the links

Step 3: In the second frame set display the web page of the link

Step 4: create a external style sheets

Step 5: create an inline and internal style sheets and make it link to the external style sheets.

Program:

xyz.css:

h3{font-family:arial;font-size:20;color:cyan}

table{border-color:green}

td{font-size:20pt;color:magenta}

College.html

<html>

<head><h1><center>ALL STYLE

SHEETS</center></h1>

<title>USE of INTERNAL and EXTERNAL STYLESHEETS

</title>

<link rel="stylesheet" href="xyz.css" type="text/css">

<style type="text/css">

.vid{font-family:verdana;fontstyle:

italic;color:red;text-align:center}

.ani{font-family:tahoma;font-style:italic;fontsize:

20;text-align:center;}

font{font-family:georgia;color:blue;font-size:20}

ul{list-style-type:circle}

</style>

</head>

<body>

<ol style="list-style-type:lower-alpha">

<b>Jayaram GROUP OF

COLLEGES</b><br><br><br>

<li>Jayaram College of Engineering and Technology</li>

<li> Jayaram Polytechnic College</li>

<li>OEC</li>

<li>SACET</li>

</ol>

<p style="font-size:20pt;color:purple">Jayaram COLLEGES</p>

<p class="ani">Jayaram colleges is owned by

Er. M. Subramaniam.<br>It is approved by AICTE(All

India Council for Technical Education).It is

affliated to Anna University.<br></p>

<h2 class="vid">Jayaram College of Engineering and Technology</h2>

<br>

<font>It is an ISO certified Institution</font><br>

<br>

<font>

<h2>List of Courses offered</h2>

<ul>

<li>Computer Science and Engineering</li>

<li>Ece</li>

<li>mech</li>

<li>EIE</li>

<li>IT</li>

<li>ME-CSE</li>

<li>ME_AE</li>

<li>ME_COS</li>

<li>MCA</li>

</ul>

</font>

<h3>Results of cse students</h3>

<table width="100%" cellspacing="2"

cellpadding="2" border="5">

<tr>

<th>S.NAME</th>

<th>MARKS</th>

<th>RESULT</th>

</tr>

<tr>

<td align="center">Ram</td>

<td align="center">100</td>

<td align="center">pass</td>

</tr>

<tr>

<td align="center">Bala</td>



</tr>

<tr>

<td align="center">Ramu</td>



</tr>

</table>

</body>

</html>

<body>

<ol style="list-style-type:lower-alpha">

<b>Jayaram COLLEGES</b><br><br><br>

<li>Jayaram College of Engineering and Technology</li>

<li> Jayaram Polytechnic College</li>

<li>OEC</li>

<li>SACET</li>

</ol>

<p style="font-size:20pt;color:purple">Jayaram GROUP OF COLLEGES</p>

<p class="ani">Jayaram colleges is owned by

Er. M. Subramaniam.<br>It is approved by AICTE(All India

Council for Technical Education). It is affliated to Anna University.<br></p>

<h2 class="vid">OEC</h2>

<br>

<font>It is an ISO certified Institution</font><br>

<br>

<font>

<h2>List of Courses offered</h2>

<ul>

<li>Computer Science and Engineering</li>

<li>Ece</li>

<li>mech</li>

<li>EIE</li>

<li>IT</li>

<li>ME-CSE</li>

<li>ME_VLSI</li>

<li>MBA</li>

</ul>

</font>

<h3>Results of cse students</h3>

<table width="100%" cellspacing="2" cellpadding="2" border="5">

<tr>

<th>S.NAME</th>

<th>MARKS</th>

<th>RESULT</th>

</tr>

<tr>

<td align="center">Dinesh</td>



</tr>

<tr>

<td align="center">Bala</td>



</tr>

<tr>

<td align="center">Gopi</td>



</tr>

</table>

</body>

</html>

Output:

RESULT:

Thus the program was executed successfully.

Ex.No 3

CLIENT SIDE SCRIPTS FOR VALIDATING WEB FORM CONTROLS

USING DHTML

Aim:

To develop an html webpage to validate form using DHTM.

ALGORITHM:

The form will include one text field called "Your Name", and a submit button.

Validation script will ensure that the user enters their name before the form is sent to the

server.

Open this page to see it in action.

• Try pressing the Send Details button without filling anything in the "Your Name" field.

• You might like to open the source code for this form in a separate window

• The page consists of a JavaScript function called validate_form() that performs the form

validation, followed by the form itself.

Program:

PROGRAM CODE: FORM VALIDATION

<html>

<head>

<title>Student Registration Form</title>

<script type="text/javascript">

Function validate()

{

if(document.signup.fname.value=="")

{

alert("Please Enter First Name!"); return false;

}

if(document.signup.lname.value=="")

{

alert("Please Enter Last Name!"); return false;

}

if(document.signup.uname.value=="")

{

alert("Please Enter User Name!"); return false;

}

if(document.signup.pword1.value=="")

{

alert("Please Enter Password!"); return false;

}

if(document.signup.pword1.value<6)

{

alert("Please Enter min 6 characters!");return false;

}

if(document.signup.pword2.value=="")

{

alert("Please Enter Password Again!"); return false;

}

if(document.signup.pword2.value!=document.signup.pword1.value)

{

alert("Password Mismatch Reenter Password!"); return false;

}

alert("Details Entered Successfully"); display();

}

function display()

{

document.writeln('<h2>'+"Details Entered:"+'</h2>');

document.writeln('<br/><font color="#0066ff">'+"First

Name:"+'</font>'+document.signup.fname.value);

document.writeln('<br/><font color="#0066ff">'+"Last

Name:"+'</font>'+document.signup.lname.value);

document.writeln('<br/><font color="#0066ff">'+"Use

Name:"+'</font>'+document.signup.uname.value);

document.writeln('<br/><font

color="#0066ff">'+"Country:"+'</font>'+document.signup.country.value);

document.writeln('<br/><font color="#0066ff">'+"Alternate

Email"+'</font>'+document.signup.aemail.value);

}

</script>

</head>

<body align="center" bgcolor="green"> <table width="100%" height="100%"> <td

colspan="2" width="15%">

</td>

<td colspan="1" bgcolor="#ffffff" width="70%" height="100%"> <h1 align="center"><font

color="#0066ff">smail</font></h1>

<h2 align="center"><font color="#0066ff">New User Signup Form</font></h2> <form

name="signup"

onsubmit="return validate()">

<font face="verdana,arial,helvetica,sanserif" color="#660000" size="2">

<p>  *First

Name:<input type="text" name="fname" size="20">   *Last Name:<input

type="text"

name="lname" size="20"></p>

<p style="border">  *User Name:<input type="text" name="uname"

size="20">@smail.com</p>

<p style="border">  *Password:<input type="password" name="pword1"

size="20"></p>

<p style="border">  *Confirm Password:<input type="password"

name="pword2" size="20"></p>

<p>  Gender:<input type="radio" name="gen" value="male">Male<input

type="radio" name="gen"

value="female">Female</p>

<p>  Country:<select name="country">

<option selected>Select Country</option>

<option name="country" value="India">India</option>

<option name="country" value="Russia">Russia</option> <option name="country"

value="France">France</option>

<option name="country" value="Italy">Italy</option>

</select>

</p>

<p>  Language Known:<br>

  <input type="checkbox" name="lang" value="English">English<br>

  <input

type="checkbox" name="lang" value="Tamil">Tamil<br>   <input

type="checkbox" name="lang"

value="Hindi">Hindi<br>   <input type="checkbox" name="lang"

value="Malayalam">Malayalam<br>

</p>

<p style="border">  Alternate Email:<input type="text" name="aemail"

size="20"></p>

<p align="center"><input type="checkbox" name="agree">I Agree The Terms &

Conditions</p>

<p align="center"><input type="submit" value="submit"> <input type="reset"

value="reset"></p>

</font>

</form>

</td>

<td colspan="2" width="15%"> </td>

</table>

</body>

</html>

OUTPUT:

Result:

Thus, client side scripts for validating web form controls using DHTML was

successfully tested and executed.

EX NO: 4 COLOR PALETTE WITH MATRIX OF BUTTONS

Aim:

To develop a program in java to create applets.

ALGORITHM:

Step 1: Import all necessary packages and classes

Step 2: Define a class that extends applet and implements action listener and item listener

Step 3: Declare an array of buttons to set colors, two checkboxes for foreground and

background colors

Step 4: Declare a text area to hold the text, a checkbox group for checkboxes

Step 5: Add the array of buttons in the init function.

Step 6: In the actionPerformed() method, do the following:

i) Get the action command in the string,

ii) If foreground is checked then set the foreground color to the selected color.

PROGRAM:

import java.awt.*;

import java.awt.event.*;

import java.applet.*;

/*<applet code="exp" width=400 height=400> </applet>*/

public class exp extends Applet implements ItemListener

{

int currcolor=5;

int flag=1;

String text="Click any of the buttons";

Button buttons[]=new Button[5];

String colours[]={"Red","Blue","Green","Yellow","Magenta"};

Image img;

CheckboxGroup cbg=new CheckboxGroup();

Checkbox box1=new Checkbox("Background Color",cbg,true);

Checkbox box2=new Checkbox("Text Color",cbg,false);

Checkbox box3=new Checkbox("Loading Image",cbg,false);

public void init()

{

for(int i=0;i<5;i++)

{

buttons[i]=new Button(" ");

add(buttons[i]);

}

buttons[0].setBackground(Color.red);

buttons[1].setBackground(Color.blue);

buttons[2].setBackground(Color.green);

buttons[3].setBackground(Color.yellow);

buttons[4].setBackground(Color.magenta);

add(box1);

add(box2);

add(box3);

box1.addItemListener(this);



}

public void itemStateChanged(ItemEvent ev)

{ if(box1.getState()==true) flag=1;

else if(box2.getState()==true)

{

text="Default color is black";

flag=2;

}

else if(box3.getState()==true)

{

img=getImage(getDocumentBase(),"Water lilies.jpg");

flag=3;

}

repaint();

}

public void paint(Graphics g)

{

if(flag==2)

{ g.drawString(text,30,100);

switch(currcolor)

{

case 0: g.setColor(Color.red);

break;

case 1:

g.setColor(Color.blue);

break;

case 2: g.setColor(Color.green);

break;

case 3: g.setColor(Color.yellow);

break;

case 4: g.setColor(Color.magenta); break;

case 5: g.setColor(Color.black);

break;

}

g.drawString(text,30,100);

}

else if(flag==1)

{ g.drawString(text,30,100);

switch(currcolor)

{

case 0:

setBackground(Color.red);

break;

case 1: setBackground(Color.blue); break;

case 2: setBackground(Color.green); break;

case 3: setBackground(Color.yellow); break;

case 4: setBackground(Color.magenta); break;

case 5: setBackground(Color.white); break;

}

}

else if(flag==3)

{

g.drawImage(img,20,90,this);

}

}

public boolean action(Event e,Object o)

{

for(int i=0;i<5;i++)

{

if(e.target==buttons[i])

{

currcolor=i;

text="You have chosen "+colours[i];

repaint();

return true;

}

}

return false;

}

}

OUTPUT

C:\jdk1.6.0_05\bin>javac ColorPalette.java

C:\jdk1.6.0_05\bin>appletviewer ColorPalette.java

RESULT:

Thus, the program for implementing color palette has been executed successfully.

Ex.No:5

SERVLET PROGRAM USING HTTP

Aim:

To create a program in java using servlets.

ALGORITHM:

Start the Invoking Servlets from Applet

Create the Ats.html

Use the one input type for roll no

When submit button is click it perform the action= http://localhost:8080/Student/Student

The save as the Ats.html

Then create java coding for AppletToServlet.java

In coding create three important objects

Label sent and received and button click to send to servlets.

Set the url as http://localhost:8080"+"/servlet/ServletToApple

Then create java coding for ServletToApplet.java and Intermediate.java (see the source

code)

Finally save and run the program

PROGRAM:

INVOKING SERVLETS FROM HTML FORMS

import java.io.*;

import java.util.*;

import javax.servlet.*;

public class PostParam extends GenericServlet

{

public void service(ServletRequest request,ServletResponse response)throws

ServletException, IOException

{

PrintWriter pw = response.getWriter(); Enumeration e = request.getParameterNames();

while(e.hasMoreElements())

{

String pname = (String)e.nextElement();

pw.print(pname + " = ");

String pvalue = request.getParameter(pname); pw.println(pvalue);

}

pw.close();

}

}

<HTML>

<BODY>

<CENTER>

<FORM name = "postparam" method = "post"

action="http://localhost:4040/PostParam/PostParam">

<TABLE>

<tr>

<td><B>Employee </B> </td>

<td><input type = "textbox" name="ename" size="25" value=""></td>

</tr>

<tr>

<td><B>Phone </B> </td>

<td><input type = "textbox" name="phoneno" size="25" value=""></td>

</tr>

</TABLE>

<INPUT type = "submit" value="Submit"> </body>

</html>

<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"

"http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>

<display-name>Welcome to Tomcat</display-name>

<description> Welcome to Tomcat

</description>

 <servlet>

<servlet-name>PostParam</servlet-name>

<servlet-class>PostParam</servlet-class>

</servlet>

<servlet-mapping> <servletname>

PostParam</servlet-name>

<url-pattern>/PostParam</url-pattern>

</servlet-mapping>



</web-app>

Output:

OBJECTIVE

To create a program in java using servlets

Client:

Step1: In index.jsp on the client side declare the contents that you like to transfer to the server

using html form and input type tags.

Step2: create a submit button and close all the included tags.

Server:

Step1: In the servlet side using the parameter request get the stings declared in the client side

(requst.getparameter)

Step2: Include necessary html coding that helps to display the content

PROGRAM:

Sevlet Code:

import java.io.*;

import java.util.*;


public class PostParam extends GenericServlet

{

public void service(ServletRequest request,ServletResponse response) throws

ServletException,IOException

{

PrintWriter pw = response.getWriter();

Enumeration e = request.getParameterNames();

while(e.hasMoreElements())

{

String pname = (String)e.nextElement();

pw.print(pname + " = ");

String pvalue = request.getParameter(pname);

pw.println(pvalue);

}

pw.close();

}}

HTML CODE:

<HTML>

<head>

<TITLE>INVOKING SERVLET FROM HTML</TITLE>

</head>

<BODY>

<CENTER>

<FORM name = "PostParam" method = "Post" action="http://localhost:8080/servlets-

examples/servlet/PostParam">

<TABLE>

<tr>

<td><B>Employee </B> </td>

<td><input type = "textbox" name="ename" size="25"

value=""></td>

</tr>

<tr>

<td><B>Phone </B> </td>

<td><input type = "textbox" name="phoneno" size="25"

value=""></td>

</tr>

</TABLE>

<INPUT type = "submit" value="Submit">

</FORM>

</CENTER>

</body>

</html>

OUTPUT:

RESULT:

Thus the given program was coded and executed successfully.

EX NO: 6

ONLINE EXAM USING JSP WITH THREE TIER ARCHITECTURE

AIM:

To write java servlet programs to conduct online examination and to display student mark list

available in a database.

ALGORITHM:

Client:

Step1: In index.html on the client side declare the contents that you like to transfer to the

server using html form and input type tags.

Step2: create a submit button and close all the included tags

Servlet:

Step 1: Import all necessary packages

Step 2: Define a class that extends servlet

Step 3: In the doPost() method, do the following:

i) Set the content type of the response to "text/html"

ii) Create a writer to the response

iii) Get a paratmeter from the request

iv) If its value is equal to right answer then add 5 to mark variable

v) Similarly repeat step

vi) for all parameters

vii) Display the result in an html format using the writer

STUDENT MARK LIST DATABASE

Step 1: Import necessary to java packages and javax packages and classes

Step 2: Create a class that extends HttpServlet and implements ServletException and

IOException

Step 3: In the doGet() method, do the following:

i) Create a PrintWriter object

ii) Open a connection with the data source name

iii) Write a sql query and execute to get the resultset

iv) Display the resultset information in html form

PROGRAM:

SERVLET CODE:

import java.io.*;

import java.sql.*;


import javax.servlet.http.*;

public class StudentServlet3 extends HttpServlet

{

String message,Seat_no,Name,ans1,ans2,ans3,ans4,ans5;

int Total=0; Connection

connect; Statement stmt=null;

ResultSet rs=null;

public void doPost(HttpServletRequest request,HttpServletResponse response)

throws ServletException,IOException

{

try

{

String url="jdbc:odbc:NEO"; Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

connect=DriverManager.getConnection(url," "," "); message="Thank you for

participating in online Exam";

}

catch(ClassNotFoundException cnfex){

cnfex.printStackTrace();

}

catch(SQLException sqlex){

sqlex.printStackTrace();

}

catch(Exception excp){

excp.printStackTrace();

}

Seat_no=request.getParameter("Seat_no");

Name=request.getParameter("Name");

ans1=request.getParameter("group1");




ans5=request.getParameter("group5"); if(ans1.equals("True"))

Total+=2; if(ans2.equals("False"))

Total+=2; if(ans3.equals("True"))

Total+=2;

if(ans4.equals("False")) Total+=2;

if(ans5.equals("False")) Total+=2;

try

{

Statement stmt=connect.createStatement();

String query="INSERT INTO student("+"Seat_no,Name,Total"+")

VALUES('"+Seat_no+"','"+Name+"','"+Total+"')";

int result=stmt.executeUpdate(query);

stmt.close();

}

catch(SQLException ex)

{

}

response.setContentType("text/html"); PrintWriter

out=response.getWriter(); out.println("<html>");

out.println("<head>"); out.println("</head>");

out.println("<body bgcolor=cyan>");

out.println("<center>");

out.println("<h1>"+message+"</h1>\n"); out.println("<h3>Yours results stored in our

database</h3>"); out.print("<br><br>");

out.println("<b>"+"Participants and their Marks"+"</b>");

out.println("<table border=5>");

try

{

Statement stmt=connect.createStatement(); String

query="SELECT * FROM student";

rs=stmt.executeQuery(query);

out.println("<th>"+"Seat_no"+"</th>");

out.println("<th>"+"Name"+"</th>");

out.println("<th>"+"Marks"+"</th>"); while(rs.next())

{

out.println("<tr>"); out.print("<td>"+rs.getInt(1)+"</td>");

out.print("<td>"+rs.getString(2)+"</td>");

out.print("<td>"+rs.getString(3)+"</td>"); out.println("</tr>");

}

out.println("</table>");

}

catch(SQLException ex){ }

finally

{

try

{ if(rs!=null)

rs.close();

if(stmt!=null)

stmt.close();

if(connect!=null)

connect.close();

}

catch(SQLException e){ }

}

out.println("</center>");

out.println("</body></html>"); Total=0;

} }

HTML CODE:

<html>

<head><title>Database Test</title></head>

<body><center>

<h1>Online Examination</h1>

</center>

<form action="StudentServlet3.view" method="POST">

<div align="left"><br></div>

<b>Seat Number:</b> <input type="text" name="Seat_no">

<div align="Right">

<b>Name:</b> <input type="text" name="Name" size="50"><br>

</div><br><br>

<b>1. Every host implements transport layer.</b><br/>

<input type="radio" name="group1" value="True">True

<input type="radio" name="group1" value="False">False<br>

<b>2. It is a network layer's responsibility to forward packets reliably from source to

destination</b><br/>



<b>3. Packet switching is more useful in bursty traffic</b><br/>



<b>4. A phone network uses packet switching</b><br/>



<b>5. HTML is a Protocol for describing web contents</b><br/>



<br><br><br>

<center>

<input type="submit" value="Submit"><br><br></center></form></body></html>

OUTPUT:

(ii)STUDENT MARKLIST USING SERVLET

AIM:

To create a three tier application for displaying the student marklist.

ALGORITHM:

Client:

Step1: In index.html on the client side declare the contents that you like to transfer to the server using html form and input type tags.

Step2: create a submit button and close all the included tags.

Servlet:

Step 1: Import all necessary packages

Step 2: Define a class that extends servlet

Step 3: In the doPost() method, do the following:

i) Set the content type of the response to "text/html"

ii) connect with the database which has the student marklist

iii) query the data to the database

Step 4: Display the student marklist.

PROGRAM:

SERVLET CODE:

import java.io.*;

import java.sql.*;


import javax.servlet.http.*;

public class serv extends HttpServlet

{

String message,Reg_no;

Connection connect;

Statement stmt=null; ResultSet

rs=null;

public void doPost(HttpServletRequest request,HttpServletResponse response)

throws ServletException,IOException

{

try

{

String url="jdbc:odbc:NEO";

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

connect=DriverManager.getConnection(url," "," "); message="Mark List";

}

catch(ClassNotFoundException cnfex){

cnfex.printStackTrace();

}

catch(SQLException sqlex)

{

sqlex.printStackTrace();

}

catch(Exception excp)

{

excp.printStackTrace();

}

Reg_no=request.getParameter("regno");

response.setContentType("text/html"); PrintWriter

out=response.getWriter(); out.println("<html>");

out.println("<head>"); out.println("</head>");

out.println("<body bgcolor=cyan>");

out.println("<center>");

out.println("<h1>"+message+"</h1>\n");

try

{

Statement stmt=connect.createStatement();

String query=new String("SELECT * FROM MarkList WHERE regno= "+Reg_no); rs=stmt.executeQuery(query);

boolean b=rs.next();

out.println("Regsitration No:"+rs.getInt(1)); out.println("<br>"+"Name:"+rs.getString(2)); out.println("<table

border=5>"); out.println("<th>"+"cs01"+"</th>"); out.println("<th>"+"cs02 "+"</th>");

out.println("<th>"+"cs03"+"</th>"); out.println("<th>"+"status"+"</th>");

while(b)

{

out.println("<tr>"); out.print("<td>"+rs.getString(3)+"</td>");



out.print("<td>"+rs.getString(6)+"</td>"); out.println("</tr>");

b=rs.next();

}

out.println("</table>");

}

catch(SQLException ex){

out.println("error in connection");

}

finally

{

try

{ if(rs!=null)

rs.close();

if(stmt!=null)

stmt.close();

if(connect!=null)

connect.close();

}

catch(SQLException e){ }

}

out.println("</center>");

out.println("</body></html>");

}

}

HTML CODE:

<html>

<head><title> mark sheet</title></head>

<body><center>

<h1>Student Mark Sheet</h1>

</center><form action="serv" method="POST">

registration number:<input type="text" name="regno">

<input type="submit" value="Submit"><br><br>

</form></body></html>

OUTPUT:

Result:

Thus the given program was coded and executed successfully.

EXP NO: 7

CD SHOP PROGRAM USING XML SCHEMA

Aim:

Develop a XML program describing styles into it.

Program: <?xml version="1.0" encoding="ISO-8859-1"?>

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>

<CATALOG>

<cd>

<title>Empire Burlesque</title>

<artist>Bob Dylan</artist>

<country> USA</country>

<company>Columbia</company>

<price>10.90</price>

<year>1985</year>

</cd>

<cd>

<title>Hide Your Heart</title>

<artist>Bonnie Taylor</artist>

<country> UK</country>

<company>CBS</company>

<price>9.90</price>

<year>1988</year>

</cd>

<cd>

<title>Greatest Hits</title>

<artist>Dolly Parton</artist>


<company>RCA</company>

<price>9.90</price>

<year>1982</year>

</cd>

<cd>

<title>Still Got The Blues</title>

<artist>Gray Moore</artist>


<company>Virgin Records</company>


<year>1990</year>

</cd>

<cd>

<title>Eros</title>

<artist>Eros Ramazotta</artist>

<country> EU</country>

<company>BMG</company>

<price>9.90</price>

<year>1997</year>

</cd>

<cd>

<title>One Night Only</title>

<artist>Bee Ges</artist>


<company>Polydor</company>


<year>1998</year>

</cd>

<cd>

<title>Sylvias Mother</title>

<artist>Dr.Hook</artist>


<company>CBS</company>

<price>8.10</price>

<year>1973</year>

</cd>

<cd>

<title>Maggie May</title>

<artist>Rod Stewart</artist>


<company>Pickwick</company>

<price>8.50</price>

<year>1990</year>

</cd>

<cd>

<title>Romanza</title>

<artist>Andrea Bocelli</artist>




<year>1996</year>

</cd>

<cd>

<title>When a Man Loves A Women</title>

<artist>Percy Sledge</artist>


<company>Atlantic</company>

<price>8.70</price>

<year>1987</year>

</cd>

<cd>

<title>Black Angel</title>

<artist>Savage Rose</artist>


<company>Mega</company>


<year>1995</year>

</cd>

<cd>

<title>1999 Grammy Nominees</title>

<artist>Many</artist>


<company>Grammy</company>


<year>1999</year>

</cd>

<cd>

<title>For The Good Tunes</title>

<artist>Kenny Rogers</artist>


<company>MUCIK MASTER</company>

<price>8.70</price>

<year>1995</year>

</cd>

<cd>

<title>Big Willie Style</title>

<artist>Will Smith</artist>


<company>Columbia</company>

<price>9.90</price>

<year>1997</year>

</cd>

<cd>

<title>Tupelo Honey</title>

<artist>Van Morrison</artist>



<price>8.20</price>

<year>1971</year>

</cd>

<cd>

<title>Soulsville</title>

<artist>Jorn Hoel</artist>

<country>Norway</country>

<company>WEA</company>

<price>7.90</price>

<year>1996</year>

</cd>

<cd>

<title>The Very Best Of</title>

<artist>Magesh</artist>

<country>Island</country>

<company>WEA</company>

<price>8.90</price>

<year>1990</year>

</cd>

<cd>

<title>Stop</title>

<artist>San Brian</artist>


<company>A and M</company>

<price>8.90</price>

<year>1998</year>

</cd>

<cd>

<title>Bridge Of Spies</title>

<artist>T pall</artist>


<company>Siren</company>

<price>7.90</price>

<year>1987</year>

</cd>

<cd>

<title>Private Dancer</title>

<artist>Tina Turner</artist>


<company>Capitol</company>

<price>8.90</price>

<year>1983</year>

</cd>

<cd>

<title>The Dock Of The Bay</title>

<artist>Otis Redding</artist>


<company>Atlantic</company>

<price>7.90</price>

<year>1987</year>

</cd>

<cd>

<title>Picture Book</title>

<artist>Simply Red</artist>


<company>Elektra</company>

<price>7.20</price>

<year>1985</year>

</cd>

<cd>

<title>Red</title>

<artist>The Communards</artist>


<company>London</company>

<price>7.80</price>

<year>1987</year>

</cd>

</CATALOG>

Result:

Thus Programs using XML-Schema-XSLT/XSL was developed and successfully executed.

Ex. No. 8

ADVANCED JAVA SCRIPT PROGRAM TO GET TEXT

Aim:

To create a text box and submit button of event handling submit form() using AJAX.

ALGORITHM:

Step 1: Start

Step2: Create a text box and submit button of event handling submit form ().

Step 3: Create new Active object of XMLHTTP under exception

Step 4: if ready state is four then get the message else error message.

Step 5: stop PROGRAM:

<html>

<head>

<script>

function submitForm()

{ var xhr;

try { xhr = new ActiveXO

{ try { xhr = new ActiveXObject('Mic

}

catch (e2)

{

try { xhr = new XMLHttpRequest();

catch (e3) { xhr = false; }

}}

xhr.onreadystatechange = function()

{ if(xhr.readyState == 4)

{

if(xhr.status == 200)

document.ajax.dyn="

else

document.ajax.dyn="Er

}};

xhr.open(GET, "data.txt", true);

xhr.send(null);

}

</script>

</head>

<body>

<FORM method="POST"

<INPUT type="BUTTON"

type="text" name="dyn"

</FORM>

</body>

</html>

Output:

Result:

Thus the AJAX program was successfully tested and executed.

Exp No: 9 IMPLEMENTING AN APPLICATION WITH WEB SERVICES

Aim:

To implement an application using web services and database.

Algorithm:

Step 1: Start the Program

Step 2: Create a root process for Reservation

Step 3: Create a service with focus on each item

Step 4: Output the items

Step 5: Stop

Program:

<?xml version = "1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">





<html xmlns = "http://www.w3.org/1999/xhtml">

<head>

<title>Airline Reservation System</title>

<script type = "text/javascript">

<!--

var input;

var secondInput;

var element;

var secondElement;

var firstCount = 0;

var economyCount = 0;

var seats = [ ,0,0,0,0,0,0,0,0,0,0]; //allocate 10-element Array function

startArray()

{ for(var i=0; i<11; i++)

{

input = window.prompt("Please type 1 for First Class and Please type 2 for Economy.","0");

if (input == 1 || input == 2)

{

element = linearSearch(seats);

if(element==-1&&input==1)

{

document.writeln("The First Class is already fully

booked<br/>");

secondQuestion(seats);

}

else if (element ==-1 && input == 2)

{

document.writeln("The Economy Class is already fully

booked<br/>");

secondQuestion(seats);

}

else

}

boarding Pass(input);

//to terminate the program

else

{ window.status="Byebye!";

System.exit(0);

}}}

function linear Search(the Array)

{

if (input == 1)

{

for (var n=0; n<6 ; n++) if (the

Array [n] == 0) return n;

}

else if (input == 2)

{

for (var n=6; n<11 ; n++)

if (the Array [n] == 0)

return n;

}

return -1;

}

function boarding Pass(the Input)

{ if (input ==1)

{

document.writeln("----------BOARDING PASS----------<br/>");

document.writeln("You are allocated in the First Class<br/>");

document.writeln("Your seat number is "+ element+"<br/>");

document.writeln("-----------------------------------------<br/>");

seats[element]= 1;

firstCount++;

}

else if (input ==2)

{

document.writeln("----------BOARDING PASS----------<br/>");

document.writeln("You are allocated in the EconomyClass<br/>"); document.writeln("Your

seat number is

"+ element +"<br/>");

document.writeln("-----------------------------------------<br/>");

seats[element]= 1;

economyCount++;

}}

functionsecondQuestion(theArray)

{

if (input == 1)

{

for (var n=6; n<11 ;n++)

{ if (theArray [n] == 0)

{

second Input = window.prompt("Do you want to move to Economy Class?

(If YES, please press 1. If NO, please press 2)","0");

if ( second Input == 1)

{

input = 2;

element=linear Search(seats);

document.writeln("You have been allocated to Economy

Class<br/>");

boardingPass(input); break;

}

else if (secondInput == 2)

{

document.writeln("Next flight leaves in 3 hours<br/>"); break;

}}}}

else if (input == 2)

{

for (var n=0; n<6 ;n++)

{

if (theArray [n] == 0)

{

secondInput = window.prompt("Do you want to move to First Class? (If YES, please

press 1. If NO, please press 2)","0");

for (var n=0; n<6 ;n++)

{

if (theArray [n] == 0)

{

secondInput = window.prompt("Do you want to move to First Class? (If YES, please press 1.

If NO, please press 2)","0");

boarding Pass(input); break;

}

else if (secondInput == 2)

{

document.writeln("Next flight leaves in 3 hours<br/>");

break;

} }}}

//-->

</script>

</head>

<body onload = "startArray()"></body>

</html

Output:

Result:

The web service for the required application is created.

list of experiments - jayaramcet.edu.in it... · list of experiments 1. create a web page with the...

Documents