SMART INDIAN SCHOOL
Bharatiya Vidya Bhavan, Kuwait
PRACTICAL FILE
WEB APPLICATION (803)
STUDENT NAME : Mustufa
GRADE AND DI VISION : XII - Taurus
REGISTRATION NUMBER:
ACADEMIC YEAR : 2024 - 2025
SUBMITTED TO : [Link]
BONAFIDE CERTIFICATE
This is to certify that this practical file is the bonafide work of Mr. Mustufa of
Grade XII, Section B, Reg. 12103, who has satisfactorily completed the Practical
Assignments in Web Application for the AISSCE as prescribed by the CBSE during
the academic year 2024-25.
Submitted for Viva-Voce examination held at SMART INDIAN SCHOOL,
KUWAIT on ……………………
Internal Examiner Principal Signature:
Signature: Mr. Mahesh Iyer
External Examiner School Seal
Signature:
INDEX
[Link] PROGRAM TITLE PAGE
NO
1 Split and join clips using Windows movie maker
2 Trim video clip using Windows movie maker
3 Add Titles in video and publish using Windows movie maker
4 Steps to add Audio and video in a webpage
5 Creating a webpage with the given components.
6 JavaScript- Print a line of text
7 JavaScript- Show date and time
8 JavaScript- Show Alter box
9 JavaScript- Using min() function
10 JavaScript- Create an array and add more items to it
11 JavaScript- Finding length of an array
12 JavaScript- Join arrays using concat()
13 JavaScript- Remove last element from array using pop()
14 JavaScript- Add new element using push()
15 JavaScript- Reverse the order of elements in array
16 JavaScript- Search for a text and return using round() function
17 JavaScript- Round off the given number
18 JavaScript- Return a function
19 JavaScript- Find the given number is even or odd
20 JavaScript- Receive string and count the number of words
Output:
1. Write the steps to split and join video clips
using Windows Movie Maker.
Software Required: Windows Movie Maker
Steps:
1. Split:
o Import the video clip into Windows Movie
Maker.
o Drag it to the timeline/storyboard.
o Position the playhead where the split is
required.
o Click on "Edit" and select "Split."
2. Join:
o Arrange multiple clips in sequence on the
timeline.
o Save or export the project to merge them into
one.
Result: Video clip is split and joined.
Output:
2. Write the steps to trim a video clip using
Windows Movie Maker.
Software Required: Windows Movie Maker
Steps:
1. Import the video and drag it to the timeline.
2. Select the video, click "Edit."
3. Adjust the "Start Point" and "End Point" sliders
to trim.
4. Save the trimmed video.
Result: The video is trimmed.
Output:
3. Write the steps to add titles in a video and
publish the movie using Windows Movie
Maker.
Software Required: Windows Movie Maker
Steps:
1. Click on "Home" > "Title."
2. Enter the desired text and customize it.
3. Drag the title card to the desired
position.
4. To publish, click "File" > "Save Movie"
and choose a format.
Result: A movie with titles is published.
Output:
4. Write the steps to embed audio and video in
a webpage.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Embed Audio and Video</title></head>
<body>
<h1>Embedded Audio and Video</h1>
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
<video controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
Result: The webpage embeds both audio and
video.
Output:
5. Create a webpage with auto-playing and
looping audio.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Auto-playing Audio</title></head>
<body>
<h1>Auto-playing and Looping Audio</h1>
<audio autoplay loop>
<source src="Myaudio.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
</body>
</html>
Result: Audio starts automatically and loops.
Output:
6. Write a program using JavaScript to print a
line of text in a webpage.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Print Text</title></head>
<body>
<script type="text/javascript">
[Link]("Hello, Welcome to Web
Applications!");
</script>
</body>
</html>
Result: The line of text is displayed on the
webpage.
Output:
7. Write a program using JavaScript to show
date and time on a web page.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Current Date and Time</title></head>
<body>
<script type="text/javascript">
var currentDate = new Date();
[Link]("Current Date and Time: " +
currentDate);
</script>
</body>
</html>
Result: The current date and time are
displayed on the webpage.
Output:
8. Write a program using JavaScript to show an
alert box on a web page.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Alert Box</title></head>
<body>
<script type="text/javascript">
alert("This is an alert box!");
</script>
</body>
</html>
Result: An alert box pops up with the
message.
Output:
9. Write a program using JavaScript to return
the number with the lowest value of 2
specified numbers using min().
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Min Function</title></head>
<body>
<script type="text/javascript">
var num1 = 10;
var num2 = 25;
[Link]("The smallest number is: " +
[Link](num1, num2));
</script>
</body>
</html>
Result: Displays the smallest number
between the two.
Output:
10. Write a program using JavaScript to create
an array of 5 items, add one more item, and
then display the array.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Array Operations</title></head>
<body>
<script type="text/javascript">
var fruits = ["Apple", "Banana", "Cherry", "Date",
"Elderberry"];
[Link]("Fig");
[Link]("Updated Array: " + fruits);
</script>
</body>
</html>
Result: The array with the new item is
displayed.
Output:
11. Write a program using JavaScript to find the
length of an array.
Software Required: Notepad
<!DOCTYPE html>
<html>
<head><title>Array Length</title></head>
<body>
<script type="text/javascript">
var colors = ["Red", "Blue", "Green", "Yellow"];
[Link]("The length of the array is: " +
[Link]);
</script>
</body>
</html>
Result: Displays the number of elements in
the array.
Output:
12. Write a program using JavaScript to join
two arrays using concat().
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Concat Arrays</title></head>
<body>
<script type="text/javascript">
var array1 = ["Apple", "Banana"];
var array2 = ["Cherry", "Date"];
var combinedArray = [Link](array2);
[Link]("Combined Array: " +
combinedArray);
</script>
</body>
</html>
Result: Displays the joined arrays.
Output:
13. Write a program to remove the last
element from the array using pop().
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Pop Element</title></head>
<body>
<script type="text/javascript">
var cities = ["New York", "London", "Paris", "Tokyo"];
var removedCity = [Link]();
[Link]("Updated Array: " + cities + "<br>");
[Link]("Removed Element: " +
removedCity);
</script>
</body>
</html>
Result: Displays the updated array and the
removed element.
Output:
14. Write a program to add a new element to
the array using push().
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Push Element</title></head>
<body>
<script type="text/javascript">
var animals = ["Dog", "Cat", "Elephant"];
[Link]("Lion");
[Link]("Updated Array: " + animals);
</script>
</body>
</html>
Result: Displays the array with the added
element.
Output:
15. Write a program to reverse the order of
elements in the array.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Reverse Array</title></head>
<body>
<script type="text/javascript">
var numbers = [1, 2, 3, 4, 5];
[Link]();
[Link]("Reversed Array: " + numbers);
</script>
</body>
</html>
Result: Displays the array with reversed order.
Output:
16. Write a program to search for a text in a
string and return the text if found using match()
function.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Match Function</title></head>
<body>
<script type="text/javascript">
var sentence = "JavaScript is a versatile
programming language.";
var searchText = "versatile";
var result = [Link](searchText);
[Link]("Search Result: " + result);
</script>
</body>
</html>
Result: Displays the matched text if found.
Output:
17. Write a program to round off a number to
the nearest integer using round() function.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Round Off</title></head>
<body>
<script type="text/javascript">
var number = 7.6;
var roundedNumber = [Link](number);
[Link]("Rounded Number: " +
roundedNumber);
</script>
</body>
</html>
Result: Displays the rounded-off number.
Output:
18. Write a program to return a function.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Return Function</title></head>
<body>
<script type="text/javascript">
function outerFunction() {
return function() {
return "Hello from the returned function!";
};
}
var innerFunction = outerFunction();
[Link](innerFunction());
</script>
</body>
</html>
Result: A function is returned and executed.
Output:
19. Write a program to accept a number from
the user and display whether the number is
even or odd.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Even or Odd</title></head>
<body>
<script type="text/javascript">
var number = prompt("Enter a number:");
if (number % 2 === 0) {
[Link](number + " is Even");
} else {
[Link](number + " is Odd");
}
</script>
</body>
</html>
Result: Checks and displays whether the
number is even or odd.
Output:
20. Write JavaScript code to receive a string
from the user and count the number of words
in the string.
Software Required: Notepad
Program:
<!DOCTYPE html>
<html>
<head><title>Word Count</title></head>
<body>
<script type="text/javascript">
var inputString = prompt("Enter a sentence:");
var wordCount = [Link](" ").length;
[Link]("The number of words in the
sentence is: " + wordCount);
</script>
</body>
</html>
Result: Counts and displays the number of
words in the input string.
