WEB TECHNOLOGIES LAB INDEX - gecgudlavalleru.ac.ingecgudlavalleru.ac.in/cse/pdf/manuals/wt...

IV B.Tech Web Technologies Lab manual

P a g e | - 1 - Department of Computer Science & Engineering GEC

WEB TECHNOLOGIES LAB

INDEX

CYCLE – I LIST OF EXPERIMENTS

S.NO. EXPERIMENT NAME PAGE NO.

I

Develop static pages (using Only HTML) of an online Book store. The

pages should resemble: www.amazon.com The website should consist the following pages.

Home page, Registration and user Login

User Profile Page and Books catalog

Shopping Cart and Payment By credit card

Order Conformation

5

II Validate the Registration, user login, user profile and payment by credit card pages using JavaScript.

24

III Implement a CSS programs describing layers, inline, internal

and external style sheets. 64

CYCLE – II

IV

Create an XML document, which contains 10 users information.

Implement a program, which takes User Id as an input and

returns the user details by taking the user information from the

XML document.

70

V Installation of TOMCAT web server and APACHE, setting up

the JSDK environment. 81

CYCLE – III

VI Implementation of cookies. 91

VII Redo the previous task using JSP-Servlets by converting the 93

S.No. TITLE Page No.

1 System Requirements 3

2 Lab Objectives 3

3 Guidelines to Students 4

http://www.amazon.com/



static web pages of experiment-1 into dynamic web pages.

VIII

Create a database with user information. The user information

should be dynamically checked From the database using JDBC,

Servlets and JSP. 103

ADDITIONAL EXPERIMENTS

I Implement DHTML application using filters.

107

II Implement Session tracking and cookies in servelts.

108

III Designing of scientific calculator.

109

IV Implement a program to find factorial of the given number.

112

V Program for finding whether a given number is palindrome or

not using Jsp. 113



System Requirements

Recommended Systems / Software Requirements:

• Intel based desktop PC, Editors, IDE’s such as JAVA Beans, Eclipse and

Browser

Lab Objectives

• Objectives: The objective of this lab is to develop an ability to design and

implement static and dynamic website

Learning Outcomes:

At the end of the course, students should be able to:

• Design and implement dynamic websites with good aesthetic sense of designing and

latest technical know-how's.

• Have a Good grounding of Web Application Terminologies, Internet Tools, E –

Commerce and other web services.

The courses contains

• WEBBASICS: Design web pages through coding using HTML and DHTML.

• Integrated Development Tool: Frontpage2000/DreamWeaver

• BROWSER SIDE SCRIPTING using JavaScript with a focus on

• Event Handling and Validation

• SERVER SIDE SCRIPTING:

• BROWSER SIDE SCRIPTING: Introduction to programming world of XML

Technologies. Basic XML Tags, Database Handling with PHP and XML. Connecting to



Databases using PHP, PHP files and databases. Advanced XML: XLINK, SCHEMA,

DTD, DOM.

GUIDELINES TO STUDENTS

Equipment in the lab for the use of student community. Students need to maintain

a proper decorum in the computer lab. Students must use the equipment with care.

Any damage is caused is punishable.

Students are required to carry their observation / programs book with completed

exercises while entering the lab.

Students are supposed to occupy the machines allotted to them and are not

supposed to talk or make noise in the lab. The allocation is put up on the lab

notice board.

Lab can be used in free time / lunch hours by the students who need to use the

systems should take prior permission from the lab in-charge.

Lab records need to be submitted on or before date of submission.

Students are not supposed to use cd’s and pen drives.



CYCLE – I:

I) Aim: Develop static pages (using Only HTML) of an online Book store. The pages

should resemble: www.amazon.com The website should consist the following pages.

Home page

Registration and user Login

User Profile Page

Books catalog

Shopping Cart

Payment By credit card

Order Conformation

Write a html program to generate a webpage that can give the overall information about

that website.

http://www.amazon.com/











II) Aim: Validate the Registration, user login, user profile and payment by credit card

pages using JavaScript.







3) AIM: Example programs describing layers, inline, internal and external styles.





CYCLE – II

IV) Aim: Create an XML document, which contains 10 users information. Write a

program, which takes User Id as an input and returns the user details by taking the user

information from the XML document.

Write a XML program to store 10 user’s information

Description:

XML, or Extensible Markup Language, is a markup language that you can use to create

your own tags. It was created by the World Wide Web Consortium (W3C) to overcome

the limitations of HTML, the Hypertext Markup Language that is the basis for all Web

pages. Like HTML, XML is based on SGML -- Standard Generalized Markup Language.

Although SGML has been used in the publishing industry for decades, its perceived

complexity intimidated many people that otherwise might have used it (SGML also

stands for "Sounds great, maybe later"). XML was designed with the Web in mind.







V) Aim: Install TOMCAT web server. Convert the static web pages of assignments 2 into

dynamic web pages using servlets and cookies. Hint: Users information (user id,

password,) would be stored in web.xml.

Write a servlet program to check user login.

Description:

Apache Tomcat is an open source software implementation of the Java Servlet and

JavaServer Pages technologies. The Java Servlet and JavaServer Pages specifications are

developed under the Java Community Process.

Apache Tomcat is developed in an open and participatory environment and released

under the Apache License version 2. Apache Tomcat is intended to be a collaboration of

the best-of-breed developers from around the world. We invite you to participate in this

open development project. To learn more about getting involved, click here.

Apache Tomcat powers numerous large-scale, mission-critical web applications across a

diverse range of industries and organizations. Some of these users and their stories are

listed on the PoweredBy wiki page.

Apache Tomcat, Tomcat, Apache, the Apache feather, and the Apache Tomcat project

logo are trademarks of the Apache Software Foundation.



Aim: write a servlet program using sessions to check user login.

Description:

Servlets are Java classes that process the request dynamically and generate response

independent of the protocol. Servlets are defined in Java Servlet API specification.

Servlets are server side Java programs which extends the functionality of web server.

Servlet are protocol independent that means it can be used virtually with any protocol to

process the request and generate the response. However in practice Servlets are used to

process the HTTP requests and generate the HTML response.





VI) Aim: Implementation of Cookies

Description:

A cookie is a variable that is stored on the visitor's computer. Each time the same computer requests a page with a browser, it will send the cookie too. With

JavaScript, you can both create and retrieve cookie values.

Examples of cookies:

Name cookie - The first time a visitor arrives to your web page, he or she must fill

in her/his name. The name is then stored in a cookie. Next time the visitor arrives

at your page, he or she could get a welcome message like "Welcome John Doe!"

The name is retrieved from the stored cookie

Date cookie - The first time a visitor arrives to your web page, the current date is

stored in a cookie. Next time the visitor arrives at your page, he or she could get a

message like "Your last visit was on Tuesday August 11, 2005!" The date is

retrieved from the stored cookie

VII) Aim: Redo the previous task using JSP-Servlets by converting the static web pages

of experiment-1into dynamic web pages.

Description:

Java Server Pages or JSP for short is Sun's solution for developing dynamic web sites.

JSP provide excellent server side scripting support for creating database driven web

applications. JSP enable the developers to directly insert java code into jsp file, this

makes the development process very simple and its maintenance also becomes very easy.

JSP pages are efficient, it loads into the web servers memory on receiving the request

very first time and the subsequent calls are served within a very short period of time.

In today's environment most web sites servers dynamic pages based on user request.

Database is very convenient way to store the data of users and other things. JDBC

provide excellent database connectivity in heterogeneous database environment. Using

JSP and JDBC its very easy to develop database driven web application.



Java is known for its characteristic of "write once, run anywhere." JSP pages are

platform independent. Your port your .jsp pages to any platform.



VIII) Aim: Convert the static web pages into dynamic web pages using servlet’s and

cookies. Hint: Users’ information (college name, place and year) should be stored in

web.xml.



Additional Programs

1) Aim: Implement DHTML application using filters.

<img style="filter:fliph()" src="pics_cookie.jpg" width="600" height="450">

<img style="filter:flipv()" src="pics_cookie.jpg" width="600" height="450">

<img style="filter:invert()" src="pics_cookie.jpg" width="600" height="450">

2)Aim: Implement Session tracking and cookies in servelts.

3) Aim: Designing of scientific calculator.

To develop a scientific calculator using even-driven programming paradigm of Java.

ALGORITHM:STEP 1 : Create a panel consisting of Buttons for various scientific operations.

STEP 2: Create Button actions.

STEP 3: Place the panel onto a frame.

STEP 4: Associate each Button click with the corresponding actionlistener.



4) Aim: Write a program to find the factorial of the given number

Output:

5) AIM: Implement a JSP program for finding whether the given number is palindrome

or not.

Output:-

Date post:	01-May-2018
Category:	Documents
Upload:	phungdat
View:	224 times
Download:	1 times

WEB TECHNOLOGIES LAB INDEX - gecgudlavalleru.ac.ingecgudlavalleru.ac.in/cse/pdf/manuals/wt...

Documents