VISVESVARAYA TECHNOLOGICAL UNIVERSITY

Jnana Sangama, Belgavi-590018

A Mini Project Report on DBMS(BCS403)

“MUSIC LIBRARY MANAGEMENT SYSTEM”

Submitted in partial fulfillment of the requirement for award of
degree
of

BACHELOR OF ENGINEERING
in
COMPUTER SCIENCE AND ENGINEERING
by
KEERTHANA V(1EP22CS045)
KILARI BHAVANA(1EP22CS047)
LEKHANA PRIYA.S (1EP22CS128)
GALI YASWANTH SINHA(1EP22CS025)

Under the guidance of

Mrs.Jagadevi Bakka
Asst. Professor
Dept. of CSE, EPCET

2023-2024
 CERTIFICATE

This is to certify that the Project work entitled “MUSIC LIBRARY MANAGEMENT SYSTEM”is a
Bonafide work carried out KEERTHANA(1EP22CS045),KILARI BHAVANA(1EP22CS047),
LEKHANAPRIYA(1EP22CS128),GALI YASHWANTH SINHA(1EP22CS025) in the partial
fulfillment for the award of Bachelor of Engineering in Computer Science and Engineering of
Visvesvaraya Technological University, Belagavi, during the year 2023-2024. It is certified that
corrections/suggestions indicated for Internal Assessment have been incorporated in the report deposited
in the departmental library. The project report has been approved as it satisfies the academic requirements
in respect of Project work prescribed for the said Degree

(Signature of Guide) (Signature of the HOD)

Mrs.Jagadevi Bakka Dr.I.Manimozhi
Asst.Professor HOD-CSE
Dept.of CSE,EPCET Dept.of CSE,EPCET
 ACKNOWLEDGEMENT

I First and foremost, we would like to express our sincere regards and thanks to Management
of East Point Group of Institutions, Bengaluru for providing us an opportunity to work on the
project “MUSIC LIBRARY MANAGEMENT SYSTEM”.We are grateful to Dr. S Prakash,
Senior Vice President, East Point Group of Institutions, Bengaluru for his conscientious
guidance and support that enabled us to complete this project.We would like to express our
gratitude to Dr. Mrityunjay V Latte, Principal, East Point College of Engineering and
Technology, Bengaluru for his constant support in completing the project work successfully.

We would like to express our sincere thanks to Dr. I. Manimozhi, Professor and Head of the
Department of Computer Science and Engineering, EPCET for her valuable suggestions and
encouragement to do our best in this project work.

We would like to express our gratitude towards our guide Prof. Jagadevi Bakka, Assistant
Professor, Department of CSE for her valuable guidance and constant supervision in completing the
project successfully.

Finally, we would like to thank all the faculty members of CSE department, our parents and friends
for their support and encouragement in successful completion of this project work.

KEERTHANA
(1EP22CS045) KILARI
BHAVANA(1EP22CS47)
LEKHANA PRIYA (1EP22CS128)
GALI YASHWANTH SINHA(1EP22CS025)

iii
 ABSTRACT
The project is focused on creating a simple yet effective music player website for users to enjoy
their favorite tracks online.The website aims to provide a user-friendly interface for easy
navigation and seamless playback of music.Key features include a searchable library of songs,
customizable playlists, and basic playback controls. The website will prioritize simplicity and
accessibility, allowing users to quickly find and listen to the music they love without unnecessary
complexity.With a minimalist design and straightforward functionality, the music player website
aims to deliver a hassle-free and enjoyable listening experience for users of all levels.By
prioritizing ease of use and accessibility, the project aims to provide a seamless music listening
experience for users of all backgrounds and preferences.Through continuous refinement and user
feedback, the website endeavors to become a go-to destination for music enthusiasts seeking
simplicity and convenience in their online music consumption journey.
 INDE
CHAPTER TITLE PAGE NO.
1 INTRODUCTION
1.1 Module 1
1.2 System Analysis 2
2 LITERATURE SURVEYATION
2.1 PHP 3
2.2 HTML 4-5
2.3 CSS 6
2.4 MYSQL 7-8
3 ANALYSIS AND DESIGN
3.1 Existing System 9
3.2 Proposed System 9
4 SYSTEM REQUIREMENT
4.1 Hardware Requirements 10
4.2 Software Requirements 10
5 SYSTEM DESIGN
5.1 ER Diagram 11
5.2 Schema Diagram 12
6 IMPLEMENTATION
6.1 Login Page 13-14
6.2 Index Page 15-16
6.3 Home page 17-19
7 TESTING
7.1 Test Case 20
8 SCREENSHORT 21-26
9 CONCLUSION 27
ONLINE MUSIC

CHAPTER 1
INTRODUCTION
The project titled as “Online Music Player” is developed using HTML, CSS, Javascript as frontend,
php as Backend and SQL database The main aim of the project 3is focused on creating a simple yet
effective music player website for users to enjoy their favorite tracks online. This project has Admin
login module, User Signup and User login module.

1.1 Module

 Admin login
 User Signup
 User Login
 Home Page

Admin Login

The admin can login into the Online Music Player by giving the credentials. It contains following
sub modules:

 Home page- It consists of the count of total number of genres, music, playlists available in
the website and users.
 Manage Users- The admin can view registered user’s details.
 Create Playlists and genre Category- The admin can add new playlist and add music to the
playlist, and also add new genre category.
 Insert music- The admin can add new songs and its details along with genre and artist name.
 Manage Playlist- The admin can add a new music or remove the music by selecting the
existing category.
 Logout- The admin cans logout from the admin page.
 Change Password- The admin can change his/her password.

User Signup
A new user can sign up into the website by giving their full name, mobile number, email id and set a
new password to register. After the registration, the user can login to the website using their
credentials.

Dept. of 1 2023-
ONLINE MUSIC

User Login
The registered user can login into the Online Music Player by giving the credentials.

Home
In this we have list of categories available and user can search the required songs and add it to the
customized playlist.

1.2 System Analysis

1.2.1 Existing System

The existing system is not user friendly. The records are made in paper and the book can be managed
by huge number of peoples. The records have to be stored in a very large spacious room. The records
cannot be making many copies.

Limitations of Existing system

 Time Consuming
 Human error is liable
 Difficulty faced at the time of organizing the whole data
 The records have to be recorded in notebook
 Notebooks can be altered by any persons at any time

1.2.2 Proposed System

The proposed system is going to replace the existing system toll with its disadvantages removed along
with the improved performance. The proposed system is designed such that it will determine proper
solution for the problems in the existing system. The proposed system is GUI (Graphical User
Interface) oriented. It contains many database activities like adding user data, deleting user data,
viewing user data and reporting user data

Dept. of 2 2023-
ONLINE MUSIC

CHAPTER 2

LITERATURE SURVEY
2.1 PHP

PHP started as a small open-source project that evolved as more and more people found out how
useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.
 PHP is a recursive acronym for "PHP: Hypertext Pre-processor".
 PHP is a server-side scripting language that is embedded in HTML. It is used to dynamic
content, databases, session tracking, even build entire e- commerce sites.
 It is integrated with a number of popular databases, including MySQL, PostgreSQL, Oracle,
Sybase, Informix, and Microsoft SQL Server.
 PHP is pleasingly zippy in its execution, especially when compiled as an Apache module on
the Unix side. The MySQL server, once started, executes even very complex queries with huge
result sets in record-setting time.
 PHP supports a large number of major protocols such as POP3, IMAP, and LDAP. PHP4 added
support for Java and distributed object architectures (COM and CORBA), making ntier
development a possibility for the first time.
 PHP is forgiving: PHP language tries to be as forgiving as possible.
 PHP Syntax is C-Like.

Common Uses of PHP

 PHP performs system functions, i.e., from files on a system it can create, open, read, write,
and close them.
 PHP can handle forms, i.e., gather data from files, save data to a file, through email you can
send data, return data to the user.
 You add, delete, modify elements within your database through PHP.
 Access cookies variables and set cookies.
 Using PHP, you can restrict users to access some pages of your website.

2.2 HTML

HTML stands for Hypertext Markup Language, and it is the most widely used language
to write Web Pages.

Dept. of 3 2023-
ONLINE MUSIC

 Hypertext refers to the way in which Web pages (HTML documents) are linked
together. Thus, the link available on a webpage is called Hypertext.
 As its name suggests, HTML is a Markup Language which means you use HTML to
simply "mark-up" a text document with tags that tell a Web browser how to structure it to
display.
 Originally, HTML was developed with the intent of defining the structure of documents
like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information
between researchers.
 Now, HTML is being widely used to format web pages with the help of different tags
available in HTML language.

Features in HTML5
 The DOCTYPE declaration for HTMl5 is very simple, <!DOCTYPE html>

 The character encoding<meta charset=” UTF-8”>

 New function for embedding audio(<audio>), video(<video>),
graphics(<svg> and<canvas>)
 Client-side data storage
 Interactive documents
 New structural elements <article>, <header>, <footer>, <nav>, <section> and <figure>
 New from control calendar, date, time, email, URLs, search
 Java script enhancement
 HTML Geolocation, HTML Drag and Drop, html local storage, HTML Application
Cash, HTML Web Workers, HTML SSE.

Applications of HTML
HTML has been used widely and effectively. Below is the list of Uses of HTML language.
Web pages development: HTML is heavily used for creating pages that are displayed on the world
wide web. Every page contains a set of HTML tags including hyperlinks which are used for connecting
to other pages. Every page that we witness, on the world wide web, is written using a version of HTML
code.
Web document creation: Document creation on the internet is dominated by HTML and its basic
concept via tag and DOM i.e., document object model. HTML tags are inserted before and afterward
or phrases to locate their format and location on the page. A web document consists of three sections:

Dept. of 4 2023-
ONLINE MUSIC

title, head, and body. Head includes the information to identify the document, including title and any
other important keyword. A title can be seen on the browser’s bar and body section is the main portion
of the website visible to the viewer. All the three segments are designed and created by the uses of
HTML tags. Every section has their own specific set of tags, which are dedicatedly rendered keeping
the head, title and body concepts in a loop.
Internet navigation: This is one of the most important uses of HTML which is revolutionary. This
navigation is possible by utilizing the concept of Hypertext. It is basically a text which refers to other
web pages or text and when user click on it, would navigate to referenced text or page. HTML is
heavily used to embed the hyperlink within the web pages. A user can easily navigate within the web
pages and between websites as well, which are located on different servers.
Responsive images on web pages: At the elementary level in applications of HTML, queries can be set
to utilize the images, which are responsive in nature. With the src set attribute of img element in
HTML, and combining it with picture element, a developer can fully control how the user will render an
image. Now different types of an image with size variation can be loaded by using the img element.
Rules can be easily set with the picture element, we can declaring element with default source and then
for every case, a source can be provided.
Data Entry support with HTML: HTML5 standard and set of APIs can be used to support data entry
level of work. As browsers implement new HTML5 standards, developers can simply add the attributes
to the tag which indicate required fields, text, data format etc. HTML5 has come up with several new
attributes to drive on-screen keyboards, validation, and other data-entry experiences so that end-user
can have a better data-entry.
Game development usage: Before the advent of HTML5, game development was an exclusive domain
of Flash and Silverlight. Since browsers support new specifications for HTML5 including CSS3 and
light-fast JavaScript engine to drive a new rich experience, HTML5 can bring the reality of game
development possible, which was earlier the forte of Flash and Silverlight. Every single feature of APIs
need not be implemented, but most appropriate ones can be utilized while eliminating the rest of the
features.

2.3 CSS
Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the
process of making web pages presentable. CSS handles the look and feel part of a web page. Using
CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how
columns are sized and laid out, what background images or color are used, layout designs,
variations in display for different devices and screen sizes as well as a variety of other effects. CSS

Dept. of 5 2023-
ONLINE MUSIC

is easy to learn and understand but it provides powerful control over the presentation of an HTML
document. Most commonly, CSS is combined with the mark-up languages HTML or XHTML.

The cascade part of CSS means that more than one style sheet can be attached to a document,
and all of them can influence the presentation. For example, a designer can have a global style sheet
for the whole site, but a local one for say, controlling the link color and background of a specific
page. Or, a user can use her own style sheet if she has problems seeing the page, or if she just prefers
a certain look.

Advantages of CSS
 Increases Download Speed: By taking the appearance mark-up out of the html file you
decrease the html file size and significantly decrease the download time of that file.
 Makes Pages More Accessible: Your pages become more accessible. By separating the styling
(CSS) from the content and structure (HTML), you are well on your way to satisfying
Accessibility requirements. This is an important thing to consider, if you are creating sites that
might be used by the visually impaired.
 Multiple Style Sheets Cascade into One: Style Sheets allow style information to be specified
in many ways. Styles can be specified inside a single HTML element, inside the element of an
HTML page, or in an external CSS file. Even multiple external Style Sheets can be referenced
inside a single HTML document.
 Reduces Time: It is much easier to update pages. It is much faster to update a page that uses
styles over using tags and the like. With CSS, you can decide how headings should appear, and
enter that information once. Every heading in every page that is linked to this style sheet now
has that appearance. Want to make every heading of level 3 obviously different from those of
level 2? Edit the style sheet, and every such heading now has the altered appearance. Consider
how much time you will save. With cascading style sheets, whole organizations can share a
small number of style sheets, ensuring consistency across the site with no need for constant
updating and editing to accommodate changes.
How do Style Sheets Work? Style sheets are just text files, or text embedded in the head
of an HTML document, that help separate content from appearance. The content of a page goes
into an HTML file and the appearance goes into a style sheet. But how does this entire end up as
a web page in your browser? Think of a style sheet as a set of instructions, suggesting to a web
browser how to draw a page. The style sheet suggests how the browser should display the page
based on rules you define in the style sheet.

Dept. of 6 2023-
ONLINE MUSIC

2.4 MYSQL
MySQL is an Oracle-backed opensource Relational Database Management System (RDBMS)
based on Structured Query Language (SQL). MySQL runs on virtually all platforms, including
Linux, Unix and Windows. Although it can be used in a wide range of applications, MySQL is most
often associated with web applications and online publishing.

MySQL is an important component of an opensource enterprise stack called LAMP. LAMP is a

web development platform that uses Linux as the operating system, Apache as the web server, MySQL
as the relational database management system and PHP as the object- oriented scripting language.
(Sometimes Perl or Python is used instead of PHP.)

Originally conceived by the Swedish company MySQL AB, MySQL was acquired by Sun
Microsystems in 2008 and then by Oracle when it bought Sun in 2010. Developers can use MySQL
under the GNU General Public License (GPL), but enterprises must obtain a commercial license from
Oracle. Today, MySQL is the RDBMS behind many of the top websites in the world and countless
corporate and consumer-facing web-based applications, including Face book, Twitter and YouTube.

How MSQL works?

MySQL is based on a client-server model. The core of MySQL is MySQL server, which handles
all of the database instructions (or commands). MySQL server is available as a separate program for
use in a client-server networked environment and as a library that can be embedded (or linked) into
separate applications. MySQL operates along with several utility programs which support the
administration of MySQL databases.

MySQL, a preeminent open-source relational database management system (RDBMS), boasts

efficiency, reliability, and adaptability. Its core processes ensure seamless data handling and retrieval.
Employing a client-server model, users connect via TCP/IP to submit SQL queries. These undergo
syntax parsing and semantic analysis for adherence to standards and schema constraints. Query
optimization, driven by a sophisticated optimizer, enhances execution efficiency by considering
indexes and join strategies. MySQL interfaces with diverse storage engines like InnoDB and
MyISAM, tailored for specific use cases, to fulfill query needs.

Dept. of 7 2023-
 ONLINE MUSIC

Data retrieval and manipulation, pivotal to MySQL's functionality, leverage storage engines for
efficient access. Complex operations like joins and aggregations cater to diverse client requirements.
Transaction management, pivotal for data integrity, adheres to ACID principles, employing locking
mechanisms and transaction logs to maintain consistency.

Upon query completion, MySQL transmits results in varied formats, accommodating diverse
needs. In summary, MySQL's robust framework, including client-server architecture, query
processing, storage engine interaction, and transaction management, ensures unparalleled versatility.

MySQL benefits
MySQL is fast, reliable, scalable, and easy to use. It was originally developed to handle
large databases quickly and has been used in highly demanding production environments for many
years.

Although MySQL is under constant development, it offers a rich and useful set of functions.
MySQL’s connectivity, speed, and security make it highly suited for accessing databases on the
internet.

MySQL’s key benefits include:

 Ease of use: Developers can install MySQL in minutes, and the database is easy to manage.
 Reliability: MySQL is one of the most mature and widely used databases. It has been tested
in a wide variety of scenarios for more than 25 years, including by many of the world’s
largest companies. Organizations depend on MySQL to run business-critical applications
because of its reliability.
 Scalability: MySQL scales to meet the demands of the most accessed applications. MySQL’s
native replication architecture enables organizations such as Facebook to scale applications to
support billions of users.
 Performance: MySQL Heat Wave is faster and less expensive as demonstrated by multiple
standard industry benchmarks, including TPC-H, TPC-DS, and CH-ben CH-mark
 High availability: MySQL delivers a complete set of native, fully integrated replication
technologies for high availability and disaster recovery. For business-critical applications,
and to meet service-level agreement commitments, customers can achieve
 Recovery point objective = 0 (zero data loss)
 Recovery time objective = seconds (automatic failover)

Dept. of 8 2023-
ONLINE MUSIC

CHAPTER 3

SYSTEM ANALYSIS

3.1 EXISTING SYSTEM

In an existing system there are users who have their own mechanic database which is very minimal.
And also, they have no idea if their vehicles are breaking down or had any mechanical issue in remote
locations or any long distant locations from their known mechanic shops. Users with the contacts of
people at the particular place may look for a help from them only if they are ready to do. It is not
possible to find out the suitable mechanic for the desired service at remote locations. The only way
they have is to look for any other transportation at the time of issue and then they need to get a
mechanic to the particular location at which they have left their vehicle.

3.1.1 DISADVANTAGES:

1. Time consuming.
2. Difficult to find suitable mechanic.

3.2 PROPOSED SYSTEM/SOLUTION

Here the users of On Road Vehicle Breakdown Assistance system can search for list of
mechanic at any location or the nearby locations which will help them in an unexpected situation
raised by the mechanical issues of their vehicles. Only the licensed mechanics can get listed here
while the search. And there are available mechanic who can come and repair the mechanical issues in
the user’s vehicle.

3.2.1 ADVANTAGES:

1. Secure registration of user’s and mechanics.

2. Easy access to the data.
3. The new system is more user-friendly, reliable and flexible.
4. Reduced manual work.

Dept. of 9 2023-
ONLINE MUSIC

CHAPTER 4
SYSTEM REQUIREMENTS

4.1 Hardware Requirements

Machine Name : DELL

Processor : Intel Core i6-3337U CPU

RAM : 4 GB

System Type : 64 bit – Operating System

4.2 Software Requirements

Front End : Jet Brains Php Storm

Back End : SQL

Operating System : Windows 10

Dept. of 1 2023-
ONLINE MUSIC

ER DIAGRAM

Dept. of 1 2023-
ONLINE MUSIC

SCHEMA DIAGRAM

Dept. of 1 2023-
 ONLINE MUSIC

CHAPTER 6
IMPLEMENTAION

6.1 LOGIN PAGE

<!DOCTYPE html>
<html lang="en">
<?php
session_start();
include('./db_connect.php');
?>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Login | Simple Music Clound Community</title>
<?php include('./header.php'); ?>
<?php
if(isset($_SESSION['login_id']))
header("location:index.php?page=home");
?>
</head>
<style>
body{
width: 100%;
height:
calc(100%); position:
fixed; top:0;
left: 0;
background: rgb(0,0,0);
background: linear-gradient(338deg, rgba(0,0,0,1) 14%, rgba(54,36,36,1) 41%,
rgba(130,120,120,1) 53%, rgba(0,0,0,1) 92%);
/*background: #007bff;*/
}
main#main{
width:100%;
height: calc(100%) !important;
display: flex;
}
</style>
<body class="bg-light">
<main id="main" >
<div class="container">
<div class="col-md-8 offset-md-2 d-flex justify-content-center">
<div id="login-center" class="row justify-content-center align-self-center w-100">
<div class="d-flex justify-content-center align-items-center w-100">
<span class="m-4 p-2">
<h1 class="text-gradient-primary text-center" style="font-size:

Dept. of 1 2023-
 ONLINE MUSIC

4rem"><b><i class="fas fa-headphones-alt text-gradient-primary"></i></b></h1>

<h2 class="text-gradient-primary"><b>Simple Music Clound
Community.</b></h2>
</span>
</div>

<div class="card col-sm-7">

<div class="card-body">
<form id="login-form" >
<div class="form-group">
<input type="text" id="email"
name="email" class="form-control" placeholder="Email">
</div>
<div class="form-group">
<input type="password" id="password"
name="password" class="form-control" placeholder="Password">
</div>
<center><button class="btn btn-block btn-wave
btnprimary bg-gradient-primary">Login</button></center>
<hr>
<center><button class="btn btn-block btn-wave btn-
success bg-gradient-success" type="button" id="new_account">Create New
Account</button></center>
</form>
</div>
</div>
</div>
</div>
</div>
</main>

<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

<div class="modal fade" id="uni_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="close text-dark" data-dismiss="modal"
arialabel="Close">
<span aria-hidden="true"><b>&times;</b></span>
</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='submit' onclick="$('#uni_modal
form').submit()">Save</button>
<button type="button" class="btn btn-secondary"
datadismiss="modal">Cancel</button>
</div>

Dept. of 1 2023-
 ONLINE MUSIC

</div>
</div>
</div>
</body>
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- overlayScrollbars -->
<script src="assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- PAGE assets/plugins -->
<!-- jQuery Mapael -->
<script src="assets/plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
<script src="assets/plugins/raphael/raphael.min.js"></script>
<script src="assets/plugins/jquery-mapael/jquery.mapael.min.js"></script>
<script src="assets/plugins/jquery-mapael/maps/usa_states.min.js"></script>
<!-- ChartJS -->
<script src="assets/plugins/chart.js/Chart.min.js"></script>
if(resp == 1){
location.href ='index.php?page=home';
}else{
$('#login-form').prepend('<div class="alert alert-danger">Username or password is
incorrect.</div>')
end_load()
}}})})
$('.number').on('input keyup
keypress',function(){ var val = $(this).val()
val = val.replace(/[^0-9 \,]/, ''); val =
val.toLocaleString('en-US')
$(this).val(val)})
</script>
</html>

6.2 INDEX PAGE

<!DOCTYPE html>
<html lang="en">
<?php session_start() ?>
<?php if(!
isset($_SESSION['login_id']))
header('location:login.php');
include 'header.php'
?>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-
footerfixed">
<div class="wrapper">
<?php include 'topbar.php' ?>
<?php include 'sidebar.php' ?>
<!-- Content Wrapper. Contains page content -->

Dept. of 1 2023-
 ONLINE MUSIC

<div class="content-wrapper bg-dark">

<div class="toast" id="alert_toast" role="alert" aria-live="assertive"
ariaatomic="true">
<div class="toast-body text-white">
</div>
</div>
<div id="toastsContainerTopRight" class="toasts-top-right fixed"></div>
<!-- Content Header (Page header) -->
<div class="content-header">
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<?php $page = isset($_GET['page']) ? $_GET['page']:'home' ?>
<div class="container-fluid text-dark viewer-panel" style="margin-bottom: 4rem">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<?php
$title = isset($_GET['page']) ? ucwords(str_replace("_", ' ', $_GET['page'])) :
"Home";
?>
<h1 class="m-0 text-gradient-primary"><?php echo $title ?></h1>
</div><!-- /.col -->
</div><!-- /.row -->
<hr class="border-primary">
</div><!-- /.container-fluid -->
<?php if(!
file_exists($page.".php")){
include '404.html';
}else{
include $page.'.php';
}
?>
</div>
<div class="modal fade" id="viewer_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-dismiss="modal"><span class="fa
fatimes"></span></button>
<img src="" alt="">
</div>
</div>
</div>
</div>
<!-- /.content-wrapper -->
</div>
<!-- Control Sidebar -->

Dept. of 1 2023-
 ONLINE MUSIC

<aside class="control-sidebar control-sidebar-dark">

<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
<!-- Main Footer -->
<footer class="main-footer bg-black">
<strong>thanks <a
href="https://1sourcecodr.blogspot.com/">1sourcecodr.blogspot.com/</a>.</strong>
All rights reserved.
<div class="float-right d-none d-sm-inline-block">
<b>Simple Music Clound Community.</b>
</div>
</footer>
</div>
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<!-- Bootstrap -->
<?php include 'footer.php' ?>
</body>
</html>

6.3 HOME PAGE

<?php include('db_connect.php') ?>

<!-- Info boxes -->
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box bg-black border border-primary">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-th-list
textgradient-primary"></i></span>
<div class="info-box-content">
<span class="info-box-text">Total Genres</span>
<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM genres")->num_rows; ?>
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box bg-black border border-primary">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-music
textgradient-primary"></i></span>
<div class="info-box-content">

Dept. of 1 2023-
ONLINE MUSIC

<span class="info-box-text">Total Musics</span>

<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM uploads")->num_rows; ?>
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box bg-black border border-primary" <span class="info-box-icon
bgprimary elevation-1"><i class="fas fa-list text-gradient-primary"></i></span>
<div class="info-box-content">
<span class="info-box-text">Total Playlist</span>
<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM playlist")->num_rows; ?>
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box bg-black border border-primary">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-users
textgradient-primary"></i></span>
<div class="info-box-content">
<span class="info-box-text">Total Users</span>
<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM users where type = 2")-
>num_rows; ?>
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box bg-black border border-primary">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-music
textgradient-primary"></i></span>
<div class="info-box-content">
<span class="info-box-text">My Musics</span>
<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM uploads where user_id
={$_SESSION['login_id']} ")->num_rows; ?>
</span>

Dept. of 1 2023-
 ONLINE MUSIC

<div class="col-12 col-sm-6 col-md-3">

<div class="info-box bg-black border border-primary">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-music
textgradient-primary"></i></span>
<div class="info-box-content">
<span class="info-box-text">Total Musics</span>
<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM uploads")->num_rows; ?>
</span>
</div>
<!-- /.info-box-content -->
</div>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>
<!-- /.col -->
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box bg-black border border-primary">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-list text-
gradientprimary"></i></span> <div class="info-box-content">
<span class="info-box-text">My Playlist</span>
<span class="info-box-number">
<?php echo $conn->query("SELECT * FROM playlist where user_id
={$_SESSION['login_id']}")->num_rows; ?>
</span>
</div>
<!-- /.info-box-content -->
</div>
<!-- /.info-box -->
</div>

</div>

Dept. of 1 2023-
ONLINE MUSIC

CHAPTER 7

TESTING

Testing is the process of executing a program with the aim of finding errors. To make
our software perform well it should be error-free. If testing is done successfully, it will
remove all the errors from the software.

7.1 TESTCASES

MODULE GIVEN INPUT EXPECTED ACTUAL REMARK

OUTPUT OUTPUT
Admin Login Enter valid Logged in Tested OK
username and Login Successfully Successfully
password
Admin Accept users Request accepted Inserted Tested OK
Request and insert into successfully
database
Admin Accept users Request accepted Inserted Tested OK
Request and insert into successfully
database
Admin View Reports View View Tested OK
User Login Invalid username Login Failure Login Failure Tested OK
and password

User Login Enter valid Login Successfully Login Failure Tested OK

username and
password
User Login Invalid username Login Failure Login Failure Tested OK
and password

TABLE 7.1

Dept. of 2 2023-
ONLINE MUSIC

CHAPTER 8

SCREENSHOTS

Fig 8.1 Login Page

Fig 8.2 Signup Page

Dept. of 2 2023-
ONLINE MUSIC

Fig 8.3 Home Page

Fig 8.4 Genre List

Dept. of 2 2023-
ONLINE MUSIC

Fig 8.5 Music List

Fig 8.6 Play List

Fig 8.7 View Play List

Dept. of 2 2023-
ONLINE MUSIC

Fig 8.8 Music_Player Database

Fig 8.9 Genres Table

Dept. of 2 2023-
ONLINE MUSIC

Fig 8.10 PlayList Table

Fig 8.11 Playlist_items Table

Dept. of 2 2023-
ONLINE MUSIC

Fig 8.12 Uploads Table

Fig 8.13 Users Table

Dept. of 2 2023-
 CONCLUSION

The given project “Online Music player” was successfully completed and the required reports are
generated. The project has been designed to fulfil the needs of the users and company. The system is
extremely user friendly. The system is tested with real data. The results or the live data are compacted
with the actual system verified for its accuracy. The system is flexible so that there is a lot of scope to
update the system. As the system is flexible the system can be changed if any changes come in future.
The developed system is portable. The developed system has been completed which is customized for
the satisfaction of the user The system has been analysed, designed and developed with meticulous care
and can be executed without any faults or errors.
 BIBLIOGRAPHY

Books referred:

1. Fundamental of database systems

- Ramez Elmasri and Shamkant B ,7th Edition 2017, Pearson
2. Database management systems

- Ramakrishnan and Gehrke, 3rd Edition 2014, McGrew Hill

WEBSITES:

1. https://www.w3schools.com/js/default.asp

2. https://www.w3schools.com/php/default.asp