INDIAN SCHOOL

RAS AL KHAIMAH
Affiliated to CBSE Delhi (No.:6630014)

CERTIFICATE

Certify that this is the record of practical work done by

_______________________________________ of class ____________
No. of practicals certified _____________ out of _______________

Examination No: __________________________________________

in accordance with the requirement for AISSCE in WEB APPLICATION

during the year 2023-2024.

Date:

Teacher in Charge External Examiner

Principal

1
 INDEX
SR TOPIC PAGE NO
NO.
1. Split video clip using windows movie maker 4

2. Joining video clip using WMM 5

3. Perform trim video using WMM 6

4. Adding titles in video using WMM 7

5. Publish movie to your computer using WMM 8

6. Embed Audio in web Page 9

7. Embed Video in web Page 11

8. Embed Flash in web page 13

9. Printing a line of text in a web page 15

10. Program to show Date and Time 16

11. Program to show the alert box 17

12. Program to show the confirm box 18

13. Program to show the prompt box 19

14. Program to find the position of a text in a string 20

using indexOf()

15. Program to search in a string using the match() function 21

2
 16. Program to replace characters in a string using 22
replace() function

17. Program to round off any number using round() function 23

18. Program to return a random number between 0 and 1 24

using random()

19. Program to return a string using a function 25

20. Program to display the highest value using max() function 26

21. Program to display the lowest value using min() function 27

22. Program to create and display an array 28

23. Program to find the length of a string 29

24. Program to join two arrays using Concat() function 30

25. Program to add a new element to the array using 31

push() function

3
Practical -1

Question. How to Split video clip using windows movie maker?

Solution:
Steps to split a clip: -
1) In the contents pane or on the storyboard/ timeline, click the video or audio clip
that need to be split.
2) Under the preview monitor click the play button
3) When the clip reaches a point near the place you want to split the clip click pause
4) Under the preview monitor, use the playback controls to find the point where we
want to split the clip
 5) Under the preview monito click the split button.

4
Pactical-2
Question. How to Join video clip using WMM?

Solution:

Steps to joining video clip

1) In the contents pane or on the storyboard, hold down the CTRL key and then click
the contiguous clips, which need to be combined.
2) click the clip and then combine

The name and property information of the first clip in the group is used for the new
 clip and the time is adjusted accordingly.

Tips: - We can combine more than two clips at a time as long as they are
consecutive. To select multiple clips, click the first clip, press and hold down the
SHIFT key and then click the last clip.

5
Practical: 3

Question: How to perform trimming video clip using WMM?

Solution:

Steps to trim a video clip

1) While in the storyboard view, click view and then click timeline.
2) On the timeline click the clip that we wished to be trim
3) Use the playback controls under the preview monitor to find the point where you
want to trim the clip.
4) Do the following.
When the playback indicator is at the point, we want the selected video or Audio
 clip to start playing back, click the clip and the then click trim beginning. When
the playback indicator is at the point, we want the selected video or Audio clip
to stop playing back, click the clip and then click trim.

6
Practical: 4

Question: How to add titles in video using WMM?

Solution:

Steps to adding titles in video.

1) Click that location on the storyboard / timeline where title or credit is to be
inserted.
2) Click tools and then click titles and credits.
3) Click the link that corresponds to the location where title or credit is to be inserted.
4) In the enter text for title box, type the text that you want it appear as the title or
credit.
After that you type the text, the monitor displays the default animation and format
for the title or credit need to be inserted.
5) To change the title animation, click change the title animation and select a title
animation from the list.
6) To change the font and colour for your title click change the text font and colour,
and then choose the font, font colour, formatting, background colour,
transparency, font size and position of the title to your liking.
7) Click the add Title.

7
Practical: 5

Question: How to publish movie to your computer using WMM?

Solution:

Steps to publish a movie to your computer

1) Click file, click publish movie.
2) Click the computer and then click next.
3) In the file name box, type a name for your movie.
4) In the publish to box, choose where ever we want to save the movie once it’s
 published and then click next.
5) Choose the settings to be used to publish the movie and then click publish. 6) To
watch the movie after it has published, select the play movie after clicking finish
check box.
7) Click finish

8
Practical 6

Question: How to embed Audio in web Page?

Solution:
Audio tag:- The <audio> tag defines sound such as music or other audio streams
Currently there are 3 supported file formats for the <audio> element: MP3, WAV
and OGG

Browser MP3 WAV OGG

 Internet Explorer Yes No No
Chrome Yes Yes Yes
Fire Fox Yes Yes Yes
Safari Yes Yes No
Opera Yes Yes Yes

Tips and Notes

Tips: - Any text inside and between <audio> and </audio> tag will be displayed in
the browser that do not support the <audio> tag.
Attributes
Attribute Value Description
Autoplay Autoplay Specifies that the audio will start playing as soon
as it is ready
Controls Controls Specifies that audio controls should be displayed
(such as a play/ pause button etc)

Loop Loop Specifies that the audio will

start over again, every time it is
finished.
Muted muted Specifies that the audio output should be muted

Preload Auto Metadata None Specifies if and how the author

thinks the audio

9
should be loaded when the
page loads.
Src URL Specifies the URL of the audio file.

Example:-
<audio Controls>
<Source src= ”Horse.ogg”
type= “audio / ogg”>
<Source src= ”Horse.MP3”
 type= “audio/ MPEG”>
your browser does not support the audio tag </audio>
BG Sound
BG Sound:- When writing in HTML the <bg sound> tag is used to embed sound files into a
web page. The sound file plays automatically when the page loads and this tag is only
supported in Internet Explorer. We recommend using the < audio> instead. The following
section contain information about the <bg sound> tag including an example of its code as
well as related attributes and browser compatibility.
Attributes
Attribute Description
Balance Designates that the audio is split between speakers. Loop
Designates that the audio file should continuously repeat.

Src Designates the URL of the audio file.

Volume Designates the default volume for the audio file. Example Code:-

<BG sound
src= https://www.computerhope.com/jargon/example.mp3 >

10
Practical 7

Question: How to embed Video in web Page?

Solution:

Video Tag:- The <video> tag specifies video such as a movie clip or other video
streams
Currently there are 3 supported video formats for the <video> element MP4,
WebM OGG.

Attributes
Attribute Value Description
Autoplay Autoplay Specifies that the video will start playing as soon
 as it is ready
Controls Controls Specifies that video controls should displayed (such
s a play /
pause button etc)
Height Pixels sets the height of the video player.

Loop Loop Specifies that the video will start over playing again every
time it is

finished.
Muted muted Specifies that the audio output of video should be
muted.

Poster URL Specifies on image to be shown while the video is

downloading

or until the user hits the play

button.
Preload auto metadata Specifies if and how the author name thinks
the video should be loaded

when the page loads.

src URL specifies to URL of the video file.

11
width pixels sets the width of the video player. Example:-

<video width =”320” height =”240” controls>

<source src = “movie.mp4”
type = “video / MP4” >
<source src = “movie.ogg”
type = “video / ogg”>
your browser does not support the video tag </video>
 12
Practical 8

Question: How to embed Flash in web page?

Solution:

Flash Files:- The <object> tag defines an embedded objects with in an HTML document.
Use this element to embed multimedia (like audio, video, java applets, actives PDF and
flash) in your web pages.
You can also use the <object> tag to embed another webpage into your HTML document.
You can use <param> tag to pass parameters to plugins that have been embedded with
the <object> tag.
Tips and Notes
Notes: - An <object> element must appear inside the <body> element. The text between
the <object> and </object> is an alternate text for browsers that do not support this tag.
Tips: -
1) For images use the <img> tag instead of the <object> tag.
2) At least one of the “Data” of “type” attribute must be defined.
Attributes
Attribute Value Description
Align top bottom Specifies the alignment of the middle left <object>
element according to

right surrounding elements.

Archive URL A space separated list of ‘URLS’ to archives. The archives
contain

resources relevant to object.

Border pixels Specifies the width of the border around and <object>

classid class ID Defines a class id value as set in

13
the registry or a URL
Codebase URL Defines where to find the code for the objects.

code type Media type The media type of the code referred to by the
classid

attribute.
data URL Specifies the URL of the resource to be used by the object

Declare Declare Defines that the object should only be declared not
 created or

instantiated until needed

form form-ID Specifies one or more forms the object belongs to

Height pixels specifies the height of the object Name Name specifies the
name of the object.

14
Practical 9

Question: Write a program using JavaScript for printing a line of text in a web
page Solution: Printing a line of text in a web page.

<html>
<body>
<h1> My first web page </h1>
<script>
document.write("Hello World");
</script>
</body>
</html>

Output:

15

Practical 10
Question: Write a program using JavaScript to show Date and Time in a web
page. Solution: Program to show Date and Time.

<html>
<body>
<script>
var d= new Date();
document.write(d);
</script>
</body>
</html>
Output:
16

Practical 11
Question: Write a program using JavaScript to show an alert box in a web
page. Solution: Program to show the alert box.

<html>
<script>
function Myfunction()
{
alert("Hello");
}
</script>
<body>
<input type="button" onclick="Myfunction()"
value="show me the alert box" />
</body>
</html>
Output:
 17

Practical 12
Question: Write a program using JavaScript to show confirm box in a web page.
Solution: Program to show the confirm box.

<html>
<script>
function Myfunction()
{
var x=document.getElementById("demo");
var y= confirm("Press a button");
if( y == true)
answer="You pressed Ok";
else
answer= "You pressed Cancel";
x.innerHTML=answer;
}
</script>
<body>
<p> click the button to display the confirm box</p>
<button onclick="Myfunction();">Try it </button>

<p id= "demo"></p>

</body>
</html>
Output:

18
Practical 13
Question: Write a program in JavaScript to show the prompt box in a web page.
Solution: Program to show the prompt box

<html>
<script>
function Myfunction()
{
var x = document.getElementById("demo");
var person= prompt("Please enter your name");
var answer="";
if( person != null)
answer ="Hello " + person+ " how are you today!";
x.innerHTML=answer;
}
</script>
<body>
<p> click the button to display the prompt box</p>
<button onclick="Myfunction();">Try it </button>

<p id= "demo"></p>

</body>
</html>
Output:

19
Practical 14
Question: Write a program using JavaScript to find the position of the first
occurrence of a text in a string using the indexOf function.
Solution: Program to find the position of the first occurrence of a text in a
string using indexOf()
<html>
<script>
function Myfunction()
{
var x = document.getElementById("demo");
var y=document.getElementById("message").innerHTML; var z=
prompt("Please enter the character");
var answer="";
if( z != null)
answer =y.indexOf(z);
x.innerHTML=answer;
}
</script>
<body>
<p id="message"> click the button to locate where in this string a specified
character occurs</p>
<button onclick="Myfunction();">Try it </button>
<p id= "demo"></p>
</body>
</html>
Output:
20
Practical 15

Question: Write a program using JavaScript to search for a text in a string and
return the text if found using match() function.
Solution: Program to search for a text in a string and return the text if found
using the match() function.
<html>
<body>
<script>
var str="Honesty is the best policy";
document.write(str.match("policy") + "<br>");
document.write(str.match("police") + "<br>");
document.write(str.match("Policy") + "<br>");
document.write(str.match(" policy") + "<br>");
</script>
</body>
</html>
Output:
 21

Practical 16

Question: Write a program using JavaScript to replace characters in a string using

replace() function.
Solution: Program to replace characters in a string using replace() function.
<html>

<script>
function Myfunction()
{
var str = document.getElementById("demo").innerHTML; var n=
str.replace("Hello","Good");

document.getElementById("demo").innerHTML= n;
}
</script>
<body>
<p> click the button to replace the characters</p>
<button onclick="Myfunction();">Try it </button>
<p id= "demo">Hello practicals</p>
</body>
</html>
Output:
 22
Practical 17
Question: Write a program using JavaScript to round off any number to nearest integer
using round() function.
Solution: Program to round off any number using round() function.
<html>
<script>
function Myfunction()
{
var x= document.getElementById("demo").innerHTML;
x= Math.round(x);
document.getElementById("demo").innerHTML= x;
}
</script>
<body>
<p> click the button to round the number to its nearest integer</p>
<button onclick="Myfunction();">Try it </button>

<p id= "demo">9.7896</p>

</body>
</html>
Output:
 23
Practical 18
Question: Write a program using JavaScript to return a random number
between 0 and 1 using random() function.
Solution: Program to return a random number between 0 and 1 using
random(). <html>

<script>
function Myfunction()
{
document.getElementById("demo").innerHTML= Math.random(); }

</script>
<body>
<p> click the button to display a random number</p>
<button onclick="Myfunction();">Try it </button>
<p id= "demo"></p>
</body>
</html>
Output:
24
Practical 19
Question: Write a program using JavaScript to return a string using function.
Solution:.

<html>
<body>
<script> Program to return a string using a function
function Myfunction()
{
return "Have a nice day !!!";
}
document.write(Myfunction());
</script>
</body>
</html>
Output:
25

Practical 20
Question: Write a program using JavaScript to display the highest value of
two specified numbers using the max() function.
Solution: Program to display the number with highest value of two specified
number using max() function
<html>
<script>
function Myfunction()
{
document.getElementById("demo").innerHTML= Math.max(5,10); }

</script>
<body>
<p> click the button to display the highest no between 5 and 10</p>
<button onclick="Myfunction();">Try it </button>

<p id= "demo"></p>

</body>
</html>
Output:
26
Practical 21
Question: Write a program using JavaScript to display the lowest value of two
specified numbers using the min() function.
Solution: Program to display the number with lowest value of two specified
number using min() function
<html>
<script>
function Myfunction()
{
document.getElementById("demo").innerHTML= Math.min(5,10); }

</script>
<body>
<p> click the button to display the lowest no between 5 and 10</p> <button
onclick="Myfunction();">Try it </button>

<p id= "demo"></p>

</body>
</html>
Output:
27
Practical 22
Question: Write a program using JavaScript to create and display the values
of an array. Solution: Program to create and display an array.

<html>
<body>
<script>
var fruits= new Array();
fruits[0]= "Apple";
fruits[1]= "Mango";
fruits[2]= "Orange";
for( i=0; i< fruits.length; i++)
{
document.write(fruits[i]+"<br>");
}
</script>
</body>
</html>
Output:
28
Practical 23
Question: Write a program using JavaScript to find the length of the string.
Solution: Program to find the length of a string.

<html>
<body>
<p>length of the given string</p>
<script>
var text= "Hello World";
document.write(text.length);
</script>
</body>
</html>
Output:
 29

Practical 24
Question: Write a program using JavaScript to join two arrays using Concat() function.
Solution: Program to join two arrays using Concat() function.

<html>
<script>
function Myfunction()
{
var fruits= ["Apple", "Orange"];
var vegetables= ["Cucumber", "Carrot"];
var grains= ["Wheat", "Maze"];
var mix= fruits.concat(vegetables, grains);
document.getElementById("demo").innerHTML= mix;
}
</script>
<body>
<p> click the button to join three arrays</p>
<button onclick="Myfunction();">Try it </button>
<p id= "demo"></p>
</body>
</html>
Output:

30
Practical 25
Question: Write a program using JavaScript to add a new element to the array using
push() function.
Solution: Program to add a new element to the array using push() function.
<html>

<script>
function Myfunction()
{
var names= ["Mohan", "Imran", "Leo"];
names.push("Ayush");
document.getElementById("demo").innerHTML= names;
}
</script>
<body>
<p> click the button to add a new element to the array</p>
<button onclick="Myfunction();">Try it </button>

<p id= "demo"></p>

</body>
</html>
Output:

31