FUN AND LEARN(An educational website)

PROJECT REPORT
ON

FUN AND LEARN

(An educational website)
Towards partial fulfillment of the requirement
For the award of degree of

Bachelor of Computer Application

Submitted by under Guidanceof

Shalini Singh Mr.Rinku Raheja
ID: 714042

Academic Session 2014 – 17

Department of Computer Science

NationalP.G.College
(An Autonomous College of LucknowUniversity)
(NAAC ‘A’ Grade Credited)
2- Rana Pratap Marg,Lucknow
 FUN AND LEARN(An educational website)

NationalP.G.College
2, Rana Pratap Marg, Lucknow(U.P.)

CERTIFICATE
This is to certify that project report entitled

FUN AND LEARN

(An educational website)

being submitted by

Shalini Singh

Towards partial fulfillment of the requirement

For the award of degree of

Bachelor of Computer Application(BCA)

In the Academic Session: 2014-2017

Is a record of students own work

And to the best of my knowledge the work reported here in does not form a part of
Any other thesis or work on the basis of which degree or award was conferred on
An earlier occasion to this or any other candidate

Mrs. Shalini Lamba

H.O.D(Computer Application)
 FUN AND LEARN(An educational website)

CANDIDATE DECLARATION
I, hereby certify that the work which is being presented in the project
work entitled “FUN AND LEARN (An educational website)” is the
fulfillment of the requirement for award of the Bachelors in Computer
Applications submitted in the Computer Science Department of National
P.G. College.

This is an authentic record of my work during 6 months period under

supervision of Mr.Rinku Raheja.

The matter presented in the project work has not been submitted by me
for the award of any other Degree/Diploma of this or any other
University.

Date : _______________

Place : Lucknow (Signature of Candidate)

 FUN AND LEARN(An educational website)

Acknowledgement

The satisfaction and euphoria that accompany the development of any task would be
incomplete without the mention of the people who make it possible, whose constant
guidance and encouragement crowned our efforts with success.
We, the developers feel indebted to a lot of people who during the course of our
project not only held us in good stead but also provided us with invaluable services
both personal and professional.

Our first vote of thanks goes to our Parents, with every gesture, every word, every
pat on the back, they have always tried to inspire us for better things and attain
them. More so with this project, they were with us every instant, sharing our joys-
when the code used to work and wiping our tears when machine used to hang.

We wish to place on record our whole hearted gratitude to Mr. Rinku

Raheja our project guide for making available every facility that we required
during the course of our project. Also, we are extremely thankful to you Sir, for
extending your kind guidance and words of wisdom from your treasure trove of
experience. With friendly advice and guidance at every step, his presence was a
welcome sight through out the project. .
Thank you Sir.

We are also deeply indebted to our HOD Mrs Shalini Lamba for their constant
presence, supervision and advice paid off in the culmination of this project and has
helped us a great deal with this project with their constant words of encouragement
and advice.

Actually, this project report is just an excuse to convey our feelings about how
much we appreciate the amount of concern and caring that our teachers exhibit in all
our pursuits ranging from anything as simple as the routine lab program to
something as taxing as a project. Their patient listening to our problem is itself a
major source of strength to us.
Thanks to all of u….

Finally, we would like to bind up by paying our heartfelt thanks and prayers to the
Almighty, without whose willing nothing is possible in this world and all my dear
friends for their support.
 FUN AND LEARN(An educational website)

CONTENTS
1.Introduction and Objectives 1
1.1 Statement of The Proposed System 1
1.2 Problem With Existing System 1
1.3 Objective of the Project 2
1.4Project Description 2
2.System Analysis 3
2.1 Requirement Analysis 3
2.2 Risk Analysis 4
3.Preliminary Investigation 4
4. Project Feasiblity 5
5. Methodology Used 8
6. Software and Hardware Requirement 10
7. System Design 12
8. Project Module 14
9. Gantt Chart 15
10. Data Dictionary 16
11. Input and Output Specification 21
12. Data Flow Diagram 31
13. ER Diagram 33
14. Coding 34
15. Implementation and Maintenance 51
16. System Security Measures 53
17. Cost Analysis 54
18. Future Scope of the Project 56
19. Glossary 58
20. Bibliography 65
 FUN AND LEARN(An educational website)

1. Introduction and Objectives

1.1Statement of The Proposed System

The proposed system is a web based learning platform,visually

pleasing,and easy-to-navigate website.It’s fun and interactive graphics
capture children ‘s attention and provide a fun way to learn how to
read.This website is user-friendly in that all children as well as parents
and educators can easily navigate the website’s contents.

1.2Problem With Existing System

This finding may explains why today’s kids especially those who are still
in primary school prefer to use digital devices compared to their
textbooks.Todays students find it boring to use their textbooks except
for classroom activites.This is a problem to the educators as well as the
parents because textbooks are the main references for a student as it
represent the actual standards in learning process.This phenomenon
can lead to the assumption that the students would not use the
textbook for self-study.
The other problem with today’s education process is that the
conventional linear teaching method that is carried out without
interactivity will leave lesser experience to the students,thus lead to a
less interest in certain critical subject such as Science.While some
subjects can only be taught without additional educational tools,some
might need it to enhance the understanding towards certain process.In
learning process,understanding on certain topics can be enhanced
when students try to relate the new knowledge with the real world
representation,and understand it better if it is done interactivity.
 FUN AND LEARN(An educational website)

1.3 Objective of the Project

The objective of the project is to consider the potential of Augmented

Reality as one of the multimedia technology in order to help engaging
the students and their textbooks.This can be done by offering them a
great variety of educational tools and serves an additional initiative to
achieve their educational goals.The objectives can be specifically
outlined as follows:

1.Enhance textbooks in order to engage a reader in ways that have

never been possible by designing a mentoring system to serve the
purpose of self-studying.

2.Provide students with the audio-visual contents as the

representations of their textbooks contents which they can interact
within real time.

1.4 Project description

“Picture speaks more than words.” This idioms tells about the project as
website designed in this project is a place where children could develop
an early passion for reading , learning and develop feelings of wonderment
and play.This is a free website appropriate for children.The websites includes
interactive materials for study like tutorials,practice sheet to analyzie how
much they learn,audio and video as well as a variety of download able
materials.
The mission of this site is to motivate children to read. The
mission is accomplished by this site employing a variety of bright colors,
animations and voices utilized on the site keep the children’s attention
and keep them excited to continue exploring the site,which,in
turn,facilitates their continued reading practice.
 FUN AND LEARN(An educational website)

2. System Analysis

2.1 Requirement Analysis:

User Section--
 The user must be registered or logged in .
 The user cannot perform an editing on website.
 Only valid user enters to this section by providing login name and
password to the system.
 Only the user can view the tutorial,worksheet,audio and video on the
website.
Admin Section--
 This section can be accessed by providing administrator email and
password.
 The administrator only can add the tutorial,worksheet,audio and video
on the website..
 Only administrator can navigate through entire system.

User Interface Requirement:

 User Interface elements must be easy to understand.

 The user interface should be easy to learn. When users use the
interface, they should know which element is used for which
operations.

 The interface actions and elements should be consistent. When

users press any button, required actions should be performed by
the system alongwith appropriate prompts to the user.

 The screen layout and color of the user interface should be

appealing. When users look at the screen, it should have a nice
vision. Colors should be selected clearly and intelligently, thus
providing an appealing and comfortable look and feel to the user.
 FUN AND LEARN(An educational website)

2.2 Risk Analysis:

Uncertainity, which is constantly present in our daily lives, frequently

impacts our decisions and actions. When we talk about risk, we
normally mean the chance that some undesirable impact will occur.
Hence, we normally seek to avoid or minimize risk. If there is a chance
of rain, and we don't want to get wet, we may choose to stay indoors --
avoiding that risk -- or we may take an umbrella to minimize the impact
of rain upon us. Uncertainity can impact our decisions and actions in
desirable as well as undesirable ways. In risk analysis we usually focus
on what can go wrong -- the outcomes that represent loss or damage --
although an effective analysis will also help us understand what can go
right as well.
A risk assessment involves evaluating existing physical and
environmental security and controls, and accessing their adequacy
relative to the potential threats of the organization. A business impact
analysis involves identifying the critical business functions within the
organization and determining the impact of not performing the business
function beyond the maximum acceptable outage. Types of criteria that
can be used to evaluate the impact include: customer service, internal
operations,
legal/statutory and financial.
A primary objective of business recovery planning is to protect the
organization in the event that all or part of its operations and/or
computer services is rendered unusable. Each functional area of the
organization should be analyzed to determine the potential risk and
impact related to various disaster threats.
Regardless of the prevention techniques employed, possible threats that
could arise inside or outside the organization need to be assessed.
 FUN AND LEARN(An educational website)

Although the exact nature of potential disasters or their resulting

consequences are difficult to determine, it is beneficial to perform a
comprehensive risk assessment of all threats that can realistically occur
to the organization. Regardless of the type of threat, the goals of
business recovery planning are to ensure the safety of
customers,employees and other personnel.
3. Preliminary Investigation

Preliminary system study is the first stage of system development life

cycle. This is a brief investigation of the system under consideration and
gives a clear picture of what actually the physical system is? In this stage
the need of the system is evaluated. The initial system study involves the
preparation of a ‘Project Overview’ which lists the Problem with the
existing system, Objectives of the proposed system, Scope of the
proposed System, Constraints, Expected benefits of the new system, etc.
in the light of the user requirements. The main steps followed in this
stage are:

 Problem identification and project initiation.

 Background analysis.
 Inference or findings (system proposal).
 Determine the size of the project.
 Assess costs and benefits of alternative approaches.
 Determine the technical feasibility of alternative approaches.
 FUN AND LEARN(An educational website)

4. Project Feasiblity

Feasibility is said to be the determination of whether the project is worth

doing or not. The process followed in making this determination is
called feasibility study. Feasibility study determines if a project can and
should be taken or not. Will it be beneficial and practical for the
organization to take such a project. Once it has been determined that the
project is feasible, the analysts can go ahead and prepare the project
specification which finalizes project requirements.
It focuses on three major questions:
1. What are the user’s demonstrable needs and how does a candidate
system meet them?
2. What resources are available for given candidate systems? Is the
problem worth solving?
3. What are the likely impacts of the candidate system on the
organization?

Feasibility Consideration

Types of Feasibility Study:-

 Technical feasibility
 Operational feasibility
 Economic feasibility
 Schedule Feasibility
 FUN AND LEARN(An educational website)

Steps Involve in Feasibility Study

Technical Feasibility:

Technical feasibility is concerned with specifying equipment and

hardware and software requirements for the system development that
will successfully satisfy the user requirement.
The technical needs of the system may include:
 The facility to produce outputs in a given time.
 Response time under certain conditions.
 Ability to produce a certain volume of transaction at a particular
speed.
 Facility to communicate data to distinct location.

Like in this system“FUN AND LEARN (An educational

website)”following hardware and software requirements must be
fulfilled:

Database Design : MySQL

Coding: : PHP

Specific software and hardware products can then be evaluated keeping

in view with the logical needs.

The system “FUN AND LEARN (An educational website)” is

technically feasible as all the software and hardware requirements are
met by the organization.
 FUN AND LEARN(An educational website)

Operational Feasibility:

Operational feasibility determines how the proposed system will fit in

with the current operations and what will happen if any; process
reconstruction or retraining of the specified user’s may be needed to
implement the system. The evaluation must then determine the general
attitude and skills of existing personnel and whether any such
reconstruction of processes will be acceptable to the current users.
Operational Feasibility deals with the user interaction with the system
and how the changes in the system may lead to the feasibility of the
system. Will the system work accordingly and give fruitful results this is
the main objective of this feasibility study.
It also focuses on the database management and how the information so
stored is managed by the system.

The “FUN AND LEARN (An educational website)” is found to be

feasible operationally because it is designed in such interactive manner
that user need not to take any special training for operating or using the
website.

Economic Feasibility:

Economic analysis or cost/benefit analysis is most frequently used

technique for evaluating the effectiveness of a proposed system. It is
procedure to determine the benefits and savings that are expected from
the proposed system and compare them with costs. If the benefit
outweighs the costs, a decision is taken to design and implement the
system. Otherwise, further justification or alternative in the proposed
system will have to be made if it is to have a chance of being approved.
 FUN AND LEARN(An educational website)

This is an ongoing effort that improves in accuracy at each phase of

system life cycle.
A system so developed must be economically feasible so as to be
beneficial for the organization The economical factor for “FUN AND
LEARN (An educational website)” is feasible as all the resources used
for its development lie within the budget estimated for its development.

Schedule Feasibility:

This feasibility study deals with scheduling all the processes

development so as to get the fully working and well developed system at
the end without any loop holes in its processing. This study checks the
whether all the processes are integrated and the work flow is as per the
requirements.

5.Methodology Used

Technologies Used:

1.PHP

PHP is a server-side scripting language designed for web development

but also used as a general-purpose programming language PHP originally
stood for Personal Home Page , but it now stands for the recursive
backronym PHP: Hypertext Preprocessor .
PHP code may be embedded into HTML code, or it can be used in
combination with variousweb 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 or 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
 FUN AND LEARN(An educational website)

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. Database Server: MySQL

MySQL is an open-source relational database management system(RDBMS

).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 ofproprietary agreements.
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
centralcomponent of the widely used LAMP open-source web application
software stackApache , MySQL, Perl /PHP / Python.

WAMP is used because it is a package of independently-created programs

installed on computers that use a Microsoft Windows operating
system.Wamp is an acronym formed from the initials of the operating
system Microsoft Windows and the principal components of the
packages:Apache,MY SQL and one of the PHP,PERL or PYTHON.PHP is
a scripting language that can manipulated information held in a database
and generates web pages dynamically each time contents is requested by a
browser. PHP was use for the server programming which is basically
queries used to link the website to the database.Other programs were
included,such as phpMyAdmin which provides a graphical user interface
for the MYSQL database manager.
 FUN AND LEARN(An educational website)

6.Software and Hardware Requirement

Requirement Specification

Tools/ Platform/ Software and Hardware Specification :

Software Requirement:

Server
 Browser : Chrome, Mozilla
 Database : MySQL
 Operating System : Windows 7/8/8.1

Client
 Browser : Chrome, Firefox
 Operating System : Window 7 or above

Developer
 Browser : Google Chrome and Firefox
 Database : MySQL
 Operating System : Window 7

Hardware Specification:
 FUN AND LEARN(An educational website)

Server
 Processor : 2 .5 (GHz) Pentium processor
 RAM : 2 GB
 HDD : 80GB
 Display : 1024 x 768 High color-64-bit

Client
 Processor : P3 866 MHz or later
 RAM : 128 MB
 HDD : 10GB
 Display : 1024 x 768 High color-64-bitSOFTWARE

Developer
 Processor : 2 .5 (GHz) Pentium processor
 RAM : 2 GB
 HDD : 80 GB
 Display : 1024 x 768 High color-64-bit

7. SYSTEM DESIGN
 FUN AND LEARN(An educational website)

System Life Cycle

To solve actual problems in an industry setting, software engineer or a
team of Engineers must incorporate a development strategy that
encompasses the process, methods, and tools layers. This strategy is
often referred to as a process model or a software engineering
paradigm.

A process model or a software engineering is chosen based on the

nature of the project and application, the methods and tools to be used,
and the controls and deliverables that are required.
In this project Linear Sequential Model is used (Water Fall Model)
involved steps given below:

LINEAR SEQUENTIAL MODEL (ITERATIVE WATER FALL MODEL)

System Designing is the phase which is based on the user requirements

and the detailed analysis of the existing system, the new system is being
designed. It is the most crucial phase in the life cycle of system
development. System Analysis gives the logical overview of the system
and this is converted into physical system design in this phase.
Normally, the system design proceeds in two stages:
 Preliminary Design Phase
 Structured or Detailed Design Phase
 FUN AND LEARN(An educational website)

Preliminary Design Phase:

In this phase, the features of the new system to be designed are
specified. The costs of implementing these features and the benefits to
be derived from the system so developed are estimated. If the project is
still considered to be feasible, then we move to the detaileddesign
phase.
In the project Fun AND LEARN (An educational website) initially the
designs were made to develop an interactive Graphical User Interface
for the end-user to work on it easily and maintain the records of
streetlight allotment in particular wards and areas.

Structured or Detailed Design:

In the detailed design phase, the detailed designing of the system take
place and the serious development of the system is done covering the
user’s requirements. At this stage, the design of the system becomes
more structured. Structure design is a blueprint of a computer system
solution to a given problem having the same components and inter-
relationships among the same components as the original problem.
Input, output, databases, forms, coding schemes and processing
specifications are drawn up in
details.

The system design involves:

 Defining precisely the required system output
 Determining the data requirement for producing the output
 Determining the medium and format of files and databases
 Devising processing methods and use of software to produce
output
 FUN AND LEARN(An educational website)

 Determine the methods of data capture and data input

 Designing Input forms
 Designing Codification Schemes
 Detailed manual procedures
 Documenting the Design

System designing approaches:

Top – Down designing:

The top - down designing approach starts with major components of the
system. It is a stepwise refinement which starts from an abstract design,
in each steps the design is refined two or more concrete levels until we
reach a level where no – more refinement is possible or not needed.

Bottom – Up designing:
In bottom – up designing the most basic and primitive components are
designed first, and we proceed to higher level components. We work
with layers of abstractions and abstraction are implemented until the
stage is reached where the operations supported by the layer is complete.

8. Project Modules

We know that it is quite difficult to do anything of its whole part at a

time. So it is the task of the programmer to break/split the whole set of
task into various small modules so that one can handle them effectively.
But it depends upon the software system that in which extend it will be
broken so that there is no inter-dependency among them.
This project “Fun and Learn” is broken into following modules:-
 FUN AND LEARN(An educational website)

Admin Module :-
Admin module is mainly for the owner of the system. This module
performs the work of regular checking process. Everyone needs current
information about anything. So, this module is responsible for updating
the information continuously if any, in the system so that admin find
timely information what’s happening. But the main function of this
module is to handle security of this system. Different types of
authentication and authorization process is performed for this purpose.
The admin has the sole right to edit, change or modify any content of the
website at any point of time. .

FeedBack Module :-
This module contains a feedback form provided for the Customer. In this
module we will be maintaining the reviews list. We will be providing a
Discussion Board Form for the sellers and the customers for more
queries.

Login and Signup:-

It displays the login page for the existing users to enter their id and
password and the signup page for those who want to register for the
new account by filling up certain details.

Homepage creation :-
This is the main page on which the user is redirected after he is logged
in . Homepage displays our main goal and some interactive images .

About Us :-
This page displays information about our website and our contact
information.

9.Gantt Chart

A standard technique employed in recent times to keep track of a

project's progress is the Gantt chart named after the industrial engineer
Henry Gantt (1861-1919). They are easy to draw, easy to understand and
readily adaptable to other planning approaches (e.g. Pert Charts).This
type of chart shows the start and end of a number of tasks and shows
their timing relationship relative to each other.
The bar for each task stretches from the starting date of the task to the
end of the task.
 FUN AND LEARN(An educational website)

The bars can be color coded to show if the task is running behind
schedule or basedon resources required for the task.

10. Data Dictionary

Data Designing

This is the database design:

 FUN AND LEARN(An educational website)

Audio table

Video table
 FUN AND LEARN(An educational website)

Worksheet table

Signup table
 FUN AND LEARN(An educational website)

Registration table

Comment table
 FUN AND LEARN(An educational website)

11. Input and Output Specification

 FUN AND LEARN(An educational website)

1. VISITOR’S PAGE

2. About Us
 FUN AND LEARN(An educational website)

3. Contact Us
 FUN AND LEARN(An educational website)

4. Login

5. Signin
 FUN AND LEARN(An educational website)

6. Membership Information
FUN AND LEARN(An educational website)
 FUN AND LEARN(An educational website)

7.Science Tutorial

8.English Tutorials
 FUN AND LEARN(An educational website)

9.Computer Tutorial
 FUN AND LEARN(An educational website)

10.Social-Science Tutorials
 FUN AND LEARN(An educational website)

12. Data Flow Diagram (DFD)

A data-flow diagram (DFD) is a graphical representation of the "flow"
of data through an information system. DFD’s can also be used for the
visualization of data processing (structured design).
 FUN AND LEARN(An educational website)

On a DFD, data items flow from an external data source or an internal

data store to an internal data store or an external data sink, via an internal
process.
A DFD provides no information about the timing of processes, or about
whether processes will operate in sequence or in parallel. It is therefore
quite different from a flowchart, which shows the flow of control
through an algorithm, allowing a reader to determine what operations
will be performed, in what order, and under what circumstances, but not
what kinds of data will be input to and output from the system, nor
where the data will come from and go to, nor where the data will be
stored.

It is common practice to draw a context-level data flow diagram first,

which shows the interaction between the system and external agents
which act as data sources and data sinks. On the context diagram (also
known as the Level 0 DFD) the system's interactions with the outside
world are modelled purely in terms of data flows across the system
boundary. The context diagram shows the entire system as a single
process, and gives no clues as to its internal organization.

Zero-Level DFD(0-Level DFD)

Manages
Enter the
Instructor
system
Admin e
Fun and Learn Instructor

authorized registration
 FUN AND LEARN(An educational website)

1-Level DFD

Gets
asks Registration
Admin form Instructor
User
Database
accepted Submit

authorizes

authorized Log In
Admin Tutorial Instructor
Practice
Sheet
Database Request for tutorial Requires Math Tutorial

Issue Get the Tutorial

Audio Request For Sheet Require

Practice Sheet
database

Issue Get the

Video Request For Audio Requi re Audio

database Audio
Issue
Get the Audio
Request For Video Requi re
Video
Issue Get the Video
 FUN AND LEARN(An educational website)

13.Entity Relationship Diagram (ERD) E-mail

U_id

uname
Contact
No.
Provide
Administrator services to User

Password

Gender
Date

add T_Id Path

SUBJECT Tutorial View

UPDATE
Subject P_ID

Path Practise
sheet

A_id
Subject

Audio
&Video

Path
 FUN AND LEARN(An educational website)

14. CODING

LOGIN—
<html>
<head><TITLE>USER</TITLE>
<style>
.i
{
border: 5px double #FFa500;
height:215px;
border-top-left-radius: 2em;
border-top-right-radius: 2em;
}
.lin
{
margin-top:-200px;
margin-left:300px;
}
.l
{
margin-top:10px;
margin-left:6px;
}
.z
{
margin-top:-190px;
margin-left:1090px;

}
.z a:link,.z a:visited {
background-color:#FFa500;
color:white;
font-family:arial;
padding: 10px 90px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.z a:hover, .z a:active {
background-color: red;
}
 FUN AND LEARN(An educational website)

.q
{
margin-top:10px;
margin-left:1090px;

}
.q a:link,.q a:visited {
background-color:#FFa500;
color:white;
font-family:arial;
padding: 10px 90px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.q a:hover, .q a:active {
background-color: red;
}
.x
{
margin-top:20px;
margin-left:1090px;

}
.x a:link,.x a:visited {
background-color:#FFa500;
color:white ;
font-family:arial;
padding: 10px 26px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.x a:hover, .x a:active {
background-color: red;
}
.x1
{
margin-top:15px;
margin-left:1090px;

}
.x1 a:link,.x1 a:visited {
background-color:#FFa500;
 FUN AND LEARN(An educational website)

color:white ;
font-family:arial;
padding: 8px 92px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.x1 a:hover, .x1 a:active {
background-color: red;
}
.x0
{
margin-left:320px;
margin-top:-240px;
}
.x2
{
margin-left:500px;
margin-top:-45px;
}
.x3
{
margin-left:320px;
margin-top:20px;
}
.x4
{
margin-left:500px;
margin-top:-45px;
}
.x5
{
margin-left:500px;
margin-top:45px;
}
.x6
{
margin-left:850px;
margin-top:-15px;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
 FUN AND LEARN(An educational website)

display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
background-color: #ffa500;
color: white;
padding: 10px 50px;
margin-left:500px;
margin-top:30px;
border: none;
cursor: pointer;

}
button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
button1 {
background-color: #ffa500;
color: white;
padding: 10px 50px;
margin-left:200px;
border: none;
cursor: pointer;

}
button1:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
</style>
</head>
<body vlink="blue">
<div class="i">
<div class="l">
<IMG SRC="image\1.png" width="295"height="191">
</div>
<div class="lin">
<IMG SRC="image\2.gif" width="830" height="205">
</div>
<div class="z">
<a href="user.php">Log In</a>
</div>
<div class="q">
<a href="sign.php">Sign In</a>
 FUN AND LEARN(An educational website)

</div>
<div class="x">
<a href="member.php">Membership Information</a>
</div>
<div class="x1">
<a href="home.php">Home</a>
</div>

</div>

<form action ="LoginAction.php" method="Post">

<h1><u><font color="blue"face="cooper" size="20"><center>LogIn
Form</center></font></u></h1>
<img src="IMAGE\d.PNG" width="300">
<font face="arial" size="6">
<div class="x0"><b>E-mail</b></div>
<div class="x2"><input type="text" placeholder="Enter E-mail" name="email"
required></div>
<div class="x3"><b>Password:</b></div>
<div class="x4"><input type="password" placeholder="Enter Password" name="password"
required></div>
</font>
<button type="submit" onclick="validate()">Login</button>
<button1 type="cancel">Cancel</button1><br>
<div class="x5">
<input type="checkbox" checked="checked"> Remember me.</div>
<div class="x6">
<a href="forget.php">Forgot Password?</a><br>
<a href="change.php">Change Password?</a></div>
</form>
</body>
</html>

LOGIN ACTION—
<?php
$link = mysqli_connect("localhost", "root", "", "fun");
if($link === false)
{
die("ERROR: Could not connect. " . mysqli_connect_error());
}
$password = mysqli_real_escape_string($link, $_REQUEST['password']);
$email = mysqli_real_escape_string($link, $_REQUEST['email']);

$sql = "INSERT INTO login (password,email)

 FUN AND LEARN(An educational website)

values(' '$password', '$email')";

if(mysqli_query($link, $sql))
{
echo "Login successfully.";
}
else
{
echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
}

Registration—

<html>
<head>
<title>SIGN</title>
<script>
function validate()
{
var email=document.getElementById("useremail");
var filter=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value))
{
alert("email is not valid") ;
}
va
}
</script>
<style>
.x1
{
margin-top:15px;
margin-left:1090px;

}
.x1 a:link,.x1 a:visited {
background-color:#FFa500;
color:white ;
font-family:arial;
padding: 8px 92px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.x1 a:hover, .x1 a:active {
 FUN AND LEARN(An educational website)

background-color: red;
}

.i
{
border: 5px double #FFa500;
height:215px;
border-top-left-radius: 2em;
border-top-right-radius: 2em;
}
.lin
{
margin-top:-200px;
margin-left:300px;
}
.l
{
margin-top:10px;
margin-left:6px;
}
.z
{
margin-top:-190px;
margin-left:1090px;

}
.z a:link,.z a:visited {
background-color:#FFa500;
color:white;
font-family:arial;
padding: 10px 90px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.z a:hover, .z a:active {
background-color: red;
}
.q
{
margin-top:10px;
margin-left:1090px;

}
 FUN AND LEARN(An educational website)

.q a:link,.q a:visited {
background-color:#FFa500;
color:white;
font-family:arial;
padding: 10px 87px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.q a:hover, .q a:active {
background-color: red;
}
.x
{
margin-top:20px;
margin-left:1090px;
}
.x a:link,.x a:visited {
background-color:#FFa500;
color:white ;
font-family:arial;
padding: 10px 26px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.x a:hover, .x a:active {
background-color: red;
}

input[type=text], input[type=password],input[type=E-
mail] ,input[type=contact] ,input[type=address]
{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}

button {
background-color: #ffa500;
color: white;
 FUN AND LEARN(An educational website)

padding: 10px 50px;

margin-left:490px;
margin-top:10px;
border: none;
cursor: pointer;

}
button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
button1 {
background-color: #ffa500;
color: white;
padding: 10px 50px;
margin-left:500px;
margin-top:-10px;
border: none;
cursor: pointer;

}
button1:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.x2
{
margin-left:500px;
margin-top:-390px;
}
.x3
{
margin-left:390px;
margin-top:65px;
}
.x4
{
margin-left:500px;
margin-top:-45px;
}
.x5
{
margin-left:350px;
margin-top:25px;
}
.x6
 FUN AND LEARN(An educational website)

{
margin-left:500px;
margin-top:-45px;
}
.x7
{
margin-left:290px;
margin-top:25px;
}
.x8
{
margin-left:500px;
margin-top:-45px;
}
.x9
{
margin-left:390px;
margin-top:25px;
}
.x10
{
margin-left:390px;
margin-top:20px;
}
.x11
{
margin-left:510px;
margin-top:-40px;
}
.x12
{
margin-left:390px;
margin-top:20px;
}
.x13
{
margin-left:510px;
margin-top:-40px;
}
.x14
{
margin-left:390px;
margin-top:20px;
}
 FUN AND LEARN(An educational website)

.x15
{
margin-left:390px;
margin-top:20px;
}
.x16
{
margin-left:510px;
margin-top:-40px;
}
.x17
{
margin-left:390px;
margin-top:45px;
}
.x18
{
margin-left:510px;
margin-top:-25px;
}
.x19
{
margin-left:510px;
margin-top:-25px;
}
.x20
{
margin-left:600px;
margin-top:-20px;

}
.x21
{
margin-left:700px;
margin-top:-15px;
margin-bottom:30px;

</style>
</head>
<body vlink="blue">
<div class="i">
<div class="l">
 FUN AND LEARN(An educational website)

<IMG SRC="image\1.png" width="295"height="191">

</div>
<div class="lin">
<IMG SRC="image\2.gif" width="830"height="205">
</div>
<div class="z">
<a href="user.php">Log In</a>
</div>
<div class="q">
<a href="sign.php">Sign In</a>
</div>
<div class="x">
<a href="member.php">Membership Information</a>
</div>
<div class="x1">
<a href="home.php">Home</a>
</div>

</div>
<u><font color="blue" face="cooper" size="20"><center>SignIn
Form</center></font></u>
<form action="a.php" method="post">
<img src="IMAGE\a.PNG" width="400">
<font face="arial" size="5">
<div class="x2"><h1><u>Create New Account</u></h1></div>
<div class="x3">Name:</div>
<div class="x4"><input type="text" placeholder="enter Name" name="name" id="name"
required></div>
<div class="x5">Password:</div>
<div class="x6"><input type="password" placeholder="enter password" name="password"
id="userpassword" required></div>
<div class="x7">Confirm Password:</div>
<div class="x8"><input type="password" placeholder="confirm your password"
name="confirmpassword" id="userconpass" required></div>
<div class="x9">D.O.B:</div>
<div class="x19">
<select id="Day" name="Day">
<?php
$tDay = (isset($_GET['day'])) ? $_GET['day'] : '';
$tSelected = (empty($tDay)) ? 'selected="selected"' : '';
printf('<option %s value="" label="Day">Day</option>', $tSelected);
for($i=1; $i <= 31; $i++)
{
$tFormated = str_pad($i, 2, 0, STR_PAD_LEFT);
 FUN AND LEARN(An educational website)

$tSelected = ($tDay == $tFormated ) ? 'selected="selected"' : '';

printf('<option %s value="%2$s" label="%2$s">%2$s</option>', $tSelected, $tFormated);
}
?>
</select>
</div>
<div class="x20">
<select id="Month" name="Month">
<?php
$tMonth = (isset($_GET['month'])) ?
$_GET['month'] : '';
$tSelected = (empty($tMonth)) ?
'selected="selected"' : '';
printf('<option %s value=""
label="Month">Month</option>', $tSelected);
$tMonths = array(
'Jan' => '01',
'Feb' => '02',
'Mar' => '03',
'Apr' => '04',
'May' => '05',
'Jun' => '06',
'Jul' => '07',
'Aug' => '08',
'Sep' => '09',
'Oct' => '10',
'Nov' => '11',
'Dec' => '12'
);
foreach($tMonths as $tKey => $tValue)
{
$tSelected = ($tMonth ==
$tValue ) ? 'selected="selected"' : '';
printf('<option %s
value="%2$s" label="%3$s">%3$s</option>', $tSelected, $tValue, $tKey);
}
?>
</select>
</div>
<div class="x21">
<select id="Year" name="Year">
<?php
$tYear = (isset($_GET['year'])) ?
$_GET['year'] : '';
 FUN AND LEARN(An educational website)

$tSelected = (empty($tYear)) ?
'selected="selected"' : '';
printf('<option %s value=""
label="Year">Year</option>', $tSelected);
// 1993 will turn 17 in 2010
for($i=2000; $i <= 2015; $i++)
{
$tSelected = ($tYear == $i ) ?
'selected="selected"' : '';
printf('<option %s
value="%2$s" label="%2$s">%2$s</option>', $tSelected, $i);
}
?>
</select>
</div>

<div class="x10">E-mail:</div>
<div class="x11"><input type="text" placeholder="enter email" name="email"
id="useremail" ></div>
<div class="x12">Address:</div>
<div class="x13"><textarea rows="5" cols="50"name="address"
id="address"></textarea></div>
<div class="x14">Gender:</div>
<div class="x18">
<input type="radio" value="male" name="gender">male<br>
<input type="radio" value="female" name="gender">female
</div>
<div class="x15">Contact:</div>
<div class="x16"><input type="contact" placeholder="Enter Contact" name="contact"
id="cont"required></div></font>
<button type="submit" onclick="validate()">Signin</button>
<button1 type="button" class="cancelbtn">Cancel</button1>
<div class="x17"><input type="checkbox" checked="checked"> <u>Remember
me</u></div>
</form>
</body>
</html>

CODE-
<?php
$link = mysqli_connect("localhost", "root", "", "fun");
if($link === false)
{
die("ERROR: Could not connect. " . mysqli_connect_error());
 FUN AND LEARN(An educational website)

}
$name = mysqli_real_escape_string($link, $_REQUEST['name']);
$password = mysqli_real_escape_string($link, $_REQUEST['password']);
$Day= mysqli_real_escape_string($link, $_REQUEST['Day']);
$Month= mysqli_real_escape_string($link, $_REQUEST['Month']);
$Year= mysqli_real_escape_string($link, $_REQUEST['Year']);
$email = mysqli_real_escape_string($link, $_REQUEST['email']);
$address = mysqli_real_escape_string($link, $_REQUEST['address']);
$gender = mysqli_real_escape_string($link, $_REQUEST['gender']);
$contact = mysqli_real_escape_string($link, $_REQUEST['contact']);
$sql = "INSERT INTO signin (name, password,
Day,Month,Year,email,address,gender,contact)
values('$name', '$password','$Day','$Month','$Year', '$email','$address','$gender','$contact')";
if(mysqli_query($link, $sql))
{
echo "Records added successfully.";
}
else
{
echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
}

ADMIN LOGIN—

<?php
error_reporting(0);
$p=$_REQUEST['p'];
if($p=='1')
{
echo "please enter the valid id/passwword";
}
?>
<html>
<head>
<title>Admin</title>
<style>
#outer
{
height:300px;
width:500px;
border:1px solid;
 FUN AND LEARN(An educational website)

box-shadow:5px 5px 10px black;

margin:50px auto;
}
</style>
</head>
<body>
<div id="outer">
<div id="center">
<h1 align="center">Admin</h1>
</div>
<form action="adminlogin.php" method="post">
<table align="center" cellspacing="10">
<tr>
<td>UserName</td>
<td><input type="text" name="name" required /></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" required name="pass"></td>
<br>
</table>
<br>
<input type="submit" name="sub" value="Login" style="align:center; margin:20px
20px;margin-left:160px; width:120px;border-radius:10px;font-size:17px;
height:40px;background-color:pink;"/>
</form>
</div>
</body>
</html>
Code—
<?php
$name=$_POST['name'];
$pass=$_POST['pass'];
mysql_connect('localhost','root','');
mysql_select_db('FUN');
$query="select * from admin where admin_name='$name' and pass='$pass'";
$res=mysql_query($query);
SESSION_START();
$_SESSION['user']=$name;
if($row=mysql_fetch_array($res,MYSQL_BOTH))
{
$_SESSION['admin']=$name;
 FUN AND LEARN(An educational website)

header("location:home.php");
}
else
header("location:index.php?p=1");
?>

15.IMPLEMENTATION AND MAINTENANCE

TESTING
Software testing is a process of verifying and validatingthat a software
application or program.
The main aim of the testing is to find out the bugs in the developed
system before implementing it. It is an important phase of a successful
system. After codifying the whole programs of the system, a test is being
performed on the system so developed. The output of the testing phase
should match the expected results.

Implementation is the stage of a project during which theory is turned

into practice. The major steps involved in this phase are:
 Acquisition and Installation of Hardware and Software :
The hardware and the relevant software required for running the
system must be made fully operational before implementation.
 Conversion
The conversion is also one of the most critical and expensive activities
in the system development life cycle. The data from the old system
needs to be converted to operate in the new format of the new system.
 FUN AND LEARN(An educational website)

The database needs to be setup with security and recovery procedures

fully defined.
 User Training
During this phase, all the programs of the system are loaded onto the
user’s computer. After loading the system, training of the user starts.

Main topics of such type of training are:

 How to execute the package
 How to enter the data
 How to process the data (processing details)
 How take out the reports

After the users are trained about the computerized system, working has
to shift from manual to computerized working. The process is called
‘Changeover’.
Maintenance is necessary to eliminate errors in the system during its
working life and to tune the system to any variations in its working
environments. It has been seen that there are always some errors found
in the systems that must be noted and corrected. It also means the review
of the system from time to time.

The review of the system is done for:

 knowing the full capabilities of the system
 knowing the required changes or the additional requirements
 Studying the performance.
 FUN AND LEARN(An educational website)

16.SYSTEM SECURITY MEASURES

Some of the measures can be taken as follow:-

 Various validation checks are being applied on all the forms for
authenticated management of data.
 As well as various validations are also applied on the form controls
so as top have reliable entry of data.
 Backup of Database must be done at the regular interval by the
administrator.
 Updating the password at regular interval.

17.COST ANALYSIS

 Resource sharing:
The main goal is to make all programs,equipments and data available to
anyone on the network without regard to the physical location of the
resource and the user.Users need to share resources other than files,as a
printer.Printers are utilized only a small percentage of the time,therefore
companies don’t want to invest in a printer for each computer.Network
can be used in this situation to allow all the users to have any access any
of the available printers.
 High reliability:
The goal of computer network is to provide high reliability by having
alternative source of supply.For example,all files could be replicated on
two or three machines,so if some of them is unavailable then other
copies can be used.In addition,the presence of multiple CPUs means that
if one goes down,the other may be available to take over its work,
although at reduced performance.For example applications, the ability to
continue in the face of H/W problem is of utmost importance.
 FUN AND LEARN(An educational website)

 Saving money:
Small computers have much better price and performance ratio than
larger ones.Mainframes are faster roughly by a factor of ten than
personal computers but they cost a thousand times more.This imbalance
has caused many systems designers to build a system consisting of
personal computers,one per user,with data kept on one or more shared
file server machines.In this model,the user are called client and the
whole arrangement is called the Client-Server model.
 Scalability:
The ability to increase the system performance gradually as the
workload grows just by adding more processes.With centralizes
mainframes, adding another processor is very expensive,so user must
replace it with Client-Server model.New client and new server can be
added as needed

18.FUTURE SCOPE

18.1 LIMTTATION
Nothing is perfect in this world.So,we are also no
exception.Although,we have tried our best to present the information
effectively,yet ,there can be further
enhancement in the application.We have taken care of all the critical
aspects,which need to take care of during the development of the
Project.Like the things this project also has some limitations and can
further be enhances
by someone,because there are certain drawbacks that do not permit the
system to be 100% accurate.
In future,we can enhance this website by making it for adults
children also.We can also enhance the site by using more multimedia
 FUN AND LEARN(An educational website)

tools that can not only interact user but also develop the interest of
learning and reading more.

19.GLOSSARY
Activity:In system development life cycle- a group of logically related
tasks that make it possible to accomplish a specific objective; a group of
related tasks.

Analysis:Breaking a problem into successively manageable parts for

individual study.

Cost/Benefit analysis:The process of comparing projected savings and

benefits to projected costs to decide whether a system change is justified.

Database:A store of integrated data capable of being directly addressed

for multiple uses; it is organized so that various files can be accessed
through a single reference based on the relationship among records in the
file rather than the physical location.

Database management system (DBMS):The software that determines

how data must be structured to produce the user’s view; manages, stores,
and retrieves data and enforces procedures.
 FUN AND LEARN(An educational website)

Data element:The smallest unit of a record; roughly equivalent to a

field.

Data flow:Movement of data in a system from a point of origin to a

specific destination – indicated by a line and arrow.

Data Flow Diagram (DFD):Graphic representation of data movement,

processes, and files (data stores) used in support of an information
system.

Design:Process of developing the technical and operational

specifications of a candidate system for implementation.

Documentation:A means of communication; a written record of a phase

of a specific project; it establishes design and performance criteria for
phases of the project.

Entity:Also called a data aggregate; something of interest to the user

about which to collect or store data; represents a number of data
elements.

Feasibility study: A procedure that identifies, describes, and evaluates

candidate systems and selects the best system for the job.

Form:A physical carrier of data, of information.

Forms control:Coordination of forms design and use among users of

forms in the organization.
 FUN AND LEARN(An educational website)

Forms design:Evaluating present documents and creating new or

improved forms that offer useful information for action.

Identifier:A key that uniquely identifies a record.

Implementation:In system development – a phase that focuses on user

training, site preparation, and file conversion for installing a candidate
system.

Information:A meaningful set of data that tells something about the

data relationships.

Initial investigation:An exploratory activity that determines whether a

user request is valid and feasible before a course of action is
recommended.

Interdependence:Dependence of a system’s components on one another

for effective functioning.

Invalid Data:Consists of problems, where the administrator tries to or

accidentally fills the incorrect data into the form fields, such as incorrect
date, characters instead of numbers, etc.

Maintenance:To keep the thing in its consistent and original condition.

Model:A logical or mathematical representation of a system that

encompasses features of interest to the user.
 FUN AND LEARN(An educational website)

Modularity:In systems maintenance – a system is constructed in

modular units of a limited size to simplify maintenance when necessary;
in software reliability – the ease with which a package can be modified.

Operating System:In data base – machine-based software that

facilitates the availability of information or reports through the DBMS.

Organization:Implies structure and order; a procedure that determines

how components must be arranged to achieve objectives.

Password:Identity authenticator; a key that allows access to a program,

system, or procedure.

Planning:Is studying a project course of action and determining what is

to be done to meet stated goals.

Post-implementation review:Evaluation of a new system after it has

been in operation to determine its actual performance against
expectations.

Process:A procedure that transforms input into useful output; in a data

flow diagram – indicated by a bubble or a circle.

Record:A collection of aggregates or related items of data treated as a

unit.

Relation:Two-dimensional table.
 FUN AND LEARN(An educational website)

Reliability:Dependability or level of confidence; in systems work - the

need to gather dependable information for use in making decisions about
the system being studied.

Security:The protection of data or hardware against accidental or

intentional damage from a defined threat.

Set:The group of objects consisting of similar properties.

Source code:A procedure or format that allows enhancements on a

software package.

System:A regular or orderly arrangement of components or parts in a

connected and interrelated series or whole; a series or group of
components necessary to some operation.

System design:Detailed concentration on the technical and other

specifications that will make the new system operational.

System development:The process of identifying the user’s needs and

designing a system that meets those needs through implementation.

System development life cycle:A structured sequence of phases for

implementing an information system.

System integrity:The proper functioning of hardware, programs, and

physical security, and the required degree of safety against
eavesdropping and wiretapping.
 FUN AND LEARN(An educational website)

Systems testing:Testing the whole system by the user after major

programs and subsystems has been tested.

System analysis:Reduction of an entire system by studying the various

operations performed and their relationships within the system; an
examination of a business activity with a view to identifying problem
areas and recommending alternative solutions.

System analyst:A methods person who starts with a complex problem,

breaks it down for analysis, and designs a better system based on
specifications set in advance.
Task:The smallest unit of work that is assigned to one person and
controlled through a project management routine.

Unit testing:Testing changes made in an existing or new program.

Usability:A criterion in software selection – easy to operate and user-

friendly.

User acceptance test:A test that verifies for the user that the system’s
procedures operate to system specifications and the integrity of vital data
is maintained.

Validation:Checking the quality of software in both simulated and live

environments.

Variable:A measurable quantity that has a definite numerical value at

every instant.
 FUN AND LEARN(An educational website)

Variable cost: Cost that varies with the volume of processing or number
of shifts per day; examples are employee wages and costs of supplies
and raw materials.

20.BIBLIOGRAPHY

Online Sources:
 http://www.google.com
 http://www.wikipedia.org
 http://www.codeproject.com
 http://www.forum.codecall.net

Books :

 PHP and MySQL for Beginners– Mark Lassoff

 PHP and MySQL Web Development: A Beginner's Guide-- Marty
Matthews
 Software Engineering : A Practitioner’s Approach - Pressman