IV B.

Tech

Web Technologies Lab manual

WEB TECHNOLOGIES LAB INDEX S.No. 1 2 3 TITLE System Requirements Lab Objectives Guidelines to Students Page No. 3 3 4

CYCLE I

LIST OF EXPERIMENTS

S.NO.

EXPERIMENT NAME 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 Validate the Registration, user login, user profile and payment by credit card pages using JavaScript.

PAGE NO.

II

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. Installation of TOMCAT web server and APACHE, setting up the JSDK environment.

70

81

CYCLE III

VI VII

Implementation of cookies. Redo the previous task using JSP-Servlets by converting the

91 93

Page |-1-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

static web pages of experiment-1 into dynamic web pages. Create a database with user information. The user information should be dynamically checked From the database using JDBC, Servlets and JSP.

VIII

103

ADDITIONAL EXPERIMENTS

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

Program for finding whether a given number is palindrome or not using Jsp.

113

Page |-2-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

System Requirements

Recommended Systems / Software Requirements: Intel based desktop PC, Editors, IDEs 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

Page |-3-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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 cds and pen drives.

Page |-4-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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.

Page |-5-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

Page |-6-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

Page |-7-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

Page |-8-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

Page |-9-

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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

P a g e | - 10 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

P a g e | - 11 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

P a g e | - 12 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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

P a g e | - 13 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

P a g e | - 14 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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 users 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.

P a g e | - 15 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

P a g e | - 16 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

P a g e | - 17 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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.

P a g e | - 18 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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.

P a g e | - 19 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

P a g e | - 20 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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.

P a g e | - 21 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

Java is known for its characteristic of "write once, run anywhere." JSP pages are platform independent. Your port your .jsp pages to any platform.

P a g e | - 22 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

VIII) Aim: Convert the static web pages into dynamic web pages using servlets and cookies. Hint: Users information (college name, place and year) should be stored in web.xml.

P a g e | - 23 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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.

P a g e | - 24 -

Department of Computer Science & Engineering

GEC

IV B.Tech

Web Technologies Lab manual

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:-

P a g e | - 25 -

Department of Computer Science & Engineering

GEC