SlideShare a Scribd company logo
1 of 44
A PROJECT REPORT
ON
GAANA1MB.COM
SUBMITTED IN PARTIAL FULFILLMENT OF AWARD OF
THE DEGREE OF
BACHELOR OF TECHNOLOGY
IN
COMPUTER SCIENCE & ENGINEERING
UNDER THE GUIDANCE OF SUBMITTED BY:-
Mr. Saurabh Sharma Prashant
HOD of CSE Department
SESSION 2015-16
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
BHAGWATI INSTITUTE OF TECHNOLOGY & SCIENCE, GHAZIABAD
ii
Dr A.P.J ABDUL KALAM UNIVERSITY, UTTAR PRADESH LUCKNOW
BHAGWATI INSTITUTE OF TEHNOLOGY AND SCIENCE,
GHAZIABAD
BONAFIDE CERTIFICATE
This is to certify that the project report entitled “GAANA1MB.COM” which is submitted by
PRASHANT (1241410313) in partial fulfillment of the requirement for the award of the Degree
of Bachelor Of Technology in “Computer Science Engineering” is a bonafide record of the
work carried out under our guidance and supervision at Bhagwati Institute of Technology and
Science, Ghaziabad. And that the project has not formed the basis for the award previously of
any other degree, diploma, fellowship or any other similar title.
INTERNAL EXAMINER EXTERNAL EXAMINER
(Signature) (Signature)
iii
DECLARATION
I, Prashant (1241410313) hereby declare that the work which is being presented in the
project report “GAANA1MB.COM” is the record of authentic work carried out by me
during the period from January 19 to April 16 and submitted by me in partial fulfillment
for the award of degree of the “Bachelor of Technology (Computer Science &
Engineering)” to Bhagwati Institute of Technology & Science, Ghaziabad (U.P.).
This work has not been submitted to any other university or institute for the award of any
Degree/Diploma.
Prashant (1241410313)
iv
ACKNOWLEDGEMENTS
Many people have shared their time and expertise to help me accomplish this project.
Firstly I would like to express my hearty gratitude to Mr. Sachiv Kumar, Dean
Bhagwati Institute of Technology & Science, Ghaziabad, under whose auspices I was
able to work on my project.
Also, I would like to sincerely thank my advisor Mr. Suarabh Sharma, Head of
Department, Computer Science & Engineering, Bhagwati Institute of Technology &
Science, Ghaziabad for his guidance and help.
I am also indebted to all the teaching and non-teaching staff members of college for
helping me directly or indirectly by all means throughout the project work.
Finally, I take this opportunity to thank my family for their moral support and help and
extended thanks to my well wishers.
Thank you!
Prashant (1241410313)
v
ABSTRACT
The objective of this project is to design a Music website with user interface which will
enable them to browse, search, get song recommendations and download the song items
of their choice. The motivation of this project comes from my desire to learn the
increasingly growing field of PHP, SQL server database designing, website designing
and their growing popularity by taking up this case study.
Gaana1MB.Com Provide Latest Bollywood Songs For Mobiles in High Quality and
Highly Compressed Size in 1 MB Only in aac codec and m4a format, Save Data, Save
Memory, Save Time and Save Money by downloading songs in 1 MB
All The Songs are encoded by Nero AAC Encoder.
The website is kept so simple so that it can be opened on any device. One reason for
simple website is also to Save Mobile Data, time & disk resulting in saving your money.
The word “design” in the context of a Web Application can mean many things.
Its most popular usage probably refers to the visual and user interface (UI) Design of a
web site. This aspect is crucial because, the visitor is often more impressed with how a
website looks and how easy it is to use than about which technologies and techniques are
used behind the scenes, or what operating system the web server is running. If the site is
hard to use and easy to forget, it just doesn’t matter what technologies was used to create
it. Unfortunately, this truth makes many inexperienced programmers underestimate the
importance of the way the invisible part of the site is implemented the code, the database,
and so on.
The visual part of a site gets visitors interested to begin with, but its functionality makes
them come back. A web site can sometimes be implemented very quickly based on
certain initial requirements, but if not properly architected, it can become difficult, if not
impossible, to change.
Thus, performance is also a major thrust area in the Web application which is one of the
main reasons why users get attracted to it. Growing user needs should be taken in to
concern with new features to be included. Effective performance can be achieved by
making proper database design strategy. Also, easy navigation also needs to be
accomplished while executing this project.
vi
Table of Contents
Acknowledgement........................................................................................iv
Abstract..........................................................................................................v
Chapters
1. Introduction 1 - 9
1.1 About The Topic....................................................................................................1
1.2 About The Project..................................................................................................1
1.3 Front End Languages Used
1.3.1 HTML...........................................................................................................2
1.3.2 PHP...............................................................................................................3
1.3.3 CSS...............................................................................................................4
1.4 Backend
1.4.1 MySQL.........................................................................................................5
1.4.2 Three Tier Architecture.................................................................................6
1.5 Software Features
1.5.1 Apache HTTP Server....................................................................................8
1.6 Software Specification...........................................................................................9
1.7 Hardware Specification.........................................................................................9
2. System Analysis 10 - 13
2.1 Introduction..........................................................................................................10
2.2 Existing System....................................................................................................11
2.3 Proposed System..................................................................................................11
2.4 Feasibility Analysis
2.4.1 Feasibility Analysis for Website.................................................................11
2.4.2 Feasibility At Pre-Design Phase.................................................................12
2.4.3 Knowledge Acquisition And Evaluation....................................................12
2.4.4 Feasibility Analysis Conclusion.................................................................13
3. System Design 14 – 1
3.1 Table Design.........................................................................................................15
vii
3.2 Database Design...................................................................................................15
3.3 Normalization.......................................................................................................16
3.4 Figures of System.................................................................................................17
3.5 Homepage.............................................................................................................18
3.5.1 Sections of Homepage..................................................................................19
4. Coding 23 - 30
4.1 Features of Languages Used
4.1.1 HTML...........................................................................................................23
4.1.2 PHP...............................................................................................................26
4.1.3 CSS...............................................................................................................27
4.1.4 MySQL.........................................................................................................29
5. Testing 31 - 34
5.1 System Testing.......................................................................................................31
5.1.1 Unit Testng.....................................................................................................32
5.1.2 Integration Testing.........................................................................................33
5.1.3 Validation Testing..........................................................................................33
5.1.4 Output Testing...............................................................................................33
6. Conclusion...................................................................................................................35
7. Refrences......................................................................................................................36
viii
List of Tables And Figures
Tables
3.1.1 Database Structure....................................................................................................15
4.1.1 HTML Versions With Year......................................................................................25
Figures
1.1 System With Three Tier Architecture............................................................................6
1.2 Creation of Table Using phpMyAdmin.........................................................................8
3.1 DFD For Accessing webpages.....................................................................................17
3.2 DFD For Downloading A song....................................................................................17
3.3 Homepage....................................................................................................................18
3.4 Downloading a Song....................................................................................................19
3.5 Regional Song..............................................................................................................20
3.6 Searching a Song..........................................................................................................21
3.7 Finding a Song Using Index........................................................................................22
4.1 HTML Code With Their Output..................................................................................24
4.2 HTML Page Structure..................................................................................................25
4.3 A Typical Example of PHP Code................................................................................26
4.4 CSS Syntax..................................................................................................................28
4.5 A Typical Example of CSS Code................................................................................29
4.6 Creation of Database....................................................................................................30
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 1
Chapter 1
INTRODCTION
1.1 About The Topic
A website is a collection of Web pages, images, videos and other digital assets
that is hosted on one or several Web server, usually accessible via the Internet, cell phone
or a LAN.
The pages of websites can usually be accessed from a common root URL called
the homepage, and usually reside on the same physical server. The URLs of the pages
organize them into a hierarchy, although the hyperlinks between them control how the
reader perceives the overall structure and how the traffic flows between the different
parts of the sites.
A website requires attractive design and proper arrangement of links and images,
which enables a browser to easily interpret and access the properties of the site. Hence it
provides the browser with adequate information and functionality about the organization,
community, network etc.
1.2 About The Project
The website has been developed for the sake of people to provide him good
quality songs with least efforts. We mean to efforts as Internet Data, Money and Time as
well.
The working of the project is as follows:-
The first page provides the Homepage. The Home page contains several Sections
of the site like Main menu, Index, Main Post, Recent posts etc.
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 2
Main menu provides the categories to the people to reach their need. For that they
must select the particular category in order to reach to the songs. The index provides the
better way to find all the albums, names starting with particular alphabet.
Main post gives the information regarding to the trending songs or the albums
which are recently posted. It also provides the information about upcoming songs. Visitor
may select the song from there and download it.
In the Main menu we have provided a Contact Us page by which anyone make
suggestions and may reach to us. We have also provided a Information page regarding to
the website, who tells overall about the website. For the help of the people there is help
menu and FAQ’s.
Recent posts gives the information about recent updates on the website.
For the extra convenience of the people there is a search panel by which the user
search their needful songs and by following the link it may download the song in
individual or in zip of all the songs of the album.
1.3 Front End Languages Used
1.3.1 HTML
HTML is a markup language for describing web documents
(webpages).
 HTML stands for Hyper Text Markup Language
 A markup language is a set of markup tags
 HTML documents are described by HTML tags
 Each HTML tag describes different document content
Along with CSS, and JavaScript, HTML is a cornerstone technology used
to create web pages, as well as to create user interfaces for mobile and web
applications. Web browsers can read HTML files and render them into visible or
audible web pages. HTML describes the structure of a website semantically and,
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 3
before the advent of Cascading Style Sheets (CSS), included cues for the
presentation or appearance of the document (web page), making it a markup
language, rather than a programming language.
It provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links, quotes and
other items. HTML elements are delineated by tags, written using angle brackets.
Tags such as <img /> and <input /> introduce content into the page directly.
Others such as <p>...</p> surround and provide information about document text
and may include other tags as sub-elements. Browsers do not display the HTML
tags, but use them to interpret the content of the page.
HTML can embed scripts written in languages such as JavaScript which
affect the behavior of HTML web pages. HTML markup can also refer the
browser to Cascading Style Sheets (CSS) to define the look and layout of text and
other material.
1.3.2 PHP
PHP is a server-side scripting language designed for web development but
also used as a general purpose programming language. Originally created by
Rasmus Lerdorf in 1994, the PHP reference implementation is now produced by
The PHP Group. PHP originally stood for Personal Home Page, but it now stands
for the recursive acronym PHP: Hypertext Preprocessor.
PHP code may be embedded into HTML code, or it can be used in
combination with various web template systems, web content management system
and web frameworks. PHP code is usually processed by a PHP interpreter
implemented as a module in the web server r as a Common Gateway Interface
(CGI) executable. The web server combines the results of the interpreted and
executed PHP code, which may be any type of data, including images, with the
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 4
generated web page. PHP code may also be executed with a command-line
interface (CLI) and can be used to implement standalone graphical applications.
The standard PHP interpreter, powered by the Zend Engine is free
software released under the PHP License. PHP has been widely ported and can be
deployed on most web servers on almost every operating system and platform,
free of charge.
The PHP language evolved without a written formal specification or
standard until 2014, leaving the canonical PHP interpreter as a de facto standard.
Since 2014 work has gone on to create a formal PHP specification.
1.3.3 CSS
Cascading Style Sheets (CSS) is a style sheet language used for
describing the presentation of a document written in a markup language Although
most often used to set the visual style of web pages and user interfaces written
in HTML and XHTML, the language can be applied to any XML document,
including plain XML, SVG and XUL, and is applicable to rendering in speech, or
on other media. Along with HTML and JavaScript, CSS is a cornerstone
technology used by most websites to create visually engaging WebPages, user
interfaces for web applications, and user interfaces for many mobile applications.
CSS is designed primarily to enable the separation of document content
from document presentation, including aspects such as the layout, colors,
and fonts. This separation can improve content accessibility, provide more
flexibility and control in the specification of presentation characteristics, enable
multiple HTML pages to share formatting by specifying the relevant CSS in a
separate .css file, and reduce complexity and repetition in the structural content.
This separation of formatting and content makes it possible to present the
same markup page in different styles for different rendering methods, such as on-
screen, in print, by voice (when read out by a speech-based browser or screen
reader) and on Braille-based, tactile devices. It can also be used to display the web
page differently depending on the screen size or device on which it is being
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 5
viewed. Readers can also specify a different style sheet, such as a CSS file stored
on their own computer, to override the one the author has specified.
Changes to the graphic design of a document (or hundreds of documents)
can be applied quickly and easily, by editing a few lines in the CSS file they use,
rather than by changing markup in the documents.
The CSS specification describes a priority scheme to determine which
style rules apply if more than one rule matches against a particular element. In
this so-called cascade, priorities (or weights) are calculated and assigned to rules,
so that the results are predictable.
The CSS specifications are maintained by the World Wide Web
Consortium (W3C). Internet media type (MIME type) text/css is registered for
use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS
validation service for CSS documents.
1.4 Backend
1.4 MySQL
MySQL is an open-source relational database management system
(RDBMS) in July 2013, it was the world's second most widely used RDBMS,
and the most widely used open-source client–server model RDBMS. It is
named after Michael Widenius' (who is a co-founder of MySQL) daughter,
My, while "SQL" stands as the abbreviation for Structured Query Language.
The MySQL development project has made its source code available under the
terms of the GNU General Public License, as well as under a variety
of proprietary agreements. MySQL was owned and sponsored by a single for-
profit firm, the Swedish company MySQL AB, now owned by Oracle
Corporation. For proprietary use, several paid editions are available, and offer
additional functionality.
MySQL is a popular choice of database for use in web applications,
and is a central component of the widely used LAMP open-source web
application software stack (and other "AMP" stacks). LAMP is an acronym for
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 6
“Linux, Apache, MySQL, Perl/PHP/Python”. Free-software open-source
projects that require a full-featured database management system often use
MySQL. Application that use the MySQL database include: TYPO3, MODx,
Joomla, WordPress, phpBB, MyBB, Drupal and other software. MySQL is also
used in many high-profile, large-scale websites, including Google (though not
for searches), Facebook, Twitter, Flickr, and YouTube.
On all platforms except Windows, MySQL ships with no GUI tools to
administer MySQL databases or manage data contained within the databases.
Users may use the included command line tools, or install MySQL
Workbench via a separate download. Many third party GUI tools are also
available.
As we mentioned that we have used Three tier architecture which is as
below:-
Fig. 1.1 System With Three Tier Architecture
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 7
Definition: A three-tier architecture is a client-server architecture in which the
functional process logic, data access, computer data storage and user interface are
developed and maintained as independent modules on separate platforms. Three-tier
architecture is a software design pattern and a well-established software architecture.
 Presentation Layer
This is the topmost level of the application. The presentation layer provides
the application’s user interface (UI). Typically, this involves the use of Graphical
User Interface for smart client interaction, and Web based technologies for browser-
based interaction. The presentation tier displays information related to such services
as browsing merchandise, purchasing, and shopping cart contents. It communicates
with other tiers by outputting results to the browser/client tier and all other tiers in the
network.
 Application Tier
Also called the middle tier, logic tier, business logic or logic tier, this tier is
pulled from the presentation tier. It controls application functionality by performing
detailed processing.
 Data Tier
This tier consists of database servers, is the actual DBMS access layer. It can
be accessed through the business services layer and on occasion by the user services
layer. Here information is stored and retrieved. This tier keeps data neutral and
independent from application servers or business logic. Giving data its own tier also
improves scalability and performance. This layer consists of data access components
(rather than raw DBMS connections) to aid in resource sharing and to allow clients to
be configured without installing the DBMS libraries and ODBC drivers on each
client. An example would be a computer hosting a database management system,
such as a Microsoft SQL Server database.
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 8
Fig. 1.2 Creation of Table Using phpMyAdmin.
1.5 Software Features
1.5.1 Apache HTTP Server
The Apache HTTP Server, colloquially called Apache, is the world's
most used web server software. Originally based on the NCSA HTTPd server,
development of Apache began in early 1995 after work on the NCSA code stalled.
Apache played a key role in the initial growth of the World Wide Web, quickly
overtaking NCSA HTTPd as the dominant HTTP server, and has remained most
popular since April 1996. In 2009, it became the first web server software to serve
more than 100 million websites.
Apache is developed and maintained by an open community of developers
under the auspices of the Apache Software Foundation. Most commonly used on
a Unix-like system (usually Linux), the software is available for a wide variety of
operating systems of operating systems besides Unix, including eComStation,
INTRODUCTION March 2016
COMPUTER SCIENCE & ENGINEERING Page 9
Microsoft Windows, NetWare, OpenVMS, OS/2, and TPF. Released under
the Apache License, Apache is free and open-source software.
1.6 Software Specification
Operating System : Windows 7 or upgraded version
Text Editor : Notepad++, Notepad
FTP : Filezilla, SmartFtp
Server Side Information
Web Server : Apache 2.2.15
Scripting Language : PHP 5.4.25
Operating System : Linux
Connection Protocol : TCP/IP
: HTTP, SMTP, POP3, WAP
1.7 Hardware Specification
Processor : Intel core i3
Clock Speed : 2.27 GHz
Mouse : PS/2
RAM : 2 GB
HDD : 500 GB
Monitor : SVGA Color
Key Board : PS/2
SYSTEM ANALYSIS March 2016
COMPUTER SCIENCE & ENGINEERING Page 10
Chapter 2
SYSTEM ANALYSIS
2.1 Introduction
System analysis is the process of gathering and interpreting facts, diagnosing
problems and using the information to recommend improvements on the system. System
analysis is a problem solving activity that requires intensive communication between the
system users and system developers.
System analysis or study is an important phase of any system development
process. The system is studied to the minutest detail and analyzed. The system analyst
plays the role of an interrogator and dwells deep into the working of the present system.
The system is viewed as a whole and the inputs to the system are identified. The outputs
from the organization are traced through the various processing that the inputs phase
through in the organization.
A detailed study of these processes must be made by various techniques like
Interviews, Questionnaires etc. The data collected by these sources must be scrutinized to
arrive to a conclusion. The conclusion is an understanding of how the system functions.
This system is called the existing system. Now, the existing system is subjected to close
study and the problem areas are identified. The designer now functions as a problem
solver and tries to sort out the difficulties that the enterprise faces. The solutions are
given as a proposal. The proposal is then weighed with the existing system analytically
and the best one is selected. The proposal is presented to the user for an endorsement by
the user. The proposal is reviewed on user request and suitable changes are made. This
loop ends as soon as the user is satisfied with the proposal
SYSTEM ANALYSIS March 2016
COMPUTER SCIENCE & ENGINEERING Page 11
2.2 Existing System
The existing music websites is static which makes it less interactive. Much of
them have not a database connectivity. Moreover these websites not provides the good
quality song in very much less size and with perfect metadata (perfect knowledge about
song), hence the data and time conscious people were not download the song.
2.3 Proposed System
In order to make website dynamic and more interactive we have tried to include a
database link to our music website. Hence visitors of the website provided with the
facility of the select manually the favorite song and download it or directly search to
download it. We have developed our project with the three tier architecture which uses
the following languages.
2.4 Feasibility Analysis
2.4.1 Feasibility Analysis for Website
A feasibility study involves information assessment (identify
information required to answer the three questions), information collection
(question information sources to discover the answers), and report writing (make
a recommendation about whether or not the system development should continue;
propose changes to the scope, budget and schedule; suggest further high-level
requirements for the system).
A more general description of the aims of a feasibility study is found in Putnam
and Myers, where it is defined as a having to cover four different dimensions:
o Technology (whether the project is technically feasible given the
prevailing state of the art)
o Finance (whether it is financially feasible within cost and budget
envisaged by the client)
o Time (whether it will beat the competition to the market)
SYSTEM ANALYSIS March 2016
COMPUTER SCIENCE & ENGINEERING Page 12
o Resources (whether the organization has the required resources to attempt
the project).
An important aspect is to consider the risks that would make the project infeasible.
According to Sommerville, a feasibility study aims to answer certain questions:
1. Does the system contribute to the overall objectives of the organisation?
2. Can it be implemented within current technology and within given cost and
schedule constraints?
3. Can it be integrated with other systems that are already in place?
2.4.2 Feasibility at Pre-Design Phase
The general process of analyzing the feasibility of a web project is divided
into two different sub-tasks: a pre-design stage, and a subsequent design stage. The
pre-design phase deals with issues related with the general aims to be served by the
web project. The design phase is concerned with particular details about how the aims
will be achieved.
The pre-design stage is intended to provide a specific declaration of
purpose for the project. This is later used as guideline for the rest of the analysis. It is
centered on discovering the user’s intentions regarding the specific aims that the web
project will address, the type of audience that it will try to reach, and the general
services that it will provide.
More specific issues like choice of content, content format content
structure, and constraints on the server are postponed to the design stage. This way of
dividing the process arises from a conviction that the issues assigned to the design
stage ought not to be considered at all until the user has a very clear idea of what this
replies to the issues at the pre-design stage are.
2.4.3 Knowledge Acquisition And Evaluation
The current version of the system is intended as an initial prototype of the
type of information that needs to be collected and the knowledge that bears upon it
when deciding on the feasibility of a web project. To obtain the necessary initial
SYSTEM ANALYSIS March 2016
COMPUTER SCIENCE & ENGINEERING Page 13
knowledge, a knowledge acquisition process was carried out involving the web
development expert’s suggestions on blogs.
The effort invested in terms of knowledge acquisition for the present has
been directed towards obtaining a general picture of the parameters involved in web
site feasibility analysis. A set of systematic techniques for the quantitative analysis of
these parameters is introduced, aimed at producing a useful judgment regarding the
likelihood of a project being achievable. The various sets of parameters deemed
relevant have been collected, and the different quantitative techniques have been
applied and combined over the whole set. In some cases, techniques initially
suggested for one parameter have been applied to neighboring parameters with
similar behavior or problems.
2.4.4 Feasibility Analysis Conclusion
Validating appropriate objectives for a web site project is a crucial stage in
determining its feasibility. Encoding the decision mechanisms involved in this
process is a useful first approximation to modeling feasibility analysis in general. The
system presented here addresses this in terms of refining a rule-based decision
process by defining quantitative parameters to provide additional information. These
quantitative parameters capture expert intuitions and model complex interrelations
between the input data. They are subsequently considered as input for further expert
designed rules that provide a diagnose. In general, the two evaluation procedures
followed (user satisfaction and expert validation) yielded reasonable results, taking
into account the corresponding noise factors. Some users disliked being brought down
from their dream of Internet magic for their enterprise.
GAANA1MB.COM fulfills all phases of feasibility and conforms the
actions what it intends to made. Hence the GAANA1MB.COM is feasible.
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 14
Chapter 3
SYSTEM DESIGN
System design is the solution to the creation of a new system. This phase is
composed of several systems. This phase focuses on the detailed implementation of the
feasible system. It emphasis on translating design specifications to performance
specification. System design has two phases of development logical and physical design.
During logical design phase the analyst describes inputs (sources), out puts
(destinations), databases (data sores) and procedures (data flows) all in a format that
meats the uses requirements. The analyst also specifies the user needs and at a level that
virtually determines the information flow into and out of the system and the data
resources. Here the logical design is done through data flow diagrams and database
design.
The physical design is followed by physical design or coding. Physical design
produces the working system by defining the design specifications, which tell the
programmers exactly what the candidate system must do. The programmers write the
necessary programs that accept input from the user, perform necessary processing on
accepted data through call and produce the required report on a hard copy or display it on
the screen.
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 15
3.1 Table Design
Table 3.1.1 Database Structure
Field Type Constraints
Id Int Primary
Pagecontent Text Null
Pageurl Varchar Null
Album Varchar Null
The above table shows the structure of database in which the information
regarding the album is stored.
3.2 DatabaseDesign
The overall objective in the development of database technology has been
to treat data as an organizational resource and as an integrated whole. DBMS allow data
to be protected and organized separately from other resources. Database is an integrated
collection of data. The most significant form of data as seen by the programmers is data
as stored on the direct access storage devices. This is the difference between logical and
physical data.
Database files are the key source of information into the system. It is the process
of designing database files, which are the key source of information to the system. The
files should be properly designed and planned for collection, accumulation, editing and
retrieving the required information.
The organization of data in database aims to achieve three major objectives: -
 Data integration.
 Data integrity.
 Data independence.
The proposed system stores the information relevant for processing in the MS
SQL SERVER database. This database contains tables, where each table corresponds to
one particular type of information. Each piece of information in table is called a field or
column. A table also contains records, which is a set of fields. All records in a table have
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 16
the same set of fields with different information. There are primary key fields that
uniquely identify a record in a table. There are also fields that contain primary key from
another table called foreign keys.
3.3 Normalization
Normalization is a technique of separating redundant fields and braking up a large
table in to a smaller one. It is also used to avoid insertion, deletion and updating
anomalies. All the tables have been normalized up to the third normal form. In short the
rules for each of the three normal forms are as below.
 First normal form
A relation is said to be in 1NF if all the under lying domain of attributes contain
simple individual values.
 Second normal form
The 2NF is based on the concept of full functional dependency. A relation said to
be in 2NF if and only if it is in 1NF and every non-key attribute is fully functionally
dependent on candidate key of the table.
 Third normal form
The 3NF is based on the concept of transitive dependency. A relation in 2NF is
said to be in 3NF if every non-key attribute is non-transitively.
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 17
3.3 Figures
3.3.1 DFD
 Accessing WebPages
Fig. 3.1 DFD For Accessing WebPages.
 Downloading the song
Database
Fig. 3.2 DFD For Downloading The Song
Request
User
Services
User
Song
Search
Download
Song
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 18
3.4 Home Page
The home page of a website is the first page that a user perceives upon
entering the website URL at the browser address area. The entire website depends on
how the home page is designed which forms the platform for viewing other web forms. In
short, a home page forms the abstract of the entire website.
The Gaana1MB.Com begins with an interactive user interface which enable
user to choose category according to their need to download it.
The homepage looks as in the figure 3.3 below
Fig. 3.3 Homepage
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 19
3.4.1 Sections of Homepage
 Downloading the song
The below figure 3.4 shows the downloading of the song. By the user
by selecting the particular song according to their choice.
Fig. 3.4 Downloading a Song
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 20
 Regional Song
For the sake of the people who prefer to listen the song of their region,
we have included a extra category to choose the song i.e. REGIONAL which is
shown in the figure 3.5 . By entering in this category, a user is able to find
songs according to their need or as per their region.
Fig. 3.5 Selecting The Region
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 21
 Search
For more convenience in finding a song we have include a search
engine which is made of php. For finding a song, a user can input a the song
name or the album name and hit on search. After hitting the search gives the
appropriate result according to the searched item. It shows like that in figure
3.7 given below.
Fig. 3.6 Shows The Search Result
SYSTEM DESIGN March 2016
COMPUTER SCIENCE & ENGINEERING Page 22
 Finding a Song Using Index
A user may also find all the album starting with a particular letter or number as figure 3.8
Fig. 3.7 Finding a Song By Index
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 23
Chapter 4
CODING
4.1 Features of Language Used
4.1.1 HTML
HTML is a markup language for describing web documents
(WebPages).
 HTML stands for Hyper Text Markup Language
 A markup language is a set of markup tags
 HTML documents are described by HTML tags
 Each HTML tag describes different document content
Along with CSS, and JavaScript, HTML is a cornerstone technology used
to create web pages, as well as to create user interfaces for mobile and web
applications. Web browsers can read HTML files and render them into visible or
audible web pages. HTML describes the structure of a website semantically and,
before the advent of Cascading Style Sheets (CSS), included cues for the
presentation or appearance of the document (web page), making it a markup
language, rather than a programming language.
It provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links, quotes and
other items. HTML elements are delineated by tags, written using angle brackets.
Tags such as <img /> and <input /> introduce content into the page directly.
Others such as <p>...</p> surround and provide information about document text
and may include other tags as sub-elements. Browsers do not display the HTML
tags, but use them to interpret the content of the page.
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 24
HTML can embed scripts written in languages such as JavaScript which
affect the behavior of HTML web pages. HTML markup can also refer the
browser to Cascading Style Sheets (CSS) to define the look and layout of text and
other material.
Example: figure 4.1 shows a basic program in html with their result
Fig. 4.1 HTML Code With Their Output
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 25
 HTML Page Structure
Below figure 3.4 is a visualization of an HTML page structure. Only the <body>
area (the white area) is displayed by the browser.
Fig. 4.2 HTML Page Structure
 HTML Versions
Since the early days of the web, there have been many versions of HTML. Table
4.1.1 Shows the HTML versions with their regarding year.
Table 4.1.1 HTML Versions With Years
Versions Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5.0 2014
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 26
4.1.2 PHP
PHP is a server-side scripting language designed for web development but
also used as a general purpose programming language. Originally created by
Rasmus Lerdorf in 1994, the PHP reference implementation is now produced by
The PHP Group. PHP originally stood for Personal Home Page, but it now stands
for the recursive acronym PHP: Hypertext Preprocessor.
PHP code may be embedded into HTML code, or it can be used in
combination with various web template systems, web content management system
and web frameworks. PHP code is usually processed by a PHP interpreter
implemented as a module in the web server r as a Common Gateway Interface
(CGI) executable. The web server combines the results of the interpreted and
executed PHP code, which may be any type of data, including images, with the
generated web page. PHP code may also be executed with a command-line
interface (CLI) and can be used to implement standalone graphical applications.
The standard PHP interpreter, powered by the Zend Engine is free
software released under the PHP License. PHP has been widely ported and can be
deployed on most web servers on almost every operating system and platform,
free of charge.
The PHP language evolved without a written formal specification or
standard until 2014, leaving the canonical PHP interpreter as a de facto standard.
Since 2014 work has gone on to create a formal PHP specification.
Example: figure 4.3 shows a typical example of PHP code.
Fig. 4.3 A Typical Example Of PHP Code
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 27
4.1.3 CSS
Cascading Style Sheets (CSS) is a style sheet language used for
describing the presentation of a document written in a markup language Although
most often used to set the visual style of web pages and user interfaces written
in HTML and XHTML, the language can be applied to any XML document,
including plain XML, SVG and XUL, and is applicable to rendering in speech, or
on other media. Along with HTML and JavaScript, CSS is a cornerstone
technology used by most websites to create visually engaging WebPages, user
interfaces for web applications, and user interfaces for many mobile applications.
CSS is designed primarily to enable the separation of document content
from document presentation, including aspects such as the layout, colors,
and fonts. This separation can improve content accessibility, provide more
flexibility and control in the specification of presentation characteristics, enable
multiple HTML pages to share formatting by specifying the relevant CSS in a
separate .css file, and reduce complexity and repetition in the structural content.
This separation of formatting and content makes it possible to present the
same markup page in different styles for different rendering methods, such as on-
screen, in print, by voice (when read out by a speech-based browser or screen
reader) and on Braille-based, tactile devices. It can also be used to display the web
page differently depending on the screen size or device on which it is being
viewed. Readers can also specify a different style sheet, such as a CSS file stored
on their own computer, to override the one the author has specified.
Changes to the graphic design of a document (or hundreds of documents)
can be applied quickly and easily, by editing a few lines in the CSS file they use,
rather than by changing markup in the documents.
The CSS specification describes a priority scheme to determine which
style rules apply if more than one rule matches against a particular element. In
this so-called cascade, priorities (or weights) are calculated and assigned to rules,
so that the results are predictable.
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 28
The CSS specifications are maintained by the World Wide Web
Consortium (W3C). Internet media type (MIME type) text/css is registered for
use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS
validation service for CSS documents.
 CSS Syntax
A CSS rule-set consists of a selector and a declaration block:
The selector points to the HTML element you want to style.
The declaration block contains one or more declarations separated by semicolons.
Each declaration includes a CSS property name and a value, separated by a colon.
A CSS declaration always ends with a semicolon, and declaration blocks are
surrounded by curly braces.
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 29
Example: Figure 4.4 Shows the typical example of CSS
Fig. 4.4 A Typical example of CSS code
4.1.4 MySQL
MySQL is an open-source relational database management system
(RDBMS) in July 2013, it was the world's second most widely used RDBMS, and
the most widely used open-source client–server model RDBMS. It is named
after Michael Widenius' (who is a co-founder of MySQL) daughter, My, while
"SQL" stands as the abbreviation for Structured Query Language. The MySQL
development project has made its source code available under the terms of
the GNU General Public License, as well as under a variety
of proprietary agreements. MySQL was owned and sponsored by a single for-
profit firm, the Swedish company MySQL AB, now owned by Oracle
Corporation. For proprietary use, several paid editions are available, and offer
additional functionality.
MySQL is a popular choice of database for use in web applications, and is
a central component of the widely used LAMP open-source web application
software stack (and other "AMP" stacks). LAMP is an acronym for “Linux,
Apache, MySQL, Perl/PHP/Python”. Free-software open-source projects that
CODING March 2016
COMPUTER SCIENCE & ENGINEERING Page 30
require a full-featured database management system often use MySQL.
Application that use the MySQL database include: TYPO3, MODx, Joomla,
WordPress, phpBB, MyBB, Drupal and other software. MySQL is also used in
many high-profile, large-scale websites, including Google (though not for
searches), Facebook, Twitter, Flickr, and YouTube.
On all platforms except Windows, MySQL ships with no GUI tools to
administer MySQL databases or manage data contained within the databases.
Users may use the included command line tools, or install MySQL
Workbench via a separate download. Many third party GUI tools are also
available.
We have created the database by using the phpMyAdmin. In which first
column is id which is auto incremented key and there are other three columns
named as pagecontent, pagecontent, pageurl.
Exaple: Below fig 4.5 shows creation of database and connection to
database.
Fig. 4.5 Creation of database
TESTING April 2016
COMPUTER SCIENCE & ENGINEERING Page 31
Chapter 5
TESTING
5.1 System Testing
Testing is a set activity that can be planned and conducted systematically. Testing
begins at the module level and work towards the integration of entire computers based
system. Nothing is complete without testing, as it is vital success of the system.
 Testing Objectives
There are several rules that can serve as testing objectives, they are
1. Testing is a process of executing a program with the intent of finding an error
2. A good test case is one that has high probability of finding an undiscovered
error.
3. A successful test is one that uncovers an undiscovered error.
If testing is conducted successfully according to the objectives as stated above, it
would uncover errors in the software. Also testing demonstrates that software functions
appear to the working according to the specification, that performance requirements
appear to have been met.
There are three ways to test a program
1. For Correctness
2. For Implementation efficiency
3. For Computational Complexity.
Tests for correctness are supposed to verify that a program does exactly what it
was designed to do. This is much more difficult than it may at first appear, especially for
large programs.
TESTING April 2016
COMPUTER SCIENCE & ENGINEERING Page 32
Tests for implementation efficiency attempt to find ways to make a correct
program faster or use less storage. It is a code-refining process, which reexamines the
implementation phase of algorithm development.
Tests for computational complexity amount to an experimental analysis of the
complexity of an algorithm or an experimental comparison of two or more algorithms,
which solve the same problem.
 Testing Correctness
The following ideas should be a part of any testing plan:
1. Preventive Measures
2. Spot checks
3. Testing all parts of the program
4. Test Data
5. Looking for trouble
6. Time for testing
7. Re Testing
The data is entered in all forms separately and whenever an error occurred, it is
corrected immediately. A quality team deputed by the management verified all the
necessary documents and tested the Software while entering the data at all levels. The
entire testing process can be divided into 3 phases
1. Unit Testing
2. Integrated Testing
3. Final/ System testing
5.1.1 Unit Testing
As this system was partially GUI based WINDOWS application, the
following were tested in this phase
1. Tab Order
TESTING April 2016
COMPUTER SCIENCE & ENGINEERING Page 33
2. Reverse Tab Order
3. Field length
4. Front end validations
In our system, Unit testing has been successfully handled. The test data was
given to each and every module in all respects and got the desired output. Each
module has been tested found working properly.
5.1.2 Integration Testing
Test data should be prepared carefully since the data only determines the
efficiency and accuracy of the system. Artificial data are prepared solely for testing.
Every program validates the input data.
5.1.3 Validation Testing
In this, all the Code Modules were tested individually one after the other. The
following were tested in all the modules
1. Loop testing
2. Boundary Value analysis
3. Equivalence Partitioning Testing
In our case all the modules were combined and given the test data. The combined
module works successfully with out any side effect on other programs. Everything was found
fine working.
5.1.3 Output Testing
This is the final step in testing. In this the entire system was tested as a whole
with all forms, code, modules and class modules. This form of testing is popularly
known as Black Box testing or system testing.
TESTING April 2016
COMPUTER SCIENCE & ENGINEERING Page 34
Black Box testing methods focus on the functional requirement of the software.
That is, Black Box testing enables the software engineer to derive sets of input conditions
that will fully exercise all functional requirements for a program. Black Box testing
attempts to find errors in the following categories; incorrect or missing functions,
interface errors, errors in data structures or external database access, performance errors
and initialization errors and termination errors.
CONCLUSION April 2016
COMPUTER SCIENCE & ENGINEERING Page 35
Chapter 6
CONCLUSION
The project report entitled " GAANA1MB.COM" has come to its final stage. The
system has been developed with much care that it is free of errors and at the same time it
is efficient and less time consuming. The important thing is that the system is robust. We
have tried our level best to make the site as dynamic as possible. Also provision is
provided for future developments in the system. The entire system is secured. This online
system is running live.
The developed system is flexible and changes can be made easily. The system is
developed with an insight into the necessary modification that may be required in the
future. Hence the system can be maintained successfully without much rework.
One of the main future enhancements of our website is to provide a website that
facilitates people in least efforts. Which not only save Data and Time but also money as
well.
REFERENCES April 2016
COMPUTER SCIENCE & ENGINEERING Page 36
REFERENCES
[1] HTML. http://www.w3schools.com/html/
[2] PHP. http://www.w3schools.com/php/
[3] CSS. http://www.w3schools.com/css/
[4] MySQL. http://www.w3schools.com/php/php_mysql_intro.asp
[5] MySQL Connectivity and Other.
http://stackoverflow.com/questions/2535962/connecting-to-phpmyadmin-database-with-php-
mysql

More Related Content

Similar to Prashant

Project report | Major Project | Engineering | Devansh Koolwal
Project report | Major Project | Engineering | Devansh KoolwalProject report | Major Project | Engineering | Devansh Koolwal
Project report | Major Project | Engineering | Devansh Koolwal
Devansh Koolwal
 
FINAL REPORT DEC
FINAL REPORT DECFINAL REPORT DEC
FINAL REPORT DEC
Axis Bank
 
Boscochat- A free Wi-Fi ChatRoom in android final documentation
Boscochat- A free Wi-Fi ChatRoom in android final documentationBoscochat- A free Wi-Fi ChatRoom in android final documentation
Boscochat- A free Wi-Fi ChatRoom in android final documentation
Samaresh Debbarma
 

Similar to Prashant (20)

3 job adda doc 1
3 job adda doc 13 job adda doc 1
3 job adda doc 1
 
Web Development on Web Project Report
Web Development on Web Project ReportWeb Development on Web Project Report
Web Development on Web Project Report
 
Project report | Major Project | Engineering | Devansh Koolwal
Project report | Major Project | Engineering | Devansh KoolwalProject report | Major Project | Engineering | Devansh Koolwal
Project report | Major Project | Engineering | Devansh Koolwal
 
internship ppt.pptx
internship ppt.pptxinternship ppt.pptx
internship ppt.pptx
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
FINAL REPORT DEC
FINAL REPORT DECFINAL REPORT DEC
FINAL REPORT DEC
 
3 job adda doc 1
3 job adda doc 13 job adda doc 1
3 job adda doc 1
 
Intranet database
Intranet databaseIntranet database
Intranet database
 
Student portal system application -Project Book
Student portal system application -Project BookStudent portal system application -Project Book
Student portal system application -Project Book
 
Boscochat- A free Wi-Fi ChatRoom in android final documentation
Boscochat- A free Wi-Fi ChatRoom in android final documentationBoscochat- A free Wi-Fi ChatRoom in android final documentation
Boscochat- A free Wi-Fi ChatRoom in android final documentation
 
Web Design Solutions
Web Design Solutions Web Design Solutions
Web Design Solutions
 
Internship template for review 1
Internship template for review 1Internship template for review 1
Internship template for review 1
 
Design and Simulation of Local Area Network Using Cisco Packet Tracer
Design and Simulation of Local Area Network Using Cisco Packet TracerDesign and Simulation of Local Area Network Using Cisco Packet Tracer
Design and Simulation of Local Area Network Using Cisco Packet Tracer
 
locker presentation (1)
locker presentation (1)locker presentation (1)
locker presentation (1)
 
Multicast chat with file and desktop sharing
Multicast chat with file and desktop sharingMulticast chat with file and desktop sharing
Multicast chat with file and desktop sharing
 
travel guidence.pdf
travel guidence.pdftravel guidence.pdf
travel guidence.pdf
 
Web Technologies (3/12): Web Programming – Web Application Architecture. Web ...
Web Technologies (3/12): Web Programming – Web Application Architecture. Web ...Web Technologies (3/12): Web Programming – Web Application Architecture. Web ...
Web Technologies (3/12): Web Programming – Web Application Architecture. Web ...
 
Minor Project Report On Intranet database
Minor Project Report On Intranet databaseMinor Project Report On Intranet database
Minor Project Report On Intranet database
 
Java Web development.pptx
Java Web development.pptxJava Web development.pptx
Java Web development.pptx
 
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
 

Prashant

  • 1. A PROJECT REPORT ON GAANA1MB.COM SUBMITTED IN PARTIAL FULFILLMENT OF AWARD OF THE DEGREE OF BACHELOR OF TECHNOLOGY IN COMPUTER SCIENCE & ENGINEERING UNDER THE GUIDANCE OF SUBMITTED BY:- Mr. Saurabh Sharma Prashant HOD of CSE Department SESSION 2015-16 DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING BHAGWATI INSTITUTE OF TECHNOLOGY & SCIENCE, GHAZIABAD
  • 2. ii Dr A.P.J ABDUL KALAM UNIVERSITY, UTTAR PRADESH LUCKNOW BHAGWATI INSTITUTE OF TEHNOLOGY AND SCIENCE, GHAZIABAD BONAFIDE CERTIFICATE This is to certify that the project report entitled “GAANA1MB.COM” which is submitted by PRASHANT (1241410313) in partial fulfillment of the requirement for the award of the Degree of Bachelor Of Technology in “Computer Science Engineering” is a bonafide record of the work carried out under our guidance and supervision at Bhagwati Institute of Technology and Science, Ghaziabad. And that the project has not formed the basis for the award previously of any other degree, diploma, fellowship or any other similar title. INTERNAL EXAMINER EXTERNAL EXAMINER (Signature) (Signature)
  • 3. iii DECLARATION I, Prashant (1241410313) hereby declare that the work which is being presented in the project report “GAANA1MB.COM” is the record of authentic work carried out by me during the period from January 19 to April 16 and submitted by me in partial fulfillment for the award of degree of the “Bachelor of Technology (Computer Science & Engineering)” to Bhagwati Institute of Technology & Science, Ghaziabad (U.P.). This work has not been submitted to any other university or institute for the award of any Degree/Diploma. Prashant (1241410313)
  • 4. iv ACKNOWLEDGEMENTS Many people have shared their time and expertise to help me accomplish this project. Firstly I would like to express my hearty gratitude to Mr. Sachiv Kumar, Dean Bhagwati Institute of Technology & Science, Ghaziabad, under whose auspices I was able to work on my project. Also, I would like to sincerely thank my advisor Mr. Suarabh Sharma, Head of Department, Computer Science & Engineering, Bhagwati Institute of Technology & Science, Ghaziabad for his guidance and help. I am also indebted to all the teaching and non-teaching staff members of college for helping me directly or indirectly by all means throughout the project work. Finally, I take this opportunity to thank my family for their moral support and help and extended thanks to my well wishers. Thank you! Prashant (1241410313)
  • 5. v ABSTRACT The objective of this project is to design a Music website with user interface which will enable them to browse, search, get song recommendations and download the song items of their choice. The motivation of this project comes from my desire to learn the increasingly growing field of PHP, SQL server database designing, website designing and their growing popularity by taking up this case study. Gaana1MB.Com Provide Latest Bollywood Songs For Mobiles in High Quality and Highly Compressed Size in 1 MB Only in aac codec and m4a format, Save Data, Save Memory, Save Time and Save Money by downloading songs in 1 MB All The Songs are encoded by Nero AAC Encoder. The website is kept so simple so that it can be opened on any device. One reason for simple website is also to Save Mobile Data, time & disk resulting in saving your money. The word “design” in the context of a Web Application can mean many things. Its most popular usage probably refers to the visual and user interface (UI) Design of a web site. This aspect is crucial because, the visitor is often more impressed with how a website looks and how easy it is to use than about which technologies and techniques are used behind the scenes, or what operating system the web server is running. If the site is hard to use and easy to forget, it just doesn’t matter what technologies was used to create it. Unfortunately, this truth makes many inexperienced programmers underestimate the importance of the way the invisible part of the site is implemented the code, the database, and so on. The visual part of a site gets visitors interested to begin with, but its functionality makes them come back. A web site can sometimes be implemented very quickly based on certain initial requirements, but if not properly architected, it can become difficult, if not impossible, to change. Thus, performance is also a major thrust area in the Web application which is one of the main reasons why users get attracted to it. Growing user needs should be taken in to concern with new features to be included. Effective performance can be achieved by making proper database design strategy. Also, easy navigation also needs to be accomplished while executing this project.
  • 6. vi Table of Contents Acknowledgement........................................................................................iv Abstract..........................................................................................................v Chapters 1. Introduction 1 - 9 1.1 About The Topic....................................................................................................1 1.2 About The Project..................................................................................................1 1.3 Front End Languages Used 1.3.1 HTML...........................................................................................................2 1.3.2 PHP...............................................................................................................3 1.3.3 CSS...............................................................................................................4 1.4 Backend 1.4.1 MySQL.........................................................................................................5 1.4.2 Three Tier Architecture.................................................................................6 1.5 Software Features 1.5.1 Apache HTTP Server....................................................................................8 1.6 Software Specification...........................................................................................9 1.7 Hardware Specification.........................................................................................9 2. System Analysis 10 - 13 2.1 Introduction..........................................................................................................10 2.2 Existing System....................................................................................................11 2.3 Proposed System..................................................................................................11 2.4 Feasibility Analysis 2.4.1 Feasibility Analysis for Website.................................................................11 2.4.2 Feasibility At Pre-Design Phase.................................................................12 2.4.3 Knowledge Acquisition And Evaluation....................................................12 2.4.4 Feasibility Analysis Conclusion.................................................................13 3. System Design 14 – 1 3.1 Table Design.........................................................................................................15
  • 7. vii 3.2 Database Design...................................................................................................15 3.3 Normalization.......................................................................................................16 3.4 Figures of System.................................................................................................17 3.5 Homepage.............................................................................................................18 3.5.1 Sections of Homepage..................................................................................19 4. Coding 23 - 30 4.1 Features of Languages Used 4.1.1 HTML...........................................................................................................23 4.1.2 PHP...............................................................................................................26 4.1.3 CSS...............................................................................................................27 4.1.4 MySQL.........................................................................................................29 5. Testing 31 - 34 5.1 System Testing.......................................................................................................31 5.1.1 Unit Testng.....................................................................................................32 5.1.2 Integration Testing.........................................................................................33 5.1.3 Validation Testing..........................................................................................33 5.1.4 Output Testing...............................................................................................33 6. Conclusion...................................................................................................................35 7. Refrences......................................................................................................................36
  • 8. viii List of Tables And Figures Tables 3.1.1 Database Structure....................................................................................................15 4.1.1 HTML Versions With Year......................................................................................25 Figures 1.1 System With Three Tier Architecture............................................................................6 1.2 Creation of Table Using phpMyAdmin.........................................................................8 3.1 DFD For Accessing webpages.....................................................................................17 3.2 DFD For Downloading A song....................................................................................17 3.3 Homepage....................................................................................................................18 3.4 Downloading a Song....................................................................................................19 3.5 Regional Song..............................................................................................................20 3.6 Searching a Song..........................................................................................................21 3.7 Finding a Song Using Index........................................................................................22 4.1 HTML Code With Their Output..................................................................................24 4.2 HTML Page Structure..................................................................................................25 4.3 A Typical Example of PHP Code................................................................................26 4.4 CSS Syntax..................................................................................................................28 4.5 A Typical Example of CSS Code................................................................................29 4.6 Creation of Database....................................................................................................30
  • 9. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 1 Chapter 1 INTRODCTION 1.1 About The Topic A website is a collection of Web pages, images, videos and other digital assets that is hosted on one or several Web server, usually accessible via the Internet, cell phone or a LAN. The pages of websites can usually be accessed from a common root URL called the homepage, and usually reside on the same physical server. The URLs of the pages organize them into a hierarchy, although the hyperlinks between them control how the reader perceives the overall structure and how the traffic flows between the different parts of the sites. A website requires attractive design and proper arrangement of links and images, which enables a browser to easily interpret and access the properties of the site. Hence it provides the browser with adequate information and functionality about the organization, community, network etc. 1.2 About The Project The website has been developed for the sake of people to provide him good quality songs with least efforts. We mean to efforts as Internet Data, Money and Time as well. The working of the project is as follows:- The first page provides the Homepage. The Home page contains several Sections of the site like Main menu, Index, Main Post, Recent posts etc.
  • 10. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 2 Main menu provides the categories to the people to reach their need. For that they must select the particular category in order to reach to the songs. The index provides the better way to find all the albums, names starting with particular alphabet. Main post gives the information regarding to the trending songs or the albums which are recently posted. It also provides the information about upcoming songs. Visitor may select the song from there and download it. In the Main menu we have provided a Contact Us page by which anyone make suggestions and may reach to us. We have also provided a Information page regarding to the website, who tells overall about the website. For the help of the people there is help menu and FAQ’s. Recent posts gives the information about recent updates on the website. For the extra convenience of the people there is a search panel by which the user search their needful songs and by following the link it may download the song in individual or in zip of all the songs of the album. 1.3 Front End Languages Used 1.3.1 HTML HTML is a markup language for describing web documents (webpages).  HTML stands for Hyper Text Markup Language  A markup language is a set of markup tags  HTML documents are described by HTML tags  Each HTML tag describes different document content Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically and,
  • 11. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 3 before the advent of Cascading Style Sheets (CSS), included cues for the presentation or appearance of the document (web page), making it a markup language, rather than a programming language. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> introduce content into the page directly. Others such as <p>...</p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page. HTML can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages. HTML markup can also refer the browser to Cascading Style Sheets (CSS) to define the look and layout of text and other material. 1.3.2 PHP PHP is a server-side scripting language designed for web development but also used as a general purpose programming language. Originally created by Rasmus Lerdorf in 1994, the PHP reference implementation is now produced by The PHP Group. PHP originally stood for Personal Home Page, but it now stands for the recursive acronym PHP: Hypertext Preprocessor. PHP code may be embedded into HTML code, or it can be used in combination with various web template systems, web content management system and web frameworks. PHP code is usually processed by a PHP interpreter implemented as a module in the web server r as a Common Gateway Interface (CGI) executable. The web server combines the results of the interpreted and executed PHP code, which may be any type of data, including images, with the
  • 12. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 4 generated web page. PHP code may also be executed with a command-line interface (CLI) and can be used to implement standalone graphical applications. The standard PHP interpreter, powered by the Zend Engine is free software released under the PHP License. PHP has been widely ported and can be deployed on most web servers on almost every operating system and platform, free of charge. The PHP language evolved without a written formal specification or standard until 2014, leaving the canonical PHP interpreter as a de facto standard. Since 2014 work has gone on to create a formal PHP specification. 1.3.3 CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging WebPages, user interfaces for web applications, and user interfaces for many mobile applications. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. This separation of formatting and content makes it possible to present the same markup page in different styles for different rendering methods, such as on- screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. It can also be used to display the web page differently depending on the screen size or device on which it is being
  • 13. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 5 viewed. Readers can also specify a different style sheet, such as a CSS file stored on their own computer, to override the one the author has specified. Changes to the graphic design of a document (or hundreds of documents) can be applied quickly and easily, by editing a few lines in the CSS file they use, rather than by changing markup in the documents. The CSS specification describes a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities (or weights) are calculated and assigned to rules, so that the results are predictable. The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS validation service for CSS documents. 1.4 Backend 1.4 MySQL MySQL is an open-source relational database management system (RDBMS) in July 2013, it was the world's second most widely used RDBMS, and the most widely used open-source client–server model RDBMS. It is named after Michael Widenius' (who is a co-founder of MySQL) daughter, My, while "SQL" stands as the abbreviation for Structured Query Language. The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. MySQL was owned and sponsored by a single for- profit firm, the Swedish company MySQL AB, now owned by Oracle Corporation. For proprietary use, several paid editions are available, and offer additional functionality. MySQL is a popular choice of database for use in web applications, and is a central component of the widely used LAMP open-source web application software stack (and other "AMP" stacks). LAMP is an acronym for
  • 14. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 6 “Linux, Apache, MySQL, Perl/PHP/Python”. Free-software open-source projects that require a full-featured database management system often use MySQL. Application that use the MySQL database include: TYPO3, MODx, Joomla, WordPress, phpBB, MyBB, Drupal and other software. MySQL is also used in many high-profile, large-scale websites, including Google (though not for searches), Facebook, Twitter, Flickr, and YouTube. On all platforms except Windows, MySQL ships with no GUI tools to administer MySQL databases or manage data contained within the databases. Users may use the included command line tools, or install MySQL Workbench via a separate download. Many third party GUI tools are also available. As we mentioned that we have used Three tier architecture which is as below:- Fig. 1.1 System With Three Tier Architecture
  • 15. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 7 Definition: A three-tier architecture is a client-server architecture in which the functional process logic, data access, computer data storage and user interface are developed and maintained as independent modules on separate platforms. Three-tier architecture is a software design pattern and a well-established software architecture.  Presentation Layer This is the topmost level of the application. The presentation layer provides the application’s user interface (UI). Typically, this involves the use of Graphical User Interface for smart client interaction, and Web based technologies for browser- based interaction. The presentation tier displays information related to such services as browsing merchandise, purchasing, and shopping cart contents. It communicates with other tiers by outputting results to the browser/client tier and all other tiers in the network.  Application Tier Also called the middle tier, logic tier, business logic or logic tier, this tier is pulled from the presentation tier. It controls application functionality by performing detailed processing.  Data Tier This tier consists of database servers, is the actual DBMS access layer. It can be accessed through the business services layer and on occasion by the user services layer. Here information is stored and retrieved. This tier keeps data neutral and independent from application servers or business logic. Giving data its own tier also improves scalability and performance. This layer consists of data access components (rather than raw DBMS connections) to aid in resource sharing and to allow clients to be configured without installing the DBMS libraries and ODBC drivers on each client. An example would be a computer hosting a database management system, such as a Microsoft SQL Server database.
  • 16. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 8 Fig. 1.2 Creation of Table Using phpMyAdmin. 1.5 Software Features 1.5.1 Apache HTTP Server The Apache HTTP Server, colloquially called Apache, is the world's most used web server software. Originally based on the NCSA HTTPd server, development of Apache began in early 1995 after work on the NCSA code stalled. Apache played a key role in the initial growth of the World Wide Web, quickly overtaking NCSA HTTPd as the dominant HTTP server, and has remained most popular since April 1996. In 2009, it became the first web server software to serve more than 100 million websites. Apache is developed and maintained by an open community of developers under the auspices of the Apache Software Foundation. Most commonly used on a Unix-like system (usually Linux), the software is available for a wide variety of operating systems of operating systems besides Unix, including eComStation,
  • 17. INTRODUCTION March 2016 COMPUTER SCIENCE & ENGINEERING Page 9 Microsoft Windows, NetWare, OpenVMS, OS/2, and TPF. Released under the Apache License, Apache is free and open-source software. 1.6 Software Specification Operating System : Windows 7 or upgraded version Text Editor : Notepad++, Notepad FTP : Filezilla, SmartFtp Server Side Information Web Server : Apache 2.2.15 Scripting Language : PHP 5.4.25 Operating System : Linux Connection Protocol : TCP/IP : HTTP, SMTP, POP3, WAP 1.7 Hardware Specification Processor : Intel core i3 Clock Speed : 2.27 GHz Mouse : PS/2 RAM : 2 GB HDD : 500 GB Monitor : SVGA Color Key Board : PS/2
  • 18. SYSTEM ANALYSIS March 2016 COMPUTER SCIENCE & ENGINEERING Page 10 Chapter 2 SYSTEM ANALYSIS 2.1 Introduction System analysis is the process of gathering and interpreting facts, diagnosing problems and using the information to recommend improvements on the system. System analysis is a problem solving activity that requires intensive communication between the system users and system developers. System analysis or study is an important phase of any system development process. The system is studied to the minutest detail and analyzed. The system analyst plays the role of an interrogator and dwells deep into the working of the present system. The system is viewed as a whole and the inputs to the system are identified. The outputs from the organization are traced through the various processing that the inputs phase through in the organization. A detailed study of these processes must be made by various techniques like Interviews, Questionnaires etc. The data collected by these sources must be scrutinized to arrive to a conclusion. The conclusion is an understanding of how the system functions. This system is called the existing system. Now, the existing system is subjected to close study and the problem areas are identified. The designer now functions as a problem solver and tries to sort out the difficulties that the enterprise faces. The solutions are given as a proposal. The proposal is then weighed with the existing system analytically and the best one is selected. The proposal is presented to the user for an endorsement by the user. The proposal is reviewed on user request and suitable changes are made. This loop ends as soon as the user is satisfied with the proposal
  • 19. SYSTEM ANALYSIS March 2016 COMPUTER SCIENCE & ENGINEERING Page 11 2.2 Existing System The existing music websites is static which makes it less interactive. Much of them have not a database connectivity. Moreover these websites not provides the good quality song in very much less size and with perfect metadata (perfect knowledge about song), hence the data and time conscious people were not download the song. 2.3 Proposed System In order to make website dynamic and more interactive we have tried to include a database link to our music website. Hence visitors of the website provided with the facility of the select manually the favorite song and download it or directly search to download it. We have developed our project with the three tier architecture which uses the following languages. 2.4 Feasibility Analysis 2.4.1 Feasibility Analysis for Website A feasibility study involves information assessment (identify information required to answer the three questions), information collection (question information sources to discover the answers), and report writing (make a recommendation about whether or not the system development should continue; propose changes to the scope, budget and schedule; suggest further high-level requirements for the system). A more general description of the aims of a feasibility study is found in Putnam and Myers, where it is defined as a having to cover four different dimensions: o Technology (whether the project is technically feasible given the prevailing state of the art) o Finance (whether it is financially feasible within cost and budget envisaged by the client) o Time (whether it will beat the competition to the market)
  • 20. SYSTEM ANALYSIS March 2016 COMPUTER SCIENCE & ENGINEERING Page 12 o Resources (whether the organization has the required resources to attempt the project). An important aspect is to consider the risks that would make the project infeasible. According to Sommerville, a feasibility study aims to answer certain questions: 1. Does the system contribute to the overall objectives of the organisation? 2. Can it be implemented within current technology and within given cost and schedule constraints? 3. Can it be integrated with other systems that are already in place? 2.4.2 Feasibility at Pre-Design Phase The general process of analyzing the feasibility of a web project is divided into two different sub-tasks: a pre-design stage, and a subsequent design stage. The pre-design phase deals with issues related with the general aims to be served by the web project. The design phase is concerned with particular details about how the aims will be achieved. The pre-design stage is intended to provide a specific declaration of purpose for the project. This is later used as guideline for the rest of the analysis. It is centered on discovering the user’s intentions regarding the specific aims that the web project will address, the type of audience that it will try to reach, and the general services that it will provide. More specific issues like choice of content, content format content structure, and constraints on the server are postponed to the design stage. This way of dividing the process arises from a conviction that the issues assigned to the design stage ought not to be considered at all until the user has a very clear idea of what this replies to the issues at the pre-design stage are. 2.4.3 Knowledge Acquisition And Evaluation The current version of the system is intended as an initial prototype of the type of information that needs to be collected and the knowledge that bears upon it when deciding on the feasibility of a web project. To obtain the necessary initial
  • 21. SYSTEM ANALYSIS March 2016 COMPUTER SCIENCE & ENGINEERING Page 13 knowledge, a knowledge acquisition process was carried out involving the web development expert’s suggestions on blogs. The effort invested in terms of knowledge acquisition for the present has been directed towards obtaining a general picture of the parameters involved in web site feasibility analysis. A set of systematic techniques for the quantitative analysis of these parameters is introduced, aimed at producing a useful judgment regarding the likelihood of a project being achievable. The various sets of parameters deemed relevant have been collected, and the different quantitative techniques have been applied and combined over the whole set. In some cases, techniques initially suggested for one parameter have been applied to neighboring parameters with similar behavior or problems. 2.4.4 Feasibility Analysis Conclusion Validating appropriate objectives for a web site project is a crucial stage in determining its feasibility. Encoding the decision mechanisms involved in this process is a useful first approximation to modeling feasibility analysis in general. The system presented here addresses this in terms of refining a rule-based decision process by defining quantitative parameters to provide additional information. These quantitative parameters capture expert intuitions and model complex interrelations between the input data. They are subsequently considered as input for further expert designed rules that provide a diagnose. In general, the two evaluation procedures followed (user satisfaction and expert validation) yielded reasonable results, taking into account the corresponding noise factors. Some users disliked being brought down from their dream of Internet magic for their enterprise. GAANA1MB.COM fulfills all phases of feasibility and conforms the actions what it intends to made. Hence the GAANA1MB.COM is feasible.
  • 22. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 14 Chapter 3 SYSTEM DESIGN System design is the solution to the creation of a new system. This phase is composed of several systems. This phase focuses on the detailed implementation of the feasible system. It emphasis on translating design specifications to performance specification. System design has two phases of development logical and physical design. During logical design phase the analyst describes inputs (sources), out puts (destinations), databases (data sores) and procedures (data flows) all in a format that meats the uses requirements. The analyst also specifies the user needs and at a level that virtually determines the information flow into and out of the system and the data resources. Here the logical design is done through data flow diagrams and database design. The physical design is followed by physical design or coding. Physical design produces the working system by defining the design specifications, which tell the programmers exactly what the candidate system must do. The programmers write the necessary programs that accept input from the user, perform necessary processing on accepted data through call and produce the required report on a hard copy or display it on the screen.
  • 23. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 15 3.1 Table Design Table 3.1.1 Database Structure Field Type Constraints Id Int Primary Pagecontent Text Null Pageurl Varchar Null Album Varchar Null The above table shows the structure of database in which the information regarding the album is stored. 3.2 DatabaseDesign The overall objective in the development of database technology has been to treat data as an organizational resource and as an integrated whole. DBMS allow data to be protected and organized separately from other resources. Database is an integrated collection of data. The most significant form of data as seen by the programmers is data as stored on the direct access storage devices. This is the difference between logical and physical data. Database files are the key source of information into the system. It is the process of designing database files, which are the key source of information to the system. The files should be properly designed and planned for collection, accumulation, editing and retrieving the required information. The organization of data in database aims to achieve three major objectives: -  Data integration.  Data integrity.  Data independence. The proposed system stores the information relevant for processing in the MS SQL SERVER database. This database contains tables, where each table corresponds to one particular type of information. Each piece of information in table is called a field or column. A table also contains records, which is a set of fields. All records in a table have
  • 24. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 16 the same set of fields with different information. There are primary key fields that uniquely identify a record in a table. There are also fields that contain primary key from another table called foreign keys. 3.3 Normalization Normalization is a technique of separating redundant fields and braking up a large table in to a smaller one. It is also used to avoid insertion, deletion and updating anomalies. All the tables have been normalized up to the third normal form. In short the rules for each of the three normal forms are as below.  First normal form A relation is said to be in 1NF if all the under lying domain of attributes contain simple individual values.  Second normal form The 2NF is based on the concept of full functional dependency. A relation said to be in 2NF if and only if it is in 1NF and every non-key attribute is fully functionally dependent on candidate key of the table.  Third normal form The 3NF is based on the concept of transitive dependency. A relation in 2NF is said to be in 3NF if every non-key attribute is non-transitively.
  • 25. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 17 3.3 Figures 3.3.1 DFD  Accessing WebPages Fig. 3.1 DFD For Accessing WebPages.  Downloading the song Database Fig. 3.2 DFD For Downloading The Song Request User Services User Song Search Download Song
  • 26. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 18 3.4 Home Page The home page of a website is the first page that a user perceives upon entering the website URL at the browser address area. The entire website depends on how the home page is designed which forms the platform for viewing other web forms. In short, a home page forms the abstract of the entire website. The Gaana1MB.Com begins with an interactive user interface which enable user to choose category according to their need to download it. The homepage looks as in the figure 3.3 below Fig. 3.3 Homepage
  • 27. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 19 3.4.1 Sections of Homepage  Downloading the song The below figure 3.4 shows the downloading of the song. By the user by selecting the particular song according to their choice. Fig. 3.4 Downloading a Song
  • 28. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 20  Regional Song For the sake of the people who prefer to listen the song of their region, we have included a extra category to choose the song i.e. REGIONAL which is shown in the figure 3.5 . By entering in this category, a user is able to find songs according to their need or as per their region. Fig. 3.5 Selecting The Region
  • 29. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 21  Search For more convenience in finding a song we have include a search engine which is made of php. For finding a song, a user can input a the song name or the album name and hit on search. After hitting the search gives the appropriate result according to the searched item. It shows like that in figure 3.7 given below. Fig. 3.6 Shows The Search Result
  • 30. SYSTEM DESIGN March 2016 COMPUTER SCIENCE & ENGINEERING Page 22  Finding a Song Using Index A user may also find all the album starting with a particular letter or number as figure 3.8 Fig. 3.7 Finding a Song By Index
  • 31. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 23 Chapter 4 CODING 4.1 Features of Language Used 4.1.1 HTML HTML is a markup language for describing web documents (WebPages).  HTML stands for Hyper Text Markup Language  A markup language is a set of markup tags  HTML documents are described by HTML tags  Each HTML tag describes different document content Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically and, before the advent of Cascading Style Sheets (CSS), included cues for the presentation or appearance of the document (web page), making it a markup language, rather than a programming language. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> introduce content into the page directly. Others such as <p>...</p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
  • 32. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 24 HTML can embed scripts written in languages such as JavaScript which affect the behavior of HTML web pages. HTML markup can also refer the browser to Cascading Style Sheets (CSS) to define the look and layout of text and other material. Example: figure 4.1 shows a basic program in html with their result Fig. 4.1 HTML Code With Their Output
  • 33. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 25  HTML Page Structure Below figure 3.4 is a visualization of an HTML page structure. Only the <body> area (the white area) is displayed by the browser. Fig. 4.2 HTML Page Structure  HTML Versions Since the early days of the web, there have been many versions of HTML. Table 4.1.1 Shows the HTML versions with their regarding year. Table 4.1.1 HTML Versions With Years Versions Year HTML 1991 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 2000 HTML 5.0 2014
  • 34. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 26 4.1.2 PHP PHP is a server-side scripting language designed for web development but also used as a general purpose programming language. Originally created by Rasmus Lerdorf in 1994, the PHP reference implementation is now produced by The PHP Group. PHP originally stood for Personal Home Page, but it now stands for the recursive acronym PHP: Hypertext Preprocessor. PHP code may be embedded into HTML code, or it can be used in combination with various web template systems, web content management system and web frameworks. PHP code is usually processed by a PHP interpreter implemented as a module in the web server r as a Common Gateway Interface (CGI) executable. The web server combines the results of the interpreted and executed PHP code, which may be any type of data, including images, with the generated web page. PHP code may also be executed with a command-line interface (CLI) and can be used to implement standalone graphical applications. The standard PHP interpreter, powered by the Zend Engine is free software released under the PHP License. PHP has been widely ported and can be deployed on most web servers on almost every operating system and platform, free of charge. The PHP language evolved without a written formal specification or standard until 2014, leaving the canonical PHP interpreter as a de facto standard. Since 2014 work has gone on to create a formal PHP specification. Example: figure 4.3 shows a typical example of PHP code. Fig. 4.3 A Typical Example Of PHP Code
  • 35. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 27 4.1.3 CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging WebPages, user interfaces for web applications, and user interfaces for many mobile applications. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content. This separation of formatting and content makes it possible to present the same markup page in different styles for different rendering methods, such as on- screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. It can also be used to display the web page differently depending on the screen size or device on which it is being viewed. Readers can also specify a different style sheet, such as a CSS file stored on their own computer, to override the one the author has specified. Changes to the graphic design of a document (or hundreds of documents) can be applied quickly and easily, by editing a few lines in the CSS file they use, rather than by changing markup in the documents. The CSS specification describes a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities (or weights) are calculated and assigned to rules, so that the results are predictable.
  • 36. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 28 The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS validation service for CSS documents.  CSS Syntax A CSS rule-set consists of a selector and a declaration block: The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon. A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces.
  • 37. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 29 Example: Figure 4.4 Shows the typical example of CSS Fig. 4.4 A Typical example of CSS code 4.1.4 MySQL MySQL is an open-source relational database management system (RDBMS) in July 2013, it was the world's second most widely used RDBMS, and the most widely used open-source client–server model RDBMS. It is named after Michael Widenius' (who is a co-founder of MySQL) daughter, My, while "SQL" stands as the abbreviation for Structured Query Language. The MySQL development project has made its source code available under the terms of the GNU General Public License, as well as under a variety of proprietary agreements. MySQL was owned and sponsored by a single for- profit firm, the Swedish company MySQL AB, now owned by Oracle Corporation. For proprietary use, several paid editions are available, and offer additional functionality. MySQL is a popular choice of database for use in web applications, and is a central component of the widely used LAMP open-source web application software stack (and other "AMP" stacks). LAMP is an acronym for “Linux, Apache, MySQL, Perl/PHP/Python”. Free-software open-source projects that
  • 38. CODING March 2016 COMPUTER SCIENCE & ENGINEERING Page 30 require a full-featured database management system often use MySQL. Application that use the MySQL database include: TYPO3, MODx, Joomla, WordPress, phpBB, MyBB, Drupal and other software. MySQL is also used in many high-profile, large-scale websites, including Google (though not for searches), Facebook, Twitter, Flickr, and YouTube. On all platforms except Windows, MySQL ships with no GUI tools to administer MySQL databases or manage data contained within the databases. Users may use the included command line tools, or install MySQL Workbench via a separate download. Many third party GUI tools are also available. We have created the database by using the phpMyAdmin. In which first column is id which is auto incremented key and there are other three columns named as pagecontent, pagecontent, pageurl. Exaple: Below fig 4.5 shows creation of database and connection to database. Fig. 4.5 Creation of database
  • 39. TESTING April 2016 COMPUTER SCIENCE & ENGINEERING Page 31 Chapter 5 TESTING 5.1 System Testing Testing is a set activity that can be planned and conducted systematically. Testing begins at the module level and work towards the integration of entire computers based system. Nothing is complete without testing, as it is vital success of the system.  Testing Objectives There are several rules that can serve as testing objectives, they are 1. Testing is a process of executing a program with the intent of finding an error 2. A good test case is one that has high probability of finding an undiscovered error. 3. A successful test is one that uncovers an undiscovered error. If testing is conducted successfully according to the objectives as stated above, it would uncover errors in the software. Also testing demonstrates that software functions appear to the working according to the specification, that performance requirements appear to have been met. There are three ways to test a program 1. For Correctness 2. For Implementation efficiency 3. For Computational Complexity. Tests for correctness are supposed to verify that a program does exactly what it was designed to do. This is much more difficult than it may at first appear, especially for large programs.
  • 40. TESTING April 2016 COMPUTER SCIENCE & ENGINEERING Page 32 Tests for implementation efficiency attempt to find ways to make a correct program faster or use less storage. It is a code-refining process, which reexamines the implementation phase of algorithm development. Tests for computational complexity amount to an experimental analysis of the complexity of an algorithm or an experimental comparison of two or more algorithms, which solve the same problem.  Testing Correctness The following ideas should be a part of any testing plan: 1. Preventive Measures 2. Spot checks 3. Testing all parts of the program 4. Test Data 5. Looking for trouble 6. Time for testing 7. Re Testing The data is entered in all forms separately and whenever an error occurred, it is corrected immediately. A quality team deputed by the management verified all the necessary documents and tested the Software while entering the data at all levels. The entire testing process can be divided into 3 phases 1. Unit Testing 2. Integrated Testing 3. Final/ System testing 5.1.1 Unit Testing As this system was partially GUI based WINDOWS application, the following were tested in this phase 1. Tab Order
  • 41. TESTING April 2016 COMPUTER SCIENCE & ENGINEERING Page 33 2. Reverse Tab Order 3. Field length 4. Front end validations In our system, Unit testing has been successfully handled. The test data was given to each and every module in all respects and got the desired output. Each module has been tested found working properly. 5.1.2 Integration Testing Test data should be prepared carefully since the data only determines the efficiency and accuracy of the system. Artificial data are prepared solely for testing. Every program validates the input data. 5.1.3 Validation Testing In this, all the Code Modules were tested individually one after the other. The following were tested in all the modules 1. Loop testing 2. Boundary Value analysis 3. Equivalence Partitioning Testing In our case all the modules were combined and given the test data. The combined module works successfully with out any side effect on other programs. Everything was found fine working. 5.1.3 Output Testing This is the final step in testing. In this the entire system was tested as a whole with all forms, code, modules and class modules. This form of testing is popularly known as Black Box testing or system testing.
  • 42. TESTING April 2016 COMPUTER SCIENCE & ENGINEERING Page 34 Black Box testing methods focus on the functional requirement of the software. That is, Black Box testing enables the software engineer to derive sets of input conditions that will fully exercise all functional requirements for a program. Black Box testing attempts to find errors in the following categories; incorrect or missing functions, interface errors, errors in data structures or external database access, performance errors and initialization errors and termination errors.
  • 43. CONCLUSION April 2016 COMPUTER SCIENCE & ENGINEERING Page 35 Chapter 6 CONCLUSION The project report entitled " GAANA1MB.COM" has come to its final stage. The system has been developed with much care that it is free of errors and at the same time it is efficient and less time consuming. The important thing is that the system is robust. We have tried our level best to make the site as dynamic as possible. Also provision is provided for future developments in the system. The entire system is secured. This online system is running live. The developed system is flexible and changes can be made easily. The system is developed with an insight into the necessary modification that may be required in the future. Hence the system can be maintained successfully without much rework. One of the main future enhancements of our website is to provide a website that facilitates people in least efforts. Which not only save Data and Time but also money as well.
  • 44. REFERENCES April 2016 COMPUTER SCIENCE & ENGINEERING Page 36 REFERENCES [1] HTML. http://www.w3schools.com/html/ [2] PHP. http://www.w3schools.com/php/ [3] CSS. http://www.w3schools.com/css/ [4] MySQL. http://www.w3schools.com/php/php_mysql_intro.asp [5] MySQL Connectivity and Other. http://stackoverflow.com/questions/2535962/connecting-to-phpmyadmin-database-with-php- mysql