WEB Record
WEB Record
WEB Record
15CSL77
Laboratory Record
VII-Semester
USN
NAME
BATCH
Bangalore Institute of Technology
K R Road, V. V. Puram, Bengaluru- 560004
LABORATORY CERTIFICATE
20
BANGALORE INSTITUTE OF TECHNOLOGY
VISION
To Establish and Develop the Institute as a Center of
Higher Learning ever abreast with the Expanding horizon
of knowledge in the field of Engineering and Technology,
with entrepreneurial thinking, leadership excellence for
life-long success and solve societal problems.
MISSION
VISION:
Empower every student to be innovative, creative and productive in the field of
Information Technology by imparting quality technical education, developing
skills and inculcating human values.
MISSION:
Pre-requisite
Course objectives
This course will enable students to
Course Outcomes
CO1- Understand web page development, Internet access techniques and sever content
access techniques.
CO2- Apply HTML, Cascading style sheet, JavaScript and PHP for the design of web
application.
CO3- Analyze HTML elements, Cascading style sheet, Java Script frameworks to
develop dynamic web pages.
CO4- Design and Develop web applications as part of the mini project.
Web Technology Laboratory with Mini Project(15CSL77)
COs PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12
CO1 3 2 2
CO2 3 2 3 2
CO3 3 3 2 2
CO4 3 3 3 2 2 2
CO-PSO Mapping
PSO1 PSO2
CO1 3 2
CO2 2 2
CO3 3 2
CO4 2 2
Web Technology Laboratory with Mini Project
3 the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays “TEXT-
SHRINKING” in BLUE color. Then the font size decreases to 5pt.
Develop and demonstrate a HTML5 file that includes JavaScript script that uses functions
for the following problems:
a. Parameter: A string
4
b. Output: The position in the string of the left-most vowel
c. Parameter: A number
d. Output: The number with its digits in the reverse order.
Design an XML document to store information about a student in an engineering College
affiliated to VTU. The information must include USN, Name, and Name of the College,
5
Branch, Year of Joining, and email id. Make up sample data for 3 Students. Create a CSS
style sheet and use it to display the document.
Write a PHP program to keep track of the number of visitors visiting the web page and to
6
display this count of visitors, with proper headings.
7 Write a PHP program to display a digital clock which displays the current time of the server.
Sl. Name of Experiment
No
Write the PHP Programs to do the following
a) Implement simple calculator operations.
8
b) Transpose of a matrix
c) Addition of matrix and multiplication of two matrices.
Write a PHP program named states.py that declares some variable states with the value
"Mississippi Alabama Texas Massachusetts Kansas".
Write a php program that does the following:
a) Search for a word in variable states that ends in xas. Store this word in element
0 of a list named states List.
b) Search for a word in states that begins with k and ends in s. Perform a case
9
insensitive comparison. [Note: Passing re.Ias a second parameter to method compile
performs a case- insensitive comparison.] Store this word in element 1 of states List.
c) Search for a word in states that begins with M and ends in s. Store this element in 2 of
the list.
d) Search for a word in states that ends in a. Store this word in element 3 of the list.
Write a PHP program to sort the student records which are stored in the database using
10
selection sort.
Web Technology Laboratory with Mini Project
Evaluation Rubrics
6. Conclusion CO4 10
Serving Content with Embedded HTML – Here, an executable code is present with the
HTML file. It‟s not quite static or dynamic.
Basics of MySQL: -
MySQL is an Open source Standard Query Language (SQL) database that is fast, reliable,
easy to use and suitable for applications of any size. MySQL can be integrated into Perl
programs by using the Perl DBI (Database Independent Interface) module. DBI is an API that
allows Perl to connect and query a number of SQL Databases such as MYSQL, Oracle,
Sybase etc.
For some of the programs in the Lab course, the MySQL database is to be used. For that, the
MySQL Server is to be started. The following steps are to be performed in the same sequence
on the Linux shell to start the server and create the database along with the table.
Pa ttern Matching
9
Student Record
10 Database
Average Marks=(Total Marks/10)
LAB INTERNALS MARKS
P rog r a m Wr i te up & Ana l y s i s Viva
Implementation Total Marks
Write up Analysis ( 4 Marks )
( 4 Marks ) (14/2)
TEST-1 ( 3 Marks ) ( 3 Marks )
Average Marks=(T1+T2)/2
6. Conclusion CO4 10
Program: 1 Date:
Write a JavaScript a design a simple calculator to perform the following operations sum,
product, difference and quotient.
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
Program: 1
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 2 Date:
Write a JavaScript that calculates the squares and cubes of the numbers 0 to 10 and
outputs HTML text that displays the resulting values in an HTML tab format.
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
Program: 2
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 3 Date:
Write a JavaScript code that displays text “TEXT-GROWING” with increasing font size
in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays
“TEXT-SHRINKING” in blue color. Then the font size decreases to5pt.
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
Program: 3
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 4 Date:
Develop and Demonstrate a HTML5 File that includes JavaScript that uses functions for
the following problems:
a. Parameter: A string
b. Output: The position in the string of the left-most vowel
c. Parameter: A number
d. Output: The number with its digit in the reverse order.
SOURCE CODE
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
OUTPUT/RESULT
Program: 4
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 5 Date:
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
Program: 5
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 6 Date:
Write a PHP program to keep track of the number of visitors visiting the web page
and to display this count of visitors with proper headings.
SOURCE CODE
OUTPUT/RESULT
Program: 6
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 7 Date:
Write a PHP program to display a digital clock which displays the current time of the
server.
SOURCE CODE
OUTPUT/RESULT
Program: 7
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 8 Date:
SOURCE CODE
SOURCE CODE
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
OUTPUT/RESULT
Program: 8
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 9 Date:
Write a PHP program named states.py that declares some variable states with the value
"Mississippi Alabama Texas Massachusetts Kansas".
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
Program: 9
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Program: 10 Date:
Write a PHP program to sort the student records which are stored in the database using
selection sort.
SOURCE CODE
SOURCE CODE
SOURCE CODE
OUTPUT/RESULT
OUTPUT/RESULT
Program: 10
Daily conduction (5 Marks)
Good Average Marks
Program Write up Able to write and analyze the Average knowledge of
and Analysis given problem Efficiently. requirements to solve the
a. CO1,CO3 given problem.
Viva Questions