web technologies lab index - gecgudlavalleru.ac.ingecgudlavalleru.ac.in/cse/pdf/manuals/wt...
TRANSCRIPT
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
IV B.Tech Web Technologies Lab manual
P a g e | - 2 - Department of Computer Science & Engineering GEC
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
IV B.Tech Web Technologies Lab manual
P a g e | - 3 - Department of Computer Science & Engineering GEC
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
IV B.Tech Web Technologies Lab manual
P a g e | - 4 - Department of Computer Science & Engineering GEC
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.
IV B.Tech Web Technologies Lab manual
P a g e | - 5 - Department of Computer Science & Engineering GEC
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.
IV B.Tech Web Technologies Lab manual
P a g e | - 6 - Department of Computer Science & Engineering GEC
IV B.Tech Web Technologies Lab manual
P a g e | - 7 - Department of Computer Science & Engineering GEC
IV B.Tech Web Technologies Lab manual
P a g e | - 8 - Department of Computer Science & Engineering GEC
IV B.Tech Web Technologies Lab manual
P a g e | - 9 - Department of Computer Science & Engineering GEC
IV B.Tech Web Technologies Lab manual
P a g e | - 10 - Department of Computer Science & Engineering GEC
II) Aim: Validate the Registration, user login, user profile and payment by credit card
pages using JavaScript.
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
P a g e | - 13 - Department of Computer Science & Engineering GEC
3) AIM: Example programs describing layers, inline, internal and external styles.
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
P a g e | - 15 - Department of Computer Science & Engineering GEC
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.
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
P a g e | - 18 - Department of Computer Science & Engineering GEC
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.
IV B.Tech Web Technologies Lab manual
P a g e | - 19 - Department of Computer Science & Engineering GEC
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.
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
P a g e | - 21 - Department of Computer Science & Engineering GEC
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.
IV B.Tech Web Technologies Lab manual
P a g e | - 22 - Department of Computer Science & Engineering GEC
Java is known for its characteristic of "write once, run anywhere." JSP pages are
platform independent. Your port your .jsp pages to any platform.
IV B.Tech Web Technologies Lab manual
P a g e | - 23 - Department of Computer Science & Engineering GEC
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.
IV B.Tech Web Technologies Lab manual
P a g e | - 24 - Department of Computer Science & Engineering GEC
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.
IV B.Tech Web Technologies Lab manual
P a g e | - 25 - Department of Computer Science & Engineering GEC
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:-