PRANVEER SINGH INSTITUTE OF TECHNOLOGY, KANPUR

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

Odd Semester 2024-25

B. Tech.- Third Year

Semester- V

Lab File
Web Technology (BCS552)

Submitted To : Submitted By :
Faculty Name :_________________ Name :_________________
Designation :_________________ Roll No. :_________________
Section :_________________
 Table of Contents
• Vision and Mission Statements of the Institute

• Vision and Mission Statements of the Department

• PEOs, POs, PSOs of the Department

• Course Objective and Outcomes

• List of Experiments

• Index
 Department Vision Statement
To be a recognized Department of Computer Science & Engineering that produces versatile computer
engineers, capable of adapting to the changing needs of computer and related industry.

Department Mission Statements

The mission of the Department of Computer Science and Engineering is:

i. To provide broad based quality education with knowledge and attitude to succeed in Computer
Science & Engineering careers.

ii. To prepare students for emerging trends in computer and related industry.

iii. To develop competence in students by providing them skills and aptitude to foster culture of
continuous and lifelong learning.

iv. To develop practicing engineers who investigate research, design, and find workable solutions to
complex engineering problems with awareness & concern for society as well as environment.

Program Educational Objectives (PEOs)

i. The graduates will be efficient leading professionals with knowledge of computer science &
engineering discipline that enables them to pursue higher education and/or successful careers in
various domains.

ii. Graduates will possess capability of designing successful innovative solutions to real life problems
that are technically sound, economically viable and socially acceptable.

iii. Graduates will be competent team leaders, effective communicators and capable of working in
multidisciplinary teams following ethical values.

iv. The graduates will be capable of adapting to new technologies/tools and constantly upgrading their
knowledge and skills with an attitude for lifelong learning
 Department Program Outcomes (POs)
The students of Computer Science and Engineering Department will be able:

1. Engineering knowledge: Apply the knowledge of mathematics, science, Computer Science &
Engineering fundamentals, and an engineering specialization to the solution of complex engineering
problems.

2. Problem analysis: Identify, formulate, review research literature, and analyze complex
engineering problems reaching substantiated conclusions using first principles of mathematics,
natural sciences, and Computer Science & Engineering sciences.

3. Design/development of solutions: Design solutions for complex Computer Science &

Engineering problems and design system components or processes that meet the specified needs
with appropriate consideration for the public health and safety, and the cultural, societal, and
environmental considerations.

4. Investigation: Use research-based knowledge and research methods including design of

experiments, analysis and interpretation of data, and synthesis of the information to provide valid
conclusions.

5. Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
engineering and IT tools including prediction and modelling to complex Computer Science &
Engineering activities with an understanding of the limitations.

6. The Engineering and Society: Apply reasoning informed by the contextual knowledge to assess
societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to the
professional engineering practice in the field of Computer Science and Engineering.

7. Environment and sustainability: Understand the impact of the professional Computer Science
& Engineering solutions in societal and environmental contexts, and demonstrate the knowledge of,
and need for sustainable development.

8. Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms
of the Computer Science & Engineering practice.

9. Individual and team work: Function effectively as an individual, and as a member or leader in
diverse teams, and in multidisciplinary settings.

10. Communication: Communicate effectively on complex Computer Science & Engineering

activities with the engineering community and with society at large, such as, being able to
comprehend and write effective reports and design documentation, make effective presentations,
and give and receive clear instructions.

11. Project management and finance: Demonstrate knowledge and understanding of the Computer
Science & Engineering and management principles and apply these to one’s own work, as a member
and leader in a team, to manage projects and in multidisciplinary environments.

12. Life-long learning: Recognize the need for, and have the preparation and ability to engage in
independent and life-long learning in the broadest context of technological change.
 Department Program Specific Outcomes (PSOs)
The students will be able to:

1. Use algorithms, data structures/management, software design, concepts of programming

languages and computer organization and architecture.

2. Understand the processes that support the delivery and management of information systems
within a specific application environment.

Course Outcomes
*Level of Bloom’s Level to be
*Level of Bloom’s Taxonomy Level to be met
Taxonomy Met
L1: Remember 1 L2: Understand 2
L3: Apply 3 L4: Analyze 4
L5: Evaluate 5 L6: Create 6

Course Objective
This lab aims to equip students with the skills to design and develop static, dynamic, and responsive
web solutions. Students will apply HTML, CSS, and JavaScript for front-end development, use
Node.js and Java-based technologies (Servlets, JSP, Beans) for server-side programming, and integrate
MongoDB for data storage and management.

COs Course Outcomes

Understanding [L2. Understand] fundaments of website development and
CO1 apply [L3. Apply] HTML, XML, CSS and JavaScript languages for
development of responsive and dynamic websites.
Design [L6. Create] and deploy different components using Java Bean,
CO2 Node.js and database tables using MongoDB and produce various results based
on given query.
Design [L6. Create] and deploy server-side java application called Servlet &
CO3
JSP tools to catch form data sent from client, process it and store it on database.
 List of Experiments

Lab Lab Experiment Corresponding

No. CO
1 Write HTML program for designing your institute website. Display departmental CO1
information of your institute on the website.
2 Write HTML program to design an entry form for student details/employee CO1
information/faculty details.
3 Develop a responsive website using CSS and HTML. Website may be for CO1
tutorial/blogs/commercial website.
4 Write programs using HTML and Java Script for validation of input data. CO1
5 Write a program in XML for creation of DTD, which specifies set of rules. Create CO1
a style sheet in CSS/ XSL & display the document in internet explorer.
Build a command-line utility using Node.js that performs a specific task, such as
6 converting text to uppercase, calculating the factorial of a number, or generating CO2
random passwords.
Develop a script that uses MongoDB's aggregation framework to perform
7 operations like grouping, filtering, and sorting. For instance, aggregate user data to CO2
find the average age of users in different cities.
8 Create a Java Bean for Employee information (EmpID, Name, Salary, Designation CO2
and Department).
Assume four users user1, user2, user3 and user4 having the passwords pwd1, pwd2,
pwd3 and pwd4 respectively. Write a servlet for doing the following: 1. Create a
9 Cookie and add these four user id’s and passwords to this Cookie. 2. Read the user CO3
id and passwords entered in the Login form and authenticate with the values
available in the cookies.
Create a table which should contain at least the following fields: name, password,
email-id, phone number Write Servlet/JSP to connect to that database and extract
10 data from the tables and display them. Insert the details of the users who register CO3
with the web site, whenever a new user clicks the submit button in the registration
page.
Write a JSP which insert the details of the 3 or 4 users who register with the web
11 site by using registration form. Authenticate the user when he submits the login CO3
form using the user name and password from the database.
12 Design and implement a simple shopping cart example with session tracking API. CO3
 INDEX
S No Lab Experiment Date of Date of Marks Faculty
Experiment Submission Signature
Write HTML program for designing your institute
1 website. Display departmental information of
your institute on the website.
Write HTML program to design an entry form for
2 student details/employee information/faculty
details.
Develop a responsive website using CSS and
3 HTML. Website may be for
tutorial/blogs/commercial website.
Write programs using HTML and Java Script for
4
validation of input data.
Write a program in XML for creation of DTD,
5 which specifies set of rules. Create a style sheet in
CSS/ XSL & display the document in internet
explorer.
Build a command-line utility using Node.js that
performs a specific task, such as converting text
6
to uppercase, calculating the factorial of a
number, or generating random passwords.
Develop a script that uses MongoDB's
aggregation framework to perform operations like
7 grouping, filtering, and sorting. For instance,
aggregate user data to find the average age of
users in different cities.
Create a Java Bean for Employee information
(EmpID, Name, Salary, Designation and
8
Department).
Assume four users user1, user2, user3 and user4
having the passwords pwd1, pwd2, pwd3 and
pwd4 respectively. Write a servlet for doing the
following: 1. Create a Cookie and add these four
9 user id’s and passwords to this Cookie. 2. Read
the user id and passwords entered in the Login
form and authenticate with the values available in
the cookies.
Create a table which should contain at least the
following fields: name, password, email-id, phone
number Write Servlet/JSP to connect to that
10 database and extract data from the tables and
display them. Insert the details of the users who
register with the web site, whenever a new user
clicks the submit button in the registration page.
Write a JSP which insert the details of the 3 or 4
users who register with the web site by using
11 registration form. Authenticate the user when he
submits the login form using the user name and
password from the database.
Design and implement a simple shopping cart
12
example with session tracking API.