0% found this document useful (0 votes)

18 views

MCSL-016 Solved Assignment 016 Solved Assignment 016 Solved Assignment

Ignou bca solved assignment of mcsl-016 2021-22

Uploaded by

Shahid Ul islam

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

18 views

MCSL-016 Solved Assignment 016 Solved Assignment 016 Solved Assignment

Ignou bca solved assignment of mcsl-016 2021-22

Uploaded by

Shahid Ul islam

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 38

Learning Science

MCSL-016
016 Solved Assignment
Session: 2021-2022
2022 (July – January)
1
MCSL-016
016 Solved Assignment 2021
2021-22 https://learningscience.co.in/shop
Question 1: (70 Marks)
A Book publisher maintains a website of the books published by them. The publisher site displays the list of the
book title, authors, date of publishing and price. In addition, it also displays a form for the authors who want to
publish book. Design and create four web pages for the website of the Publisher namely, Home, Book_List,
Author_RegistrationForm and Feedback, having the following features:

For consistency, every web page of the website should consist of three basic divisions –

Header - This division should be of the same for all the four web pages and should display name and logo of the
Publisher. This division should be in different background colour.

Navigation - This division should be same for every web page. It should contain links to all the web pages, viz.
Home, Book_List, Author_RegistrationForm and Feedback.

Information - This division should display the basic information as given below. The web pages that you are
designing should differ in this Division only.

The Information division of the different pages should be as under:

• Home page should include a Welcome message, information about the types of Books published by the
publisher and contact details.

• Book_List page should display information about the books published by the publisher, viz. title, authors,
date of publishing and price.

• Author_Registration page should contain a form, which should have fields - name of the author, email id,
phone, proposed book title, expected time to complete the book and a Submit button. You should write
JavaScript code to verify that all the fields are filled with some data. This code should be run when the
submit button is pressed.
2
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
• Feedback page should display another form that has two input fields – Name of the person giving feedback
and a text area for giving feedback; and a submit button.

Solution:

Home.html
<html>

<head> Learnin Digital Signer:Learning

Science

g
DN:L=Kolkata,
O=learningscience.co.i
<title>Home Page</title> n,

Science
E=prasantasmath@g
mail.com,
<link rel="stylesheet" type="text/css" href="mystyle.css"> CN=Learning Science
Date:2021.10.25
00:26:11 +05:30
</head>

<body>

<div style="width:100%; height:100px; background-color:#FFF8DC; padding:12px 0px 0px;">

<div style="float:left; width:200px;">

<img src="ignouhunt_logo.png" width="220" height="90px";>

</div>

3
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<div><center><h1>IGNOUhunt Publishing House</h1></center></div>

</div>

<a href="Home.html" class="active">Home</a>

<a href="Book_List.html">List of Books</a>

<a href="Author_RegistrationForm.html">Author Registration</a>

<a href="feedback.html">Feedback</a>

</div>

</td>

<td>

<div style="overflow: auto; height: 400; margin-left:10px;">

<center>
4
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<h2>WELCOME to IGNOUhunt</h2>

<h3><i style="color: blue";>IGNOUhunt Publishing House</i> has been publishing school, college
and universitiy books for more than 25 years. Our books span K-12 to University level in nearly all
subjects offered in schools/colleges/universities in all over world. Our books adhere to the current
syllabus and offer to learn support to students in the best possible manner. The language is simple and
clear; illustrations and diagrams help the student to grasp the matter easily; design and graphics make
our books more student-friendly and appealing.
<br/><br/>All our books go through checks by our team of editors before being printed. Our goal is to
provide error-free books to students at affordable prices. To accompany our books, <i style="color:
blue";>IGNOUhunt App</i> provides supporting material that is not given in the printed books. It is
completely free, available on The Google Play store, and contains additional theory, problems,
exercises, solutions and test papers.<br/>
<br/><br/>We love feedback from our community of students, teachers and authors. Our Facebook
page is where we post news about ourselves. We welcome all of you to browse through our website,
visit and like our social media pages and to participate in our endeavors to support learning and make
better books</h3>
</div>

<br /><p><table cellpadding="10" class="textcss">

<tr>

5
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<td><img src="Algorithm Design.png" height="425" width="300">

<h3>The Algorithm Design Manual</h3>by <strong>Steven S. Skiena</strong><br/><br/>Published

on <strong>27th September 2021</strong><br/><br/><strong>Rs. 1280</strong></td>

<td><img src="Learning Web Design.png" height="425" width="300">

<h3>Learning Web Design</h3>by <strong>Jeniffer Niederst Robbins</strong><br/><br/>Published
on <strong>5th August 1995</strong><br/><br/><strong>Rs. 2630</strong></td>

<td><img src="Fundamentals of DBMS.png" height="430" width="300">

<h3>Fundamentals of DBMS</h3>by <strong>Anshuman Sharma, Anurag Gupta,<br/>Jagmohan
Mago</strong><br/><br/>Published on <strong>18th December
2004</strong><br/><br/><strong>Rs. 835</strong></td>

</tr>

</table></p>

</center>

<center>
<h2>Want to Publish Your Book?</h2>
</center>

6
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<h3>To publish your book, Click below the button.</h3>

<button style="background-color: #008000; border: solid; color: green;"><a

href="Author_RegistrationForm.html" class="active"><p1>Register</p1></a></button>

</div>
</td>
</tr>
</table>

<table width="100%" bgcolor="#00008B">

<td><center><p class="footer">Copyright &#9400 1990-2021 IGNOUhunt All Rights

reserved</p></center></td>

</tr>

</table>

</body>

</html>

7
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
Screenshots:

8
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
9
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
10
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
11
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
Book_List.html
<html>

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

<body>

<div style="width:100%; height:100px; background-color:#FFF8DC; padding:12px 0px 0px;">

<div style="float:left; width:200px;">

<img src="ignouhunt_logo.png" width="220" height="90px";>

</div>

<div><center><h1>IGNOUhunt Publishing House</h1></center></div>

</div>

<tr><td width="220">
12
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<div class="vertical-menu">

<a href="Book_List.html" class="active">List of Books</a>

<a href="Author_RegistrationForm.html">Author Registration</a>

<a href="feedback.html">Feedback</a>

</div>

</td>

<td>

<div style="overflow: auto; height: 600; margin-left:10px;" class="textcss">

<br /><center><h3>LIST OF BOOKS</h3></center>

<p><table border="3" width="100%" cellpadding="10" class="textcss" style="margin-right:10px;">

<tr>
<th>Title</th>
<th>Author(s)</th>
<th>Date of Publish</th>
<th>Publisher(s)</th>
13
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<th>Price</th>
</tr>

<tr>
<td><strong>The Algorithm Design Manual</strong></td>
<td>Steven S. Skiena</td>
<td>27th September 2021</td>
<td>Springer-Verlag London</td>
<td>Rs. 1280</td>
</tr>

<tr>
<td><strong>Learning Web Design</strong></td>
<td>Jeniffer Niederst Robbins</td>
<td>5th August 1995</td>
<td>O′Reilly Publication</td>
<td>Rs. 2630</td>
</tr>

<tr>
<td><strong>Fundamentals of DBMS</strong></td>
<td>Anshuman Sharma, Anurag Gupta, Jagmohan Mago</td>
<td>18th December 2004</td>
<td>Wiley India Pvt. Ltd.</td>
<td>Rs. 835</td>
</tr>

14
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
</table></p>

</div>

</td></tr>

</table>

<table width="100%" bgcolor="#00008B">

<td><center><p class="footer">Copyright &#9400 1990-2021 IGNOUhunt All Rights

reserved</p></center></td>
</tr>
</table>

</body>
</html>

Screenshots:
15
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
16
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
Author_RegistrationForm.html
<html>

<head>

<title>Author Registartion Form</title>

<link rel="stylesheet" type="text/css" href="mystyle.css">

<script type = "text/javascript">

function display()
{
var name = document.forms["f1"]["t1"].value;
var mail = document.forms["f1"]["t2"].value;
var pnumber = document.forms["f1"]["t3"].value;
var booktitle = document.forms["f1"]["t4"].value;
var extime = document.forms["f1"]["t5"].value;

document.write("Name: "+name);
document.write("<br>");
document.write("Email: "+mail);
document.write("<br>");
document.write("Mobile Number: "+pnumber);
document.write("<br>");
document.write("Proposed Title of Book: "+booktitle);
17
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
document.write("<br>");
document.write("Expected Time of Complition of Book: "+extime);
document.write("<br><br><br><br>");

document.write("Registration Successfully Done");

}

if( document.myForm.t4.value == "" )

{
alert( "Please select proposed title of your book!" );
document.myForm.t4.focus() ;
return false;
}
if( document.myForm.t5.value == "" )
{
alert( "Please select expected time of complition of your book!" );
document.myForm.t5.focus() ;
return false;
}
return display();
}

</script>

</head>

<body>

<div style="width:100%; height:100px; background-color:#FFF8DC; padding:12px 0px 0px;">

<div style="float:left; width:200px;">

19
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<img src="ignouhunt_logo.png" width="220" height="90px";>

</div>

<div><center><h1>IGNOUhunt Publishing House</h1></center></div>

</div>

<a href="Book_List.html">List of Books</a>

<a href="Author_RegistrationForm.html" class="active">Author Registration</a>

<a href="feedback.html">Feedback</a>

</div>

</td>

20
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<td>

<td>

<div style="overflow: auto; height: 600; margin-left:10px;" class="textcss">

<br /><center><h3>AUTHOR REGISTRATION FORM</h3>

<table border="1" align="center">

<form id="f1" name="myForm" onsubmit = "return(validate());" style="position:relative;left:305px">

<tr>
<td>Email</td>
<td><input type="email" name="t2" placeholder="[email protected]"></td>
</tr>

<tr>
<td>Mobile Number</td>
<td><input type="mobile" name="t3" pattern="[0-9]{10}" placeholder="99999 88888"></td>
</tr>
21
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<tr>
<td>Proposed Title of Book</td>
<td><input type="text" name="t4"></td>
</tr>

<tr>
<td>Expected Time of Complition of Book</td>
<td><input type="text" name="t5" placeholder="Number of months"></td>
</tr>

<tr><td><center><input type="submit" value="SUBMIT"><input type="reset"

value="RESET"></center></td></tr>

</table>

</form></center>

</div>

</td></tr>

</table>

<table width="100%" bgcolor="#00008B">

22
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<tr height="50">

reserved</p></center></td>

</tr>

</table>

<body>

</html>

23
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
Screenshots:

24
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
25
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
26
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
After click on the submit button,, output showing look like the following

27
MCSL-016
016 Solved Assignment 2021
2021-22 https://learningscience.co.in/shop
Feedback.html
<html>

<head>

<title>Feedback</title>

<link rel="stylesheet" type="text/css" href="mystyle.css">

<script type = "text/javascript">

function display()
{
var name = document.forms["f1"]["t1"].value;
var fback = document.forms["f1"]["t6"].value;

document.write("Name: "+name);
document.write("<br>");
document.write("Feedback: "+fback);
document.write("<br><br>");

document.write("Thank you for giving your valuable feedback.");

}

function validate()
{
if( document.myForm.t1.value == "" )
28
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
{
alert( "Please provide your name!" );
document.myForm.t1.focus() ;
return false;
}
if( document.myForm.t6.value == "" )
{
alert( "Please provide your valuable feedback!" );
document.myForm.t6.focus() ;
return false;
}

return display();
}

</script>

</head>

<body>

<div style="width:100%; height:100px; background-color:#FFF8DC; padding:12px 0px 0px;">

<div style="float:left; width:200px;">

<img src="ignouhunt_logo.png" width="220" height="90px";>

29
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
</div>

<div><center><h1>IGNOUhunt Publishing House</h1></center></div>

</div>

<a href="Book_List.html">List of Books</a>

<a href="Author_RegistrationForm.html">Author Registration</a>

<a href="feedback.html" class="active">Feedback</a>

</div>

</td>

<td>

30
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
<td>

<div style="overflow: auto; height: 600; margin-left:10px;" class="textcss">

<br /><center><h3>FEEDBACK</h3>

<table border="1" align="center">

<table cellpadding="10" class="textcss" style="line-height:1.5;">

<tr>
<td>Feedback</td>
<td><input type="text" name="t6" height="200" maxlength="500" placeholder="Your
Feedback"></td>
</tr>

</table>
31
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
</form></center>
</div>
</td></tr>
</table>

<table width="100%" bgcolor="#00008B">

reserved</p></center></td>

</tr>

</table>

<body>

</html>

Screenshots:
32
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
After click on the submit button, output showing look like the following

33
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
mystyle.css
h1 { font-family:crimson;
family:crimson; color: #0CABE8; }
p1 { font-size:14pt; font-family:Cambria;
family:Cambria; color: white; fontfont-weight:
weight: bold; height: 45px;
width:50px; border: none; cursor: pointer; outline: 0!import
0!important; border-radius:
radius: 5px; margin: 0px
0px; background-color:
color: #008000; }
h3 { font-family:Cambria;
family:Cambria; color:#8B0000; }
h4 { font-family:Cambria;
family:Cambria; color:#00008B; }
div.b { text-align: left; }
.textcss { font-size:14pt; font-family:Cambria;
family:Cambria; }
.footer {font-size:16pt; font-family:Cambria;
family:Cambria; color: #FFFFFF; }
.vertical-menu
menu { height: 600; width: 220px; font font-size:15pt; font-family:Cambria;
family:Cambria; font-weight:
font
bold; background-color:
color: #BAECE9; }
.vertical-menu
menu a { background
background-color:
color: #FA90FA; color:000000; display: block;
bl padding: 12px;
text-decoration: none; }
.vertical-menu
menu a:hover { background
background-color: #5B94F7; }
.vertical-menu
menu a.active { background
background-color: #BBF59C; }

34
MCSL-016
016 Solved Assignment 2021
2021-22 https://learningscience.co.in/shop
input[type="text"] { height: 45px; font-size:14pt; font-family:Cambria; padding: 5px 5px; border-
radius: 5px; outline: 0!important; }
select { font-family: Cambria; font-size:14pt; padding: 10px; border-radius: 5px; }
option { font-family: Cambria; font-size:14pt; }
input[type="text"]:hover, select:hover { border: 2px solid #8B0000; }
input[type="email"] { height: 45px; font-size:14pt; font-family:Cambria; padding: 5px 5px;
border-radius: 5px; outline: 0!important; }
input[type="mobile"] { height: 45px; font-size:14pt; font-family:Cambria; padding: 5px 5px;
border-radius: 5px; outline: 0!important; }
input[type="submit"] { font-size:14pt; font-family:Cambria; color: white; font-weight: bold;
height: 45px; width:160px; border: none; cursor: pointer; outline: 0!important; border-radius:
5px; margin: 5px 5px; padding: 0px 15px; background-color: #008000; }
input[type="reset"] { font-size:14pt; font-family:Cambria; color: white; font-weight: bold; height:
45px; width:160px; border: none; cursor: pointer; outline: 0!important; border-radius: 5px;
margin: 5px 5px; padding: 0px 15px; background-color: #008000; }
table, th, td { border-collapse: collapse; }
th { color:#00008B; }
a { text-decoration: none; }

Question 2: (10 Marks)

35
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
How does the use of CSS help in maintenance of the site created by you? Explain the important features of
Angular JS.

Solution:

CSS handles the look and feel part of a web page. Using CSS, I can control the color of the text, the style of fonts, the
spacing between paragraphs, how columns are sized and laid out, etc.
The following are the advantages of CSS −
• CSS saves time − I can write CSS once and then reuse the same sheet in multiple HTML pages. I can define a
style for each HTML element and apply it to as many Web pages as you want.
• Easy maintenance − To make a global change, simply change the style, and all elements in all the web pages
will be updated automatically.
• Global web standards − Now HTML a'ributes are being deprecated and it is being recommended to use CSS.
So it's a good idea to start using CSS in all the HTML pages to make them compatible with future browsers.
• Platform Independence − The Script oﬀer consistent pla*orm independence and can support latest browsers
as well.

Important features of Angular JS:

General Features
The general features of AngularJS are as follows −
• AngularJS is a efficient framework that can create Rich Internet Applications (RIA).
• AngularJS provides developers an options to write client side applications using JavaScript in a clean Model
View Controller (MVC) way.

36
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
• Applications written in AngularJS are cross-browser compliant. AngularJS automatically handles JavaScript
code suitable for each browser.
• AngularJS is open source, completely free, and used by thousands of developers around the world. It is
licensed under the Apache license version 2.0.
Overall, AngularJS is a framework to build large scale, high-performance, and easyto-maintain web applications.

Core Features
The core features of AngularJS are as follows −
• Data-binding − It is the automa5c synchroniza5on of data between model and view components.
• Scope − These are objects that refer to the model. They act as a glue between controller and view.
• Controller − These are JavaScript func5ons bound to a par5cular scope.
• Services − AngularJS comes with several built-in services such as $http to make a XMLHttpRequests. These
are singleton objects which are instantiated only once in app.
• Filters − These select a subset of items from an array and returns a new array.
• Directives − Direc5ves are markers on DOM elements such as elements, a'ributes, css, and more. These can
be used to create custom HTML tags that serve as new, custom widgets. AngularJS has built-in directives
such as ngBind, ngModel, etc.
• Templates − These are the rendered view with informa5on from the controller and model. These can be a
single file (such as index.html) or multiple views in one page using partials.
• Routing − It is concept of switching views.
• Model View Whatever − MVW is a design pa'ern for dividing an applica5on into diﬀerent parts called
Model, View, and Controller, each with distinct responsibilities. AngularJS does not implement MVC in the
traditional sense, but rather something closer to MVVM (Model-View-ViewModel). The Angular JS team
refers it humorously as Model View Whatever.
37
MCSL-016 Solved Assignment 2021-22 https://learningscience.co.in/shop
• Deep Linking − Deep linking allows to encode the state of applica5on in the URL so that it can be
bookmarked. The application can then be restored from the URL to the same state.
• Dependency Injection − AngularJS has a built-in dependency injection subsystem that helps the developer to
create, understand, and test the applications easily.