Department CSBS Programme: B.Tech.

Semester V Course Category: PE *End Semester Exam Type:

LE
Periods / Week Credit Maximum Marks
Course Code U23CBEP53
L T P C CAM ESE TM
Course Name MODERN WEB APPLICATIONS 0 0 2 1 50 50 100
LABORATORY
1) To understand key concepts of internet and world wide web.
2) To know the importance of client side scripting languages.
Course
Objectives 3) To understand about the client side validation using javascript and document object model
4) To familiarize with PHP fundamentals
5) To know the procedure for database connectivity using PHP and MySQL.
On completion of the course, the students will be able to BT Mapping
(Highest Level)
Course CO1 Construct a basic website using HTML and Cascading Style Sheets. K3
Outcome
CO2 Build dynamic web page with validation using Java Script objects and by applying K3
different event handling mechanisms.
CO3 Construct simple web pages in PHP and to represent data in XML format. K3
CO4 Design and implement server side programs using PHP. K3
CO5 database manipulation using MySQL and authenticate data. K3
List of Experiments
1. Create a HTML page with frames, links, tables and other tags for highlighting the facilities in the Department in your
College. State the assumptions you make (business logic you are taking into consideration).
2. Create a web page with the following using HTML:
a. To embed a map in a web page.
b. To fix the hot spots in that map.
c. Show all the related information when the hot spots are clicked.
Embed an image map picture (India map) on a Web page that provides different links to other Web pages (different
states) and show the all the related information depending on where a user clicks on the image.
Create a webpage to embed a human body image, identify and display all the related information about the human
body parts (head, eye, nose, finger etc.) based on the user clicks on the human body image map.
3. Create a web page with the following:
a. Cascading style sheets.
b. Embedded style sheets.
c. Inline style sheets.
d. Use your college information for the web pages.
4. Create a User Registration form with First Name, Last name, Address, City, State, Country, Pincode, Username and
Password fields for a General login webpage and satisfy the following criteria:
a. Create a validate() function that does the following:
b. Checks that the First Name, Last Name, City, Country, Username, and Password fields are filled out.
c. Checks that the Pincode is exactly 6 numeric.
d. Checks that the state is exactly two characters.
e. Checks that the email is a valid email address.
 false if email has fewer than 6 characters
 false if email does not contain an @ symbol
 false if email does not contain a period (.)
 true otherwise
5. Write a DTD for a XML document that declares an address book containing contacts. Each contact has a name and
address. An address should contain attributes for street name, state and phone number. Write a XML document and
validate it against this DTD.
6. Create and save a XML document at the server, 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.
7. Create a XML to represent the BOOKS catalog that has the following elements (TITLE, ISBN NO, AUTHOR,
PUBLISHER, and PRICE). Display the book details styled with XSLT.
8. Create an Extensible markup language to represent the students mark information of a class. Create a webpage to
display all the students consolidated mark statement with pass (green color) or fail (red color) using XSLT
9. Write programs in PHP to create three-tier applications:
a. for conducting on-line examination.
b. for displaying student mark list. Assume that student information is available in a database which has been stored
in a database server.
10. Session tracking using hidden form fields and Session tracking for a hit count.
11. Convert the static webpages of programs 1 to 4 into dynamic web pages using PHP and cookies. Hint: Users
information (user id, password, credit card number) would be stored in web.xml.
12. Write a PHP program for Employee Details which includes EmpID, Name, Designation, Salary, DOJ, etc., to connect
with the database and execute queries to retrieve and update data. Prepare the report for single and group of
employees based on the end user needs.
13. Consider a Library Management System. Develop a JavaScript program that will validate the controls in the forms
you have created for the application. State the assumptions you make (business logic you are taking into
consideration). Note: Your application must access a database using PHP.
Lecture Periods: Tutorial Periods: Practical Periods: 30 Total Periods: 30
Text Books
1. Deitel P. J., Deitel H. M. and Deitel A., “Internet and World Wide Web: How to Program”, Fifth Edition, Pearson Prentice Hall,
2012.
2. Jon Duckett, “HTML & CSS: Design and Build Websites”, First Edition, John Wiley & Sons, 2011.
3. Naramore E., Gerner J., Scouarnec Y.L., et al., “Beginning PHP5, Apache, MySQL Web Development:Programmer to
Programmer”, John Wiley & Sons Inc., 2005.
4. Sebesta R. W.,” Programming the World Wide Web”, Eight Edition, Pearson, 2014.
Reference Books
1. Pressman R. and Lowe D.,” Web Engineering: a practitioner's approach”, First Edition, Mc GrawHill, 2008.
2. Kappel G., et al.,” Web Engineering: The Discipline of systematic Development of Web Applications”, First Edition, John
Wiley & Sons, 2006.
3. Suh W., “Web Engineering: Principles and Techniques”, Idea Group Inc., 2005.
4. Ullman L ,” PHP for the Web: Visual Quick Start Guide”, Fifth Edition, Peach pit Press, 2016..
Web references
1. https://www.w3schools.com/
2. https://www.tutorialspoint.com/internet_technologies/websites_development.htm
3. https://developer.mozilla.org/en-US/docs/Learn
4. https://nptel.ac.in/courses/106/105/106105084/
5. https://nptel.ac.in/courses/106/106/106106222/
* TE – Theory Exam, LE – Lab Exam

COs/POs/PSOs Mapping
Program Specific
Program Outcomes (POs)
COs Outcomes (PSOs)
PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2 PSO3
1 3 2 1 1 3 - - - - - - - 2 1 1
2 3 2 1 1 3 - - - - - - - 2 1 1
3 3 2 1 1 3 - - - - - - 1 2 1 -
4 3 2 1 1 3 - - - - - - 1 2 - 1
5 3 2 1 1 3 - - - - - - 1 2 1 1

Correlation Level: 1 - Low, 2 - Medium, 3 – High

Evaluation Method

Continuous Assessment Marks (CAM)

Performance in practical End
classes Model Semester Total
Assessment
Practical Attendance Examination Marks
Conduction Record Examination (ESE) Marks
viva
of practical work

Marks 15 5 5 15 10 50 100