Register No.

INTERNAL ASSESSMENT EXAMINATION - III

COURSE: B.Tech. –IT

IT8501 – Web Technology

Sem & Class: V Sem/III-IT Date: 15.10.2019

Duration: 1 Hour 30 Mins Maximum: 50 Marks

Answer ALL questions

PART A - (7 X 2 = 14 marks)

1.

What are the statements in JDBC?

Statement: It can be used for general-purpose access to the database. ...

PreparedStatement: It can be used when you plan to use the same

SQL statement many times. ...

CallableStatement: CallableStatement can be used when you want to access

database stored procedures.

2 CO-4

K-1

2.

Compare basic differences between JSP and servlet.

JSP Servlet

JSP is a webpage scripting language

that can generate dynamic content.

Servlets are Java programs that are

already compiled which also creates

dynamic web content

JSP run slower compared to Servlet as

it takes compilation time to convert

into Java Servlets.

Servlets run faster compared to JSP.

It’s easier to code in JSP than in Java

Servlets.

Its little much code to write here.

The advantage of JSP programming

over servlets is that we can build

custom tags which can directly call

Java beans.

There is no such custom tag facility in

servlets.

2 CO-4

K-4

3.

What is the purpose of XSLT?

XSLT (eXtensible Stylesheet Language Transformations) is a language

for transforming XML documents into other XML documents or other formats

such as HTML for web pages, plain text or XSL Formatting Objects.

2 CO-4

K-1

4.

How to access java bean class? Give example.

JavaBeans are classes that encapsulate many objects into a single object (the bean).

It is a java class that should follow following conventions:

1. Must implement Serializable.

2. It should have a public no-argument constructor.

3. All properties in java bean must be private with public getters and setter

methods.

2 CO-4

K-1

SNS COLLEGE OF ENGINEERING Kurumbapalayam (Po), Coimbatore – 641 107

AN AUTONOMOUS INSTITUTION

Accredited by NBA – AICTE and Accredited by NAAC – UGC with ‘A’ Grade Approved by AICTE, New Delhi & Affiliated to Anna University, Chennai

2

// Java program to illustrate the structure of JavaBean class

public classTestBean {

private String name;

public void setName(String name)

{

this.name = name;

}

public String getName()

{

returnname;

}

}

5.

Identify the need for Web Services?

Web Services are software systems that are designed to be accessed using web

protocols and technologies that are intended to be used by other software

applications rather than directly by end users.

2 CO-5

K-3

6.

Explain about WSDL?

WSDL is Web Services Definition Language which is based on XML. WSDL

defines the web service like operation, parameter, return values and

communication protocols.

2 CO-5

K-2

7. Define service endpoint interface. 2 CO-5 K-1

Service endpoint interface is a Java interface that specifies the operations that will be provided by the

service which is essentially an API for the service.

PART B - (3 X 12 = 36 marks)

8. (a) With suitable example explain how XSLT can be used to transform a document from XML to XHTML.

12 CO-4 K-5

Start with an XML document "cdcatalog.xml" to transform into XHTML:

<?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet type="text/xsl" href="detail.xsl"?>

<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 Tyler</artist>

<country>UK</country>

<company>CBS Records</company>

<price>9.90</price>

<year>1988</year>

</cd>

3

<cd>

<title>Greatest Hits</title>

<artist>Dolly Parton</artist>

<country>USA</country>

<company>RCA</company>

<price>9.90</price>

<year>1982</year>

</cd>

</catalog>

Create an XSL Style Sheet ("cdcatalog.xsl") with a transformation template:

The root element that declares the document to be an XSL style sheet is <xsl:stylesheet> or <xsl:transform>.

To get access to the XSLT elements, attributes and features, declare the XSLT namespace at the top of the

document.

The xmlns:xsl="http://www.w3.org/1999/XSL/Transform" points to the official W3C XSLT namespace. While

using this namespace, include the attribute version="1.0" also.

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:template match="/">

<html>

<body>

<h2>My CD Collection</h2>

<table border="1">

<tr bgcolor="aqua">

<th style="text-align:left">Title</th>

<th style="text-align:left">Artist</th>

</tr>

<xsl:for-each select="catalog/cd">

<tr>

<td>

<xsl:value-of select="title"/>

</td>

<td>

<xsl:value-of select="artist"/>

</td>

</tr>

</xsl:for-each>

</table>

</body>

</html>

</xsl:template>

</xsl:stylesheet>

(b) (i) List and explain the XML syntax rules in detail. 12 CO-4 K-5

XML Syntax Rules

XML Documents Must Have a Root Element

- XML documents must contain one root element that is the parent of all other elements:

In this example <note> is the root element:

<?xml version="1.0" encoding="UTF-8"?>

<note category ="mail">

<to>Tove</to>

<from>Jani</from>

4

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>

XML DTD

Document Type Definition purpose is to define the structure of an XML document. It defines the structure

with a list of defined elements in the xml document.

<!DOCTYPE note

[

<!ELEMENT note (to,from,heading,body)>

<!ELEMENT to (#PCDATA)>

<!ELEMENT from (#PCDATA)>

<!ELEMENT heading (#PCDATA)>

<!ELEMENT body (#PCDATA)>

]>

where PCDATA refers parsed character data. In the above xml document the elements to, from, heading, body

carries some text, so that, these elements are declared to carry text in DTD file. This definition file is stored

with .dtd extension.

All XML Elements must have a Closing Tag

- An XML element is everything from (including) the element's start tag to (including) the element's end

tag.

An element can contain:

text

attributes

other elements

or a mix of the above

In the above example:

<to>, <from>, <heading> and <body> have text content because they contain text.

<note> has an attribute (category="email").

XML Tags are Case Sensitive

- Opening and closing tags must be written with the same case

- <message>This is correct</message>

XML Elements must be Properly Nested

In HTML, you might see improperly nested elements:

<b><i>This text is bold and italic</b></i>

In XML, all elements must be properly nested within each other:

<b><i>This text is bold and italic</i></b>

XML Attribute Values must always be Quoted

XML elements can have attributes in name/value pairs just like in HTML.

In XML, the attribute values must always be quoted:

<note date="12/11/2007">

<to>Thamu</to>

<from>Rani</from>

</note>

Entity References

- Some characters have a special meaning in XML.

5

- If you place a character like "<" inside an XML element, it will generate an error because the parser

interprets it as the start of a new element.

This will generate an XML error:

<message>salary < 1000</message>

To avoid this error, replace the "<" character with an entity reference:

<message>salary &lt; 1000</message>

There are 5 pre-defined entity references in XML:

&lt; < less than

&gt; > greater than

&amp; & ampersand

&apos; ' apostrophe

&quot; " quotation mark

Comments in XML

The syntax for writing comments in XML is similar to that of HTML:

<!-- This is a comment -->

• CDATA section

– By default, all text inside an XML document is parsed

– You can force text to be treated as unparsed character data by enclosing it in <![CDATA[ ...

]]>

– CDATA means, Character Data defined as blocks of text that are not parsed by the parser, but

are otherwise recognized as markup.

– The entire content of a CDATA section is interpreted as character data, even if it appears to be

markup.

– Begins with <![CDATA[

– Ends with ]]>

– Any characters, even & and <, can occur inside a CDATA

– Whitespace inside a CDATA is (usually) preserved.

<message>

The markup

<![CDATA[

<message>Welcome to XML</message>

]]>

In the above syntax, everything between <message> and </message> is treated as character data and not as

markup.

(b) (ii) Explain about MVC architecture in detail. 12 CO-4 K-5

The following figure illustrates the interaction between Model, View and Controller.

6

MVC Architecture

MVC stands for Model, View and Controller. MVC separates application into three components - Model, View

and Controller.

Model: Model represents shape of the data and business logic. It maintains the data of the application. Model

objects retrieve and store model state in a database.

Model is a data and business logic.

View: View is a user interface. View display data using model to the user and also enables them to modify the

data.

View is a User Interface.

Controller: Controller handles the user request. Typically, user interact with View, which in-turn raises

appropriate URL request, this request will be handled by a controller. The controller renders the appropriate

view with the model data as a response.

Controller is a request handler.

9. (a) Develop an XML document that will hold player(like cricket) collection with field for player-name, age,

batting-average and highest-score. Write suitable DTD and XML schema. 12 CO-4 K-6

In HTML, a browser can check HTML because it knows all about legal HTML.

In XML, user defines what's legal and what's not by specifying the syntax for an XML document.

Document Type Definitions (DTD) provides the original way to validate XML documents, and the syntax for

DTDs is built right in XML 1.0 specification.

Create an external DTD file and its name must be specified in the corresponding XML file. Following

is the DTD file cricketplayer.dtd

<?xml version = "1.0" encoding="UTF-8" ?>

<!DOCTYPE cricketplayer [

<!ELEMENT cricketplayer (player)*>

<!ELEMENT player (playername, age, battingaverage, highestscore)>

<!ELEMENT playername (#PCDATA)>

<!ELEMENT age(#PCDATA)>

<!ELEMENT battingaverage (#PCDATA)>

<!ELEMENT highestscore(#PCDATA)>

] >

Create an XML document player.xml

<?xml version ="1.0" ?>

<!DOCTYPE cricketplayer SYSTEM "cricketplayer.dtd" >

<cricketplayer>

<player>

<playername>MSD </playername>

<age> 38</age>

<battingaverage>40</battingaverage>

<highestscore>140</highestscore>

</player>

7

<player>

<playername>Virat </playername>

<age> 30</age>

<battingaverage>60</battingaverage>

<highestscore>190</highestscore>

</player>

</cricketplayer>

Just like a DTD, the XML schema is used to describe the structure of an XML document.

An XML document validated against the XML schema is called “Well Formed”

<?xml version = "1.0" encoding = "UTF-8"?>

<xs:schema xmlns:xs = "http://www.w3.org/2001/XMLSchema"><xs:element name = "cricketplayer">

<xs:complexType>

<xs:sequence>

<xs:element name="player">

<xs:complexType>

<xs:sequence>

<xs:element name = "playername" type = "xs:string" />

<xs:element name = "age" type = "xs:positiveInteger" />

<xs:element name = "battingaverage" type = "xs:integer" />

<xs:element name = "highestscore" type = "xs:integer" />

</xs:sequence>

</xs:complexType>

</xs:element>

</xs:sequence>

</xs:complexType>

</xs:schema>

9.(b) (i) Explain the elements of a SOAP message. 12 CO-5 K-2

A SOAP message is an ordinary XML document containing the following elements −

• Envelope − Defines the start and the end of the message. It is a mandatory element.

• Header − Contains any optional attributes of the message used in processing the message, either at an

intermediary point or at the ultimate end-point. It is an optional element.

• Body − Contains the XML data comprising the message being sent. It is a mandatory element.

• Fault − An optional Fault element that provides information about errors that occur while processing

the message.

General structure of a SOAP message

<?xml version = "1.0"?>

<SOAP-ENV:Envelope xmlns:SOAP-ENV = "http://www.w3.org/2001/12/soap-envelope"

SOAP-ENV:encodingStyle = "http://www.w3.org/2001/12/soap-encoding">

<SOAP-ENV:Header>

…

</SOAP-ENV:Header>

<SOAP-ENV:Body>

....

<SOAP-ENV:Fault>

…

</SOAP-ENV:Fault>

...

</SOAP-ENV:Body>

</SOAP_ENV:Envelope>

8

• The SOAP Envelope element is the root element of a SOAP message. This element defines the XML

document as a SOAP message. The xmlns:soap namespace defines the Envelope as a SOAP Envelope.

The encodingStyle attribute is used to define the data types used in the document.

• The SOAP Header element contains header information. If the Header element is present, it must be the

first child element of the Envelope element.

• The SOAP Body element contains the actual SOAP message intended for the ultimate endpoint of the

message.

• The SOAP Fault element holds errors and status information for a SOAP message.

9.(b) (ii) How do you store Java objects? Describe.

• Serialization is the process of translating data structures or object state into a writable byte stream

format that can be stored (for example, in a file or memory buffer) or transmitted (for example, across

a network connection link) and reconstructed later as an actual Java object (possibly in a different

computer environment).

• This process of serializing an object is also called marshalling an object. The opposite operation,

extracting a data structure or object from a series of bytes, is deserialization(also

called unmarshalling).

• This mechanism is used to persist the object. • A Java object is serializable if its class or any of its superclasses implement either

the java.io.Serializable interface

• The Serializable interface defines no methods; it is simply used to indicate to the Java run-time system

that the class author intends that objects belonging to the class can be serialized.

Advantages of Serialization

1. To save/persist state of an object.

2. To travel an object across a network.

Note:

• If a parent class has implemented Serializable interface then child class doesn’t need to implement it

but vice-versa is not true.

• Only non-static data members are saved via Serialization process since Static data members are not

part of objects of a given class type.

With example program explain

• The ObjectOutputStream class contains writeObject() method for serializing an Object.

• The ObjectInputStream class contains readObject() method for deserializing an object.

• serialVersionUID - explain

10. (a) Discover a JSP code to access a table and records from a student database to obtain the result of a

student. 12 CO-5 K-4

9

For displaying student mark list. Assume that student information and result is available in a

database which has been stored in a database server.

Database in MS-Access studentdata with student table having fields studid as Number, Studname as

Text, class as Text, WT as Number, CN as Number, ST as Number, MPMC as Number, ANT as

Number.

Create a data source name(DSN) as studentDB1for this database.

Write a jsp coding for fetching student result.

index.html

<HTML>

<HEAD>

<TITLE>Database Lookup</TITLE>

</HEAD>

<BODY>

<H1>Database Lookup</H1>

<FORM ACTION="basic.jsp" METHOD="POST">

Please enter the stud id you want to find to get result: <BR>

<INPUT TYPE="TEXT" NAME="id"><BR>

<INPUT TYPE="SUBMIT" value="Submit">

</FORM>

</BODY>

<HTML>

basic.jsp

<%@ page language="java" import="java.sql.*" %>

<%@ page import="java.io.*" %>

<%@ page import="java.util.*" %>

<HTML>

<HEAD>

<TITLE>Fetching Data From a Database</TITLE>

</HEAD>

<BODY>

<H1>Fetching Student result from the Database</H1>

<%

Connection connection=null;

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

String url = "jdbc:odbc:studentDB1";

connection = DriverManager.getConnection(url," "," ");

Statement statement = connection.createStatement();

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

10

ResultSet resultset = statement.executeQuery("select * from student where studid = ' " + id + " ' ");

if(!resultset.next())

{

out.println("Sorry, could not find that student. ");

}

else

{

%>

<TABLE BORDER="1">

<TR>

<TH>ID</TH>

<TH>Student Name</TH>

<TH>Class</TH>

<TH>WT</TH>

<TH>CN</TH>

<TH>ST</TH>

<TH>MPMC</TH>

<TH>ANT</TH>

</TR>

<TR>

<TD><%= resultset.getString(1) %></TD>

<TD><%= resultset.getString(2) %></TD>

<TD><%= resultset.getString(3) %></TD>

<TD><%= resultset.getString(4) %></TD>

<TD><%= resultset.getString(5) %></TD>

<TD><%= resultset.getString(6) %></TD>

<TD><%= resultset.getString(7) %></TD>

<TD><%= resultset.getString(8) %></TD>

</TR>

<%

}

resultset.close();

statement.close();

connection.close();

%>

</TABLE>

<BR>

<%

}

11

%>

</BODY>

</HTML>

10 (b) i) Discuss AJAX architecture and compare it with traditional web application architecture.

12 CO-5 K-6

Asynchronous Javascript and XML is a client side techniques that combines a set of known

technologies in order to create faster and more user friendly web pages.

User sends a request to server and continue interaction with the web page without waiting for server

response. Once the response arrives, a designated area in UI will update itself and reflect the response

information. Whole page need not be reloaded.

Ajax Architecture

XMLHttpRequest object plays a important role.

• User sends a request from the UI and a javascript call goes to XMLHttpRequest object.

• HTTP Request is sent to the server by XMLHttpRequest object.

• Server interacts with the database using JSP, PHP, Servlet, ASP.net etc.

• Data is retrieved.

• Server sends XML data or JSON data to the XMLHttpRequest callback function.

• HTML and CSS data is displayed on the browser.

Sl.no. Traditional Web Application Architecture Ajax based web application architecture.

1 At the client side the browser client has only

one component and that is user interface.

At the client side the browser client has user

interface and AJAX Engine due to which client

gets quick response from the server

2. It makes use of Synchronous

communication. The client has to wait to get

the response from the server then only client

can make the request to the server. It is

start-stop-start-stop kind of communication.

It makes use of asynchronous communication.

By adding new layer of AJAX Engine at the

client side, it eliminates start-stop-start-stop kind

of communication.

3 It is less responsive It is more responsive

4 User cannot get rich user interface

experience

User gets rich UI experience with ajax

architecture

5 Limited use of javascript, CSS and XML

technologies. Most user action in the

interface trigger an HTTP rewuest back to a

web server.

Ajax incorporates several technologies

standards-based presentation using

XHTML, CSS

dynamic display and interaction using

12

DOM

data interchange and manipulation using

XML

asynchronous data retrieval using

XMLHttpRequest

and JavaScript binding everything

together.

ii) Explain about the XMLHttpRequest Object in detail.

The XMLHttpRequest object allows client-side JavaScript to make HTTP requests (both GET and

POST) to the server without reloading pages in the browser.

This JavaScript object was originally introduced in Internet Explorer 5 by Microsoft and it is the

enabling technology that allows asynchronous requests

By performing screen updates on the client, you have a great amount of flexibility when it comes to

creating your Web site :

Eliminate page refreshes every time there is user input

Edit data directly in place, without requiring the user to navigate to a new page to edit the data

Increase site performance by reducing the amount of data downloaded from the server

XMLHttpRequest object performs following operations:

• Sends data from the client in the background

• Receives the data from the server

• Updates the webpage without reloading it.

Methods:

Open(“method”,”url”,boolean)

to send a request to server

method - GET or POST

url - address of the target file

boolean - to denote whether the request is synchronous or asynchronous. If true, asynchronous.

Send(content)

to send data to server for processing

content - may be string or DOM type of document.

Properties:

readystate

- used to identify the state of the request. Possible values 0-4.

- 0 UNOPENED open() is not called.

- 1 OPENED open is called but send() is not called.

- 2 HEADERS_RECEIVED send() is called, and headers and status are available.

- 3 LOADING Downloading data; responseText holds the data.

- 4 DONE The operation is completed fully.

onreadystatechange

- It is called whenever readystate attribute changes. It must not be used with synchronous

requests.

status

• -Numeric code return by server.Eg.404,200

responseText

- the string data returned by the server process.

responseXML

- the DOM type of document returned by the server process.

13

Example:

CREATE XMLHTTPREQUEST OBJECT

<html>

<head>

<script type="text/javascript">

function fun1()

{

var request;

if (window.ActiveXObject)

{

/*supported in IE*/

request = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequest)

{

/* supported in Safari and Mozilla*/

request = new XMLHttpRequest();

}

else

{

request = null; }

req.onreadystatechange=function()

{

if (req.readyState==4 && req.status==200)

{

document.getElementById("myDiv").innerHTML=req.responseText;

}

}

req.open("POST",”welcome.html",true);

req.send();

} // fun1() close

</script>

</head>

<body>

<button type="button" onclick="fun1()">Change Content</button><br><br>

<div id="myDiv">Click on the button above, this text can be changed</div>

</body>

</html>

Faculty ***** HOD