IV B.Tech Web Technologies Lab manual Page | - 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
25
Embed
WEB TECHNOLOGIES LAB INDEX - gecgudlavalleru.ac.ingecgudlavalleru.ac.in/cse/pdf/manuals/wt student.pdf · IV B.Tech Web Technologies Lab manual ... the Hypertext Markup Language that
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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
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.