Professional Documents
Culture Documents
DEVIL TUBE
Submitted By:
Submitted To:
Submitted to the
NEELKANTH VIDYAPEETH
MEERUT (UP) 250110
1|Page
CONTENTS
TOPIC
PAGE NO.
Acknowledgement
Title of the Project
Introduction
Objectives of the Project
Benefit
Project Category
Tools/Platform
Hardware & Software Requirement
Specifications
Survey of Technology
Requirement Analysis
Feasibility Study
o Techical
o Economical
o Behaviour
Future Scope
DFD
Gantt Chart
Coding of project
SnapeSort of the project
Testing
Implimentation
Maintenance
Modules
Limitation
Appendix
Bibliography
2|Page
3
4
5
7
8
9
10
11
12
24
25
37
38
38
40
41
43
44
91
106
108
109
108
109
110
111
Acknowledgement
I (Jitendra) are the student of BCA in Neelkanth Vidyapeeth,
Meerut .
We express my gratitude to my project guide Mr. Manoj Kumar ,
who assisted me in compiling the project.
We are highly indebted to Mr. Sanjay and Manoj sir for their guidance
and constant supervision as well as for providing necessary information
regarding the project and also for their support in completing the project.
We would also like to thank all the faculty members of Neelkanth
Vidyapeeth for their critical advice and guidance without which this
project would not have been possible.
Last but not the least we place a deep sense of gratitude to my all friends
who have been constant source of inspiration during the presentation of
this project work.
We would like to extend my sincere thanks to all of them.
3|Page
TITLE
DEVIL TUBE
Introduction
4|Page
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.
We have more features for you:Looking more music of any type???? just browse through all over
websites and find What you are looking for .But if don't find any song of
your choice you can try a large number of option may be you are looking
for something different, something special, something rare , something
new and we love the challenge of doing something different and
something special for you.
Be part of our community:If you are experiencing any issue about our website join the discussion on
our forum and meet other people in the community who shares better way
to solve your problems.
5|Page
6|Page
Objective
To provide all category of songs at a single place.
A new approach of creating something new.
To easy access and download all type of new &old songs.
Songs are placed in a systematic order like- singers name, movie
name etc.
New update of songs are easily founded here so that user would not
have to worry about searching.
7|Page
Benefits
Easy to access.
Online play music.
A wide range of songs are available.
Fully advanced decorate sites.
Sites also publish advertisement.
8|Page
Project Category
9|Page
Tools/Platform
Front End
Html (Hyper Text Markup Language
CSS (Cascadate Style Sheet)
Java script
Java Server Page
10 | P a g e
Hardware
Intel P4 Processor
256 MB RAM
10 GB Hard Disk
Net Connection
Software
Operating System
Browser
Text Editor
Java
11 | P a g e
Survey of Technology
Java
Java is an object oriented, internet programming language. Its main
features are:
Platform Independent
Security
Internet Programming
Internet programming is the facility of defining such pages
which are stored on web server and are sent over the network to be
executed within client browser
12 | P a g e
Platform Independency
If a language is a platform independency then it specified
following condition:
A language provide its own run time environment.
A language provide comprehensive library.
Object code obtain in any operating system that doesnt
follow any operating system specific functions.
Security
Security features is provided by the interpreter, because it is
check or execute the program line by line.
13 | P a g e
History of Java
The Java programming language was originally developed by
Sun Microsystems, which was initiated by James Gosling in 1991.
James Gosling was the member of Sun Microsystem. Its developed for
consumer electronics product. This language was initially called Oak
after an oak tree that stood outside Goslings office, also went by the
name Green and ended up later renamed as Java, from a list of random
words.
In 1995, its rise concept of Internet programming then it became
popular. Then it got a name Java on the name of famous Island coffee
java. Sun Microsystem released the first public implementation as Java
1.0 in 1995.
Sun Microsystem sell java to Oracle Company in 2010. It is the
biggest company of Software in India.
14 | P a g e
15 | P a g e
16 | P a g e
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
1. Simple: Java is simple in the sense that:
Syntax is based on C++ (so easier for programmers to learn it,
after C++).
Removed may confusing and rarely- used features e.g., explicit
pointers, operator overloading etc.
No need to remove unreferenced objects because there is
automatic garbage collection in java.
2. Object Oriented: Object-oriented means we organize our software
as a combination of different types of objects that incorporates both data
and behavior.
Object Oriented Programming (OOPs) is a methodology that
simplifies software development and maintenance by providing some
17 | P a g e
19 | P a g e
Constructor
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.
Constructor has following characteristics:
Constructors having the same name of its class name.
Constructor have no return-type (explicitly), no even void.
Constructors are automatically call whenever an object of a
class is instantiated.
Types of Constructor
There are following types of constructors:
1. Default Constructor
2. Parameterized Constructor
3. Copy Constructor
4. Overloading Constructor
1. Default Constructor: When a constructor having no argument
then it is called default constructor. It provides the default values to
the object.
2. Parameterized Constructor: When a constructor having one or
more parameters then it is called parameterized constructor. It is used
to provide different values to the distinct objects.
20 | P a g e
21 | P a g e
This Keyword
this is java keyword i.e. used to contains the reference of
current invoking object.
Each non static methods and constructor having an implicit
parameter by the name this.
this keyword remove the problem of name conflicting between
instance members and parameters of methods or constructors.
this keyword provide the facility of method chaining or
constructor chaining.
22 | P a g e
String Class
Object of string class represents immutable sequence of
characters that means once a string object is created then contents of
string object cannot be modify.
There are following methods of string class:
length()
equals()
equalsIgnoreCase()
toUpperCase()
toLowerCase()
23 | P a g e
Requirement Analysis
The following given are the software and details that are
required to develop this project:
java software
purpose of the project
Feasibility Analysis
Title: Feasibility report for the computerization of the various
activities of the company.
24 | P a g e
End
JSP TECHNOLOGY
27 | P a g e
Why Use JSP:JavaServer Pages often serve the same purpose as programs implemented
using the Common Gateway Interface CGI).But JSP offer several
advantages in comparison with the CGI.
28 | P a g e
Setting up Java Development Kit:This step involves downloading an implementation of the Java
Software Development Kit (SDK) and setting up PATH environment
variable appropriately.
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.
30 | P a g e
Setting up Web Server: Tomcat:A number of web Servers that suport JavaServer Pages and Servlets
development are available in the market. Some web servers are freely
downloadable and Tomcat is one of them.
Apache Tomcat is an open source software implementation of the
JavaServer Pages and Servlet technologies and can act as a standalone
server for testing JSP and Servlets and can be integrated with the
Apache Web Server. Here are the stes to setup Tomcat on our
machine:
Download
latest
version
of
Tomcat
from
http://tomcat.apache.org/.
Once you download the installation, unpack the binary distribution
into a convenient location .for example in C:\apache-
tomcat-5.5.29
pointing to these
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.
set CATALINA=C:\apache.tomcat.5.5.29
set CLASSPATH=%CATALINA%\common\lib\jsp-api.jar;
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 CLASSPATH value and press
the OK button.
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.
32 | P a g e
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.
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
33 | P a g e
34 | P a g e
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.
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
The key to understanding the low-level functionality of JSP is to
understand the simple life cycle they follow.
35 | P a g e
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.
The following are the paths followed by a JSP
Compilation
Initialization
Execution
Cleanup
The four major phases of JSP life cycle are very similar to Servlet
Life Cycle and they are as follows:
JSP Compilation:
36 | P a g e
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.
The compilation process involves three steps:
Parsing the JSP.
Turning the JSP into a servlet.
Compiling the servlet.
JSP Initialization:
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:
public void jspInit(){
// Initialization code...
}
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.
37 | P a g e
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 _jspService() method takes an HttpServletRequest and an
HttpServletResponse as its parameters as follows:
void _jspService(HttpServletRequest request,
HttpServletResponse response)
{
// Service handling code...
}
The _jspService() method of a JSP is invoked once per a request and
is responsible for generating the response for that request and this
method is also responsible for generating responses to all seven of the
HTTP methods ie. GET, POST, DELETE etc.
JSP Cleanup:
The destruction phase of the JSP life cycle represents when a JSP is
being removed from use by a container.
38 | P a g e
Future Scope
1. This project will help to easily access and free of cost.
2. Project will enable to see report regarding all types of songs
category.
3. Easy to maintain in future prospect.
39 | P a g e
Data
Flow
Diagram
40 | P a g e
User
1.1
Check list
1.2
Select
catego
ry
1.2.1
41 | P a g e
Hindi
1.2.2
English
1.2.3
Punja
bi.
1.3
Play/do
wnload
Gantt chart
Phase
I
Task
Requirement
Analysis
II
Design
III
Database
IV
Coding
Test cases
42 | P a g e
February March
April
May
June
VI
Testing
VII
System Security
VIII
Implementation
<html>
<head>
<title>
</title>
<link href="css/menu2.css" type="text/css" rel="stylesheet" />
</head>
<body>
43 | P a g e
<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>
</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>
44 | P a g e
</body>
</body>
</html>
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>
46 | P a g e
<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="loc">Bollywood Songs</h1>
<a href=""> <img class="loc1" src="songs/hindi/aass/1.jpg"></a>
<a href=""><img class="loc2" src="songs/hindi/abcd/2.jpg"></a>
<a href=""><img class="loc3" src="songs/hindi/boss/3.jpg"></a>
<a href=""><img class="loc4" src="songs/hindi/gabber/4.jpg"></a>
<a href=""><img class="loc5"
src="songs/hindi/khamoshiya/5.jpg"></a>
<a href=""><img class="loc6" src="songs/hindi/kick/6.jpg"></a>
<a href=""><img class="loc7" src="songs/hindi/leela/7.jpg"></a>
<a href=""><img class="loc8" src="songs/hindi/mrx/8.jpg"></a>
<a href=""><img class="loc9" src="songs/hindi/villen/9.jpg"></a>
<a href=""><img class="loc10" src="songs/hindi/zid/10.jpg"></a>
47 | P a g e
</body>
</body>
</html>
Index
<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 -->
48 | P a g e
<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/rihanna2015latestenglishsongamericanoxygenimage45
12.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>
<li><img
src="data0/images/ambarsariyasongenglishversionexcusemegirlimage451
254.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/christinaaguilera2015latestenglishsongtherealthingima
ge451225.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>
49 | P a g e
<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/rihanna2015latestenglishsongamericanoxygenimage4
512.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/ambarsariyasongenglishversionexcusemegirlimage45
1254.jpg" alt="Arjun Singh"/>5</span></a>
<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/christinaaguilera2015latestenglishsongtherealthingim
age451225.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="Krrish3"/>9</span></a>
50 | P a g e
<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>
</p>
</body>
</html>
52 | P a g e
CSS Coding
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;
}
53 | P a g e
#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;
}
#nav ul li:hover ul
{
54 | P a g e
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;
}
h3.pos
55 | P a g e
{
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
{
56 | 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;
57 | 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
58 | P a g e
{
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;
}
#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
{
59 | P a g e
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;
}
#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;
60 | P a g e
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
{
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;
61 | P a g e
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: 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
{
62 | P a g e
left:300px;
top:-320px;
}
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;
64 | P a g e
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;
}
#nav ul li:hover ul
{
display: block;
}
#nav ul ul
65 | P a g e
{
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;
}
h3.pos
{
font-family: "Times New Roman", Times, serif;
font-size: 30px;
66 | P a g e
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
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
67 | P a g e
left:300px;
top:-320px;
}
h2.pos3
{
font-family: "Times New Roman", Times, serif;
font-size: 25px;
position:relative;
left:300px;
top:-320px;
}
body
{
padding:0;
margin:0;
overflow-y:scroll;
font-family:Arial;
font-size:18px;
}
#nav
{
background-color:#222;
}
#nav wrapper
{
width:960px;
68 | 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;
69 | 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;
70 | P a g e
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
{
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;
71 | P a g e
}
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;
}
h1.loc
{
font-family: "Times New Roman", Times, serif;
font-size: 50px;
position:relative;
left:430px;
top:-400px;
}
img.loc1
{
position:relative;
left:320px;
72 | P a g e
top:-400px;
width:400px;
height:300px;
}
img.loc2
{
position:relative;
left:480px;
top:-400px;
width:400px;
height:300px;
}
img.loc3
{
position:relative;
left:-490px;
top:-50px;
width:400px;
height:300px;
}
img.loc4
{
position:relative;
left:885px;
top:-355px;
width:400px;
height:300px;
}
img.loc5
73 | P a g e
{
position:relative;
left:-85px;
top:-10px;
width:400px;
height:300px;
}
img.loc6
{
position:relative;
left:80px;
top:-10px;
width:400px;
height:300px;
}
img.loc7
{
position:relative;
left:320px;
top:30px;
width:400px;
height:300px;
}
img.loc8
{
position:relative;
left:490px;
top:30px;
width:400px;
74 | P a g e
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;
}
75 | 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>
76 | 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>
<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"> BOSS</h1>
<img class="loc1" src="../../songs/hindi/boss/3.jpg">
<h1 class="loc2"><b><a href="download.jsp">Download All
Songs</a></b><h1>
77 | 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>
78 | P a g e
<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">
80 | P a g e
<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>
<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"> khamoshiya</h1>
<img class="loc1" src="../../songs/hindi/khamoshiya/5.jpg">
81 | P a g e
<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">
82 | P a g e
<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>
<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>
<img class="loc1" src="../../songs/hindi/kick/6.jpg">
83 | P a g e
</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>
<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>
84 | P a g e
<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>
<img class="loc1" src="../../songs/hindi/leela/7.jpg">
<h1 class="loc2"><b><a href="download.jsp">Download All
Songs</a></b><h1>
<h3 class="loc2"> Glamorous_Ankhiyaan </h3><audio class="loc3"
width="900" height="400" controls >
<source src="../../songs/hindi/leela/Glamorous_Ankhiyaan.mp3"
type="audio/mp3" >
</audio>
85 | P a g e
</body>
</body>
</html>
86 | P a g e
JSP Code
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ page import="java.io.*"%>
<%@page import="javax.servlet.*"%>
<%@page import="javax.servlet.ServletOutputStream"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
int BUFSIZE = 4096;
87 | P a g e
String filePath;
{
filePath = getServletContext().getRealPath("") + File.separator +
"../../songs/hindi/aass/aass.rar";
//System.out.println("kanhiii"+filePath);
File file = new File(filePath);
int length = 0;
ServletOutputStream outStream = response.getOutputStream();
response.setContentType("text/html");
response.setContentLength((int)file.length());
String fileName = (new File(filePath)).getName();
response.setHeader("Content-Disposition", "attachment; filename=\"" +
fileName + "\"");
byte[] byteBuffer = new byte[BUFSIZE];
DataInputStream in = new DataInputStream(new FileInputStream(file));
while ((in != null) && ((length = in.read(byteBuffer)) != -1))
{
outStream.write(byteBuffer,0,length);
}
in.close();
outStream.close();
}
%>
</body>
</html>
88 | P a g e
89 | P a g e
90 | P a g e
91 | P a g e
92 | P a g e
93 | P a g e
94 | P a g e
95 | P a g e
96 | P a g e
97 | P a g e
98 | P a g e
99 | P a g e
100 | P a g e
101 | P a g e
102 | P a g e
103 | P a g e
Testing
104 | P a g e
Input domain
Output domain
System
under
test
Fig: Black box testing
105 | P a g e
Implementation
In implementation of the project we describe that how we
will implement the modules and all the functions of the modules in
the project.
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 .
106 | 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:
1) Perceptive: To enhance the performance of the system or add new
features.
2) Adoptive: It is done when customers need the product to run on
new platforms.
Modules
User: In this module, user can play online music and download
easily. They can also access all type of music according their
choice.
107 | P a g e
Limitations
108 | P a g e
Appendix
109 | P a g e
Bibliography
References:
110 | P a g e
http://www.javatpoint.com
http://www.google.com
http://www.tutorials.com
http://www.w3school.com