Embed Size (px)
Citation preview
Solved Assignments of
BCA(IGNOU) for 4th
Semester.
For January 2017 session.
2017
http://www.vatsacomputersbgs.yolasite.com
Created by :- Abhay Vatsa
Internet Concepts and Web Design
MCSL-016
1 | P a g e
www.vatsacomputersbgs.yolasite.com
1. A Bus Company has a fleet of buses, which are operated on different tourist routes as per a fixed schedule. The company different tourist routes as per a fixed schedule. The company provides the details of all the routes including date and time of departure, price, total time taken etc. on its website. Create a web site for this company having the following features: For the sake of consistency every page of the website should consists of four basic divisions – Header – This division should be of fixed size and should display company name, logo. This division should be in different background colour. This division should be at the top side of every page. Footer – This division contains the name of developer and copyright information. This division should be at the bottom of every page. Content – The pages that you are designing should differ in Content Division only. The five different page contents that you need to design are - Home, Tour List, Schedule, Booking and Contact us. Menu – This division should be towards the left in every web page and should contain links to all the five web pages viz. Home, Tour List, Schedule, Booking and Contact us. The Content division of the five different pages should be as under:
• Home page should include Welcome message, year of establishment of the company, turnover, size of company etc.
• Tour List page should give destination wise sorted list of various tours. This list should be displayed in a table.
• Schedule page should list the timing of buses to different destinations.
• Booking page should display the list of persons who have booked. This information should be displayed for every tour.
• Contact us page should contain a form which should ask the details like name, tour number, contact phone etc. of the person who wants to find more information about a tour. You must use JavaScript to check that all the required fields are filled by the visitor.
Ans. I create six pages which has include all Informations about a Travel Bus Company, these are given below: - (i) For Home Page: - Input all these program in HTML language and write these input language in Notepad: <!DOCTYPE html> <html> <head> <title> A Bus Company </title> </head> <body>
2 | P a g e
www.vatsacomputersbgs.yolasite.com
<div style="position :absolute, width:100%, top:10px, height:150, background=""> <span> A Bus Company TourTravels </span> <img src="C:/about_banner.jpg" width="100%" height="150px"> </img> </div> <font size="5" width="100%" > <table width="100%" bgcolor="red" border="2px" height="50px"> <th> <table width="35%"> <tr> <th> <a href="Home.html"> Home </a> </th> <th> <a href="tourlist.html"> Tour List </a> </th> <th> <a href="schedule.html"> Schedule </a> </th> <th> <a href="booking.html"> Book List </a> </th> <th> <a href="contact.html"> Contact Us </a> </th> </tr> </table> </th> </table> </font> <div style="font-size:18px"> <table width="100%"> <tr> <table width="90%" align="center"> <tr> <td style="font-size:20px"> <b> A Bus Company: </b>
3 | P a g e
www.vatsacomputersbgs.yolasite.com
</td> </tr> <tr> <td> <p> Welcome to the website of one of the major tour opiate organize of the Sai Travels is conducting it’s services under the excellent guidance of Mr Sudhir Suri ( Bittu) we have been servicing for more then 7 year to all the Rajasthani , Jain, Gujraati and other community by arranging special tour opiate for them all Indian tours.<br>Tour operate and organized by Sai travels are know for their lest served facilities ( such as Accommodation ,Food ,Travelling by the best means of Transportation ) Be side organizing tour and one day picnic, one can find many other related services under one roof we arrange tour programmed on your budget, day’s as per good wish as packages wise. </p> </td> </tr> <tr> <td style="font-size:20px" colspan="2"> <b> Establishment Year : </b> </td> </tr> <tr> <td> <p> A Bus Company provide service since 2005. </p> </td> </tr> <tr> <td style="font-size:20px"> <b> Turnover : </b> </td> </tr> <tr> <td> <p> A Bus Company turnover 100000. </p> </td> </tr> <tr> <td style="font-size:20px"> <b> Size : </b> </td>
4 | P a g e
www.vatsacomputersbgs.yolasite.com
</tr> <tr> <td> <p> A Bus Company has 300 staff. it provide service in </p> </td> </tr> </table> </tr> </table> </div> <table width="100%" height="150px" bgcolor="gray" border="2px"> <th> <table width="35%" align="center"> <tr> <th style="color:white"> Copyright 2017 QuinStreet Inc. All Rights Reserved. </th> </tr> </table> </th> </table> </body> </html> After that save as “Home.html” and Open with any Web Browser. (ii) For tourlist Page: - <html> <head> <title> A Bus Company </title> </head> <body> <div style="position :absolute, width:100%, top:10px, height:150, background=""> <span> A Bus Company TourTravels </span> <img src="C:/about_banner.jpg" width="100%" height="150px"> </img> </div> <font size="5" width="100%" > <table width="100%" bgcolor="red" border="2px" height="50px"> <th> <table width="35%"> <tr> <th> <a href="Home.html"> Home </a> </th>
5 | P a g e
www.vatsacomputersbgs.yolasite.com
<th> <a href="tourlist.html"> Tour List </a> </th> <th><a href="schedule.html"> Schedule </a> </th> <th><a href="booking.html"> Book List </a> </th> <th> <a href="contact.html"> Contact Us </a> </th> </tr> </table> </th> </table> </font> <div style="font-size:18px"> <table width="100%"> <tr> <table width="90%" align="center"> <tr> <td style="font-size:20px"> <b> Agra : </b> </td> </tr> <tr> <td> <p> Agra is a city on the banks of the river Yamuna in the northern state of Uttar Pradesh, India.[3] It is 378 kilometres (235 mi) west of the state capital, Lucknow, 206 kilometres (128 mi) south of the national capital New Delhi and 125 kilometres (78 mi) north of Gwalior. With a population of 1,686,993 (2013 est.), Agra is one of the most populous cities in Uttar Pradesh, and the 19th most populous in India. </p> </td> </tr> <tr> <td style="font-size:20px" colspan="2"> <b> Red Fort : </b> </td>
6 | P a g e
www.vatsacomputersbgs.yolasite.com
</tr> <tr> <td> <p> The Red Fort is a historical fort in the city of Delhi in India. It was the main residence of the emperors of the Mughal dynasty for nearly 200 years, until 1857. It is located in the center of Delhi and houses a number of museums. In addition to accommodating the emperors and their households, it was the ceremonial and political centre of the Mughal state and the setting for events critically impacting the region. </p> </td> </tr> <tr> <td style="font-size:20px"> <b> India Gate : </b> </td> </tr> <tr> <td> <p> The India Gate, (originally called the All India War Memorial), is a war memorial located astride the Rajpath, on the eastern edge of the ‘ceremonial axis’ of New Delhi, India, formerly called Kingsway. India Gate is a memorial to 82,000 soldiers of the undivided Indian Army who died in the period 1914–21 in the First World War, in France, Flanders, Mesopotamia, Persia, East Africa, Gallipoli and elsewhere in the Near and the Far East, and the Third Anglo-Afghan War. 13,300 servicemen's names, including some soldiers and officers from the United Kingdom, are inscribed on the gate.[1][2] The India Gate, even though a war memorial, evokes the architectural style of the triumphal arch like the Arch of Constantine, outside the Colosseum in Rome, and is often compared to the Arc de Triomphe in Paris, and the Gateway of India in Mumbai. It was designed by Sir Edwin Lutyens. </p> </td> </tr> </table> </tr> </table> </div> <table width="100%" height="150px" bgcolor="gray" border="2px"> <th> <table width="35%" align="center"> <tr> <th style="color:white"> Copyright 2017 QuinStreet Inc. All Rights Reserved. </th> </tr> </table> </th>
7 | P a g e
www.vatsacomputersbgs.yolasite.com
</table> </body> </html> After that save as “tourlist.html” and Open with any Web Browser. (iii) For schedule Page: - <!DOCTYPE html> <html> <head> <title>A Bus Company</title> </head> <body> <div style="position :absolute, width:100%, top:10px, height:150, background=""> <span>A Bus Company TourTravels</span> <img src="C:/about_banner.jpg" width="100%" height="150px"></img> </div> <font size="5" width="100%" > <table width="100%" bgcolor="red" border="2px" height="50px"> <th> <table width="35%"> <tr> <th><a href="Home.html">Home</a></th> <th><a href="tourlist.html">Tour List</a></th> <th><a href="schedule.html">Schedule</a></th> <th><a href="booking.html">Book List</a></th> <th><a href="contact.html">Contact Us</a></th> </tr> </table> </th> </table> </font> <div style="font-size:18px"> <table width="100%"> <tr> <table width="90%" align="center"> <tr> <td style="font-size:20px; color:blue" colspan="4"><b>Agra :</b></td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td><b>Departure Date</b></td> <td><b>Arrival Date</b></td> <td><b>Pickup time</b></td> <td><b>Leaving Time</b></td> </tr> <tr> <td>4/3/2017</td> <td>5/3/2017</td> <td>09:00 AM</td> <td>01:00 AM</td>
8 | P a g e
www.vatsacomputersbgs.yolasite.com
</tr> <tr> <td colspan="4"> </td> </tr> <tr> <td style="font-size:20px; color:blue" colspan="4"><b>Red Fort :</b></td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td><b>Departure Date</b></td> <td><b>Arrival Date</b></td> <td><b>Pickup time</b></td> <td><b>Leaving Time</b></td> </tr> <tr> <td>4/3/2017</td> <td>5/3/2017</td> <td>09:00 AM</td> <td>01:00 AM</td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td style="font-size:20px; color:blue" colspan="4"><b>India Gate :</b></td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td><b>Departure Date</b></td> <td><b>Arrival Date</b></td> <td><b>Pickup time</b></td> <td><b>Leaving Time</b></td> </tr> <tr> <td>4/3/2017</td> <td>5/3/2017</td> <td>09:00 AM</td> <td>01:00 AM</td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td style="font-size:20px; color:blue" colspan="4"><b>India Gate :</b></td>
9 | P a g e
www.vatsacomputersbgs.yolasite.com
</tr> <tr> <td colspan="4"> </td> </tr> <tr> <td><b>Departure Date</b></td> <td><b>Arrival Date</b></td> <td><b>Pickup time</b></td> <td><b>Leaving Time</b></td> </tr> <tr> <td>4/3/2017</td> <td>5/3/2017</td> <td>09:00 AM</td> <td>01:00 AM</td> </tr> </table> </tr> </table> </div> <table width="100%" height="150px" bgcolor="gray" border="2px"> <th> <table width="35%" align="center"> <tr> <th style="color:white">Copyright 2017 QuinStreet Inc. All Rights Reserved.</th> </tr> </table> </th> </table> </body> </html> After that save as “schedule.html” and Open with any Web Browser. (iv) For booking Page: - <!DOCTYPE html> <html> <head> <title>A Bus Company</title> </head> <body> <div style="position :absolute, width:100%, top:10px, height:150, background=""> <span>A Bus Company TourTravels</span> <img src="C:/about_banner.jpg" width="100%" height="150px"></img> </div> <font size="5" width="100%" > <table width="100%" bgcolor="red" border="2px" height="50px"> <th> <table width="35%"> <tr> <th><a href="Home.html">Home</a></th> <th><a href="tourlist.html">Tour List</a></th> <th><a href="schedule.html">Schedule</a></th>
10 | P a g e
www.vatsacomputersbgs.yolasite.com
<th><a href="booking.html">Book List</a></th> <th><a href="contact.html">Contact Us</a></th> </tr> </table> </th> </table> </font> <form> <table width="40%" height="400px" align="center" border="2px" border-radious="5px"> <tr> <td style="font-size:20px"><b>Name:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td style="font-size:20px"><b>Email Address:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td style="font-size:20px"><b>Mobile Number:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td style="font-size:20px"><b>Leaving From:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td style="font-size:20px"><b>Travelling To:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td style="font-size:20px"><b>Departure Date:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td style="font-size:20px"><b>Arrival Date:</b></td> <td><input type="text" name="fname"></td> </tr> <tr> <td><input type="reset"></td> <td><input type="submit"></td> </tr> </table> </form> <table width="100%" height="150px" bgcolor="gray" border="2px"> <th> <table width="35%" align="center"> <tr> <th style="color:white">Copyright 2017 QuinStreet Inc. All Rights Reserved.</th> </tr> </table>
11 | P a g e
www.vatsacomputersbgs.yolasite.com
</th> </table> </body> </html> After that save as “schedule.html” and Open with any Web Browser. (v) For contact Page: - <!DOCTYPE html> <html> <head> <title>A Bus Company</title> </head> <body> <div style="position :absolute, width:100%, top:10px, height:150, background=""> <span>A Bus Company TourTravels</span> <img src="C:/about_banner.jpg" width="100%" height="150px"></img> </div> <font size="5" width="100%" > <table width="100%" bgcolor="red" border="2px" height="50px"> <th> <table width="35%"> <tr> <th><a href="Home.html">Home</a></th> <th><a href="tourlist.html">Tour List</a></th> <th><a href="schedule.html">Schedule</a></th> <th><a href="booking.html">Book List</a></th> <th><a href="contact.html">Contact Us</a></th> </tr> </table> </th> </table> </font> <font size="12" width="80%" > <b> <i> A Bus Company Tour & Travels<br> Mobile: 94308345.<br> Landline No.: 06243-567843.<br> Email: [email protected]<br> Address: Vatsa Tour & Travels Company<br> Street No.:4547598TS<br> 3rd Floor,Near Sammer Travels, Uttam Nagar,New Delhi-810006.<br> </i> </b> </font> <table width="100%" height="150px" bgcolor="gray" border="2px"> <th> <table width="35%" align="center"> <tr> <th style="color:white">Copyright 2017 QuinStreet Inc. All Rights Reserved.</th> </tr>
12 | P a g e
www.vatsacomputersbgs.yolasite.com
</table> </th> </table> </body> </html> After that save as “contact.html” and Open with any Web Browser. Please save all .html file in same location and then open. Bus company’s Banner/logo is will be save in C:/ drive as named “about_banner”. Here is the Output of this created website:- After open the “Home.html”.
After Click the “Tour List” link
13 | P a g e
www.vatsacomputersbgs.yolasite.com
After Click the “Schedule” link
After Click the “Booklist” link
After Click the “Contact Us” link
After Click the “Book List” link
14 | P a g e
www.vatsacomputersbgs.yolasite.com
After Click the “Contact Us” link
2. Write a program using JavaScript / VBscipt that checks if two matrices have identical values in all the elements. (This program is NOT a part of website, therefore, should be done separately.) Ans.
<html>
<body>
<font size="6" color="red">
Checks if two matrices have identical values in all the elements.
</font>
<font size="6">:-------</font>
<script>
var x[2][3],y[2][3],i,j;
for(i=0;i<2;i++)
{
for(j=0;i<3;i++)
{
15 | P a g e
www.vatsacomputersbgs.yolasite.com
x[i][j]=parseInt(prompt("Enter First Matrix's Element:"));
}
}
for(i=0;i<2;i++)
{
for(j=0;i<3;i++)
{
y[i][j]=parseInt(prompt("Enter Second Matrix's Element:"));
}
}
for(i=0;i<2;i++)
{
for(j=0;i<3;i++)
{
document.write("First Matrix="+x[i][j]);
}
<br>
}
for(i=0;i<2;i++)
{
for(j=0;i<3;i++)
{
document.write("Second Matrix="+y[i][j]);
}
<br>
}
for(i=0;i<2;i++)
16 | P a g e
www.vatsacomputersbgs.yolasite.com
{
for(j=0;i<3;i++)
{
if(x[i][j]==y[i][j])
{
document.write("Identical values are same in both Matrices");
}
else
{
document.write("Identical values are not same in both Matrices.");
}
}
}
</script>
</body>
</html>
Thanks for Viewing This Assignment Solutions!
