Project Report

Bachelor of Computer Application

AMIT SINGH (86115003)

VIGNESH REDDY (86115014)
 SOCIAL-NETWORKING WEBSITE

SPORTS
MANAGEMENtSYS
TEM

Page 2
SOCIAL-NETWORKING WEBSITE

Page 3
 SOCIAL-NETWORKING WEBSITE

ACKNOWLEDGEMENT

My project report SPORTS MANAGEMENT WEBSITE would be incomplete

without expressing my thanks to all those who have helped me in completing this project.

I would like to thank our principal Mr. Y Ashok for giving me this opportunity to make a
study on any well defined problem. I always got a great support and encouragement from
him.

I would like to express my thanks to our course coordinator MR. G.MAHESH in our
college and has also been my guide throughout my study. During the project, he was there
with me and always gave me right guidance and it is with her support and guidance that
today I have completed this project.

I would like to thanks to Mr. MURLIDHAR who always welcomed me for any sort of
problem and helped every time by giving me information and guidance.

Page 4
 SOCIAL-NETWORKING WEBSITE

CONTENTS

SNo. TOPIC PAGE No.

1 ABSTRACT

2 PROBLEM DEFINITION OVER VIEW

3 ABOUT ORGANISATION

4 SYSTEM SPECIFICATION

5 TECHNOLOGIES USED

6 SYSTEM ANALYSIS

7 SYSTEM DESIGN

8 FORMS AND REPORTS(SCREEN SHOTS)

9 SAMPLE CODE

10 TESTING

11 IMPLEMENTATION

12 MAINTENANCE

13 CONCLUSION

14 BIBLIOGRAPHY

Page 5
 SOCIAL-NETWORKING WEBSITE

ABSTRACT :-

FRIENDS HUB is a social networking site.It is a platform that focuses on

facilities of building social networks or social relations among people.for
example:- share interests,activities,real-life connections
FRIENDS HUB consists of a representation of each user (often a profile), his/her
social links, and a variety of additional services. Most social network services are
web based and provide means for users to interact over the internet, such as e-mail
and instant messaging.

Online community services are sometimes considered as a social network service,

though in a broader sense, social network service usually means an individual-
centered service whereas online community services are groups-centered. Social
networking sites allow users to share ideas,activities,events and interests within
their individual networks.

FRIENDS HUB is not only for you to communicate or interact with other people
globally but, this is also one effective way for business promotion. A lot of
business minded people these days are now doing business online and use these
social networking sites to respond to customer queries. It isn’t just a social media
site used to socialize with your friends but also, represents a huge pool o
information from day to day living.

Page 6
 SOCIAL-NETWORKING WEBSITE

PROBLEM DEFINITION

INTRODUCTION TO PROJECT
This project aims at creation of socialized networking site. This will be accessible to all users
who have a valid User Id and Password. This system provides the following facilities:

 Building of Social networks.

 Building of Social relations among people who , for example . share interests, activities,
backgrounds, or real-life connections.
 Business promotions.

PROBLEM IN EXISTING SYSTEM

EXISTING SYSTEM

The exsisting social networking systems provide us with limited number of features and options.
And these systems hardly are adoptable to the new generation requirements and concerns.

People who follow these systems give and get advice and encouragement from their friends and
family whenever they need. But in few of the exsisting sytem lacks the attachment of uploading
and sharing the music, photos and rating them. The only feature provided is liking the content or
chating and meassging. To enhance the existing system with new options n user satisfied ease o
beneifits we have the new porposed sytem under study.

PROPOSED SYSTEM

This will be accessible to all customers who have a valid ‘User Id’ and ‘Password’. The system
provides the following important functionalities:
 Easy access of registration.
 Easy usage and retrieval of information.
 User friendly models to use site
 Easy way of communication.
 Access of uploading music.(.mp3 songs)
 Rate the photos.
 Web enabled.
 Fast finding of information requested

Page 7
 SOCIAL-NETWORKING WEBSITE

ABOUT ORGANISATION
Bhavan’s Vivekananda College of Science, Humanities and Commerce was
established in 1993 under the aegis of the Bharatiya Vidya Bhavan. Ever since its
inspection, the college has been providing quality education to all students in a
lagre variety of courses. The college continues to provide all students a solid
foundation for further educational opportunities and the skill for various career
opportunities upon graduation.

The college offers a peaceful atmosphere which is ideal for academic pursuits and
for the overall development of the students. The college seeks to itegrate the
student’s programme of study and the development of skills which includes
critical thinking, problem solving, written and oral communication and
encouraging research techniques in various fields. It seeks to learn, to adapt and
to lead in the creation of a pool of committed and competent individuals
indicated to the process of nation building.

The college has a dedicated set of staff, lecturers and support staff. The lecturers,
apart from teaching, also imbibe in principles of discipline, commitment and hard
work and to strive towards achieving the goals. They support the students in all
possible ways and help students to solve their various problem and encourage
the students to perform well in both academics and other co-curricular activities.
The support staff helps in the smooth running of the college and manages the
regular activities to keep the college working in pristine conditions.

Overall, the college, with its holistic atmosphere aided for learning, the principles
and values thata are imbibed into the students, the excellent staff headed by an
able and strong Principle dedicated to making the students the citizens of the
future, Bhavan’s Vivekananda College of Science, Humanities and Commerece is
the college, where we enter in as students and pass out as moulded and well read
persons, ready to take on the challenges that come by us in the future.

Page 8
 SOCIAL-NETWORKING WEBSITE

SOFTWARE AND HARDWARE REQUIREMENTS

SOFTWARE REQUIREMENTS

 Operating System : Windows XP,Windows 7,Windows 10

 Front End Software : HTML , CSS
 Server : Tomcat
 Database : MySQL
 Backend Language : Javascript, PHP

HARDWARE REQUIREMENTS

 RAM Size : 1GB

 Hard Disk : 80GB
 Processor : Pentium Dual Core

Page 9
 SOCIAL-NETWORKING WEBSITE

TECHNOLOGIES USED
Now-a-days all are familiar with Internet, the worldwide network of computers, which connects
together thousands of computer all over the world. These network connections are increasing day
by day in a rapid rate, so the network traffic is increasing at a pulse rate. Computers connected to
the net are from many different manufacturers, running on different operating systems and they
differ in architecture, computing power and capacity. By considering this point SUN
Microsystems Corporation felt the need for a new programming language suitable for this
heterogeneous Environment and java was the solution. This breaks barriers between different
computers, chips and operating systems. Using java your application become compatible with
all operating systems.

HTML

Hypertext Markup Language (HTML), the languages of the World Wide Web (www), allows users
to produces web pages that include text, graphics and pointer to other web pages (Hyperlinks).

Basic HTML Tags:

<! -- --> specifies comments

<A>……….</A> Creates hypertext links

<B>……….</B> Formats text as bold

<BODY>…</BODY> Contains all tags and text in the HTML document

<FORM>...</FORM> Encloses a fill-out form

<FRAME>...</FRAME> Defines a particular frame in a set of frames

<H#>…</H#> Creates headings of different levels( 1 – 6 )

<HEAD>...</HEAD> Contains tags that specify information about a document

<HTML>…</HTML> Contains all other HTML tags

<META>...</META> Provides meta-information about a document

Page 10
 SOCIAL-NETWORKING WEBSITE

<SCRIPT>…</SCRIPT> Contains client-side or server-side script

<TABLE>…</TABLE> Creates a table

<TD>…</TD> Indicates table data in a table

<TR>…</TR> Designates a table row

<TH>…</TH> Creates a heading in a table

Advantages

 A HTML document is small and hence easy to send over the net. It is small because

it does not include formatted information.

 HTML is platform independent.

 HTML tags are not case-sensitive.

JAVASCRIPT

JavaScript supports the development of both client and server components of web-based
applications. On the client side, it can be used to write programs that are executed by a Web
browser within the context of a web page. On the server side, it can be used to write Web server
programs that can process information submitted by a web browser and then update the browser’s
display accordingly.

JavaScript is a script-based programming language that was developed by Netscape

Communication Corporation. JavaScript was originally called Live Script and renamed as

JavaScript to indicate its relationship with Java. JavaScript supports the development of both client

and server components of Web-based applications. On the client side, it can be used to write

programs that are executed by a Web browser within the context of a Web page. On the server

side, it can be used to write Web server programs that can process information submitted by a Web
browser and then update the browser’s display accordingly

Page 11
 SOCIAL-NETWORKING WEBSITE

Even though JavaScript supports both client and server Web programming, we prefer JavaScript

at Client side programming since most of the browsers supports it. JavaScript is almost as easy to

learn as HTML, and JavaScript statements can be included in HTML documents by enclosing the

statements between a pair of scripting tags

<SCRIPTS>.. </SCRIPT>.

<SCRIPT LANGUAGE = “JavaScript”>

JavaScript statements

</SCRIPT>

Here are a few things we can do with JavaScript:

 Validate the contents of a form and make calculations.

 Add scrolling or changing messages to the Browser’s status line.

 Animate images or rotate images that change when we move the mouse over them.

 Detect the browser in use and display different content for different browsers.

 Detect installed plug-ins and notify the user if a plug-in is required.

We can do much more with JavaScript, including creating entire application.

Advantages

 JavaScript can be used for Sever-side and Client-side scripting.

 It is more flexible than VBScript.

 JavaScript is the default scripting languages at Client-side since all the browsers

supports it.

JAVA TECHNOLOGY

Page 12
 SOCIAL-NETWORKING WEBSITE

Java has a profound effect on the Internet. This is because java expands the Universe of objects
that can move about freely in Cyberspace. In a network, two categories of objects are transmitted
between the server and personal computer. They are: Passive information and Dynamic Active
programs. The Dynamic, Self executing programs cause serious problems in the areas of Security
and probability. But, java addresses those concerns and by doing so, has opened the door to an
exciting new form of program called the Applet.

FEATURES OF JAVA

 Simple
 Secure
 Portable
 Object Oriented
 Robust
 Multithreaded

Simple: - It is simple for professional programmer to learn & they can use it effectively. If we
already know object oriented programming, then learning java is very easy. It inherits syntax from
c & object oriented features from C++, so if the user knows C\C++ then it will be a easy way to
do effective java programming.

Secure: - As we know many people are affected by viral infection when they download an
executable file or program. Rather than, virus programs we have malicious programs that can
gather private information. Java has a better answer for these effects i.e., “FIREWALL” between
networked application and your computer.

Portable: - As already we have discussed about compatibility of operating system, computers,

chips. In Internet the programs have to be dynamically downloaded to all the various types of
platforms. For this purpose java program will generate a byte code (which is not a executable
code). Byte code is a highly optimized set of instructions designed to be executed by java run
system, which is called as JVM (Java Virtual Machine).

Object-Oriented: - Java is purely object oriented. The object model in java is simple and easy to
extend, while simple types, such as integers, are kept as high-performance non-objects.

Robust: - The ability to create robust programs was given a high priority in the design of java. To
gain reliability, java restricts you in a few key areas, to force you to find your mistakes early in
program development. Because java is a strictly typed language, it checks your code at Compile
time. Java is robust for two reasons; they are Memory management & mishandled exceptional task
in traditional programming environments.

Database:

Page 13
 SOCIAL-NETWORKING WEBSITE

A database management system (DBMS) is computer software designed for the

purpose of managing databases, a large set of structured data, and run operations
on the data requested by numerous users. Typical examples of DBMSs include Oracle,
DB2, Microsoft Access, Microsoft SQL Server, Firebird, PostgreSQL, MySQL, SQLite,
FileMaker and Sybase Adaptive Server Enterprise. DBMSs are typically used by
Database administrators in the creation of Database systems. Typical examples of
DBMS use include accounting, human resources and customer support systems.

PHP

 PHP stands for PHP: Hypertext Preprocessor

 PHP is a widely-used, open source scripting language
 PHP scripts are executed on the server.
 PHP is free to download and use.

What is a PHP File?

 PHP files can contain text, HTML, JavaScript code, and PHP code
 PHP code are executed on the server, and the result is returned to the browser as plain
HTML
 PHP files have a default file extension of ".php"

What Can PHP Do?

 PHP can generate dynamic page content

 PHP can create, open, read, write, and close files on the server
 PHP can collect form data
 PHP can send and receive cookies
 PHP can add, delete, modify data in your database
 PHP can restrict users to access some pages on your website
 PHP can encrypt data

With PHP you are not limited to output HTML. You can output images, PDF files, and even
Flash movies. You can also output any text, such as XHTML and XML.

Why PHP?

 PHP runs on different platforms (Windows, Linux, Unix, Mac OS X, etc.)

 PHP is compatible with almost all servers used today (Apache, IIS, etc.)
 PHP has support for a wide range of databases

Page 14
 SOCIAL-NETWORKING WEBSITE

 PHP is free. Download it from the official PHP resource: www.php.net

 PHP is easy to learn and runs efficiently on the server side

SQL

Structured Query Language (SQL) is the language used to manipulate relational databases. SQL

is tied very closely with the relational model.

In the relational model, data is stored in structures called relations or tables.

SQL statements are issued for the purpose of:

Data definition: Defining tables and structures in the database (DDL used to create, alter and drop

schema objects such as tables and indexes).

Data manipulation: Used to manipulate the data within those schema objects (DML Inserting,

Updating, Deleting the data, and Querying the Database).

A schema is a collection of database objects that can include: tables, views, indexes and sequences

List of SQL statements that can be issued against an Oracle database schema are:

 ALTER - Change an existing table, view or index definition (DDL)

 AUDIT - Track the changes made to a table (DDL)

 COMMENT - Add a comment to a table or column in a table (DDL)

 COMMIT - Make all recent changes permanent (DML - transactional)

 CREATE - Create new database objects such as tables or views (DDL)

 DELETE - Delete rows from a database table (DML)

 DROP - Drop a database object such as a table, view or index (DDL)

 GRANT - Allow another user to access database objects such as tables or views (DDL)

 INSERT - Insert new data into a database table (DML)

 No AUDIT - Turn off the auditing function (DDL)

Page 15
 SOCIAL-NETWORKING WEBSITE

 REVOKE - Disallow a user access to database objects such as tables and views (DDL)

 ROLLBACK - Undo any recent changes to the database (DML - Transactional)

 SELECT - Retrieve data from a database table (DML)

 TRUNCATE - Delete all rows from a database table (can not be rolled back) (DML)

 UPDATE - Change the values of some data items in a database table (DML)

JAVA SERVER PAGES (JSP)

Java Server Pages™ (JSP) is a new technology for web application development that has received
a great deal of attention since it was first announced.

Java Server Pages provides just such a development model, allowing web page authors with skills
in graphics, layout, and usability to work in tandem with programmers who are experienced in
server-side technologies such as multithreading, resource pooling, databases, and caching. While
there are other technologies, such as ASP, PHP and ColdFusion, that support similar development
models, none of them offers all the advantages of JSP.

Page 16
 SOCIAL-NETWORKING WEBSITE

SYSTEM ANALYSIS
PURPOSE OF THE SYSTEM

This system provides an online source to provide students by providing sports

venue,date,and tournaments information.

PROPOSED SYSTEM

The development of this new system contains the following activities, which try to
develop online application by keeping the entire process in the view of database
integration approach.
 Easy access of registration.
 Easy usage and retrieval of information.
 User friendly models to use site
 Web enabled.
 Fast finding of information

FEASIBILITY REPORT
Preliminary investigation examine project feasibility, the likelihood the system will be useful to
the organization. The main objective of the feasibility study is to test the Technical, Operational
and Economical feasibility for adding new modules and debugging old running system. All system
is feasible if they are unlimited resources and infinite time. There are aspects in the feasibility
study portion of the preliminary investigation:
a) Technical Feasibility
b) Operation Feasibility
c) Economical Feasibility

 TECHNICAL FEASIBILITY
The technical issue usually raised during the feasibility stage of the investigation includes the
following:
 Does the necessary technology exist to do what is suggested?
 Do the proposed equipments have the technical capacity to hold the data required to use
the new system?

Page 17
 SOCIAL-NETWORKING WEBSITE

 Will the proposed system provide adequate response to inquiries, regardless of the number or
location of users?
 Can the system be upgraded if developed?
 Are there technical guarantees of accuracy, reliability, ease of access and data security?
Earlier no system existed to cater to the needs of ‘Secure Infrastructure
Implementation System’. The current system developed is technically feasible. It is a web
based user interface for audit workflow at NIC-CSD. Thus it provides an easy access to the
users. The database’s purpose is to create, establish and maintain a workflow among
various entities in order to facilitate all concerned users in their various capacities or roles.
Permission to the users would be granted based on the roles specified. Therefore, it
provides the technical guarantee of accuracy, reliability and security. The software and
hard requirements for the development of this project are not many and are already
available in-house at NIC or are available as free as open source. The work for the project
is done with the current equipment and existing software technology. Necessary bandwidth
exists for providing a fast feedback to the users irrespective of the number of users using
the system.

 OPERATIONAL FEASIBILITY
Proposed projects are beneficial only if they can be turned out into information system. That will
meet the organization’s operating requirements. Operational feasibility aspects of the project are
to be taken as an important part of the project implementation. Some of the important issues raised
are to test the operational feasibility of a project includes the following: -
 Is there sufficient support for the management from the users?
 Will the system be used and work properly if it is being developed and implemented?
 Will there be any resistance from the user that will undermine the possible application benefits?

This system is targeted to be in accordance with the above-mentioned issues.

Beforehand, the management issues and user requirements have been taken into
consideration. So there is no question of resistance from the users that can undermine the
possible application benefits.
The well-planned design would ensure the optimal utilization of the computer resources and would
help in the improvement of performance status.
Page 18
 SOCIAL-NETWORKING WEBSITE

 ECONOMIC FEASIBILITY

A system can be developed technically and that will be used if installed must still be a good
investment for the organization. In the economical feasibility, the development cost in creating the
system is evaluated against the ultimate benefit derived from the new systems. Financial benefits
must equal or exceed the costs.
The system is economically feasible. It does not require any addition hardware or
software. Since the interface for this system is developed using the existing resources and
technologies available at NIC, There is nominal expenditure and economical feasibility for
certain.

SOFTWARE DEVELOPMENT LIFE CYCLE (SDLC)

WATER FALL METHOD

Software products are oriented towards customers like any other engineering products. It is either
driver by market or it drives the market. Customer Satisfaction was the main aim in the 1980's.
Customer Delight is today's logo and Customer Ecstasy is the new buzzword of the new
millennium. Products which are not customer oriented have no place in the market although they
are designed using the best technology. The front end of the product is as crucial as the internal
technology of the product.
A market study is necessary to identify a potential customers need. This process is also called as
market research. The already existing need and the possible future needs that are combined
together for study. A lot of assumptions are made during market study. Assumptions are the very
important factors in the development or start of a product's development. The assumptions which
are not realistic can cause a nosedive in the entire venture. Although assumptions are conceptual,
there should be a move to develop tangible assumptions to move towards a successful product.
Once the Market study is done, the customer's need is given to the Research and Development
Department to develop a cost-effective system that could potentially solve customer's needs
better than the competitors. Once the system is developed and tested in a hypothetical
environment, the development team takes control of it. The development team adopts one of the

Page 19
 SOCIAL-NETWORKING WEBSITE

software development models to develop the proposed system and gives it to the customers.

The basic popular models used by many software development firms are as follows:
A) System Development Life Cycle (SDLC) Model
B) Prototyping Model
C) Rapid Application Development Model
D) Component Assembly Model

System Development Life Cycle Model (SDLC Model)

This is also called as Classic Life Cycle Model (or) Linear Sequential Model (or) Waterfall
Method.

This model has the following activities:

1. System/Information Engineering and Modeling
2. Software Requirements Analysis
3. Systems Analysis and Design
4. Code Generation
5. Testing
6. Maintenance

System/Information Engineering and Modeling

As software development is large process so work begins by establishing requirements for all
system elements and then allocating some subset of these require- ments to software. The view
of this system is necessary when software must interface with other elements such as hardware,
people and other resources. System is the very essential requirement for the existence of software
in any entity. In some cases for maximum output, the system should be re-engineered and
spruced up. Once the ideal system is designed according to requirement, the development team
studies the software requirement for the system.

Software Requirement Analysis

Page 20
 SOCIAL-NETWORKING WEBSITE

Software Requirement Analysis is also known as feasibility study. In this requirement analysis
phase, the development team visits the customer and studies their system requirement. They
examine the need for possible software automation in the given software system. After feasibility
study, the development team provides a document that holds the different specific
recommendations for the candidate system. It also consists of personnel assignments, costs of the
system, project schedule and target dates.
The requirements analysis and information gathering process is intensified and
focused specially on software. To understand what type of the programs to be built, the system
analyst must study the information domain for the software as well as understand required
function, behavior, performance and interfacing. The main purpose of requirement analysis
phase is to find the need and to define the problem that needs to be solved.

System Analysis and Design

In System Analysis and Design phase, the whole software development process, the overall
software structure and its outlay are defined. In case of the client/server processing technology,
the number of tiers required for the package architecture, the database design, the data structure
design etc are all defined in this phase. After designing part a software development model is
created. Analysis and Design are very important in the whole development cycle process. Any
fault in the design phase could be very expensive to solve in the software development process.
In this phase, the logical system of the product is developed.

Code Generation
In Code Generation phase, the design must be decoded into a machine-readable form. If the
design of software product is done in a detailed manner, code generation can be achieved without
much complication. For generation of code, Programming tools like Compilers, Interpreters, and
Debuggers are used. For coding purpose different high level programming languages like C,
C++, Pascal and Java are used. The right programming language is chosen according to the type
of application.

Testing

Page 21
 SOCIAL-NETWORKING WEBSITE

After code generation phase the software program testing begins. Different testing methods are
available to detect the bugs that were committed during the previous phases. A number of testing
tools and methods are already available for testing purpose.

Maintenance
Software will definitely go through change once when it is delivered to the customer. There are
large numbers of reasons for the change. Change could happen due to some unpredicted input
values into the system. In addition to this the changes in the system directly have an effect on the
software operations. The software should be implemented to accommodate changes that could be
happen during the post development period.

Software Development Life Cycle

Page 22
SOCIAL-NETWORKING WEBSITE

Page 23
 SOCIAL-NETWORKING WEBSITE

SYSTEM DESIGN

UML DIAGRAMS
UML stands for Unified Modeling Language. This object-oriented system of notation has
evolved from the work of Grady Booch, James Rumbaugh, Ivar Jacobson, and the Rational
Software Corporation. These renowned computer scientists fused their respective technologies
into a single, standardized model. Today, UML is accepted by the Object Management Group
(OMG) as the standard for modeling object oriented programs. The unified modeling language
allows the software engineer to express an analysis model using the modeling notation that is governed by
a set of syntactic semantic and pragmatic rules.

A UML system is represented using five different views that describe the system from distinctly different
perspective. Each view is defined by a set of diagram, which is as follows.

Types of UML Diagrams we draw in this project are:

 Data flow diagrams

 Use case diagram
 Sequence diagram
 Collaboration diagram
 Activity diagram
 Entity Relationship diagram
DATA FLOW DIAGRAMS
A data flow diagram is graphical tool used to describe and analyze movement of data through a
system. These are the central tool and the basis from which the other components are developed.
The transformation of data from input to output, through processed, may be described logically
and independently of physical components associated with the system. These are known as the
logical data flow diagrams. The physical data flow diagrams show the actual implements and
movement of data between people, departments and workstations. A full description of a system
actually consists of a set of data flow diagrams. Using two familiar notations Yourdon, Gane and
Sarson notation develops the data flow diagrams. Each component in a DFD is labelled with a
descriptive name. Process is further identified with a number that will be used for identification
purpose. The development of DFD’s is done in several levels. Each process in lower level
Page 24
 SOCIAL-NETWORKING WEBSITE

diagrams can be broken down into a more detailed DFD in the next level. The lop-level diagram
is often called context diagram. It consists a single process bit, which plays vital role in studying
the current system. The process in the context level diagram is exploded into other process at the
first level DFD.

A DFD is also known as a “Bubble Chart” has the purpose of clarifying system requirements and
identifying major transformations that will become programs in system design. So it is the starting
point of the design to the lowest level of detail. A DFD consists of a series of bubbles joined by
data flows in the system.

DATA FLOW DIAGRAMS SYMBOLS

In the DFD there are four symbols they are:
1. A square defines a source(originator) or destination of system data
2. An arrow identifies data flow. It is the pipeline through which the information flows
3. A circle or a bubble represents a process that transforms incoming data flow into outgoing data
flows.
4. An open rectangle is a data store, data at rest or a temporary repository of data

Process that transforms data flow.

Source or Destination of data

Data flow

Page 25
 SOCIAL-NETWORKING WEBSITE

Data Store

CONSTRUCTING A DFD

Several rules of thumb are used in drawing DFD’s:

1. Process should be named and numbered for an easy reference. Each name should be
representative of the process.
2. The direction of flow is from top to bottom and from left to right. Data Traditionally flow
from source to the destination although they may flow back to the source. One way to indicate
this is to draw long flow line back to a source. An alternative way is to repeat the source
symbol as a destination. Since it is used more than once in the DFD it is marked with a short
diagonal.
3. When a process is exploded into lower level details, they are numbered.
4. The names of data stores and destinations are written in capital letters. Process and dataflow
names have the first letter of each work capitalized

SALIENT FEATURES OF DFD’s

1. The DFD shows flow of data, not of control loops and decision are controlled
considerations do not appear on a DFD.
2. The DFD does not indicate the time factor involved in any process whether the data flows
take place daily, weekly, monthly or yearly.
3. The sequence of events is not brought out on the DFD.

TYPES OF DATA FLOW DIAGRAMS:

Current Physical
Current Logical
New Logical

Page 26
 SOCIAL-NETWORKING WEBSITE

New Physical

CURRENT PHYSICAL
In Current Physical DFD proecess label include the name of people or their positions or the names
of computer systems that might provide some of the overall system-processing label includes an
identification of the technology used to process the data. Similarly data flows and data stores are
often labels with the names of the actual physical media on which data are stored such as file
folders, computer files, business forms or computer tapes.

CURRENT LOGICAL

The physical aspects at the system are removed as mush as possible so that the current system is
reduced to its essence to the data and the processors that transform them regardless of actual
physical form.

NEW LOGICAL

This is exactly like a current logical model if the user were completely happy with he user were
completely happy with the functionality of the current system but had problems with how it was
implemented typically through the new logical model will differ from current logical model while
having additional functions, absolute function removal and inefficient flows recognized.

NEW PHYSICAL

The new physical represents only the physical implementation of the new system.

RULES GOVERNING THE DFD’S PROCESS

1) No process can have only outputs.
2) No process can have only inputs. If an object has only inputs than it must be a sink.
3) A process has a verb phrase label.
DATA STORE

1) Data cannot move directly from one data store to another data store, a process must
move data.
2) Data cannot move directly from an outside source to a data store, a process, which
receives, must move data from the source and place the data into data store.
Page 27
 SOCIAL-NETWORKING WEBSITE

3) A data store has a noun phrase label.

SOURCE OR SINK

The origin and /or destination of data:

1) Data cannot move direly from a source to sink it must be moved by a process.
2) A source and /or sink has a noun phrase land.

DATA FLOW
1) A Data Flow has only one direction of flow between symbol. It may flow in both
directions between a process and a data store to show a read before an update. The
later is usually indicated however by two separate arrows since these happen at
different type.
2) A join in DFD means that exactly the same data comes from any of two or more
different processes data store or sink to a common location.
3) A data flow cannot go directly back to the same process it leads. There must be at least
one other process that handles the data flow produce some other data flow returns the
original data into the beginning process.
4) A Data flow to a data store means update (delete or change).
5) A data Flow from a data store means retrieve or use.
A data flow has a noun phrase label more than one data flow noun phrase can appear on a single
arrow as long as all of the flows on the same arrow move together as one package. Data flow
diagrams represent the flow of data through a system.

A DFD is composed of:

 Data movement shown by tagged arrows.

 Transformation or process of data shown by named bubbles.

 Sources and destination of data represented by named rectangles.

 Static storage or data at rest denoted by an open rectangle that is named.

Page 28
 SOCIAL-NETWORKING WEBSITE

The DFD is intended to represent information flow but it is not a flow chart and it is not intended
to indicate decision-making, flow of control, loops and other procedural aspects of the system.
DFD is a useful graphical tool and is applied at the earlier stages of requirements analysis.

Zero Level DFD 

User

Response received

Admin

Login
View Personal detail Response received
Send Invitation
View Messages Entered new data or existing

Detail Data Update

Page 29
 SOCIAL-NETWORKING WEBSITE

Data Flow Diagram 

Messag
User e

Login Detail View

Fail
Home Logou
t
Login
Login Detail Success
Access
Admin
User Profile
Fail
Validation

Search
Database Friends Cha
t
View
Add

Friends
Profile Friends

Page 30
 SOCIAL-NETWORKING WEBSITE

USE CASE DIAGRAMS

Use case diagrams model the functionality of system using actors and use cases.

Use Case:

Each use case on the diagram represents a single task that the system
needs to carry out. Buy a Product, Add Client, Make Purchase and
Validate Order Information are all examples of use cases. Some use
cases may include or extend a task represented by another use
case. For example, in order to make a purchase, the order information
will need to be validated.

Actor

An actor is anything outside the system that interacts with the system
to complete a task. It could be a user or another system. The actor
"uses" the use case to complete a task. System Administrator, Credit
Authentication System, Accounting System and Web Client are all
examples of actors. Often, it is useful to look at the set of use cases
that an actor has access to -- this defines the actor's overall role in the
system.

Association:

The association is the link that is drawn between and actor and a use case. It indicates
which actors interact with the system to complete the various tasks.

Page 31
 SOCIAL-NETWORKING WEBSITE

USE CASE DIAGRAMS

Access FRIENDS User

HUB
Admin

Friends

Page 32
 SOCIAL-NETWORKING WEBSITE

SIGN UP

Registration

LOGIN

View
Home User
Receive View
Request

Change
Profile
Admin Edit
View

Account
Friends

LOGOUT

Page 33
 SOCIAL-NETWORKING WEBSITE

SEQUENCE DIAGRAM
Sequence diagrams describe the interactions among classes in terms of an exchange of messages
over time. It is an easy and intuitive way of describing the behaviour of system by viewing the
interaction between the system and its environment.

User Sequence Diagram 

Page 34
 SOCIAL-NETWORKING WEBSITE

COLLABORATION DIAGRAM
Login Collaborative Diagram 

Validate

Login

Login Login

Valid
Valid Login
Login
Admin User

User Collaborative Diagram 

View Profile

View Profile
Login Check
Inbox Messages
Login
If Success Send Message

Home
If Fail Sent Message
Login

Logout

User Logout

Again Login

Page 35
 SOCIAL-NETWORKING WEBSITE

Admin Collaborative Diagram 

Login Check

Login

Login

If Success Inbox
If Fail
Reply Message

Home
Admin
Sent Message

Logout

Again Login
Logout

ACTIVITY DIAGRAMS
Activity diagrams illustrate the dynamic nature of a system by modeling the flow of control from
activity to activity. An activity represents an operation on some class in the system that results in
a change in the state of the system. Typically, activity diagrams are used to model workflow or
business processes and internal operation.

Page 36
 SOCIAL-NETWORKING WEBSITE

ACTIVITY DIAGRAM S

Admin Activity diagram 

Returns Error Message

Admin
LOGIN

No Vali

Yes

View
Home Page

View Add View/Reply Edit Chat

Modules Message Account Member

Notificatio
s s
n

LOGOUT

Page 37
 SOCIAL-NETWORKING WEBSITE

Registration Activity Diagram 

If user have its

Username & Password

No SIGN UP

Yes Enter User Registration Details

Returns Error Message LOGIN Successful

Submit
Registered

Vali
No

Yes

View
Home Page

Page 38
 SOCIAL-NETWORKING WEBSITE

User Activity Diagram

If user have its

Username & Password

No

Yes

Returns Error Message LOGIN SIGN UP

Val
No

Yes

View
Home Page

View Send/Accept Access View/Send Account Search/Chat

Friends Profile Message Setting Friend

Notificatio
Request s s
n

LOGOUT

Page 39
 SOCIAL-NETWORKING WEBSITE

ER-DIAGRAMS
ENTITY RELATIONSHIP DATA MODEL:

Entity Relationship(ER) model is a high level, conceptual model that describes data ae entities,
attributes, and relationships.

 Entity: An entity is an object that exists and is distinguishable from other

objects. An entity is any object, place, person, concept or activity about which an
enterprise records data.

 Relationships: A relationship is an association among several entities. For

example, there is a relationship between teachers and students. This relationship
represents the fact that a teacher teaches several students and a student is taught
by many teachers.

There are three types of relationships:

i. One-to-one
ii. One-to-Many or Many-to-One
iii. Many-to-Many

Attributes: An entity is represented by a set of attributes. An attribute is a property of a given

entity. An attribute instance is a particular property of an individual entity instance

Page 40
 SOCIAL-NETWORKING WEBSITE
Ema Friend Search Message Notification
ER-DIAGRAM Nam il DOB Request
e
Opti
SIGN UP Passwor Photos
on
Registe
d
r
Videos Selec
Videos
Gend t
er Optio HEADER
FRIENDSHUB
Net2Gether
ns MENU

Search Pending
Friends Request Incoming
Log
Request
s
on
Find
Vie
w
LOGIN PAGE
FRIENDS Opti
on Accoun
t
Passwor
Emai Setting
d
l Selec
Ca
DATABASE n
t ACCOUNT

All
Create Logou
Friends
List t
HOME PAGE Acces
Privac
s to
PROFILE y
new
Plac
Link Settin
e
s g
Displ Activity Displ
ay Feed ay
Fi Photo Friend
nd s s
Upcoming Statu
My Profile Wall
Event Tim s
e
Opti
Inf
Friends Nam Profil
on o
Online Acc e e pic
ess Add a Cover
Shar Choose
e from
Add New Edit Profile Photos
Chat Page 41 Upload
Event
Photos
SOCIAL-NETWORKING WEBSITE

Page 42
 SOCIAL-NETWORKING WEBSITE

FORMS AND REPORTS(SCREEN SHORTS)

The following section depicts the complete design of the application..

LOGIN PAGE

This screen shot depicts the login page through which a user will log in the application.
If the login is successful , it moves on to the next screenshot(home page).

Page 43
 SOCIAL-NETWORKING WEBSITE

REGISTRATION:

If the user new to the application, the user must first “SIGN UP” in the application by filling
the required details like in step1.

SIGNUP:

Page 44
 SOCIAL-NETWORKING WEBSITE

Now,then login with the relevant “EMAIL-ID/USERNAME” and “PASSWORD” and LOGIN in the
application as shown in step2.

Page 45
 SOCIAL-NETWORKING WEBSITE

HOME PAGE:

User can view the activities that all keeps on happening in the wesite including updates, friends
activities , events and so on..

Page 46
 SOCIAL-NETWORKING WEBSITE

PROFILE PAGE:

User has been provided with the privilege of having his/her own profile page where he can
include and add his personal interests and details.

Page 47
 SOCIAL-NETWORKING WEBSITE

FRIENDS(ALL/FIND/CHAT):

User can find friends, add new friends, manage friends list and also has the benefit of chatting or
sending messages to friends.

Page 48
 SOCIAL-NETWORKING WEBSITE

ACCOUNT SETTINGS:

PRIVACY SETTINGS:

User can make changes to his account and add privacy setting according to his need and security
terms.

Page 49
 SOCIAL-NETWORKING WEBSITE

LOGOUT OF APPLICATION:

Here, logout option is the feature that serves a user to log out of his account/profile and finally
the application successfully.

Page 50
 SOCIAL-NETWORKING WEBSITE

SAMPLE CODE
LOGIN CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Friend's Hub - </title>

<meta content="phpFox" name="author">

<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

<meta content="Friend's Hub" name="keywords">

<meta content="Friend's Hub helps you connect and share with the people in your life."
name="description">

<meta content="index,follow" name="robots">

<meta content="no" http-equiv="imagetoolbar">

<meta content="no-cache" http-equiv="cache-control">

<meta content="-1" http-equiv="expires">

<meta content="no-cache" http-equiv="pragma">

<link href="http://localhost/fb/favicon.ico" type="image/x-icon" rel="shortcut icon">

<script type="text/javascript">

var oCore = {'core.is_admincp': false, 'core.section_module': 'core', 'profile.is_user_profile': false,

'log.security_token': '45282363900d912b5a7c487db3bfbbd5', 'core.url_rewrite': '2', 'core.country_iso': '',
'core.can_move_on_a_y_and_x_axis' : false, 'core.default_currency': 'USD', 'core.enabled_edit_area':
false, 'core.disable_hash_bang_support': false, 'core.site_wide_ajax_browsing': false, 'profile.user_id': 0};

Page 51
 SOCIAL-NETWORKING WEBSITE

var oParams = {'sJsHome': 'http://localhost/fb/','sJsHostname': 'localhost','sSiteName': '','sJsStatic':

'http://localhost/fb/static/','sJsStaticImage': 'http://localhost/fb/static/image/','sImagePath':
'http://localhost/fb/theme/frontend/default/style/default/image/','sStylePath':
'http://localhost/fb/theme/frontend/default/style/default/css/','sVersion': '3.3.0','sJsAjax':
'http://localhost/fb/static/ajax.php','sStaticVersion': '7b409ee2e5cc67e8ec938c840b6c8987','sGetMethod':
'do','sDateFormat': 'MDY','sEgiftStyle':
'http://localhost/fb/module/egift/static/css/default/default/display.css','sGlobalTokenName':
'core','sController': 'core.index-visitor','bJsIsMobile': false,'sProgressCssFile':
'http://localhost/fb/theme/frontend/default/style/default/css/progress.css','bWysiwyg': false,'sEditor':
'default','sJsCookiePath': '/','sJsCookieDomain': '','sJsCookiePrefix': 'coree041','bPhotoTheaterMode':
true,'sAdminCPLocation': '','notification.notify_ajax_refresh': 2,'im_interval_for_update': 3000};

var oTranslations = {'core.are_you_sure': 'Are you sure?','core.yes': 'Yes','core.no': 'No','core.save':

'Save','core.cancel': 'Cancel','core.go_advanced': 'Go Advanced','core.processing':
'Processing','emoticon.emoticons': 'Emoticons','attachment.attach_files': 'Attach Files','core.close':
'Close','core.language_packages': 'Language Packages','core.move_this_block': 'Move This
Block','core.uploading': 'Uploading','language.loading': 'Loading','core.saving':
'Saving...','core.loading_text_editor': 'Loading text editor','core.quote': 'Quote','core.loading':
'Loading','im.find_your_friends': 'Find your friends...'};

var oModules = {'admincp': true,'api': true,'attachment': true,'ban': true,'captcha': true,'comment':

true,'contact': true,'core': true,'custom': true,'emoticon': true,'error': true,'event': true,'feed': true,'friend':
true,'help': true,'im': true,'invite': true,'language': true,'like': true,'link': true,'log': true,'mail': true,'music':
true,'notification': true,'page': true,'photo': true,'poke': true,'privacy': true,'profile': true,'report':
true,'request': true,'search': true,'share': true,'tag': true,'theme': true,'user': true,'video': true};

var oJsImages = {ajax_small:

'http://localhost/fb/theme/frontend/default/style/default/image/ajax/small.gif',ajax_large:
'http://localhost/fb/theme/frontend/default/style/default/image/ajax/large.gif',loading_animation:
'http://localhost/fb/theme/frontend/default/style/default/image/misc/loading_animation.gif',close:
'http://localhost/fb/theme/frontend/default/style/default/image/misc/close.gif',move:
'http://localhost/fb/theme/frontend/default/style/default/image/misc/move.png',calendar:
'http://localhost/fb/theme/frontend/default/style/default/image/jquery/calendar.gif'};

var oEditor = {'active': true,'toggle_image':

'http://localhost/fb/theme/frontend/default/style/default/image/editor/fullscreen.png','toggle_phrase':
'Toggle Fullscreen', images:[{image:
Page 52
 SOCIAL-NETWORKING WEBSITE

'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_bold.png',command: 'b',phrase:
'Bold'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_italic.png',command: 'i',phrase:
'Italic'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_underline.png',command:
'u',phrase: 'Underline'},{0: 'separator'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_align_left.png',command:
'left',phrase: 'Align Left'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_align_center.png',command:
'center',phrase: 'Align Center'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_align_right.png',command:
'right',phrase: 'Align Right'},{0: 'separator'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_list_bullets.png',js:
'Editor.getList(\'bullet\');',phrase: 'Bullets'},{image:
'http://localhost/fb/theme/frontend/default/style/default/image/editor/text_list_numbers.png',js:
'Editor.getList(\'number\');',phrase: 'Ordered List'},{0: 'separator'}]};

</script>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/layout.css?v=7b409ee2e5cc67e8ec938c
840b6c8987" type="text/css" rel="stylesheet">

</link>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/common.css?v=7b409ee2e5cc67e8ec93
8c840b6c8987" type="text/css" rel="stylesheet">

</link>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/thickbox.css?v=7b409ee2e5cc67e8ec93
8c840b6c8987" type="text/css" rel="stylesheet">

Page 53
 SOCIAL-NETWORKING WEBSITE

</link>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/jquery.css?v=7b409ee2e5cc67e8ec938c
840b6c8987" type="text/css" rel="stylesheet">

</link>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/pager.css?v=7b409ee2e5cc67e8ec938c8
40b6c8987" type="text/css" rel="stylesheet">

</link>

<script src="http://localhost/fb/static/jscript/jquery/jquery.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script src="http://localhost/fb/static/jscript/jquery/ui.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script src="http://localhost/fb/static/jscript/common.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script src="http://localhost/fb/static/jscript/main.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script src="http://localhost/fb/static/jscript/ajax.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

Page 54
 SOCIAL-NETWORKING WEBSITE

</script>

<script
src="http://localhost/fb/static/jscript/thickbox/thickbox.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script
src="http://localhost/fb/module/friend/static/jscript/search.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script
src="http://localhost/fb/static/jscript/jquery/plugin/jquery.bt.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script
src="http://localhost/fb/module/user/static/jscript/register.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script
src="http://localhost/fb/module/core/static/jscript/country.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

Page 55
 SOCIAL-NETWORKING WEBSITE

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/comment.css?v=7b409ee2e5cc67e8ec93
8c840b6c8987" type="text/css" rel="stylesheet">

</link>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/editor.css?v=7b409ee2e5cc67e8ec938c8
40b6c8987" type="text/css" rel="stylesheet">

</link>

<script src="http://localhost/fb/static/jscript/editor.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script
src="http://localhost/fb/static/jscript/wysiwyg/default/core.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script
src="http://localhost/fb/theme/frontend/default/style/default/jscript/main.js?v=7b409ee2e5cc67e8ec938c8
40b6c8987" type="text/javascript">

</script>

<link
href="http://localhost/fb/theme/frontend/default/style/default/css/custom.css?v=7b409ee2e5cc67e8ec938c
840b6c8987" type="text/css" rel="stylesheet">

Page 56
 SOCIAL-NETWORKING WEBSITE

</link>

<script
src="http://localhost/fb/static/jscript/player/flowplayer/core.js?v=7b409ee2e5cc67e8ec938c840b6c8987"
type="text/javascript">

</script>

<script type="text/javascript">

oTranslations['friend.show_more_results_for_search_term'] = 'Show more results for "{search_term}"';

oTranslations['user.continue'] = 'Continue';

</script>

</head>

<body>

<div id="js_global_tooltip" style="display:none;"></div>

<div id="header">

<div class="holder">

<div id="header_holder" class="header_logo">

<div id="header_left">

<a id="logo" href="http://localhost/fb/index.php?do=/"></a>

</div>

<div id="header_right">

<div id="header_top">

<div id="header_menu_holder">

<div id="header_menu_login">

<form action="http://localhost/fb/index.php?do=/user/login/" method="post">

<div>

<input type="hidden" value="45282363900d912b5a7c487db3bfbbd5" name="core[security_token]">

Page 57
 SOCIAL-NETWORKING WEBSITE

</div>

<div class="header_menu_login_left">

<div class="header_menu_login_label">Login ID:</div>

<div>

<input class="header_menu_login_input" type="text" tabindex="1" value="" name="val[login]">

</div>

<div class="header_menu_login_sub">

<label>

<input type="checkbox" tabindex="4" checked="checked" value="" name="val[remember_me]">

Keep me logged in

</label>

</div>

</div>

<div class="header_menu_login_right">

<div class="header_menu_login_label">Password:</div>

<div>

<input class="header_menu_login_input" type="password" tabindex="2" value=""

name="val[password]">

</div>

<div class="header_menu_login_sub">

<a href="http://localhost/fb/index.php?do=/user/password/request/">Forgot your password?</a>

</div>

</div>

<div class="header_menu_login_button">

<input type="submit" tabindex="3" value="Login">

</div>

Page 58
 SOCIAL-NETWORKING WEBSITE

</form>

</div>

<script type="text/javascript">

$Behavior.focusOnLogin = function()

if (window.location.href.indexOf('user/browse') < 0 )

$('.header_menu_login_input:first').focus();

</script>

</div>

</div>

</div>

</div>

</div>

<div id="header_menu_page_holder">

<div class="holder">

<div id="header_menu">

<ul> </ul>

<div class="clear"></div>

</div>

</div>

</div>

</div>

<div id="main_core_body_holder_guest">

Page 59
 SOCIAL-NETWORKING WEBSITE

<script type="text/javascript">

$Behavior.termsAndPrivacy = function()

$('#js_terms_of_use').click(function()

tb_show('Terms of Use', $.ajaxBox('page.view', 'height=410&width=600&title=terms'));

return false;

});

$('#js_privacy_policy').click(function()

tb_show('Privacy Policy', $.ajaxBox('page.view', 'height=410&width=600&title=policy'));

return false;

});

</script>

<div class="user_register_holder">

<div class="holder">

<div class="user_register_intro">

<h1> helps you connect and share with the people in your life.</h1>

<div class="t_center">

<img alt="" src="http://localhost/fb/theme/frontend/default/style/default/image/layout/banner.gif">

</div>

</div>

<div class="user_register_form">

<div class="user_register_title">

Sign Up

Page 60
 SOCIAL-NETWORKING WEBSITE

<div class="extra_info"> It's free and always will be. </div>

</div>

<div id="js_registration_process" class="t_center" style="display:none;">

<div class="p_top_8">

<img alt="" src="http://localhost/fb/theme/frontend/default/style/default/image/ajax/add.gif">

</div>

</div>

<div id="js_signup_error_message" style="width:350px;"></div>

<div id="js_registration_holder" class="main_break">

<form id="js_form" enctype="multipart/form-data"

action="http://localhost/fb/index.php?do=/user/register/" method="post">

<div>

<input type="hidden" value="45282363900d912b5a7c487db3bfbbd5" name="core[security_token]">

</div>

<div id="js_signup_block">

<div>

<div id="js_register_step1">

<div class="table">

<div class="table_left">

<label for="full_name">

<span class="required">*</span>

Full Name:

</label>

</div>

<div class="table_right">

<input id="full_name" type="text" size="30" value="" name="val[full_name]">

Page 61
 SOCIAL-NETWORKING WEBSITE

</div>

</div>

<div class="table">

<div class="table_left">

<label for="email">

<span class="required">*</span>

Email:

</label>

</div>

<div class="table_right">

<input id="email" type="text" size="30" value="" name="val[email]">

</div>

</div>

<div class="table">

<div class="table_left">

<label for="password">

<span class="required">*</span>

Password:

</label>

</div>

<div class="table_right">

<input id="password" type="password" size="30" value="" name="val[password]">

</div>

</div>

</div>

<div id="js_register_step2">

Page 62
 SOCIAL-NETWORKING WEBSITE

<div class="table">

<div class="table_left">

<span class="required">*</span>

Birthday:

</div>

<div class="table_right">

<select id="month" class="js_datepicker_month" name="val[month]">

<option value="">Month:</option>

<option value="1">January</option>

<option value="2">February</option>

<option value="3">March</option>

<option value="4">April</option>

<option value="5">May</option>

<option value="6">June</option>

<option value="7">July</option>

<option value="8">August</option>

<option value="9">September</option>

<option value="10">October</option>

<option value="11">November</option>

<option value="12">December</option>

</select>

<select id="day" class="js_datepicker_day" name="val[day]">

<option value="">Day:</option>

<option value="1">1</option>

<option value="2">2</option>

Page 63
 SOCIAL-NETWORKING WEBSITE

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

Page 64
 SOCIAL-NETWORKING WEBSITE

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select>

<select id="year" class="js_datepicker_year" name="val[year]">

<option value="">Year:</option>

<option value="1997">1997</option>

<option value="1996">1996</option>

<option value="1995">1995</option>

<option value="1994">1994</option>

<option value="1993">1993</option>

<option value="1992">1992</option>

<option value="1991">1991</option>

<option value="1990">1990</option>

<option value="1989">1989</option>

<option value="1988">1988</option>

<option value="1987">1987</option>

<option value="1986">1986</option>

<option value="1985">1985</option>

<option value="1984">1984</option>

<option value="1983">1983</option>

<option value="1982">1982</option>

<option value="1981">1981</option>

<option value="1980">1980</option>

<option value="1979">1979</option>

Page 65
 SOCIAL-NETWORKING WEBSITE

<option value="1978">1978</option>

<option value="1977">1977</option>

<option value="1976">1976</option>

<option value="1975">1975</option>

<option value="1974">1974</option>

<option value="1973">1973</option>

<option value="1972">1972</option>

<option value="1971">1971</option>

<option value="1970">1970</option>

<option value="1969">1969</option>

<option value="1968">1968</option>

<option value="1967">1967</option>

<option value="1966">1966</option>

<option value="1965">1965</option>

<option value="1964">1964</option>

<option value="1963">1963</option>

<option value="1962">1962</option>

<option value="1961">1961</option>

<option value="1960">1960</option>

<option value="1959">1959</option>

<option value="1958">1958</option>

<option value="1957">1957</option>

<option value="1956">1956</option>

<option value="1955">1955</option>

<option value="1954">1954</option>

<option value="1953">1953</option>

Page 66
 SOCIAL-NETWORKING WEBSITE

<option value="1952">1952</option>

<option value="1951">1951</option>

<option value="1950">1950</option>

<option value="1949">1949</option>

<option value="1948">1948</option>

<option value="1947">1947</option>

<option value="1946">1946</option>

<option value="1945">1945</option>

<option value="1944">1944</option>

<option value="1943">1943</option>

<option value="1942">1942</option>

<option value="1941">1941</option>

<option value="1940">1940</option>

<option value="1939">1939</option>

<option value="1938">1938</option>

<option value="1937">1937</option>

<option value="1936">1936</option>

<option value="1935">1935</option>

<option value="1934">1934</option>

<option value="1933">1933</option>

<option value="1932">1932</option>

<option value="1931">1931</option>

<option value="1930">1930</option>

<option value="1929">1929</option>

<option value="1928">1928</option>

<option value="1927">1927</option>

Page 67
 SOCIAL-NETWORKING WEBSITE

<option value="1926">1926</option>

<option value="1925">1925</option>

<option value="1924">1924</option>

<option value="1923">1923</option>

<option value="1922">1922</option>

<option value="1921">1921</option>

<option value="1920">1920</option>

<option value="1919">1919</option>

<option value="1918">1918</option>

<option value="1917">1917</option>

<option value="1916">1916</option>

<option value="1915">1915</option>

<option value="1914">1914</option>

<option value="1913">1913</option>

<option value="1912">1912</option>

<option value="1911">1911</option>

<option value="1910">1910</option>

<option value="1909">1909</option>

<option value="1908">1908</option>

<option value="1907">1907</option>

<option value="1906">1906</option>

<option value="1905">1905</option>

<option value="1904">1904</option>

<option value="1903">1903</option>

<option value="1902">1902</option>

<option value="1901">1901</option>

Page 68
 SOCIAL-NETWORKING WEBSITE

<option value="1900">1900</option>

</select>

</div>

</div>

<div class="table">

<div class="table_left">

<label for="gender">

</div>

<div class="table_right">

<select id="gender" name="val[gender]">

<option value="">Select:</option>

<option value="1">Male</option>

<option value="2">Female</option>

</select>

</div>

</div>

</div>

</div>

</div>

<div class="table_clear">

<input id="js_registration_submit" class="button_register" type="submit" value="Sign Up">

</div>

</form>

</div>

</div>

<div class="clear"></div>

Page 69
 SOCIAL-NETWORKING WEBSITE

</div>

</div>

<div id="main_content_holder">

<div id="js_controller_core_index-visitor">

<div class="holder">

<div id="content_holder">

<div id="main_content" class="no_sidebar">

<div id="main_content_padding">

<div id="content_load_data">

<div id="content" class="">

<script type="text/javascript">

$Behavior.pageSectionMenuRequest = function() { }

</script>

<div id="js_update_internet_explorer" style="display:none;">

<div class="update_internet_explorer">

You seem to be using an older version of Internet Explorer. This site requires Internet Explorer 8 or
higher. Update your browser

<a target="_blank" href="http://www.microsoft.com/ie/">here</a>

today to fully enjoy all the marvels of this site.

</div>

</div>

<div id="pem">

<a name="pem"></a>

</div>

<div id="core_js_messages"> </div>

<div id="site_content"></div>

Page 70
 SOCIAL-NETWORKING WEBSITE

</div>

<div class="clear"></div>

</div>

</div>

</div>

<div class="clear"></div>

</div>

</div>

</div>

</div>

<div id="main_footer_holder">

<div class="holder">

<div id="footer">

<ul id="footer_menu">

<li class="first">

<a class="ajax_link" href="http://localhost/fb/index.php?do=/about/">About</a>

</li>

<li>

<a class="ajax_link" href="http://localhost/fb/index.php?do=/policy/">Privacy</a>

</li>

<li>

<a class="ajax_link" href="http://localhost/fb/index.php?do=/terms/">Terms</a>

</li>

<li>

<a class="ajax_link" href="http://localhost/fb/index.php?do=/contact/">Contact Us</a>

</li>

Page 71
 SOCIAL-NETWORKING WEBSITE

</ul>

<div id="copyright">

Friend's Hub © ·

<a id="select_lang_pack" href="#">English (US)</a>

</div>

<div class="clear"></div>

</div>

</div>

</div>

<script type="text/javascript">

$Core.init();

</script></div></body></html>

Validation code(connection to database)

<?php

defined('PHPFOX') or exit('NO DICE!');

class Phpfox_Database_Driver_Mysql extends Phpfox_Database_Dba

{

public $sSlaveServer;
protected $_hMaster = null;
protected $_hSlave = null;
protected $_bIsSlave = false;
protected $_aCmd = array(
'mysql_query' => 'mysql_query',
'mysql_connect' => 'mysql_connect',
'mysql_pconnect' => 'mysql_pconnect',
'mysql_select_db' => 'mysql_select_db',
'mysql_num_rows' => 'mysql_num_rows',
'mysql_fetch_array' => 'mysql_fetch_array',
'mysql_real_escape_string' => 'mysql_real_escape_string',
'mysql_insert_id' => 'mysql_insert_id',
'mysql_fetch_assoc' => 'mysql_fetch_assoc',
'mysql_free_result' => 'mysql_free_result',

Page 72
 SOCIAL-NETWORKING WEBSITE

'mysql_error' => 'mysql_error',

'mysql_affected_rows' => 'mysql_affected_rows',
'mysql_get_server_info' => 'mysql_get_server_info',
'mysql_close' => 'mysql_close'
);

public function connect($sHost, $sUser, $sPass, $sName, $sPort =

false, $sPersistent = false)
{
$this->_hMaster = $this->_connect($sHost, $sUser, $sPass, $sPort,
$sPersistent);
if (!$this->_hMaster)
{
return Phpfox_Error::set('Cannot connect to the database: ' . $this-
>_sqlError());
}
if (Phpfox::getParam(array('db', 'slave'))){
$aServers = Phpfox::getParam(array('db', 'slave_servers'));
$iSlave = (count($aServers) > 1 ? rand(0, (count($aServers) - 1)) :
0);
if (PHPFOX_DEBUG)
{
$this->sSlaveServer = $aServers[$iSlave][0];
}

$this->_hSlave = $this->_connect($aServers[$iSlave][0],
$aServers[$iSlave][1], $aServers[$iSlave][2], $aServers[$iSlave][3],
$aServers[$iSlave][4]);
if ($this->_hSlave)
{
if (!@($this->_aCmd['mysql_select_db'] == 'mysqli_select_db' ? $this-
>_aCmd['mysql_select_db']($this->_hSlave, $sName) : $this-
>_aCmd['mysql_select_db']($sName, $this->_hSlave)))
{ if (PHPFOX_DEBUG){} $this->_hSlave = null;}}}
if (!$this->_hSlave)
{
$this->_hSlave =& $this->_hMaster;
}

if (!@($this->_aCmd['mysql_select_db'] == 'mysqli_select_db' ? $this-

>_aCmd['mysql_select_db']($this->_hMaster, $sName) : $this-
>_aCmd['mysql_select_db']($sName, $this->_hMaster)))
{
return Phpfox_Error::set('Cannot connect to the database: ' . $this-
>_sqlError());
}
return true;
}

public function query($sSql, &$hLink = '')

Page 73
 SOCIAL-NETWORKING WEBSITE

{
if (!$hLink)
{
$hLink =& $this->_hMaster;
}

(PHPFOX_DEBUG ? Phpfox_Debug::start('sql') : '');

$hRes = @($this->_aCmd['mysql_query'] == 'mysqli_query' ? $this-

>_aCmd['mysql_query']($hLink, $sSql) : $this-
>_aCmd['mysql_query']($sSql, $hLink));

if (defined('PHPFOX_LOG_SQL') && Phpfox::getLib('file')-

>isWritable(PHPFOX_DIR_FILE . 'log' . PHPFOX_DS))
{
$hFile = fopen(PHPFOX_DIR_FILE . 'log' . PHPFOX_DS . 'phpfox_query_' .
date('d.m.y', PHPFOX_TIME) . '_' . md5(Phpfox::getVersion()) . '.php',
'a');
fwrite($hFile, '<?php defined(\'PHPFOX\') or exit(\'NO DICE!\'); ?>'
. "##\n{$sSql}##\n");
fclose($hFile);
}

if (!$hRes)
{
Phpfox_Error::trigger('Query Error:' . $this->_sqlError(),
(PHPFOX_DEBUG ? E_USER_ERROR : E_USER_WARNING));
}

(PHPFOX_DEBUG ? Phpfox_Debug::end('sql', array('sql' => $sSql, 'slave'

=> $this->_bIsSlave, 'rows' => (is_bool($hRes) ? '-' : @$this-
>_aCmd['mysql_num_rows']($hRes)))) : '');

$this->_bIsSlave = false;

return $hRes;
}
//Makes a connection to the MySQL database

private function _connect($sHost, $sUser, $sPass, $sPort = false,

$sPersistent = false)
{
if ($sPort)
{
$sHost = $sHost . ':' . $sPort;
}

if ($hLink = ($sPersistent ? @$this->_aCmd['mysql_pconnect']($sHost,

$sUser, $sPass) : @$this->_aCmd['mysql_connect']($sHost, $sUser,
$sPass)))
{

Page 74
 SOCIAL-NETWORKING WEBSITE

return $hLink;
}

return false;}
private function _sqlError(){
return ($this->_aCmd['mysql_error'] == 'mysqli_error' ? @$this-
>_aCmd['mysql_error']($this->_hMaster) : @$this-
>_aCmd['mysql_error']());}}
?>

Page 75
 SOCIAL-NETWORKING WEBSITE

TESTING
TESTING
A process of executing a program with the explicit intention of finding errors, that is making the
program fail.

TESTING METHODOLOGIES
 Black Box Testing
 Software Testing
 White Box Testing

SOFTWARE TESTING
It is the process of testing the functionality and correctness of software by running it. Process of
executing a program with the intent of finding an error.
A good test case is one that has a high probability of finding an as yet undiscovered error. A
successful test is one that uncovers an as yet undiscovered error.
Software Testing is usually performed for one of two reasons:
 Defect detection
 Reliability estimation

BLACK BOX TESTING

Applies to software systems or module, tests functionality in terms of inputs and outputs at
interfaces. Test reveals if the software function is fully operational with reference to requirements
specification.

WHITE BOX TESTING

Knowing the internal workings i.e., to test if all internal operations are performed according to
program structures and data structures. To test if all internal components have been adequately
exercised.

Page 76
 SOCIAL-NETWORKING WEBSITE

SOFTWARE TESTING STRATEGIES

A strategy for software testing will begin in the following order:

1. Unit testing
2. Integration testing
3. Validation testing
4. System testing

 UNIT TESTING
It concentrates on each unit of the software as implemented in source code and is a white box
oriented. Using the component level design description as a guide, important control paths are
tested to uncover errors within the boundary of the module
 INTEGRATION TESTING

Here focus is on design and construction of the software architecture.. The objective is to take unit
tested components and build a program structure that has been dictated by design.

 VALIDATION TESTING

In this, requirements established as part of software requirements analysis are validated against the
software that has been constructed i.e., validation succeeds when software functions in a manner
that can reasonably expected by the customer.

 SYSTEM TESTING
In this software and other system elements are tested as a whole.

Page 77
 SOCIAL-NETWORKING WEBSITE

IMPLEMENTATION

Implementation is the carrying out, execution, or practice of a plan,to

implement the project into our system we will need to perform the
following operations:

1. Install XAMPP application (specifically v3.1)

2. It would preferred to have an Apache PHP Server with
PHPMYADMIN. (localhost/phpmyadmin)
3. Then we can use the Mysql Application to configure and install
the “Friendshub.sql” file to setup the backend.
4. Now visit(http://localhost/friendshub/index.php) login with the
default “USERNAME” and “PASSWORD”.
5. Now you can login into the website.

Now, your application is deployed and completely implemented.

Page 78
 SOCIAL-NETWORKING WEBSITE

MAINTENANCE

It is not possible to develop a system that makes all the requirements of the user.
User requirements keep changing as the system is being used.

Software will definitely go through change once when it is delivered to the customer.
There are large numbers of reasons for the change. Change could happen due to
some unpredicted input values into the system. In addition to this the changes in the
system directly have an effect on the software operations. The software should be
implemented to accommodate changes that could be happen during the post
development period.

Some of the future enhancements that can be done to this system are:

 As the technology emerges, it is possible to upgrade the system and can be

adaptable to desired environment.

 Because it is based on object-oriented design, any further changes can be

easily adaptable.

 Based on the future security issues, security can be improved using emerging
technologies.

Page 79
 SOCIAL-NETWORKING WEBSITE

CONCLUSION

 A social networking service is an online service, platform, or site that focuses

on facilities the building of social networks or social relations among people
who , for example . share interests, activities,backgrounds, or real-life
connections.

 Social networking sites are not only for you to communicate or interact with
other people globally but, this is also one effective way for business
promotion.

 User friendly menu driven interface has been provided to the user to
interact with the system. Users can traverse through the website
provided the users have the access right set. The users can register
themselves through a registration form and then can use the services
of the website.

 Unlike other communication mediums, social networking sites

notonly provide the ability for users to communicate with each other
butalso enable users to find like-minded individuals.

Page 80
 SOCIAL-NETWORKING WEBSITE

BIBLIOGRAPHY

1. www.google.com
2. www.wikiepedia.org
3. www.microsoft.com
4. Html Publishing Bible - Alan Simpson
5. Analysis & Design Of Information James A. Senn
6. J2EE Complete Reference: Herbert Shield
7. Java Server Pages(JSP): Subramanyam Almaraju
8. Answers.com, Online Dictionary, Computer
Encyclopedia And Much More,
http://www.answers.com

Page 81