Professional Documents
Culture Documents
Project Report On: Angel Tube
Project Report On: Angel Tube
On
Angel tube
Submitted for the partial fulfillment of the Degree of
Bachelor of Computer Application (2012-2015)
1|Page
DECLARATION
The Project work on the title “Devil tube” carried out by our team for the
fulfillment of the degree of B.C.A is our own work and not copied from
external source. The Project Work has been done on team basis. Our team
members Akshay bhardwaj ,Anshu singh, koshinder singh, Gaurav sing,
Mohd.Azzem will be responsible for the consequences if any requirements are
violated required by the university.
I heartly thanks to my faculty member Mrs. Shruti Mittal for a good co-
ordination & for fully supporting in developing the project
2|Page
ACKNOWLEDGEMENT
Finally, I wish to say thanks to all Faculties of BIT for helping me a lot.
3|Page
CONTENT
Introduction
Scope of Project
Objective
Limitations
Flow Chart
Screen Shorts
Code
Bibliography
4|Page
Introduction
Our website provides you a wide variety of songs that a created under the guidance
of best expertise.
All the songs are assured for high definition audio sound quality for the
entertainment for everyone.
what's more it is absolutely free. You can do a lot with them.
5|Page
Songs details:-
3 categories of songs are there
1.Hollywood songs- all english songs on the ordesingers are present.easy for
the user to listen and download all songs of their favourate singers at a common
place.
2. Bollywood songs- all bollywood songs up to there new updates are available
earlier .Songs are assembled in orderto thier releasing dates of movies.
3. Punjabi songs- all punjabi songs are arranged according to the singers name. So
that you can find all the songs of your favourate singer at one place.
6|Page
Hardware and Software Requirement
Specifications
Hardware
Intel P4 Processor
256 MB RAM
10 GB Hard Disk
Net Connection
Software
Operating System
Browser
Text Editor
Java
7|Page
Survey of Technology
Java
Internet Programming
8|Page
Platform Independency
Object code obtain in any operating system that doesn’t follow any
operating system specific functions.
Security
9|Page
Features of Java
1. Simple
2. Object Oriented
3. Platform Independent
4. Secured
5. Robust
6. Architecture Neutral
7. Portable
8. Compiled and Interpreted
9. High Performance
10.Distributed
11.Multi-threading
5. Robust:
Robust simply means strong.
Java uses strong memory management.
There are lack of pointers that avoids security problem.
There is automatic garbage collection in java.
There is exception handling and type checking mechanism in java.
All these points makes java robust.
11 | P a g e
10. Distributed: We can create distributed applications in java. RMI and
EJB are used for creating distributed applications. We may access files by
calling the methods any machine on the internet.
Constructor
12 | P a g e
Constructor is a special type of method that is used to initialize the state of
an object. Or we can say that constructor is a special member of class i.e. used to
initialize the data members of an object.
Types of Constructor
This Keyword
String Class
Requirement Analysis
The following given are the software and details that are required to
develop this project:
16 | P a g e
java software
purpose of the project
Feasibility Analysis
Title: Feasibility report for the computerization of the various activities of the
company.
Background: The Company facing the problem of inconsistent and out of time
information in its activities. Very much time is consuming for report generation,
which is not very helpful for decision making. So we want a system, which
provide immediate information.
17 | P a g e
Method of study: The analysis procedure comprised of field trips in the various
departments of the company. The following documents and sources were looked
up
The feasibility study is carried out to test whether the proposed system
is worth being implemented. Feasibility study is a test of system proposed
regarding its work ability, its impact on the organization ability to meet user
needs and effective use of resources. It is usually carried out by a small number
of people who are familiar with the information system techniques, understand
the part of the business or organization that will be involved or effected by the
project and are skilled in the system analysis and design process.
18 | P a g e
The technologies and the environment which are used in this project are
SOFTWARE
Front End Language used:
Java. We use this language is supports event driven programming feature and
javaServer Pages (JSP)is a technology for developing web pages.
OPERATING SYSTEM:
Platform: Windows XP. Our system requires window operating system, which
is easily available.
HARDWARE:
Intel based processor-run computer system, which have keyboard and mouse as
input devices.
2. Economic Feasibility: This project costs less as it is made on core java and
it less requirements are needed in developing this project so the expense in
developing this project is less.
19 | P a g e
1. Manpower cost
2. Hardware and software cost
JSP TECHNOLOGY
javaServer Pages (JSP)is a technology for developing web pages that support
dynamic content which helps developers insert java code in HTML pages by
making use of special JSP tags, most of which
start <% and end with %>.
Using JSP, you can collect input from users through web page forms, present
records from a database or another source, and create web pages dynamically.
20 | P a g e
JSP tags can be used for a variety of purposes, such as retrieving information
from a database or registering user preferences, accessing JavaBeans
components, passing between requests, pages etc.
JSP are always compiled before it's processed by the server unlike CGI/Perl
which requires the server to load an interpreter and the target
script each time the page is required.
JavaScript Pages are built on top of the Java servlets API, so like the powerful
Enterprise Java APIs, including JDBC, JNDI, EJB , JAXP etc.
JSP pages can be used in combination with servlets that handle the business
logic, the model supported by Java servlet templates engines.
Finally JSP is an integral part of Java EE, a complete platform for enterprise
class applications. This means that JSP can play a part in the simplest
application to the most complex and demanding.
21 | P a g e
Advantages of JSP:-
A development environment is where you would JSP programs test and finally
run them .some following steps to setup your JSP development environment:-
You can download SDK from Oracle's Java site: Java SE Downloads.
Once you download your Java implementation. Follow the given instruction to
install and configure the setup. Finally PATH and JAVA_HOME environment
variables to refer to the directory that contains java and javac, typically
java_install_dir/bin and java_install_dir respectively.
If you are running Windows and installed the SDK in C:\jdk1.5.0_20, you
would put the following line in your C:\autoexec.bat file.
22 | P a g e
Alternatively, on Windows NT/2000/XP, you could also right-click on My
Computer, select Properties, then Advanced, then Environment Variables. Then
you would update the PATH value and press the OK button.
Once you download the installation, unpack the binary distribution into a
convenient location .for example in C:\apache- tomcat-5.5.29 on windows, or
/usr/local/apache-tomcat-5.5.29 on Linux/Unix and create CATALINA-HOME
environment variable pointing to these locations.
Setting up CLASSPATH :-
Since servlets are not part of the Java Platform, Standard Edition, you must
identify the servlet classes the compiler.
If you are running Windows you need to put the following lines in your
C:\autoexec.bat file.
23 | P a g e
set CATALINA=C:\apache.tomcat.5.5.29
set CLASSPATH=%CATALINA%\common\lib\jsp-api.jar;
setenvCATALINA=/use/local/apache-tomcat-5.5.29
setenvCLASSPATH$CATALINA/common/lib/jsp-api.jar;
JSP-Architecture
The web server needs a JSP engine ie. Container to process JSP engine .The
JSP container is responsible for intercepting requests for JSP pages. This
tutorial makes use of Apache which has built-in JSP container to support Jsp
pages development.
A JSP works with the Web server to provide the runtime environment and other
service JSP needs. It knows how to understand the special elements that are part
of JSPs.
24 | P a g e
Following diagram shows the position of JSP container and JSP files in a Web
Application.
JSP Processing:
The following steps explain how the web server creates the web page using
JSP:
As with a normal page, your browser sends an HTTP request to the web
server.
The web server recognizes that the HTTP request is for a JSP page and
forwards it to a JSP engine. This is done by using the URL or JSP page
which ends with. Jsp instead of .html.
The JSP engine loads the JSP page from disk and converts it into a servlet
content. This conversion is very simple in which all template text is
converted to println( ) statements and all JSP elements are converted to
Java code that implements the corresponding dynamic behavior of the
page.
The JSP engine compiles the servlet into an executable class and forwards
the original request to a servlet engine.
25 | P a g e
A part of the web server called the servlet engine loads the Servlet class
and executes it. During execution, the servlet produces an output in
HTML format, which the servlet engine passes to the web server inside an
HTTP response.
The web server forwards the HTTP response to your browser in terms of
static HTML content.
All the above mentioned steps can be shown below in the following diagram:
JSP Processing
Typically, the JSP engine checks to see whether a servlet for a JSP file already
exists and whether the modification date on the JSP is older than the servlet. If
the JSP is older than its generated servlet, the JSP container assumes that the
JSP hasn't changed and that the generated servlet still matches the JSP's
contents. This makes the process more efficient than with other scripting
languages (such as PHP) and therefore faster.
26 | P a g e
So in a way, a JSP page is really just another way to write a servlet without
having to be a Java programming wiz. Except for the translation phase, a JSP
page is handled exactly like a regular servlet
JSP-Life Cycle
A JSP life cycle can be defined as the entire process from its creation till the
destruction which is similar to a servlet life cycle with an additional step which
is required to compile a JSP into servlet.
Compilation
Initialization
Execution
27 | P a g e
Cleanup
The four major phases of JSP life cycle are very similar to Servlet Life Cycle
and they are as follows:
JSP Compilation:
When a browser asks for a JSP, the JSP engine first checks to see whether it
needs to compile the page. If the page has never been compiled, or if the JSP
has been modified since it was last compiled, the JSP engine compiles the page.
When a container loads a JSP it invokes the jspInit() method before servicing
any requests. If you need to perform JSP-specific initialization, override the
jspInit() method:
Typically initialization is performed only once and as with the servlet init
method, you generally initialize database connections, open files, and create
lookup tables in the jspInit method.
JSP Execution:
This phase of the JSP life cycle represents all interactions with requests until
the JSP is destroyed.
Whenever a browser requests a JSP and the page has been loaded and
initialized, the JSP engine invokes the _jspService() method in the JSP.
The destruction phase of the JSP life cycle represents when a JSP is being
removed from use by a container.
The jspDestroy() method is the JSP equivalent of the destroy method for
servlets. Override jspDestroy when you need to perform any cleanup, such as
releasing database connections or closing open files.
Future Scope
Data
Flow
Diagram
31 | P a g e
1st Level DFD for Admin & Accountant
1.1
User Check list
1.2
Select
category
1.3
Play/do
wnload
32 | P a g e
Gantt chart
I Requirement
Analysis
II Design
III Coding
IV Test cases
V Testing
VI System Security
VII Implementation
33 | P a g e
Coding of the Project
About Us Code:-
<html>
<head>
<title>
</title>
<link href="css/menu2.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="index.html">Home</a></li><li>
<a href="About us.html">About Us</a></li><li>
<a href="contact.html">Contact Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
34 | P a g e
</div>
</div>
<br><br><br><br><br><br><br><br>
<h1 class="pos">Category</h1>
<h3 class="pos"><a class="style" href="#">Bollywood</a></h3>
<h3 class="pos"><a class="style" href="#">Hollywood</a></h3>
<h3 class="pos"><a class="style" href="#">Punjabi</a></h3>
<h1 class="pos1">About us<h1>
<h2 class="pos2">We have free for everyone :</h2>
<p class="pos3"> Our website provides you a wide variety of songs that a
created under the guidance of best experties.<br>
All the songs are assured for high defination audio video sound quality for the
entertainment <br>for everyone.
what's more it is absolutely free.You can do a lot with them.
</p>
<h2 class="pos3">We have more features for you:</h2>
<p class="pos4">looking more music of any type????just browse through all
over websites and find
what you are looking<br> for .But if don't find any song of your choice you can
try a large number of option may be
you are<br> looking for something different something special, something
rare , something new And we love the <br>challenge
of doing something different and something special for you.
</p>
<h2 class="pos5">Be part of our community:-</h2>
<p class="pos6">if you are experiencing any issue about our website join the
discussion on our forum
and meet other <br>people in the community who shares better way to solve
your problems.
</p>
35 | P a g e
<h2 class="pos7">Songs details:- </h2>
<p class="pos8">3 categories of songs are there<br>
1. Hollywood songs- All English songs on the order of different
singers are present easy for the user<br> to listen and
download all songs of their favourate singers at a common place.<br>
2. Bollywood songs- All Bollywood songs up to their new updates are available
earlier .Songs are <br>assembled in order to their
releasing dates of movies.<br>
3. Punjabi songs- all Punjabi songs are arranged according to the singer name.
So that you can find <br>all the songs of your favourate
singer at one place.
</p>
</body>
</body>
</html>
36 | P a g e
Hindi songs
<html>
<head>
<title>
</title>
<link href="css/menu4.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="index.html">Home</a></li><li>
<a href="About us.html">About Us</a></li><li>
<a href="contact.html">Contect Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<br><br><br><br><br><br><br><br>
<h1 class="pos">Category</h1>
<h3 class="pos"><a class="style" href="hindi.html">Bollywood</a></h3>
37 | P a g e
<h3 class="pos"><a class="style" href="english.html">Hollywood</a></h3>
<h3 class="pos"><a class="style" href="punjabi.html">Punjabi</a></h3>
<h1 class="loc">Bollywood Songs</h1>
</body>
</body>
</html>
Index
38 | P a g e
<html>
<head>
<title>
DevilTube
</title>
<link href="css/menu1.css" type="text/css" rel="stylesheet" />
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your
page -->
<link rel="stylesheet" type="text/css" href="engine0/style.css" />
<script type="text/javascript" src="engine0/jquery.js"></script>
<!-- End WOWSlider.com HEAD section --></head>
<body>
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of
your page -->
<div id="wowslider-container0">
<div class="ws_images"><ul>
<li><img src="data0/images/poltergeist_2015_movie1366x768.jpg"
alt="Eng Video" title="Eng Video" id="wows0_0"/></li>
<li><img src="data0/images/ra_one_2011_movie1366x768.jpg"
alt="RaOne" title="RaOne" id="wows0_1"/></li>
<li><img
src="data0/images/rihanna2015latestenglishsongamericanoxygenimage4512.jpg"
alt="Rihanna" title="Rihanna" id="wows0_2"/></li>
<li><img
src="data0/images/2015_avengers_2_age_of_ultron1366x768.jpg" alt="Avenger"
title="Avenger" id="wows0_3"/></li>
39 | P a g e
<li><img
src="data0/images/ambarsariyasongenglishversionexcusemegirlimage451254.jpg"
alt="Arjun Singh" title="Arjun Singh" id="wows0_4"/></li>
<li><img src="data0/images/bipasha_basu_alone1366x768.jpg"
alt="Alone" title="Alone" id="wows0_5"/></li>
<li><img
src="data0/images/christinaaguilera2015latestenglishsongtherealthingimage451225
.jpg" alt="Ranit " title="Ranit " id="wows0_6"/></li>
<li><a href="http://wowslider.com"><img
src="data0/images/hrithik_katrina_in_bang_bang1366x768.jpg" alt="free jquery
slider" title="Bang-Bang" id="wows0_7"/></a></li>
<li><img src="data0/images/krrish_3_movie1366x768.jpg"
alt="Krrish-3" title="Krrish-3" id="wows0_8"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Eng Video"><span><img
src="data0/tooltips/poltergeist_2015_movie1366x768.jpg" alt="Eng
Video"/>1</span></a>
<a href="#" title="RaOne"><span><img
src="data0/tooltips/ra_one_2011_movie1366x768.jpg"
alt="RaOne"/>2</span></a>
<a href="#" title="Rihanna"><span><img
src="data0/tooltips/rihanna2015latestenglishsongamericanoxygenimage4512.jpg"
alt="Rihanna"/>3</span></a>
<a href="#" title="Avenger"><span><img
src="data0/tooltips/2015_avengers_2_age_of_ultron1366x768.jpg"
alt="Avenger"/>4</span></a>
<a href="#" title="Arjun Singh"><span><img
src="data0/tooltips/ambarsariyasongenglishversionexcusemegirlimage451254.jpg"
alt="Arjun Singh"/>5</span></a>
40 | P a g e
<a href="#" title="Alone"><span><img
src="data0/tooltips/bipasha_basu_alone1366x768.jpg" alt="Alone"/>6</span></a>
<a href="#" title="Ranit "><span><img
src="data0/tooltips/christinaaguilera2015latestenglishsongtherealthingimage45122
5.jpg" alt="Ranit "/>7</span></a>
<a href="#" title="Bang-Bang"><span><img
src="data0/tooltips/hrithik_katrina_in_bang_bang1366x768.jpg" alt="Bang-
Bang"/>8</span></a>
<a href="#" title="Krrish-3"><span><img
src="data0/tooltips/krrish_3_movie1366x768.jpg" alt="Krrish-3"/>9</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a
href="http://wowslider.com">bootstrap slider</a> by WOWSlider.com v8.0</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine0/wowslider.js"></script>
<script type="text/javascript" src="engine0/script.js"></script>
<!-- End WOWSlider.com BODY section -->
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="index.html">Home</a></li><li>
<a href="About us.html">About Us</a></li><li>
<a href="contact.html">Contact Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
41 | P a g e
</ul>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<h1 class="pos">Category</h1>
<h3 class="pos"><a class="style" href="#">Bollywood</a></h3>
<h3 class="pos"><a class="style" href="#">Hollywood</a></h3>
<h3 class="pos"><a class="style" href="#">Punjabi</a></h3>
<a href="#"> <img class="pos1" src="songs\hindi\aass\1.jpg"> </a>
<a href="#"> <img class="pos2" src="songs\hindi\abcd\2.jpg"> </a>
<a href="#"> <img class="pos3" src="songs\english\akon\1.jpg"> </a>
<a href="#"> <img class="pos4" src="songs\english\enrique\2.jpg"> </a>
<a href="#"> <img class="pos5" src="songs\punjabi\badshah\1.jpg"> </a>
<a href="#"> <img class="pos6" src="songs\punjabi\bilal\2.jpg"> </a>
<br>
<br>
<br>
<br>
<br>
<br>
<p>
42 | P a g e
</p>
</body>
</html>
CSS Coding
body
{
padding:0;
margin:0;
overflow-y:scroll;
font-family:Arial;
font-size:18px;
}
#nav
{
background-color:#222;
}
#nav wrapper
{
width:960px;
43 | P a g e
margin: 0 auto;
text-align:left;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li
{
display:inline-block;
}
#nav ul li:hover
{
background-color:#333;
}
#nav ul li a,visited
{
color: #ccc;
display:block;
padding: 15px;
text-decoration: none;
}
#nav ul li a:hover
{
color: #00CC66;
text-decoration: none;
}
44 | P a g e
#nav ul li:hover ul
{
display: block;
}
#nav ul ul
{
display: none ;
position: absolute;
background-color:#333;
}
#nav ul ul li
{
display: block;
}
#nav ul ul li a,visited
{
color:#ccc;
}
#nav ul ul li a:hover
{
color:#0066FF;
}
h1.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 60px;
position:relative;
left:50px;
}
45 | P a g e
h3.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:70px;
}
a.style
{
text-decoration: none;
color:#000066;
}
img.pos1
{
position:relative;
top:-250;
left:400px;
width:400px;
height:300px;
}
img.pos2
{
position:relative;
top:-250;
left:500px;
width:400px;
height:300px;
}
img.pos3
{
46 | P a g e
position:relative;
top:100;
left:-410px;
width:400px;
height:300px;
}
img.pos4
{
position:relative;
top:-205;
left:910px;
width:400px;
height:300px;
}
img.pos5
{
position:relative;
top:150;
left:-6px;
width:400px;
height:300px;
}
img.pos6
{
position:relative;
top:150;
left:100px;
width:400px;
height:300px;
}
47 | P a g e
p.bar
{
//background-size:500px 600px;
height:40%;
width:100%;
background-image:url('bg-logo.jpg');
//background-color:purple;
position:relative;
top:1500px;
left:900px;
//transform:rotate(30deg);
}
body
{
padding:0;
margin:0;
overflow-y:scroll;
font-family:Arial;
font-size:18px;
}
#nav
{
background-color:#222;
}
#nav wrapper
{
width:960px;
48 | P a g e
margin: 0 auto;
text-align:left;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li
{
display:inline-block;
}
#nav ul li:hover
{
background-color:#333;
}
#nav ul li a,visited
{
color: #ccc;
display:block;
padding: 15px;
text-decoration: none;
}
#nav ul li a:hover
{
color: #00CC66;
text-decoration: none;
}
49 | P a g e
#nav ul li:hover ul
{
display: block;
}
#nav ul ul
{
display: none ;
position: absolute;
background-color:#333;
}
#nav ul ul li
{
display: block;
}
#nav ul ul li a,visited
{
color:#ccc;
}
#nav ul ul li a:hover
{
color:#0066FF;
}
h1.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 40px;
position:relative;
left:50px;
}
50 | P a g e
h3.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:70px;
}
a.style
{
text-decoration: none;
color:#000066;
}
h1.pos1
{
font-family: "Times New Roman", Times, serif;
font-size: 40px;
position:relative;
left:430px;
top:-350;
}
h2.pos2
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:300px;
top:-320px;
}
p.pos3
{
51 | P a g e
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
h2.pos3
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:300px;
top:-320px;
}
p.pos4
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
h2.pos5
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:300px;
top:-320px;
}
52 | P a g e
p.pos6
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
h2.pos7
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:300px;
top:-320px;
}
p.pos8
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
53 | P a g e
body
{
padding:0;
margin:0;
overflow-y:scroll;
font-family:Arial;
font-size:18px;
}
#nav
{
background-color:#222;
}
#nav wrapper
{
width:960px;
margin: 0 auto;
text-align:left;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li
{
display:inline-block;
}
54 | P a g e
#nav ul li:hover
{
background-color:#333;
}
#nav ul li a,visited
{
color: #ccc;
display:block;
padding: 15px;
text-decoration: none;
}
#nav ul li a:hover
{
color: #00CC66;
text-decoration: none;
}
#nav ul li:hover ul
{
display: block;
}
#nav ul ul
{
display: none ;
position: absolute;
background-color:#333;
}
#nav ul ul li
{
display: block;
}
55 | P a g e
#nav ul ul li a,visited
{
color:#ccc;
}
#nav ul ul li a:hover
{
color:#0066FF;
}
h1.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 40px;
position:relative;
left:50px;
}
h3.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:70px;
}
a.style
{
text-decoration: none;
color:#000066;
}
h1.pos1
{
56 | P a g e
font-family: "Times New Roman", Times, serif;
font-size: 40px;
position:relative;
left:430px;
top:-350;
}
h2.pos2
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:300px;
top:-320px;
}
p.pos3
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
h2.pos3
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
57 | P a g e
body
{
padding:0;
margin:0;
overflow-y:scroll;
font-family:Arial;
font-size:18px;
}
#nav
{
background-color:#222;
}
#nav wrapper
{
width:960px;
margin: 0 auto;
text-align:left;
}
#nav ul
{
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li
{
58 | P a g e
display:inline-block;
}
#nav ul li:hover
{
background-color:#333;
}
#nav ul li a,visited
{
color: #ccc;
display:block;
padding: 15px;
text-decoration: none;
}
#nav ul li a:hover
{
color: #00CC66;
text-decoration: none;
}
#nav ul li:hover ul
{
display: block;
}
#nav ul ul
{
display: none ;
position: absolute;
background-color:#333;
}
#nav ul ul li
{
59 | P a g e
display: block;
}
#nav ul ul li a,visited
{
color:#ccc;
}
#nav ul ul li a:hover
{
color:#0066FF;
}
h1.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 40px;
position:relative;
left:50px;
}
h3.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:70px;
}
a.style
{
text-decoration: none;
color:#000066;
}
60 | P a g e
h1.pos1
{
font-family: "Times New Roman", Times, serif;
font-size: 40px;
position:relative;
left:430px;
top:-350;
}
h2.pos2
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
position:relative;
left:300px;
top:-320px;
}
p.pos3
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
h2.pos3
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
61 | P a g e
top:-320px;
}
h1.loc
{
font-family: "Times New Roman", Times, serif;
font-size: 50px;
position:relative;
left:430px;
top:-400px;
}
img.loc1
{
position:relative;
left:320px;
top:-400px;
width:400px;
height:300px;
}
img.loc2
{
position:relative;
left:480px;
top:-400px;
width:400px;
height:300px;
}
img.loc3
{
position:relative;
left:-490px;
62 | P a g e
top:-50px;
width:400px;
height:300px;
}
img.loc4
{
position:relative;
left:885px;
top:-355px;
width:400px;
height:300px;
}
img.loc5
{
position:relative;
left:-85px;
top:-10px;
width:400px;
height:300px;
}
img.loc6
{
position:relative;
left:80px;
top:-10px;
width:400px;
height:300px;
}
img.loc7
{
63 | P a g e
position:relative;
left:320px;
top:30px;
width:400px;
height:300px;
}
img.loc8
{
position:relative;
left:490px;
top:30px;
width:400px;
height:300px;
}
img.loc9
{
position:relative;
left:-490px;
top:380px;
width:400px;
height:300px;
}
img.loc10
{
position:relative;
left:895px;
top:75px;
width:400px;
height:300px;
}
64 | P a g e
Html code
<html>
<head>
<title>
</title>
<link href="../../css/menu5.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form action="insert.jsp">
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="../../index.html">Home</a></li><li>
<a href="../../About us.html">About Us</a></li><li>
<a href="../../contact.html">Contect Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<br><br><br><br><br><br><br><br>
</body>
</body>
</html>
<html>
<head>
<title>
</title>
<link href="../../css/menu5.css" type="text/css" rel="stylesheet" />
</head>
<body>
66 | P a g e
<form action="insert.jsp">
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="../../index.html">Home</a></li><li>
<a href="../../About us.html">About Us</a></li><li>
<a href="../../contact.html">Contect Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<br><br><br><br><br><br><br><br>
67 | P a g e
<source src="../../songs/hindi/gabbar/cofee.mp3" type="audio/mp3" >
</audio>
<h3 class="loc2"> Teri_Meri_Kahaani</h3><audio class="loc3" width="900"
height="400" controls >
<source src="../../songs/hindi/gabbar/Teri_Meri_Kahaani.mp3" type="audio/mp3"
>
</audio>
<h3 class="loc2"> warna gabbar aa jayega</h3><audio class="loc3" width="900"
height="400" controls >
<source src="../../songs/hindi/gabbar/warna gabbar aa jayega.mp3"
type="audio/mp3" >
</audio>
</body>
</body>
</html>
<html>
<head>
<title>
</title>
<link href="../../css/menu5.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form action="insert.jsp">
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="../../index.html">Home</a></li><li>
<a href="../../About us.html">About Us</a></li><li>
68 | P a g e
<a href="../../contact.html">Contect Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<br><br><br><br><br><br><br><br>
69 | P a g e
</body>
</body>
</html>
<html>
<head>
<title>
</title>
<link href="../../css/menu5.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form action="insert.jsp">
<div id="nav">
<div id="nav wrapper">
<ul>
<li><a href="../../index.html">Home</a></li><li>
<a href="../../About us.html">About Us</a></li><li>
<a href="../../contact.html">Contect Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<br><br><br><br><br><br><br><br>
70 | P a g e
<input type="text" name="fpath"><t><input type="submit" value="submit">
<h1 class="pos">Category</h1>
<h3 class="pos"><a class="style" href="../../hindi.html">Bollywood</a></h3>
<h3 class="pos"><a class="style" href="../../english.html">Hollywood</a></h3>
<h3 class="pos"><a class="style" href="../../punjabi.html">Punjabi</a></h3>
<h1 class="loc1"> kick</h1>
</body>
</body>
</html>
<html>
<head>
<title>
</title>
<link href="../../css/menu5.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="nav">
<div id="nav wrapper">
<ul>
71 | P a g e
<li><a href="../../index.html">Home</a></li><li>
<a href="../../About us.html">About Us</a></li><li>
<a href="../../contact.html">Contect Us</a></li><li>
<a href="#">Social</a>
<ul>
<li><a href="#"> YouTube</a></li>
<li><a href="#"> Facebook</a></li>
<li><a href="#"> Twitter</a></li>
</ul>
</li>
</ul>
</div>
</div>
<br><br><br><br><br><br><br><br>
<h1 class="pos">Category</h1>
<h3 class="pos"><a class="style" href="../../hindi.html">Bollywood</a></h3>
<h3 class="pos"><a class="style" href="../../english.html">Hollywood</a></h3>
<h3 class="pos"><a class="style" href="../../punjabi.html">Punjabi</a></h3>
<h1 class="loc1"> Leela</h1>
72 | P a g e
<h3 class="loc2">Desi Look </h3><audio class="loc3" width="900"
height="400" controls >
<source src="../../songs/hindi/leela/Desi Look.mp3" type="audio/mp3" >
</audio>
<h3 class="loc2"> Tere Bin Nahi Laage</h3><audio class="loc3" width="900"
height="400" controls >
<source src="../../songs/hindi/leela/Tere Bin Nahi Laage.mp3" type="audio/mp3"
>
</audio>
</body>
</body>
</html>
73 | P a g e
JSP Code
in.close();
outStream.close();
}
%>
</body>
</html>
75 | P a g e
Snapshot of the Project
76 | P a g e
77 | P a g e
78 | P a g e
79 | P a g e
80 | P a g e
81 | P a g e
82 | P a g e
83 | P a g e
1111111111111111111111111111111111111111111111111111111111111111
84 | P a g e
85 | P a g e
Testing
Introduction: The design of tests for software and other engineered products
can be challenged as the initial design of the product itself. A rich variety of
test case design methods have evolved for software these methods provide
the developer with a systematic approach to testing.
Black Box Testing: The black box testing is conducted at the software
interface. This type of testing focuses in the functional requirement of the
software. The function of the Black Box Testing is to find errors of the
following type:
System
Input test data Output test data
under
86 | P a g e
test
Fig: Black box testing
White Box Testing: In white box testing be examine the internal working of
the system. White box testing examines the procedural detail of the system
through the execution of its paths. This allows the team to drive case which:
a) Guarantee that all independent path within the port have been exercise at
least once.
b) Exercise is logical decision under “True” and “False” sides.
c) Executes all loops within their operational bounds.
d) Exercise internal data structures to ensure their validity.
Implementation
Module description: There are the following modules exist in this project
which are implemented as follows:
1) First Page:-
In our project we are mentioned in the first page drop down menu bar in which
including about us , contact us , home and social which provide you to
overview of the project .
87 | P a g e
Maintenance
Any organization who use the website needs daily updating. Daily the
information should be updated, so there should be an authorized person who
update the information day to day.
Maintenance of the site is very easy because the used language is not
more difficult. Maintenance for the proposed system is quite easy as in the
project, so it is easy to maintain.
Types of maintenance:
3) Corrective: This type of the maintenance is use to rectify the bugs from the
software.
Modules
User: In this module, user can play online music and download easily.
They can also access all type of music according their choice.
88 | P a g e
Limitations
Since, every system has some limitations so our proposed system is also
not untouchable in this regard. Although it includes every kind of features, but
it can’t be used in a huge organization where number of networks are very
large. Also it is based on core java features so I can’t support advance features.
89 | P a g e
Appendix
90 | P a g e
Bibliography
References:
http://www.javatpoint.com
http://www.google.com
http://www.tutorials.com
http://www.w3school.com
91 | P a g e