PROJECT REPORT1

1
PROJECT REPORT ON
PERSONALISED WEBSITE FOR ALL IPL FANS (SAYIPL.COM)
SUBMITTED BY
ANMOL TRIKHA
SAGAR SHAH
YASH THAKKER
T.Y.B.SC.IT
ACADEMIC YEAR
2012-2013
PROJECT GUIDE
PROFESSOR ARCHANA SHUKLA

2
ACKNOWLEDGEMENT
We wish to take this opportunity to express our sincere gratitude to all
those who helped us in some way or the other in completion of our project.
We would like to thank our professors and projectguide for their constant
support, encouragementand guidance withoutwhich the successful
completion of this projectwould be impossible.
We would like to specially thank Prof. Archana Shukla for always being
supportiveand inspiring us throughoutthe completion of our project.
Itgives us great pleasurein expressing our sinceregratitude towards USHA
PRAVINGANDHI COLLEGEOF MANAGEMENTfor providing us with valuable
and necessary infrastructureto carry our project work.
This projecthas been completed under the guidance of Prof .Smruti
Nanavaty, Prof. SwapnaliLotlikar, Prof. Archana Shukla, Prof. Mudassar
Qureshiwho provided us with their best supportand help .
We would like to thank Dr. (Mrs). Geetha Mohan for constant supportand
guidance to our stream that has inspired us to conductthis project.
We would like to thank Jagdish Sir and Sandeep Sir for providing us to use
the lab facilities.
Thank you for all your support.
Yours Sincerely,
Sagar Shah, Anmol Trikha and Yash Thakker
T.Y.Bsc(Information Technology)

3
INDEX
SR.NO TOPICS PAGE NO
1 Scope
1.1 Existing System
1.2 Proposed System
1.3 Objective of the Project
1.4 Fact Finding Techniques
2 Technologies & Feasibility Study
2.1 Technologies Used
2.2 Feasibility Study
2.3 System Specification
3 System Analysis and
Design
3.1 System Analysis
3.2 System Design
3.3 Coding and Development
3.4 Testing
3.5 Implementation
3.6 Project Management
4 Diagrams
4.1 Gantt Chart
4.2 Use Case Diagram

4
4.3 Sequence Diagram
4.4 ER Diagrams
5 Screenshots
6 Sample Code
7 Data Dictionary
8 Testing
9 Future Scope
10 Biblography

5
INTRODUCTION
This website mainlytargets Cricket enthusiasts. Cricket is
the most common entity that has the huge fan following in
every segment of the society whether Metros, towns and
villages. The game is even popularamong the people of all
age group, gender, cast and creed. Money, Fame and
Glory are three objects that drag individualsto become a
part of this global religion. Cricket infrastructure in India is
another big deal that pushes the phenomenondeeper. In
every metro you can find at least one well equipped
stadium. Delhi, Kolkata, Mumbai, Kanpur, Kochi, Chennai
and Hyderabad etc are some of the prominent cities that
are known for its well-knit cricket infrastructure and
facilities for the players.
It is the “IndianPremier League “ that ignites the fire in
variousbudding cricketers .This very innovativeformat of
cricket not only offers monetary additionsbut is also very
credible for offering opportunitiesto the emerging
cricketing talents. Talents, even from some small towns or
remote villages could show their zeal in this tournament.

6
EXISTING SYSTEM
Although there is a website that aims at targeting IPL fans
providingthem with various informationand scores. Also
the website is very easy to use and dynamic. In today’s
modern era, a user wants everything at his service. Thus
many users are not satisfied with the existing system.
There are many flaws in the present system which we
have rectified in our website.
Drawbacks in the Existing System
1) IPLT20.com does not allow the user to access information
of only hisfavorite team – Thusit is not personalized.
2) It does not allow the user to create its own account and
make his view personalized.
3) IPLt20.com does not provide the user with a shopping
facility. A user has to go to some other online shopping
website or visit the store physically.SAYIPL provides the
user with a shopping cart where he can order
merchandises of his favorite team and pay via credit/Debit
card
4) If a User does not have access to television but has access
to this internet he cannot watch the match on the IPL
website . In SayIPL.com he can watch the match live
without any hitches.

7
5) In future the registered user will be able to downloadthe
sayIPL applicationon iOS and Android platform.

8
SYNOPSIS
This Website helpsthe user to attain informationof
his/her favorite IPL team, this making this website
personalized. In this website, a user has to compulsorily
register to create his/ her sayipl account . During
registration he has to select his favorite team. After
finishing the registration, when the user logs in he will only
be able to see informationabout his favorite team that he
has selected during registration. He will be able to access
News items , browse through Fixtures , Access
photographs, videos etc . The three very important
modules of this product are
1) The ShoppingCart : The user can order his favorite items
by browsing through items in the shoppingcart and pay
via Credit / Debit card .
2) Live Streaming Facility: The registered user can watch all
IPL matches if he doesn’t have access to television.
3) User Guidanceto Book Tickets : The website redirects the
user to a specific website so that he can book tickets
online.

9
The Salient Features of our Project are:
 Modularity
 User Friendliness
 Ease of Accessibility
 Ease of Customization( AdministratorOnly)
 Easy & faster Data Accessibility
 Secured payment methods
 Increased Productivity Efficiency
 The administratorcan easily make changes in the modules
whenever he wants .

11
Requirements of the Proposed System:-
1)Website must be a solutionto the Existing ManualSystem.
2)Completely web based.
3)It must provide user-friendly environment.
4)Shouldbe least expensive.
5)No specializedtechniciansare required to operate the
Website.
As the technology advances, the needs of the people also
change . People now need everything at their service . The
existing system has many drawbacks , we could eliminate
these drawbacks by making a new Website with more
advancedfeatures and Personalization. To overcome the
drawback of the existing system a new system is proposed
by storing all User records in a Database.
The Website is developedin a user friendly way so that
the user can easily understandit. Forms are designed so
that the end-user can easily navigate through the entire
system.

12
Analysis of the Proposed System:-
 To understand the needs of sayIPL.com:
1)A user has to register in order to access allthe features of
the website .
2)User hasaccess to only specific informationi.e.
Information about his/her favorite team .
3)Website can be used by any registered user who is familiar
with the English language
4)It must be as cheap as possible.
5)The user data shouldbe stored in database and the
administratorhas to have all the rights to access it .
 To perform the Market Survey:
1)Check the existence of such application elsewhere.
2)If it does exist then how to enhance that system.
According to our survey, there are no such commercial
applicationsavailableinthe market.
 To Understand how system can be implemented:

13
1)As the users informationwas intendedto be stored in user
friendly database storage for record keeping, we decided
to use SQL and PHP as a backend and HTML 5 as frontend.
2)The need of a new user is free sign up and then has all
access to information and features of the website .
Benefits of the Proposed System
1)Firstly, it would enable the user to register and specify his
favorite team.
2)Thus when the user signs in, he only see’s the information
relating to his favorite team .
3)The Website enables the user to buy merchandises of his
favorite team and pay via his credit card / Debit card
4)The proposed system gives the administratora login
facility providingauthentication.
5)Allows the user to view matches onlinei.e. Live Stream all
the matches anytime, anywhere via the internet.

14
OBJECTIVES OF THE PROPOSED SYSTEM
The main objectives of the Proposed System are:
1) USER LOGIN :
The user has to login in order to view the website.
2) REGISTRATION OPTION IS PROVIDED –
All the users who want to access the services of this
website have to compulsorilyregister and select their
favorite team.
3) ADMIN LOGIN :
The administratorhas to login in order to edit/updateand
make any changes he requires in the website.
4) INTEGRATION WITH PAYPAL :
The customers are provided with a payment gateway
wherein they can pay their money then and there.
5) AUTOMATIC BILL GENERATION :
The customers while selecting there products would see
their billbefore checking out . Thiswould help them know
if they are shopping within their budget or no.

15
6) SECURITY :
Security is taken care of and customers do not need to
worry the integrity of sensitive data.
7) USER FRIENDLY :
This website is very user friendly. It provides a very user
friendly interface. It is also very interactive and customers
will find it very easy to shop.
8) SHOPPING CART :
Shoppingcart is provided for selling multipleproducts to
same customers.
9) LIVE STREAMING :
Registered Users can now stream the matches onlineusing
this website.
10) PERSONALISATION :
This is a very important aspect of our website. A
registered User selects his favourite team when he signs
up. On signing in, he is provided with the informationof
only his favourite team.
11) TICKET BOOKING REDIRECTION :Registered Users are
redirected to a website where they can book tickets easily.

17
Fact Finding Techniques
Requirement analysisis the important part of preliminary
investigation,which is the base of total system. The main
objective of requirement analysisis to study existing
system and to suggest the possible changes to be done to
make the new system efficient and cost effective.
Followingfast finding techniques are used while
requirement analysis:-
 Interview and Questionnaire
 Record view
 Interview and Questionnaire :-
Interview and Questionnaire are the step by step
procedures by which correct and appropriateinformation
can be gathered.
Followingare the question’sthat we asked IPL fans .
 Where do you buy your Favorite teams jersey from ?
 How do you pay for things ordered online?

18
 Do get all yourteams informationin IPLT20.com?
 Can you watch IPL matches live on IPLT20.com?
 Can you shop on IPL’s official website ?
 Can you be redirected for buying tickets of your favorite
team?
 Record view:
There are absolutelyno records maintainedby the existing
system about users who many to make a team as a
favorite.

19
Technologies Used
HTML 5:-
Why HTML 5?
HTML5 is a markup language for structuring and presenting
content for the World Wide Web and a core technology of
the Internet. HTML5 is intended to subsume not only HTML 4,
but XHTML 1 and DOM Level 2 HTML as well.
In particular, HTML5 adds many new syntactic features. These
include the new <video>,<audio> and <canvas> elements, as well
as the integration of scalable vector graphics (SVG) content (that
replaces the uses of generic <object> tags) and MathML for
mathematical formulas. These features are designed to make it
easy to include and handle multimedia and graphical content on
the web without having to resort to proprietary plugin and APIs.
Other new elements, such
as <section>, <article>, <header> and<nav>, are designed to
enrich the semantic content of documents.
FEATURES:
Markup
HTML5 introduces elements and attributes that reflect typical
usage on modern websites. Some of them
are semantic replacements for common uses of generic block
(<div>) and inline (<span>) elements, for example <nav> (website
navigation block), <footer>(usually referring to bottom of web
page or to last lines of HTML code),
or <audio> and <video> instead of <object>.Some deprecated
elements from HTML 4.01 have been dropped, including purely

20
presentational elements such as <font> and<center>, whose
effects have long been superseded by the much more
powerful Cascading Style Sheets. There is also a renewed
emphasis on the importance of DOM scripting (e.g., JavaScript) in
Web behavior.
New APIs
In addition to specifying markup, HTML5 specifies
scripting application programming interfaces (APIs) that can be
used withJavaScript . Existing document object model (DOM)
interfaces are extended and de facto features documented. There
are also new APIs, such as:.
 The canvas element for immediate mode 2D drawing. See Canvas
2D API Specification 1.0 specification
 Timed media playback
 Offline Web Applications
 Document editing
 Drag-and-drop
 Cross-document messaging
 Browser history management
 MIME type and protocol handler registration
 Microdata
 Web Storage, a key-value pair storage framework that provides
behaviour similar to cookies but with larger storage capacity and
improved API.
Not all of the above technologies are included in the W3C HTML5
specification, though they are in the WHATWG HTML
specification.[41]
Some related technologies, which are not part of
either the W3C HTML5 or the WHATWG HTML specification, are
as follows. The W3C publishes specifications for these separately:

21
 Geolocation
 Web SQL Database, a local SQL Database (no longer maintained).
 The Indexed Database API, an indexed hierarchical key-value store
(formerly WebSimpleDB).
 HTML5 File API, handles file uploads and file manipulation.
 Directories and System, an API intended to satisfy client-side-
storage use cases not well served by databases
 File Writer, an API for writing to files from web applications.
 Web Audio API, a high-level JavaScript API for processing and
synthesizing audio in web applications.
HTML5 alone cannot provide animation within web pages. Either
JavaScript or CSS3 is necessary for animating HTML elements.
Animation is also possible using JavaScript and HTML 4, and
within SVG elements through SMIL, although browser support of
the latter remains uneven as of 2011.
Error handling
An HTML5 (text/html) browser will be flexible in handling
incorrect syntax. HTML5 is designed so that old browsers can
safely ignore new HTML5 constructs. In contrast to HTML 4.01,
the HTML5 specification gives detailed rules for lexing and
parsing, with the intent that different compliant browsers will
produce the same result in the case of incorrect syntax.Although
HTML5 now defines a consistent behavior for "tag soup"
documents, those documents are not regarded as conforming to
the HTML5 standard.[54]
Popularity
According to a report released on 30 September 2011, 34 of the
world's top 100 Web sites were using HTML5 – the adoption led
by search engines and social networks.

22
WHY PHP?
The Top Three Reasons to use PHP:
You may be considering using PHP on your website. Here are
some great reasons to start!
1.) Works Great with HTML - If you already have a website and
are familiar with HTML, making the step to PHP is easy. If fact,
PHP and HTML are interchangeable within the page! While PHP
might add some new features to your site, its basic appearance is
still all created with HTML.
2.) Interactive Features - PHP allows you to interact with your
visitors in ways HTML alone can't. This can mean simple things
like e-mail forms, or more elaborate things like shopping carts
that save your past orders and recommend similar products. It
can also mean social things like interactive forums and private
messaging systems.
3.) Easy to Learn - PHP is a lot easier to get started with than you
might think. By learning just a few simple functions, you are able
to do a lot of things with your website. And once you know the
basics, there are a wealth of scripts available on the internet that
you only need to tweak a little to fit your needs.
Why Wamp ?
WAMPs arepackages of independently created programs installed on
computers that use a MicrosoftWindows operating system.
WAMP is an acronymformed fromthe initials of the operating system
MicrosoftWindows and the principal components of the
package: Apache, MySQL and one of PHP, Perl or Python. Apacheis a web

23
server. MySQL is an open-sourcedatabase. PHP, Perland Python are
scripting languages that can manipulate information held in a databaseand
generate web pages dynamically each time content is requested by a
browser. Other programs may also beincluded in a package, such
as phpMyAdmin which provides a graphical user interface for the MySQL
database manager.

24
Feasibility Study
For the implementation ofthe proposed system many
aspects and factors are considered in designing so that the
new system can easily takeover the existing system .any
system can be judged on its feasibilityfactors, different
feasibilityfactors are:
1) TechnicalFeasibility:-
Technical aspects were considered while the feasibility
study was conducted. Since the organizationhas licensed
copy of all the software’s required for the system as well
as necessary hardware to meet the requirement of the
new system. It can be concluded that the system is
technicallyfeasible.
2) OperationalFeasibility:-
The users of the system will mainlybe a non technical
computer literate who will be very familiarwith the
working of the computer and will have the skills required
to use the system.

25
No trainingis required for a new user as the website
itself is user-friendly and easily accessible. Hence, we can
conclude that the system is operationallyfeasible.
3) Economic Feasibility:-
A economic feasibilitywas carried out to know the
economic viabilityof the project in terms of the amount of
investment in the project and the output expected. The
study includes the cost involvedat the time of
developmentof the project as well as the future cost in
terms of maintenanceof software and other
miscellaneousexpenditure.
The proposed hardware and software are easily
availableat affordable cost. Cost of developingthe
software is very little.
Start up Cost:
 Cost of training.
 Cost of preparationof manualsand other documents.

26
OperationalCost:
 Cost of Installation& Maintenanceof software’s.
 Cost of stationery for preparing documents.
 Cost of operating staff.
On the basis of cost benefit analysisthe study concluded
that the project is EconomicallyFeasible.
4) Social Feasibility
As the new system is very user-friendly, mostly all the
users are satisfied and happy with this system. Thus, this
system is sociallyfeasible.
Result of Feasibility Study
On all the Four levels i.e. Technical,Operational,
Economical,Social level, the proposed system is feasible.
System provides more benefits when compared with the
manualsystem on the basis of cost incurred.

27
System Specification
Hardware Requirements:-
1) Processor : Pentium 4 Or higher.
2) Memory : 64MB RAM or higher.
3) Space : Minimum10MB of Hard Disk space.
4) Peripherals : Keyboard, Mouse, Printer,Speakers
etc…
Software Requirements:-
 WindowsXP or higher
 MSSQL Database
LanguagesUsed:-
1) HTML 5
2) mySQL
3) PHP V5.3.2
4) JQuery

29
SYSTEM ANALYSIS
AND DESIGN :
 SYSTEM ANALYSIS
 DESIGN
 CODING AND DEVELOPMENT STAGE
 TESTING
 IMPLEMENTATION

30
SYSTEM ANALYSIS
System Analysisis a step in website development which
includes analysisor identificationof various requirements
of the system. It helps the developerswith some key
features or hints which might help the programmers to
develop the applicationeasilyand more efficiently.
System Analysisphase is also useful to determine exactly
what the system requires and what functionalitiesare
expected from the end system. It can be done only after
the componentsof the system are defined, this, there
should be a set of guidelinesor outputsthat each
component offers.
The requirement gathering process is intensified and
focused especially on software. To understand the nature
of the programs to be built, the software engineer must
understand the informationdomain for the software as
well as required functionalbehavior, performance, and
interface. Requirements for both the system and the
software are documented and reviewed with the
customer.

31
DESIGN
The design stage in website developmentincludes
designing the system in such a manner that it meets the
expectation of the end user.
Website design is actually a multi step process that
focuses on four distinct attributes of a program:
1) Interface Representation
2) Required Information
3) Database Structure
4) Procedural Detail
The design process translates the requirements into
representation of the software that can accessed for
qualitybefore coding begins.
Designing is a very important phase, during design
progressive refinements of databasestructure, interface,
and procedural detailsare componentsare develop,
reviewed, and documented.
A user interface in the system is also one of the most
important aspects as the user interacts with the system
through the interface. The user interface in the system is
also one of the most important aspects as the user
interacts with the system through the interface.

32
CODING AND DEVELOPMENT STAGE
The Analysisspecificationand the design stage is followed
by the heart of the system developmentprocess, the
coding phase is one which is responsible for whatever
output the system gives or is supposed to give.
The design must be translated into machine readable
form. The code generationstep performs this task. If the
design is performed in a detailedmanner, the code
generation can be accomplishedmechanically.
In projects, which are related to informationtechnology, it
is virtually impossibleto develop a system without pieces
of code. The computer cannot interpret the user level
language. Hence coding or developingstage plays a very
important role in the development lifecycle.
Thus coding stage basicallyinvolvesall the technicalities
related to the system and those required for various
events to occur in the system as per requirements.

33
TESTING
Once the code has been generated, program testing
begins. Testing process focuses on the logical internalsof
the system ensuring that all th statements are been tested
and all functionalexternals, that is, uncovering errors and
ensuring that the defined input will produce the actual
results that agree with the required results.
The testing phase enables the user as well as the
developer to analyse what improvementscould be made
to the system so that the user is satisfied. Also in this
phase, sometimes the systems implementedin the
organizationare give to the user for demonstration so that
the user is well versed with the system till the time the
system is actuallyimplemented.
Before going live, the website is tested for all validations.
Testing involves making the prototype of the system being
developed.
Testing presents an interesting anomalyfor developers.
During earlier engineering activities, the developer
attempts to build a word applicationfrom an abstract
concept to a tangibleproduct. Now come “testing”. The

34
developer creates a series of test cases that are intended
to demolish the system that has been built.
Testing requires that the developer discards pre-conceived
notationsof the correctness of the system just developed.
If testing is conducted successfully, it will uncover errors of
the system. Testing also demonstrates that the system
function appearsto be working according to specification,
that behaviorand performance requirements appearto
have been met. In addition,datacollected as testing is
conducted to provide good indication ofsystem reliability
and some indicationsystem qualityas a whole.

35
IMPLEMENTATION
The testing stage is followed by implementationin which
the actual system is implemented and can be done by
effective and efficient passage through the above stages
along with the user satisfaction.
Implementationin context of a website would mean
hosting the website on the internet or in other words
going live. Server space needs to be bought by the client
for hosting the website.
Once the server space is bought, the website can be
implemented. Hereafter, the website would be visible to
publicand can be accessed by any person on the internet.

36
Project Management
Project Managementis the process of scoping, planning,
organizing and controlling the developmentof an
acceptablesystem at a minimum cost and within a
specified time frame.
Choosing a Model
As most business solutionsand the activities are
closely related, usuallyinseparableand have complex
relationshipamong them .Thusto reduce risk associated
with shortcuts and mistakes, Software Engineering branch
has been developed. Certain steps have to be followedin
the developmentof a system .These steps are known as
Models. Variouspopularmodelsfor developingthe
project are SDLC, RAD, SPIRAL, etc.
Among these we have chosen SDLC (System
Development Life Cycle) because it is the most popularas
compared to other modelsand more flexible for
developmentof any kind of application.The various
phases of SDLC are given below:

37
1) Preliminary Investigation
2) Problem Analysis
3) Requirement Analysis
4) Decision Phase
5) Design Phase
6) Construction Phase
7) InstallationPhase
8) Maintenance

38
Various Stages of System Development Life Cycle
 PRELIMINARY INVESTIGATION:-
1)Scope of the project.
2)List problems and opportunities.
3)Estimate the approximate cost of the project.
4)Plan the project.
5)Submit the project and plan.
 PROBLEM ANALYSIS:-
1)Analyze the problems.
2)Analyze the way it is utilizedin a business.
3)Establish system improvement objectives.
4)Present findingsand recommendations.
 REQUIREMENT ANALYSIS:-
1)Define requirements.
2)Analyze functionalrequirements.
3)Trace and complete requirements.
4)Prioritize requirements.

39
 DECISION ANALYSIS:-
1)Identify candidatesolutions.
2)Analyze candidatesolutions.
3)Compare candidatesystem.
4)Recommend a solution.
 DESIGN PAHSE:-
1) Design the application architecture(user interactive
forms).
2) Design the system database.
3) Design the system interface.
4) Package design.
 CONSTRUCTION PHASE:-
1) Build and test database
2) Install and test new software packages.
3) Write and test new programs.
 INSTALLATION PHASE:-
1)Conduct system test.

40
2)Install database.
3)Train users.
4)Change to new system.
 MAINTENANCEPHASE:-
 Validatethe problem.
 Study and debug the program.
 Test the program.
 System recovery during hardware and software failures.
 System improvements ideas.
DIAGRAMS
1) GANTT CHART
2) USE CASE DIAGRAM
3) SEQUENCE DIAGRAM
4) ER DIAGRAM

41
GANTT CHART
A Gantt chart is a type of bar chart that illustrates project
schedule. Gantt illustratesthe start and finish dates of the
terminal elements and summary elements of a project.
Terminal elements and summary elements comprise of
work breakdownstructure of the project. Some Gantt
charts also show the dependency relationshipamong
activities.

43
USE CASE DIAGRAMS
A use case defines goal oriented set of interactions
between external actor and the system under
consideration.A use case is a list of steps typicallydefined
in interactionbetween a role and a system to achieve a
goal. Use cases are used during the analysisphase of a
project to identify a partitionedsystem functionally.
Actors are parties outside the system that interact with
the system. An actor maybe a class of users, roles users
can play or other systems. A use case is initiatedby a user
with a particulargoal in mind and complete successfully
when that goal is satisfied. It describes a sequence of
interactionsbetween actors and systems necessary to
deliver the service that satisfies the goal.
LIMITATIONS:
1) Use cases are not well suited to capturing non interaction
based requirements of a system.
2) As there is no fully standard definitionof use case, each
project must form its own interpretation.

44
3) Some use case relationshipssuch as extends, are
ambiguousin interpretation and can be difficult for
stakeholdersto understand.
4) Use case developersoften find it difficult to determine the
level of user interface dependency to incorporate in use
case.
5) Use case can be over emphasized issues such as driving
system design to literallyfrom use cases and using use
cases to the exclusion of other potentiallyvaluable
requirements analysistechniques.
USE CASE FOR ADMINISTRATOR

47
USE CASE FOR CUSTOMER (SHOPPING)

48
SEQUENCE DIAGRAMS
The sequence diagram is a unified modelinglanguage
(UML), is a kind of interactiondiagram that shows how
processes operate with one another and with what order.
UML sequence diagrams are used to show how objects
interact in a given situation.An important characteristic of
a sequence diagram that time passes from top to bottom:
The interactionstarts near the top of the diagram and
ends at the bottom.
It is a construct of a message sequence chart. A sequence
diagram shows object interactionsarranged in time
sequence. It depicts the objects and classes involvedin the
scenario and the sequence of messages exchange
between objects needed to carry out the functionalityof
the scenario. Sequence diagram are typicallyassociated
with use case realizationsin logicalview of the system
under development.
UML sequence diagrams model the flow of logic within
your system in a visualmanner, enablingyou both to
document and validateyour logic, and are commonly used
for both analysisand design purposes. Sequence diagrams
are most popularin UML artifacts for dynamic modeling,
which focuses on identifyingthe behaviorwithin your
system.
Sequence diagrams are sometimes called event diagrams,
event scenarios and timing diagrams. One of the primary

49
usages of sequence diagramsis in the transition from
requirements expressed as use cases to the next and more
formal level of refinement. Use cases are refined into one
or more sequence diagrams.
SEQUENCE DIAGRAM FOR USER ON REGISTRATION

51
SEQUENCE DIAGRAM FOR USER LOGIN

52
SEQUENCE DIAGRAM FOR USER (SHOPPING CART)

53
SEQUENCE DIAGRAM FOR ADMINISTRATOR (GENERAL)

54
SEQUENCE DIAGRAM FOR ADMINISTRATOR (SHOPPING CART)

55
E-R DIAGRAM
Data models are tools used in analysisto describe the data
requirements and assumptionsin the system from a top-
down perspective. They also set the stage for the design of
databases later on in the SDLC.
There are three basic elements in ER models:
Entities are the "things" about which we seek information.
Attributes are the data we collect about the entities.
Relationshipsprovide the structure needed to draw
informationfrom multiple entities.

65
ADMINISTRATOR SCREENSHOTS
Admin HomePage

71
Edit Content (Update Schedule)

74
Data Dictionary
Table Name : Register
 Description : This table stores all
the information of the user.
 Use : Use for adding and retrieval of
user information.
 Programs using it : Mysignin.php ,
Mysignup.php
 Table Name : Teams
the names of the IPL teams.
 Use : Use for retrieval of IPL team
names.
 Programs using it : EditContent.php
, EditContentCode.php

75
Table Name : (About , Gallery ,
Index,News , Schedule , Shop,Videos)
the information and links that are
displayed to the user on each of the
webpages on this website.
 Use : Use for adding and retrieval of
information that can be seen by the
user.
 Programs using it :
index.php,gallery.php,about.php,
videos.php,shop.php and so on

77
Connection.php
<?php
$mysql_hostname="localhost";
$mysql_user ="root";
$mysql_password ="";
$mysql_database= "sayipl1";
$prefix= "";
$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password)
or die("Could not connect database");
mysql_select_db($mysql_database, $bd) or die("Could notselect
database");
?>
Mysqlprep.php
<?php
function mysql_prepare($value)
{
$magic_quotes_active= get_magic_quotes_gpc();

78
$new_enough_php=
function_exists("mysql_real_escape_string"); //i.ePHP >= v4.3.0
if($new_enough_php)
{
// PHP v4.3.0 or higheer
// undo any magic quote effects so
mysql_real_escape_string can do the work
if(magic_quotes_active)
{
$value= stripslashes($value);
}
$value= mysql_real_escape_string($value);
}
else
{
//before PHP v4.3.0
// if magic quotes aren't already on then add slashes
manually
if( !$magic_quotes_active )
{
$value= addslashes($value);

79
} // if magic quotes are active, then the slashes already
exist
}
return $value;
}
?>
Logout.css
@charset"utf-8";
#uname {
position:absolute;
left:954px;
top:-2px;
width:20%;
height:25px;
z-index:10;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: rgba(255,181,67,1);
font-style: normal;
font-weight: bolder;
}

80
#logout {
position:absolute;
left:1094px;
top:12px;
width:15%;
height:29px;
z-index:12;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: rgba(255,181,67,1);
font-style: italic;
}
Mysignin.php
<!DOCTYPEhtml>
<html>
<head>
<meta charset='UTF-8'>
<title>WELCOME TO sayipl.com</title>

81
<link rel='stylesheet' href='css/style.css'>
<style>
#tech-slideshow {
height: 200px;
position: relative;
overflow: hidden;
}
#tech-slideshow > div {
height: 200px;
width: 2526px;
position: absolute;
top: 0;
left: 0;
height: 100%;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
/* Slow */
-webkit-animation: moveSlideshow 60s linear infinite;
-moz-animation: moveSlideshow 60s linear infinite;

82
-webkit-transform: translate3d(0,0,0); /*Performance*/
background-image: url(images/finalcollage.png);
}
#tech-slideshow #tech-slideshow-1 {
/* Sprite*/
background-position: 0 200px;
/* Fast*/
-webkit-animation: moveSlideshow 20s linear infinite;
-moz-animation: moveSlideshow 20s linear infinite;
}
#tech-slideshow:hover #tech-slideshow-2 {
opacity: 0;
}
@-webkit-keyframes moveSlideshow {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);

83
}
100% {
-webkit-transform: translateX(-1684px);
-moz-transform: translateX(-1684px);
-ms-transform: translateX(-1684px);
-o-transform: translateX(-1684px);
transform: translateX(-1684px);
}
}
@-moz-keyframes moveSlideshow {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-1684px);
-moz-transform: translateX(-1684px);
-ms-transform: translateX(-1684px);
-o-transform: translateX(-1684px);

84
transform: translateX(-1684px);
}
}
#apDiv1 {
position: absolute;
left: 0px;
top: 637px;
width: 1199px;
height: 128px;
z-index: 10;
background-image: url(images/common-footer-psd.png);
background-repeat: repeat;
opacity: 0.8;
}
h3 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 11px;
color: rgba(255,255,255,1);
}
#apDiv2 {
position: absolute;
left: 269px;

85
top: 21px;
width: 650px;
height: 60px;
z-index: 5;
background-color: rgba(0,0,0,0.8);
}
</style>
</head>
<body>
<div id="page-wrap">
<h1>The IPL Wall of Fame</h1>
<div id="tech-slideshow">
<div id="tech-slideshow-1"></div>
<div id="tech-slideshow-2"></div>
</div>

86
<p>The heroes that made each Indian proud, the victories that werehair-
raising, the hoots and hugs that shook the stadium and the game that the
country loves. </p>
<p><strong>THE INDIANPREMIERELEAGUE. An ultimate
experience.</strong></p>
</div>
<div id="apDiv1"></div>
<div id="apDiv2">
<table width="574" height="50" align="left" cellpadding="5"
cellspacing="5" dir="ltr">
<tr>
<td width="90"><h3><strong>EMAIL ID:</strong></h3></td>
<td width="93"> </td>
<td width="182"><h3><strong>PASSWORD:</strong></h3></td>
</tr>
</table>
</div>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");

87
var sprypassword1 =new
Spry.Widget.ValidationPassword("sprypassword1");
</script>
</body>
</html>
Code1.php(Code For Signing in)
<?php
session_start();
?>
<?php
// code for sign in
include('connection.php');
include('mysqlprep.php');
$email=mysql_prepare($_POST['username']);
$password=mysql_prepare($_POST['password']);
$hashed_password=sha1($password);
$result_set= mysql_query("SELECTid, firstname, lastname, team FROM
register WHERE email = '{$email}' AND hashed_password =
'{$hashed_password}'");

88
if(!$result_set)
{
die(" Databasequery failed : " . mysql_error());
}
elseif(mysql_num_rows($result_set) ==1)
{
//$found_user=mysql_fetch_array($result_set);
while($row = mysql_fetch_array($result_set))
{
if($row["team"]=="MI")
{
header("location: http://localhost:/SAYipl/index.php");
}
elseif($row["team"]=="RCB")
{
header("location: http://localhost:/SAYipl/index1.php");
}

89
elseif($row["team"]=="staff")
{
header("location: http://localhost:/SAYipl/staff.php");
}
$_SESSION['user_id']=$row['id'];
$_SESSION['firstname']=$row['firstname'];
}
}
else
{
header("location: http://localhost:/SAYipl/login/mysignin.php");
}
mysql_close($con);
?>
Mysignup.php
<!doctype html>
<html>
<head>

90
<meta charset="UTF-8">
<title>Sign Up For Sayipl.com</title>
<style type="text/css">
section {
position: absolute;
left: 20px;
top: 18px;
width: 543px;
z-index: 5;
}
p {
color: rgba(255,255,255,1);
margin: 5px;
padding: 5px;
font-size: 14px;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
font-style: normal;

91
color: rgba(255,255,255,1);
text-decoration: none;
word-spacing: normal;
margin: 15px;
padding: 15px;
}
</style>
body {
background-image: url(finalphoto.jpg);
background-repeat: repeat-x;
}
</style>
<script src="SpryAssets/SpryValidationTextField.js"
type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js"
<script src="SpryAssets/SpryValidationPassword.js"
<script src="SpryAssets/SpryValidationConfirm.js"

92
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet"
type="text/css">
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
type="text/css">
<link href="SpryAssets/SpryValidationPassword.css"rel="stylesheet"
type="text/css">
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet"
type="text/css">
</style>
</head>
<body bgcolor="#FFFFFF">
<section>
<h1>SIGNUP</h1>
<form name="form1" method="post"
action="http://localhost:/SAYipl/code.php?remarks=admin">
<p>
<label for="fname"></label>
</p>
<table width="514" cellspacing="1" cellpadding="1">
<tr>

93
<td width="154"><p>FIRST NAME:</p></td>
<td width="337"><span id="userfirstname">
<label for="fname"></label>
<input type="text" name="fname" id="fname">
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td><p>LAST NAME:</p></td>
<td><span id="userlastname">
<label for="lname"></label>
<input type="text" name="lname" id="lname">
<span class="textfieldRequiredMsg">A value is
</tr>
<tr>
<td><p>ADDRESS:</p></td>
<td><span id="useraddress">
<label for="addres"></label>
<textarea name="addres" id="addres" cols="45" rows="5"></textarea>
<span class="textareaRequiredMsg">A valueis
</tr>

94
<tr>
<td><p>EMAIL ID:</p></td>
<td><span id="useremailid">
<label for="email"></label>
<input type="text" name="email" id="email">
<span class="textfieldRequiredMsg">A valueis required.</span><span
class="textfieldInvalidFormatMsg">Invalid format.</span></span></td>
</tr>
<tr>
<td><p>PASSWORD:</p></td>
<td><span id="userpassword">
<label for="PASS"></label>
<input type="PASS" name="PASS" id="password">
<span class="passwordRequiredMsg">A valueis required.</span><span
class="passwordMinCharsMsg">Minimumnumber of characters not
met.</span><span class="passwordMaxCharsMsg">Exceeded maximum
number of characters.</span></span></td>
</tr>
<tr>
<td><p>CONFIRM:</p></td>
<td><span id="userconfirm">
<label for="confirmpassword"></label>

95
<input type="password"name="confirmpassword"
id="confirmpassword">
<span class="confirmRequiredMsg">A valueis required.</span><span
class="confirmInvalidMsg">Thevalues don'tmatch.</span></span></td>
</tr>
<tr>
<td><p>PHONE NUMBER:</p></td>
<td><label for="favteam"></label>
<span id="sprytextfield4">
<label for="number"></label>
<input type="text" name="number" id="number">
<span class="textfieldRequiredMsg">A value is required.</span><span
class="textfieldInvalidFormatMsg">Invalid format.</span></span></td>
</tr>
<tr>
<td><p>FAVORITETEAM</p></td>
<td><select name="favteam" id="favteam">
<option value="MUMBAI INDIANS" selected>MUMBAI
INDIANS</option>
<option value="ROYAL CHALLANGERS">ROYAL
CHALLANGERS</option>
</select></td>
</tr>

96
<tr>
<td> </td>
<td><input type="submit" name="SUBMIT" id="SUBMIT"
value="Submit">    <inputtype="reset" name="RESET"
id="RESET" value="Reset"></td>
</tr>
</table>
<p> </p>
</form>
<p> </p>
</section>
var sprytextfield1 = new Spry.Widget.ValidationTextField("userfirstname");
var sprytextfield2 = new Spry.Widget.ValidationTextField("userlastname");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("useraddress");
var sprytextfield3 = new Spry.Widget.ValidationTextField("useremailid",
"email");
var sprypassword1 =new
Spry.Widget.ValidationPassword("userpassword", {minChars:5,
maxChars:15});
var spryconfirm1 =new Spry.Widget.ValidationConfirm("userconfirm",
"password", {validateOn:["blur"]});

97
</script>
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4",
"integer");
</script>
</body>
</html>
Code.php(Code For Signing Up)
<?php
session_start();
$fname=mysql_prepare($_POST['fname']);
$lname=mysql_prepare($_POST['lname']);
$address=mysql_prepare($_POST['addres']);
$email=mysql_prepare($_POST['email']);
$password=mysql_prepare($_POST['PASS']);
$contact=mysql_prepare($_POST['number']);
$teams=mysql_prepare($_POST['favteam']);
$hashed_password=sha1($password);

98
mysql_query("INSERTINTO register(firstname, lastname, address, email,
hashed_password, phone, team)VALUES('$fname', '$lname', '$address',
'$email', '$hashed_password', '$contact', '$teams')");
$remarks=$_GET['remarks'];
if ($remarks=='admin')
{
header("location:
http://localhost:/SAYipl/staff.php?comment=adminsuccess");
}
else
{
header("location:
http://localhost:/SAYipl/login/mysignin.php");
}
mysql_close($con);
?>

99
Index.php(Mumbai Indians Home Page)
<?php
session_start();
?>
<?php
if(!isset($_SESSION['user_id']))
{
header("location:
}
?>
<?php
// code for sign in
?>
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">

100
<title>Welcome To SAYIPL.com</title>
@import url("MI/monsieurladoulaise_regular/stylesheet.css");
</style>
<link href="css/logout.css" rel="stylesheet" type="text/css">

<link href="MI/monsieurladoulaise_regular/mobile.css" rel="stylesheet"
type="text/css" media="only screen and (max-width:800px)">
<link href="MI/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet"
type="text/css">
<style type="text/css"></style>
<link href="MI/css/default.css" rel="stylesheet" type="text/css">
<link href="MI/jQuery/css/style.css" rel="stylesheet" type="text/css">
<script src="MI/SpryAssets/SpryMenuBar.js"
<script src="MI/js/jquery.js" type="text/javascript"></script>
<script src="MI/js/mobilyblocks.js"type="text/javascript"></script>
<script src="MI/includes/jquery-1.4.2.js" type="text/javascript"></script>
<script src="MI/jQuery/js/jquery.jsocial.js" type="text/javascript"></script>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2520523" binding="#OAWidget" />

101
<oa:widget wid="2149023" binding="#social" />
</oa:widgets>
-->
</script>
</style>
</head>
<body>
<header>
</header>
<div id="uname"><p>Welcome, <?php echo $_SESSION['firstname'];
?></p>
</div>
<div id="logout"><a href="logout.php">LOGOUT</a></div>
<nav>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.php">HOME</a></li>
<li><a href="news.php">NEWS</a></li>
<li><a href="schedule.php">SCHEDULE</a></li>
<li><a href="videos.php">VIDEOS</a></li>

102
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="shop.php">SHOP</a></li>
<li><a href="about.php">ABOUT</a></li>
</ul>
</nav>
<section>
<h3> </h3>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<h1 class="head1"><strong>TeamOverview</strong></h1>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<?php
$result_set= mysql_query("SELECT*
FROM `index`
LIMIT0 , 30");
{

103
echo "<h3>".$row["content"]."</h3>";
}
?>
<p>  </p>
<ul>
<li>
<h3><a href="MI/news.html" target="_self"><?php $result_set=
mysql_query("SELECT*
FROM `index`
LIMIT0 , 30");
{
echo $row["link"];
}
?></a>.</h3>
</li>
<li>
<h3><a href="MI/news.html"><?php $result_set=mysql_query("SELECT
*
FROM `index`
LIMIT0 , 30");

104
{
echo $row["link1"];
}
?></a></h3>
</li>
<li>
*
FROM `index` LIMIT0 , 30");
{
echo $row["link2"];
}
?><br>
</a></h3>
</li>
<li>
*
FROM `index`
LIMIT0 , 30");

105
{
echo $row["link3"];
}
?><br>
</a></h3>
</li>
<li>
*
FROM `index`
LIMIT0 , 30");
{
echo $row["link4"];
}
?><br>
</a></h3>
</li>
<li>
*
FROM `index`

106
LIMIT0 , 30");
{
echo $row["link5"];
}
?></a></h3>
<p> </p>
</li>
</ul>
<strong><a class="twitter-timeline" data-dnt="true"
href="https://twitter.com/mipaltan" data-widget-
id="304160603579236352">     Tweets by
MumbaiIndians</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createE
lement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNod
e.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</strong></section>
<aside>
<img src="<?php $result_set=mysql_query("SELECT*
FROM `index`
LIMIT0 , 30");
{

107
echo $row["aside"];
}
?>" width="244" height="646"alt="MUMBAI INDIANS
COLLAGE"></aside>
<footer>
<br>
<br>
<br>
<br>
<div class="social"></div>
// BeginOAWidget_Instance_2149023: #social
$('.social').jsocial({
twitter : 'myID',
facebook : 'facebook.com/myID',
flickr : '',
delicious : '',
linked : 'linkedin.com/in/myID',
youtube : 'youtube.com/myID',
feed : '',
friendfeed : '',

108
digg : '',
lastfm : '',
center : false,
inline : true,
small : false,
newPage : true
});
// EndOAWidget_Instance_2149023
</script>
<br><br>
<p><strong>    sayipl.com© 2013</strong></p>
</footer>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>

109
</body>
</html>
<?php
mysql_close($con);
?>
Videos.php
<?php
session_start();
?>
<?php
{
header("location:
}
?>
<?php
?>

110
<!doctype html>
<html>
<head>
</style>

type="text/css">
<script src="MI/js/clearbox.js" type="text/javascript"></script>
/* BeginOAWidget_Instance_2648024: #OAWidget*/
.container {

111
width: 500px;
height: 100px;
margin-right:auto;
margin-left:auto;
margin-top:20px;
margin-bottom:5px;
font-size:11px;
}
.item a img {
float:left;
padding:3px;
background-color: #FFF;
margin: 5px;
border:1pxsolid #cccccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 5pxrgba(0,0,0,0.45),0px1px2pxrgba(0,0,0,0.2);

112
-webkit-box-shadow:0 0 5pxrgba(0,0,0,0.45),0px1px
2px rgba(0,0,0,0.2);
box-shadow:0 0 5pxrgba(0,0,0,0.45),0px1px2px
rgba(0,0,0,0.2);
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.item a:hover img, .item a:active img {
padding:3px;
border:1pxsolid #cccccc;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
.clearfix:after{
clear:both;

113
}
#inline{
visibility: hidden;
color:#444;
}
/* EndOAWidget_Instance_2648024 */
</style>

</script>
#apDiv1 {
position:absolute;
left:986px;
top:17px;
width:100px;

114
height:31px;
z-index:11;
}
#apDiv2 {
position:absolute;
left:1121px;
top:28px;
width:80px;
height:25px;
z-index:12;
}
</style>
</head>
<body>
<header></header>
<nav>
<li><a href="index.php">HOME</a></li>
<li><a href="news.php">NEWS</a></li>

115
<li><a href="schedule.php">SCHEDULE</a> </li>
<li><a href="videos.php">VIDEOS</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="shop.php">SHOP</a></li>
<li><a href="about.php">ABOUT</a></li>
</ul>
</nav>
<section>
<h1>LIVESTREAMING</h1>
<iframe frameborder="0" marginheight="0"marginwidth="0"
height="510" src="<?php $result_set=mysql_query("SELECT*
FROM `videos`
LIMIT0 , 30");
{
echo $row["link"];
}
?>" scrolling="no" width="630"name="iframe1">Yourbrowser does
not supportiframes.</iframe>

116
</section>
<div id="uname">
<p> Welcome, <?php echo $_SESSION['firstname']; ?></p>
</div>
<div id="logout">
<a href="logout.php">Log Out </a>
</div>
</script>
</body>
</html>
<?php
mysql_close($con);
?>
Staff.php
<?php
session_start();
?>

117
<?php
{
header("location:
}
?>
<!doctype html>
<html>
<head>
<title>Sign In to Sayipl.com</title>
section {
position: relative;
top: 30px;
width: 30%;
z-index: 5;
padding: 10px;
float: right;

118
height: 320px;
border-radius: 0px30px0px30px;
}
a {
color: rgba(255,255,255,1);
}
p {
color: rgba(255,255,255,1);
margin: 5px;
padding: 5px;
font-size: 14px;
}
body {
background-image: url(images/finalphoto.jpg);
}
aside {
position: absolute;

119
left: 20px;
top: 37px;
width: 45%;
z-index: 6;
}
h1 {
font-size: 30px;
font-style: normal;
color: rgba(191,49,68,1);
margin: 15px;
padding: 15px;
}
h4 {
font-size: 11px;
color: rgba(255,255,255,1);

120
word-spacing: 2px;
letter-spacing: 2px;
}
</style>
<link href="file:///C|/wamp/www/SpryAssets/SpryValidationTextField.css"
rel="stylesheet" type="text/css">
<link href="file:///C|/wamp/www/SpryAssets/SpryValidationPassword.css"
<script src="file:///C|/wamp/www/SpryAssets/SpryValidationTextField.js"
<script src="file:///C|/wamp/www/SpryAssets/SpryValidationPassword.js"
</head>
<body bgcolor="#006600" link="#FFFFFF">
<section>
<h1>Welcome, <?php echo $_SESSION['firstname']; ?></h1>
<br/><?php
$comment= $_GET['comment'];

121
if ($remarks=='delete')
{
echo '<h4>User is deleted !!</h4>';
}
elseif($remarks=='notdelete')
{
echo '<h4>User has not been deleted !!</h4>';
}
if($comment=='adminsuccess')
{
echo '<h4>User has been added !</h4>';
}
?>
<h4> STAFF AREA </h4>
<p> 1) <a href="mysignup.php">Add a User</a></p>
<p> 2) <a href="deluser.php">Deletea User</a></p>
<p> 3) <a href="editcontent.php">EditContent</a></p>
<p> 4) <a href="logout.php">Logout</a></p>

122
</section>
var sprytextfield3 = new Spry.Widget.ValidationTextField("username",
"email", {validateOn:["blur", "change"]});
var sprypassword1 =new Spry.Widget.ValidationPassword("password",
{validateOn:["blur", "change"],minChars:5, maxChars:10});
</script>
</body>
</html>
<?php
mysql_close($con);
?>
DeleteUser.php
<?php
session_start();
?>
<?php
{
header("location: mysignin.php");

123
}
?>
<!doctype html>
<html>
<head>
section {
position: relative;
top: 30px;
width: 30%;
z-index: 5;
padding: 10px;
float: right;
height: 320px;
}
a {
color: rgba(255,255,255,1);

124
}
p {
color: rgba(255,255,255,1);
margin: 5px;
padding: 5px;
font-size: 14px;
}
body {
}
aside {
position: absolute;
left: 20px;
top: 37px;
width: 45%;
z-index: 6;

125
}
h1 {
font-size: 30px;
font-style: normal;
color: rgba(191,49,68,1);
margin: 15px;
padding: 15px;
}
h4 {
font-size: 11px;
color: rgba(255,255,255,1);
word-spacing: 2px;
}
</style>

126
</head>
<section>
<br/>
<h4> DELETING A USER </h4>
<form name="form1" method="post" action="delete.php">
<label for="firstname"></label>
<h4>Firstnameof the User: <input type="text" name="firstname"
id="firstname"></h4>
<label for="lastname"></label>
<h4>Lastnameof the User: <input type="text" name="lastname"
id="lastname"></h4>

127
<h4>Email ID of the User: <input type="text" name="email" id="email">
</h4>
<input type="submit" name="submit" id="submit" value="Delete">
</form>
</section>
</script>
</body>
</html>
<?php
mysql_close($con);
?>
Delete.php
<?php
session_start();

128
$fname=mysql_prepare($_POST['firstname']);
$lname=mysql_prepare($_POST['lastname']);
$email=mysql_prepare($_POST['email']);
FROM `register`
WHERE `firstname` = '{$fname}'
AND `lastname` = '{$lname}'
AND `email` = '{$email}'
LIMIT0 , 30");
if(!$result_set)
{
}
elseif(mysql_num_rows($result_set) ==1)
{
//$found_user=mysql_fetch_array($result_set);

129
{
$id= $row["id"];
mysql_query("DELETEFROM`sayipl1`.`register` WHERE
`register`.`id` ='{$id}'");
}
header("location: staff.php?remarks=delete");;
}
else
{
header("location: staff.php?remarks=notdelete");;
}
mysql_close($con);
?>

130
Editcontent.php
<?php
session_start();
?>
<?php
{
header("location: mysignin.php");
}
?>
<?php
// code for sign in
?>
<!doctype html>
<html>
<head>

131
section {
position: relative;
top: 30px;
width: 30%;
z-index: 5;
padding: 10px;
float: right;
height: 320px;
}
a {
color: rgba(255,255,255,1);
}
p {
color: rgba(255,255,255,1);
margin: 5px;
padding: 5px;
font-size: 14px;

132
}
body {
}
aside {
position: absolute;
left: 20px;
top: 37px;
width: 45%;
z-index: 6;
}
h1 {
font-size: 30px;
font-style: normal;
color: rgba(191,49,68,1);

133
margin: 15px;
padding: 15px;
}
h4 {
font-size: 11px;
color: rgba(255,255,255,1);
word-spacing: 2px;
}
</style>
</head>

134
<section>
<br/>
<h4> STAFF AREA </h4>
<form name="form1" method="post"
action="editcontentcode.php">
<label for="teams"></label>
<select name="teams" id="teams">
<option value="MI" selected name="MI"><?php
FROM `teams` WHERE id=1
LIMIT0 , 30");
{
echo $row["teamname"];
}
?></option>

135
<option value="RCB" name="RCB"><?php $result_set=
LIMIT0 , 30");
{
}
?></option>
<option value="RR" name="RR"><?php $result_set=
LIMIT0 , 30");
{
}
?></option>
<option value="CSK" name="CSK"><?php $result_set=
LIMIT0 , 30");

136
{
}
?></option>
<option value="KKR" name="KKR"><?php $result_set=
LIMIT0 , 30");
{
}
?></option>
<option value="HYD" name="HYD"><?php $result_set=
LIMIT0 , 30");
{
}
?></option>

137
<option value="KXIP" name="KXIP"><?php $result_set=
LIMIT0 , 30");
{
}
?></option>
<option value="DD" name="DD"><?php $result_set=
LIMIT0 , 30");
{
}
?></option>
<option value="PWI" name="PWI"><?php $result_set=
LIMIT0 , 30");

138
{
}
?></option>
</select>
<input type="submit" name="edit" id="edit" value="Edit">
</form>
<p><a href=staff.php>Back</a></p>
<p> </p>
</section>
</script>
</body>
</html>
<?php

139
mysql_close($con);
?>
Editcontentcode.php
<?php
session_start();
switch (mysql_prepare($_POST["teams"]))
{
case "MI":
header("location: editindex.php");
break;
case "RCB":
header("location: editindex1.php");
break;
case "RR":
break;
case "CSK":

140
break;
case "KKR":
break;
case "HYD":
break;
case "KXIP":
break;
case "DD":
break;
case "PWI":
break;
default : header("location: staff.php");
break; }
mysql_close($con);
?>

141
Edit1index.php
<?php
session_start();
?>
<?php
{
header("location:
}
?>
<?php
// code for sign in
?>
<!doctype html>
<html>
<head>

142
</style>

type="text/css">
<link href="MI/css/default.css" rel="stylesheet" type="text/css">
<script src="MI/js/jquery.js" type="text/javascript"></script>
<script src="MI/js/mobilyblocks.js"type="text/javascript"></script>
<!--
<oa:widgets>
</oa:widgets>

143
-->
</script>
#uname {
position:absolute;
left:948px;
top:13px;
width:119px;
height:25px;
z-index:11;
}
#logout {
position:absolute;
left:1105px;
top:19px;
width:76px;
height:29px;
z-index:12;
}
#apDiv3 {
position:absolute;
left:1044px;

144
top:847px;
width:108px;
height:24px;
z-index:13;
}
</style>
</head>
<body>
<header>
</header>
<nav>
<li><a href="editindex.php">HOME</a></li>
<li><a href="editnews.php">NEWS</a></li>
<li><a href="editschedule.php">SCHEDULE</a></li>
<li><a href="editvideos.php">VIDEOS</a></li>
<li><a href="editgallery.php">GALLERY</a></li>
<li><a href="editshop.php">SHOP</a></li>

145
<li><a href="editabout.php">ABOUT</a></li>
</ul>
</nav>
<section>
<h3> </h3>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<h1 class="head1"><strong>TeamOverview</strong></h1>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<form name="form1" method="post" action="updateindex.php">
<label for="content"></label>
Content: <textarea name="content" id="content" cols="90"
rows="8"><?php
FROM `index`
LIMIT0 , 30");

146
{
echo "<h3>".$row["content"]."</h3>";
}
?></textarea>
<p>  </p>
<ul>
<li>
<label for="link"></label>
<h3> Link 1 : <textarea name="link" id="link"><?php $result_set=
FROM `index`
LIMIT0 , 30");
{
echo $row["link"];
}
?></textarea></h3>
</li>
<li>

147
<label for="link1"></label>
<h3> Link 2 : <textarea name="link1" id="link1"><?php $result_set=
FROM `index`
LIMIT0 , 30");
{
echo $row["link1"];
}
?></textarea></h3>
</li>
<li>
FROM `index`
LIMIT0 , 30");
{
echo $row["link2"];
}
?></textarea></h3> </li>

148
<li>
FROM `index`
LIMIT0 , 30");
{
echo $row["link3"];
}
?></textarea></h3> </li>
<li>
FROM `index`
LIMIT0 , 30");
{
echo $row["link4"];
}
?></textarea></h3>

149
</li>
<li>
FROM `index`
LIMIT0 , 30");
{
echo $row["link5"];
}
?></textarea>
<input type="submit" name="updateindex" id="updateindex"
value="Update Page">
</h3>
<p> </p>
</li>
</ul>
<strong><a class="twitter-timeline" data-dnt="true"
href="https://twitter.com/mipaltan" data-widget-
id="304160603579236352">     Tweets by
MumbaiIndians</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createE

150
lement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNod
e.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</strong></section>
<aside>
<label for="image"></label>
ImagePath: <textarea name="image" id="image"><?php $result_set=
FROM `index`
LIMIT0 , 30");
{
echo $row["aside"];
}
?></textarea>
</aside>
</form>
<div id="uname">
</div>

151
<div id="logout">
</div>
</script>
</body>
</html>
<?php
mysql_close($con);
?>
Updateindex.php
<?php
session_start();
?>
<?php

152
$image=mysql_prepare($_POST['image']);
$link=mysql_prepare($_POST['link']);
$link1=mysql_prepare($_POST['link1']);
$content=mysql_prepare($_POST['content']);
$result_set= mysql_query("UPDATE `sayipl1`.ìndex` SET àside`='$image',
`link`='$link', `link1`='$link1', `link2`='$link2', `link3`='$link3', `link4`='$link4',
`link5`='$link5', `content`='$content'WHEREìndex`.ìd`=4");
if(!$result_set)
{
}
else
{
header("location: editindex.php?remarks=success");

153
}
mysql_close($con);
?>
EditAbout.php
<?php
session_start();
?>
<?php
{
header("location:
}
?>
<?php
?>
<!doctype html>

154
<html>
<head>
</style>

type="text/css">
<link href="MI/SpryAssets/SpryValidationTextField.css" rel="stylesheet"
type="text/css">
<link href="MI/SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
type="text/css">
<script src="MI/SpryAssets/SpryValidationTextField.js"
<script src="MI/SpryAssets/SpryValidationTextarea.js"

155

</script>
#apDiv1 {
position:absolute;
left:994px;
top:13px;
width:109px;
height:33px;
z-index:11;
}
#apDiv2 {
position:absolute;
left:1122px;
top:17px;

156
width:84px;
height:33px;
z-index:12;
}
#apDiv3 {
position:absolute;
left:849px;
top:864px;
width:108px;
height:24px;
z-index:13;
}
#apDiv4 {
position:absolute;
left:727px;
top:865px;
width:106px;
height:24px;
z-index:14;
}
</style>

157
</head>
<body>
<header></header>
<nav>
<li><a href="editschedule.php">SCHEDULE</a> </li>
</ul>
</nav>
<section>
<h2> </h2>
<h2>Lets connect.</h2>
<h3><?php

158
if ($remarks=='success')
{
echo 'Updation Successful!!';
}
?></h3>
<h3> <?php $result_set= mysql_query("SELECT*
FROM `about`
LIMIT0 , 30");
{
echo $row["title"];
}
?>.</h3>
<p><a
href="http://maps.google.co.in/maps?client=safari&rls=en&oe=UTF-
8&redir_esc=&um=1&ie=UTF-
8&q=usha+pravin+gandhi&fb=1&gl=in&hq=usha+pravin+gandhi&hnear=0x
3be7c6306644edc1:0x5da4ed8f8d648c69,Mumbai,+Maharashtra&cid=0,0,
14287806575989376830&sa=X&ei=MH4jUdfhJ8W4rAeB3oHgCA&ved=0CI4
BEPwSMAA" target="_blank"><?php $result_set= mysql_query("SELECT*
FROM `about`
LIMIT0 , 30");

159
{
echo $row["content"];
}
?></a></p>
<p> </p>
<form name="form1" method="post" action="">
<span id="nameTextField">
<label for="FirstName"></label>
<input type="text" name="FirstName" id="FirstName">
<span class="textfieldRequiredMsg">A valueis
required.</span></span>
<p><span id="emailTextField">
<input type="text" name="email" id="email">
<span class="textfieldRequiredMsg">A value is required.</span><span
class="textfieldInvalidFormatMsg">Invalid format.</span></span></p>
<p><span id="messageTextArea">
<label for="Message"></label>
<textarea name="Message" id="Message" cols="45"
rows="5"></textarea>

160
<span id="countmessageTextArea"> </span><span
class="textareaRequiredMsg">A valueis required.</span><span
class="textareaMinCharsMsg">Minimumnumber of characters not
met.</span><span class="textareaMaxCharsMsg">Exceeded maximum
number of characters.</span></span></p>
<p>
<input type="submit" name="SEND" id="SEND" value="SEND">
</p>
<p> </p>
<p> </p>
</form>
<p> </p>
</section>
<div id="uname">
</div>
<div id="logout">
</div>
<div id="apDiv3">
<a href="edit1about.php">Edit Page </a>
</div>
<div id="apDiv4">

161
<a href="staff.php">Back to Staff </a>
</div>
<p> </p>
<h1> </h1>
<h1> </h1>
<h1> </h1>
<h2> </h2>
var sprytextfield1 = new Spry.Widget.ValidationTextField("nameTextField",
"none", {hint:"Your Full Name", validateOn:["blur"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("emailTextField",
"email", {hint:"Your email", validateOn:["blur"]});
var sprytextarea1 = new
Spry.Widget.ValidationTextarea("messageTextArea", {minChars:1,
maxChars:500, validateOn:["blur"], counterType:"chars_remaining",
counterId:"countmessageTextArea", hint:"Your Message"});
</script>
</body>
</html>
<?php

162
mysql_close($con);
?>
Edit1about.php
<?php
session_start();
?>
<?php
{
header("location:
}
?>
<?php
?>
<!doctype html>
<html>
<head>

163
</style>

type="text/css">
<link href="MI/SpryAssets/SpryValidationTextField.css" rel="stylesheet"
type="text/css">
<link href="MI/SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
type="text/css">
<script src="MI/SpryAssets/SpryValidationTextField.js"
<script src="MI/SpryAssets/SpryValidationTextarea.js"

164

</script>
#uname {
position:absolute;
left:994px;
top:13px;
width:109px;
height:33px;
z-index:11;
}
#logout {
position:absolute;
left:1122px;
top:17px;
width:84px;
height:33px;

165
z-index:12;
}
#apDiv3 {
position:absolute;
left:849px;
top:864px;
width:108px;
height:24px;
z-index:13;
}
</style>
</head>
<body>
<header></header>
<nav>
<li><a href="editschedule.php">SCHEDULE</a> </li>

166
</ul>
</nav>
<section>
<h2> </h2>
<h2>Lets connect.</h2>
<h3> </h3>
<h3>
<form name="form2" method="post" action="updateabout.php">
<label for="title"></label>
Title: <textarea name="title" id="title" cols="20" rows="3"><?php
FROM `about`
LIMIT0 , 30");
{
echo $row["title"];
}
?>.</textarea></h3>

167
<p></p>
<label for="content"></label>
Content: <textarea name="content" id="content" cols="45" rows="5">
<?php $result_set=mysql_query("SELECT*
FROM `about`
LIMIT0 , 30");
{
echo $row["content"];
}
?></textarea>
<br/><br/><input type="submit" name="updateabout"
id="updateabout" value="Update Page">
</form>
<p> </p>
<p> </p>
</section>
<div id="uname">
</div>
<div id="logout">

168
</div>
<div id="apDiv3">
</div>
</body>
</html>
<?php
mysql_close($con);
?>
Updateabout.php
<?php
session_start();
?>
<?php
$title=mysql_prepare($_POST['title']);
$content=mysql_prepare($_POST['content']);

169
$result_set= mysql_query("UPDATE `sayipl1`.àbout` SET`title`='$title',
`content`='$content'WHERE àbout`.ìd`=1");
if(!$result_set)
{
}
else
{
header("location: editabout.php?remarks=success");
}
mysql_close($con);
?>

171
Testing
Testing is one of the most important phases of the project.
Software Testing is the process used to help identify the
correctness, completeness, security, and quality of developed
computer software.
3 levels of software testing is done at various SDLC phases
Unit Testing: In which each unit (basic component) of the
software is tested to verify that the detailed design for the unit
has been correctly implemented
Integration testing: In which progressively larger groups of tested
software components corresponding to elements of the
architectural design are integrated and tested until the software
works as a whole.
System testing: In which the software is integrated to the overall
product and tested to show that all requirements are met.

172
There are 2 kinds of testing strategies:
(1) White box testing:
White box testing strategy deals with the internal logic and
structure of the code. In order to implement white box testing,
the tester has to deal with the code and hence is needed to
possess knowledge of coding and logic i.e. internal working of the
code. White box test also needs the tester to look into the code
and find out which unit/statement/chunk of the code is
malfunctioning.
(2) Black box testing:
Black Box Testing is not a type of testing; it instead is a testing
strategy, which does not need any knowledge of internal design
or code etc. As the name "black box" suggests, no knowledge of
internal logic or code structure is required. The types of testing
under this strategy are totally based/focused on the testing for
requirements and functionality of the work

173
Following were the various steps taken during
the testing phase
 Testing at various machines:
The system has been tested at various machines and is working
properly. No problems occurred while installing the system,
executing the system and also the validations were operating
perfectly.
 End user testing:
The system was given to the company to test, and they were
extremely pleased with the way the system was functioning.
 Correctness of response data:
The data provided by the database engine needed to be correct
and the right data which the employee was supposed to see
based on his specifications. This is ensured that no individual gets
to see the data that he/she was not supposed to see.

174
 Correctness of the graphical user interface:-
The graphical user interface was designed to be user friendly. The
tests were performed on each of the interface and were checked
for correctness. The validations must be tested on user inputs.
Appropriate error messages were expected to be flashed on
screen which not only displayed the error messages but also
provided the user with some diagnostic information in order to
trace the error.
Efficient Session Tracking:-
The session tracking mechanism would ensure that user would
not be able to access the data not meant for him. It should be
ensured that the pages of the administrator must not be
accessible by any employee or anyone not registered with the
system.
 Results:-
At the end of the testing phase, the following observations were
made:
 The user was provided with the proper graphical user interface,
which could be used easily and efficiently.

PROJECT REPORT1

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (14)

Similar to PROJECT REPORT1

Similar to PROJECT REPORT1 (20)

PROJECT REPORT1