CHAPTER 1

PROJECT DESCRIPTION

1.1 INTRODUCTION

Many type of Citizen Card is in our country like Aadhar card, Voter Id, PAN card and has
a unique number issued to every citizen in India and a centralized and universal identification
number. A Citizen card stores an individual's personal details in a government database, and
is fast becoming the government's base for public welfare and citizen services. It has some
purposes like, Voter Id to permit the holder to take part in the electoral process, can be used
as proof of identity, proof of address as well as proof of age when applying for any
government service and also PAN card used by the Income Tax Authority for tracking tax
payments, mandatory for many day to day transactions, To start a new bank account or even
an account on investment platforms like Groww, PAN card is needed.

In order to the various process and services of government these cards are needed.
Typically this card is applying manually, that process like going to the government office to
fill up the application form and the process will go slowly. If there is something wrong with
the application form, the applicant again to fill the new form, it can be the tiring process.
Hereby, we propose system into computerizing. Thus, we fill the application through online
and get the card also via online. This system is most desirable to provide the facility to easily
getting the citizen card that was using to all services of government.

1
1.2 EXISTING SYSTEM

In the existing system, we meet works with manually and boring and stressful
process. We didn’t know about our process in between the application send and until the card
comes into our hands. Such process maintaining all records via paper so that will raises the
probability of missing document.

1.2.1 DISADVANTAGES

 Time Consuming
 Process are tedious
 Probability of information missing
 Can’t check the status of application

1.3 PROPOSED SYSTEM

In our proposed system, contributes to develop the computerizing process. This made
the user will be very comfortably and desirable. This system allows User will apply online for
citizen card and after all verification process they will get card through online. User also have
option for checking status of the application process.

1.3.1 ADVANTAGES

 It’s very fast to process

 This system provides the safety for information which is provided by the user
 We can check our status of the application process
 We will get our card through online and print anywhere

2
 CHAPTER 2
LOGICAL DEVELOPMENT

2.1 DATA FLOW DIAGRAM

A two-dimensional diagram explains how data is processed and transferred in a
system. The graphical depiction identifies each source of data and how it interacts with other
data sources to reach a common output. Individuals seeking to draft a data flow diagram must
identify external inputs and outputs, determine how the inputs and outputs relate to each
other, and explain with graphics how these connections relate and what they result in. This
type of diagram helps business development and design teams visualize how data is
processed and identify or improve certain aspects.

Data flow Symbols:

Symbol Description

An entity. A source of data or a

destination for data.

A process or task that is performed by

the system.

A data store, a place where data is held

between processes.

A data flow.

3
LEVEL 0

DFD Level 0 is also called a Context Diagram. It’s a basic overview of the whole
system or process being analyzed or modeled. It’s designed to be an at-a-glance view,
showing the system as a single high-level process, with its relationship to external entities. It
should be easily understood by a wide audience, including stakeholders, business analysts,
data analysts and developers.

Admin

Citizen card management system

HeadTC User

Database

Fig 2.1.1 level 0-DFD

LEVEL 1

DFD Level 1 provides a more detailed breakout of pieces of the Context Level
Diagram. You will highlight the main functions carried out by the system, as you break down
the high-level process of the Context Diagram into its sub – processes. A level 1 data flow
diagram (DFD) is more detailed than a level 0 DFD but not as detailed as a level 2 DFD. It
breaks down the main processes into sub processes that can then be analyzed and improved
on a more intimate level.

4
 1.0
Register

Admin HeadTC User

2.0
Login

3.0
Add HeadTC 5.0 4.0
View certificate Apply certificate

10.0
View user application status 6.0 7.0
Change certificate status View certificate status

11.0
View certificate

Database

Fig 2.1.2 level 1 DFD

5
2.2 ARCHITECTURE DESIGN
A system architecture or systems architecture is the conceptual model that defines the
structure, behavior, and more views of a system. An architecture description is a formal
description and representation of a system, organized in a way that supports reasoning about
the structures and behaviors of the system. System architecture can comprise system
components, the externally visible properties of those components, the relationships (e.g. the
behavior) between them. It can provide a plan from which products can be procured, and
systems developed, that will work together to implement the overall system. There have been
efforts to formalize languages to describe system architecture; collectively these are called
architecture description languages (ADLs).

Various organizations define systems architecture in different ways, including:

 An allocated arrangement of physical elements which provides the design solution for
a consumer product or life-cycle process intended to satisfy the requirements of the
functional architecture and the requirements baseline.
 Architecture comprises the most important, pervasive, top-level, strategic inventions,
decisions, and their associated rationales about the overall structure (i.e., essential
elements and their relationships) and associated characteristics and behavior.
 If documented, it may include information such as a detailed inventory of current
hardware, software and networking capabilities; a description of long-range plans and
priorities for future purchases, and a plan for upgrading and/or replacing dated
equipment and software.

An architecture diagram is a graphical representation of a set of concepts that are part of

architecture, including their principles, elements and components. Architecture diagram can
help system designers and developers visualize the high-level, overall structure of their
system or application, in order to ensure the system meets their users' needs. Using
architecture diagram, you can also describe patterns that are used throughout the design. It's
somewhat like a blueprint that you use as a guide, so that you and your colleagues can
discuss, improve and follow.

6
 Citizen card Management System

Admin HeadTC User

Login Login Register

Add HeadTC View certificate Login

View user details Certificate status Apply certificate

View certificates Give citizen card View Certificate

status

Fig 2.2 System Architecture

7
 CHAPTER 3
DATABASE DESIGN
3.1 DATA DICTIONARY
3.1.1 Add headtc Table
Field Description Example

id head tc id 005

name head tc name yoga

contact contact 9584748969

address address trichy

email mail id of head tc [email protected]

username username yoga

password password yoga

3.1.1 User register Table

Field Description Example

id User id 102

name user name akila

contact contact 8574859685

address address of user trichy

email mail id [email protected]

gender gender female

username username akila

password password akila

3.1.3 Apply certificate Table

Field Description Example

8
id user id 102

username username of user for login akila

card name card name visa

name user’s name akila

contact user contact 9857485968

address address of user no.2, k.k.nagar, trichy

gender gender female

contactno1 contact number 1 9857485968

contactno2 contact number 2 9150613508

father name father name of user palani

mother name mother name of user mallika

city city trichy

pin code pincode 620021

fingerprint image upload user finger print image fing.jpg

iris image upload iris image iris.jpg

9
3.2 TABLE DESIGN
3.2.1 Add headtc Table
Field Type Null Default

id int(100) Yes NULL

name varchar(100) Yes NULL

contact varchar(100) Yes NULL

address varchar(100) Yes NULL

email varchar(100) Yes NULL

username varchar(100) Yes NULL

password varchar(100) Yes NULL

3.2.1 User register Table

Field Type Null Default

id int(100) Yes NULL

name varchar(100) Yes NULL

contact varchar(100) Yes NULL

address varchar(100) Yes NULL

email varchar(100) Yes NULL

gender varchar(100) Yes NULL

username varchar(100) Yes NULL

password varchar(100) Yes NULL

10
3.2.3 Apply certificate Table

Field Type Null Default

id int(100) Yes NULL

username varchar(100) Yes NULL

card name varchar(100) Yes NULL

name varchar(100) Yes NULL

contact varchar(100) Yes NULL

address varchar(100) Yes NULL

gender varchar(100) Yes NULL

contactno1 varchar(100) Yes NULL

contactno2 varchar(100) Yes NULL

father name varchar(100) Yes NULL

mother name varchar(100) Yes NULL

city varchar(100) Yes NULL

pin code varchar(100) Yes NULL

fingerprint image varchar(100) Yes NULL

iris image varchar(100) Yes NULL

11
3.3 RELATIONSHIPDIAGRAM
An entity–relationship model (ER model for short) describes interrelated things of
interest in a specific domain of knowledge. A basic ER model is composed of entity types
(which classify the things of interest) and specifies relationships that can exist
between entities (instances of those entity types). In software engineering, an ER model is
commonly formed to represent things a business needs to remember in order to perform
business processes. Consequently, the ER model becomes an abstract data model that defines
data or information structure, which will be implemented in a database, typically a relational
database.

Fig 3.3 ER Diagram

12
3.4 SYSTEM ANALYSIS

3.4.1 HARDWARE REQUIREMENTS:

 Processor : Dual core processor 2.6.0 GHz

 RAM : 1GB

 Hard disk : 160 GB

 Compact Disk : 650 MB

 Keyboard : Standard keyboard

 Monitor : 15 inch color monitor

3.4.2 SOFTWARE REQUIREMENTS

 Front End : PHP

 Back End : MySQL

 Platform : Windows 7

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

Common Uses of PHP

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

Characteristics of PHP
Five important characteristics make PHP's practical nature possible:
 Simplicity
 Efficiency
 Security
 Flexibility
 Familiarity
PHP Variables

14
 The main way to store information in the middle of a PHP program is by using a
variable. Here are the most important things to know about variables in PHP.

 All variables in PHP are denoted with a leading dollar sign ($).
 The value of a variable is the value of its most recent assignment.
 Variables are assigned with the = operator, with the variable on the left-hand side and
the expression to be evaluated on the right.
 Variables can, but do not need, to be declared before assignment.
 Variables in PHP do not have intrinsic types - a variable does not know in advance
whether it will be used to store a number or a string of characters.
 Variables used before they are assigned have default values.
 PHP does a good job of automatically converting types from one to another when
necessary.
 PHP variables are Perl-like. PHP has a total of eight data types which we use to
construct our variables:
 Integers: are whole numbers, without a decimal point, like 4195.
 Doubles: are floating-point numbers, like 3.14159 or 49.1.
 Booleans: have only two possible values either true or false.
 NULL: is a special type that only has one value: NULL.
 Strings: are sequences of characters, like 'PHP supports string operations.'
 Arrays: are named and indexed collections of other values.
 Objects: are instances of programmer-defined classes, which can package up
both other kinds of values and functions that are specific to the class.
 Resources: are special variables that hold references to resources external to
PHP (such as database connections).

3.5.2 Backend (MySQL)

MySQL is the world's most used open source relational database management system
(RDBMS) as of 2008 that run as a server providing multi-user access to a number of
databases. The MySQL development project has made its source code available under the
terms of the GNU General Public License, as well as under a variety of proprietary
agreements. MySQL was owned and sponsored by a single for-profit firm, the Swedish
company MySQL AB, now owned by Oracle Corporation.

15
 MySQL is a popular choice of database for use in web applications, and is a central
component of the widely used LAMP open source web application software stack—LAMP is
an acronym for "Linux, Apache, MySQL, Perl/PHP/Python." Free-software-open source
projects that require a full-featured database management system often use MySQL.

For commercial use, several paid editions are available, and offer additional
functionality. Applications which use MySQL databases include: TYPO3, Joomla, Word
Press, phpBB, MyBB, Drupal and other software built on the LAMP software stack. MySQL
is also used in many high-profile, large-scale World Wide Web products, including
Wikipedia, Google (though not for searches), Imagebook, Twitter, Flickr, Nokia.com, and
YouTube.

Inter images

MySQL is primarily an RDBMS and ships with no GUI tools to administer MySQL
databases or manage data contained within the databases. Users may use the included
command line tools, or use MySQL "front-ends", desktop software and web applications that
create and manage MySQL databases, build database structures, back up data, inspect status,
and work with data records. The official set of MySQL front-end tools, MySQL Workbench
is actively developed by Oracle, and is freely available for use.

Graphical

The official MySQL Workbench is a free integrated environment developed by MySQL AB,
which enables users to graphically administer MySQL databases and visually design database
structures. MySQL Workbench replaces the previous package of software, MySQL GUI
Tools. Similar to other third-party packages, but still considered the authoritative MySQL
frontend, MySQL Workbench lets users manage database design & modeling, SQL
development (replacing MySQL Query Browser) and Database administration (replacing
MySQL Administrator).MySQL Workbench is available in two editions, the regular free and
open source Community Edition which may be downloaded from the MySQL website, and
the proprietary Standard Edition which extends and improves the feature set of the
Community Edition.

Command line

16
 MySQL ships with some command line tools. Third-parties have also developed tools
to manage a MySQL server, some listed below. Maatkit - a cross-platform toolkit for
MySQL, PostgreSQL and Memcached, developed in Perl Maatkit can be used to prove
replication is working correctly, fix corrupted data, automate repetitive tasks, and speed up
servers. Maatkit is included with several GNU/Linux distributions such as CentOS and
Debian and packages are available for Programming. MySQL works on many different
system platforms, including AIX, BSDi, FreeBSD, HP-UX, eComStation, i5/OS, IRIX,
Linux, Mac OS X, Microsoft Windows, NetBSD, Novell NetWare, OpenBSD, OpenSolaris,
OS/2 Warp, QNX, Solaris, Symbian, SunOS, SCO Open Server, SCO UnixWare, Sanos and
Tru64. A port of MySQL to OpenVMS also exists.

MySQL is written in C and C++. Its SQL parser is written in yacc, and a home-
brewed lexical analyzer. Many programming languages with language-specific APIs include
libraries for accessing MySQL databases. These include MySQL Connector/Net for
integration with Microsoft's Visual Studio (languages such as C# and VB are most commonly
used) and the JDBC driver for Java. In addition, an ODBC interim age called
MyODBCallows additional programming languages that support the ODBC inter image to
communicate with a MySQL database, such as ASP or ColdFusion. The HTSQL - URL-
based query method also ships with a MySQL adapter, allowing direct interaction between a
MySQL database and any web client via structured URLs.

Features

As of April 2009, MySQL offered MySQL 5.1 in two different variants: the open source
MySQL Community Server and the commercial Enterprise Server. MySQL 5.5 is offered
under the same licenses. They have a common code base and include the following features:

 A broad subset of ANSI SQL 99, as well as extensions

 Cross-platform support
 Stored procedures
 Triggers
 Cursors
 Updatable Views
 Information schema

17
 Strict mode (ensures MySQL does not truncate or otherwise modify data to conform
to an underlying data type, when an incompatible value is inserted into that type)
 X/Open XAdistributed transaction processing (DTP) support; two phase commit as
part of this, using Oracle's InnoDB engine
 Transactions with the InnoDB, and Cluster storage engines
 SSL support
 Query caching
 Sub-SELECTs (i.e. nested SELECTs)
 Replication support (i.e. Master-Master Replication & Master-Slave Replication) with
one master per slave, many slaves per master, no automatic support for multiple masters per
slave.
 Full-text indexing and searching using MyISAM engine
 Embedded database library
 Partitioned tables with pruning of partitions in optimizer
 Shared-nothing clustering through MySQL Cluster
 Hot backup (via mysqlhotcopy) under certain conditions

Multiple storage engines, allowing one to choose the one that is most effective for each
table in the application (in MySQL 5.0, storage engines must be compiled in; in MySQL 5.1,
storage engines can be dynamically loaded at run time): Native storage engines (MyISAM,
Falcon, Merge, Memory (heap), Federated, Archive, CSV, Blackhole, Cluster, EXAMPLE,
Maria, and InnoDB, which was made the default as of 5.5). Partner-developed storage
engines (solidDB, NitroEDB, ScaleDB, TokuDB, Infobright (formerly Brighthouse),
Kickfire, XtraDB, IBM DB2). InnoDB used to be a partner-developed storage engine, but
with recent acquisitions, Oracle now owns both MySQL core and InnoDB.

18
 CHAPTER 4

PROGRAM DESIGN

4.1 MODULES

 Admin
 HeadTC
 User

4.2 MODULES DESCRIPTION

4.2.1 Admin

Admin Login

Admin will have a separate login to maintain the account. Admin will maintain the

user details and the application details using the server.

Add HeadTC

Admin will addwebsite of The Head of Trichy Corporation(TC) department details.

Hereby, the HeadTC have to get the information from the user for giving citizen card.

View user details

This module allows admin can view the user details. Like user name, address, contact

detail. This will helps to admin verify the details which is given by the user.

View certificate

In this module, admin can view the certificates which are given by the user. Which is

like resident certificate, birth certificate and etc.

19
4.2.2 HeadTC

Login

HeadTC will have separate login to the account with its own username and password.

It will maintain all of user’s details and certificates details and other process details.

View certificate

HeadTC will view the certificates which are given by the users. These certificates

may be residential certificate or birth certificate, that was must be check by the HeadTC.

Certificate Status

In this module is the main segment in this process, because of the decision will make

in this phase, that is neither approved or not. If certificates are verified and the approval will

give to the user to get citizen card else the certificate status changed into rejected.

4.2.3 User

Login

The user will make the register by adding their personal details. The user will use the

username and password system for the login session.

Apply Certificate

User apply for citizen card they must upload some documents like contact certificate,

Resident certificate, Birth certificates or any other certificates as accepted.

Certificate Status

User will view the status of the application for citizen card which is applied by them.

20
 CHAPTER 5
TESTING
5.1 SYSTEM TESTING

Testing

Testing is a series of different tests that whose primary purpose is to fully exercise
the computer based system. Although each test has a different purpose, all work should verify
that all system element have been properly integrated and performed allocated function.
Testing is the process of checking whether the developed system works according to the
actual requirement and objectives of the system. The philosophy behind testing is to find the
errors. A good test is one that has a high probability of finding an undiscovered error. A
successful test is one that uncovers the undiscovered error. Test cases are devised with this
purpose in mind. A test case is a set of data that the system will process as an input.

5.1.1 System testing

After a system has been verified, it needs to be thoroughly tested to ensure that every
component of the system is performing in accordance with the specific requirements and that
it is operating as it should including when the wrong functions are requested or the wrong
data is introduced. 

Testing measures consist of developing a set of test criteria either for the entire system
or for specific hardware, software and communications components. For an important and
sensitive system such as an electronic voting system, a structured system testing program
may be established to ensure that all aspects of the system are thoroughly tested.

Testing measures that could be followed include: 

 Applying functional tests to determine whether the test criteria have been
met
 Applying qualitative assessments to determine whether the test criteria have
been met. 
 Conducting tests in “laboratory” conditions and conducting tests in a variety
of “real life” conditions. 

21
  Conducting tests over an extended period of time to ensure systems can
perform consistently. 
 Conducting “load tests”, simulating as close as possible likely conditions
while using or exceeding the amounts of data that can be expected to be
handled in an actual situation. 
Test measures for hardware may include: 

 Applying “non-operating” tests to ensure that equipment can stand up to expected

levels of physical handling.
 Testing “hard wired” code in hardware (firmware) to ensure its logical correctness
and that appropriate standards are followed.

Tests for software components also include:

 Testing all programs to ensure its logical correctness and that appropriate design,
development and implementation standards have been followed.
 Conducting “load tests”, simulating as close as possible a variety of “real life”
conditions using or exceeding the amounts of data that could be expected in an actual
situation.
 Verifying that integrity of data is maintained throughout its required manipulation.

Fig.5.1.1 System testing

[Head Tc view certificate which is applied by user]

22
5.1.2 Unit testing

The first test in the development process is the unit test. The source code is normally divided
into modules, which in turn are divided into smaller units called units. These units have
specific behavior. The test done on these units of code is called unit test. Unit test depends
upon the language on which the project is developed.

Unit tests ensure that each unique path of the project performs accurately to the documented
specifications and contains clearly defined inputs and expected results. Functional and
reliability test in an Engineering environment, producing tests for the behavior of components
(nodes and vertices) of a product to ensure their correct behavior prior to system integration.

Fig 5.1.2 Unit Testing

[Admin login success]

23
5.1.3 Integration testing

Testing is which modules are combined and tested as a group. Modules are typically
code modules, individual applications, source and destination applications on a network, etc.
Integration Testing follows unit testing and precedes system testing. Testing after the product
is code complete. Betas are often widely distributed or even distributed to the public at large
in hopes that they will buy the final product when it is release.

Fig 6.3 Integration Testing

[User view certificate success which status was changed by head Tc ]

24
5.1.4 Validation Testing

Validation testing is testing where tester performed functional and non-functional testing.
Here functional testing includes Unit Testing (UT), Integration Testing (IT) and System
Testing (ST), and non-functional testing includes User acceptance testing (UAT).Validation
testing is also known as dynamic testing, where we are ensuring that "we have developed the
product right." And it also checks that the software meets the business needs of the client. It
is a process of checking the software during or at the end of the development cycle to decide
whether the software follow the specified business requirements. We can validate that the
user accepts the product or not.

5.1.4 Validation Certificate

[Validation success in add Head Tc]

25
 CHAPTER 6

CONCLUSION
Citizen Card Management system is very useful for the citizen, because he can save
his time by using the proposed system. In the existing system, citizen has to visit Corporation
department to get citizen card which offers benefits to various services or utilities provided
by the Government or Private organizations each and every time until they get the card. By
this system, to reduce the traditional "written methodology" and tedious process. It has very
quickly led to the need for a solution that can guarantee the identity of the issuer or the
receiver.

26
 CHAPTER 7
REFERENCE
Book reference:

1)  Holzner, Steven," PHP: The Complete Reference ", 1 Jul 2017

2) Richard Blum , ”PHP, MySQL & JavaScript All - in - One For Dummies Paperback”,
1Jan 2018 
3)  Luke Welling, Laura Thomson, " PHP and MySQL Web Development Paperback ",
20 December 2016
4) Robin Nixon , " Learning PHP, MySQL & JavaScript with j Query, CSS & HTML5
Paperback ", 1 Jan 2015

Web reference:

1. https://www.w3schools.com/php/php_intro.asp
2. https://phptherightway.com/
3. https://www.learn-php.org/

27
 CHAPTER 8
APPENDIX
8.1 SOURCE CODE
Admin Login

<?php

session_start();

extract($_POST);

if(isset($_POST['Submit']))

if(($username=="admin")&&($password=="admin"))

?>

<script language="javascript">

alert("Login sucessfully");

window.location.href="admin_home.php";

</script>

<?php

else

?>

<script language="javascript">

alert("Failed");

window.location.href="admin.php";

</script>

<?php

28
 }

?>

<script>

addEventListener("load", function () {

setTimeout(hideURLbar, 0);

}, false);

function hideURLbar() {

window.scrollTo(0, 1);

</script>

<form name="form1" method="post" action="">

<span class="style1"></span>

<p>&nbsp;</p>

<table width="392" height="139" border="0" align="center">

<tr>

<td width="181" height="45"><strong>Username </strong></td>

<td width="201"><label>

<input name="username" type="text" id="username" required=="">

</label></td>

</tr>

<tr>

<td height="45"><strong>Password</strong></td>

<td><label>

<input name="password" type="password" id="password3" required=="">

</label></td>

</tr>

29
 <tr>

<td>&nbsp;</td>

<td><label>

<input type="submit" name="Submit" value="LOGIN">

</label></td>

</tr>

</table>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

30
 <p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</form>

<script src="js/jquery-2.2.3.min.js"></script>

<!-- script for password match -->

<script>

window.onload = function () {

document.getElementById("password1").onchange = validatePassword;

document.getElementById("password2").onchange = validatePassword;

function validatePassword() {

var pass2 = document.getElementById("password2").value;

var pass1 = document.getElementById("password1").value;

if (pass1 != pass2)

document.getElementById("password2").setCustomValidity("Passwords Don't
Match");

else

document.getElementById("password2").setCustomValidity('');

//empty string means no validation error

</script>

31
<!-- script for password match -->

<!-- //js -->

<script src="js/move-top.js"></script>

<script src="js/easing.js"></script>

<script>

jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {

event.preventDefault();

$('html,body').animate({

scrollTop: $(this.hash).offset().top

}, 1000);

});

});

</script>

<!-- //end-smooth-scrolling -->

<!-- smooth-scrolling-of-move-up -->

<script>

$(document).ready(function () {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

32
 $().UItoTop({

easingType: 'easeOutQuart'

});

});

</script>

<script src="js/SmoothScroll.min.js"></script>

<!-- //smooth-scrolling-of-move-up -->

<!-- Bootstrap core JavaScript

================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/bootstrap.min.js"></script>

User register

<?php

include("dbconnect.php");

extract($_POST);

if(isset($Submit))

$max_qry = mysql_query("select max(id) from user_registration");

$max_row=mysql_fetch_array($max_qry);

$id=$max_row['max(id)']+1;

$qrys=mysql_query("insert into user_registration

values('$id','$name','$contact','$address','$email','$gender','$username','$password')");

if($qrys)

33
?>

<script language="javascript" type="text/javascript">

alert("success..");

window.location.href="user.php";

</script>

<?php

else

?>

<script language="javascript" type="text/javascript">

alert("failed..");

</script>

<?php

?>

<script>

addEventListener("load", function () {

setTimeout(hideURLbar, 0);

}, false);

function hideURLbar() {

window.scrollTo(0, 1);

</script>

<script src="js/jquery-2.2.3.min.js"></script>

34
 <!-- script for password match -->

<script>

window.onload = function () {

document.getElementById("password1").onchange = validatePassword;

document.getElementById("password2").onchange = validatePassword;

function validatePassword() {

var pass2 = document.getElementById("password2").value;

var pass1 = document.getElementById("password1").value;

if (pass1 != pass2)

document.getElementById("password2").setCustomValidity("Passwords Don't
Match");

else

document.getElementById("password2").setCustomValidity('');

//empty string means no validation error

</script>

<!-- script for password match -->

<!-- //js -->

<script src="js/move-top.js"></script>

<script src="js/easing.js"></script>

<script>

jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {

event.preventDefault();

35
 $('html,body').animate({

scrollTop: $(this.hash).offset().top

}, 1000);

});

});

</script>

<!-- //end-smooth-scrolling -->

<!-- smooth-scrolling-of-move-up -->

<script>

$(document).ready(function () {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

$().UItoTop({

easingType: 'easeOutQuart'

});

});

</script>

<script src="js/SmoothScroll.min.js"></script>

<!-- //smooth-scrolling-of-move-up -->

36
 <!-- Bootstrap core JavaScript

================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/bootstrap.min.js"></script>

Apply certificate

<?php

include("dbconnect.php");

session_start();

extract($_POST);

?> <script>

addEventListener("load", function () {

setTimeout(hideURLbar, 0);

}, false);

function hideURLbar() {

window.scrollTo(0, 1);

</script> <?php

$qry1=mysql_query("select * from applycertificate where status=0");

while($row=mysql_fetch_array($qry1))

?>

<tr>

<td><span class="style2"><?php echo $m1=$row['cardname'];?

></span></td>

<td><span class="style2"><?php echo $m1=$row['name'];?></span></td>

37
 <td><span class="style2"><?php echo $m1=$row['contact'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['address'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['gender'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['contactno1'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['contactno2'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['fathername'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['mothername'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['city'];?></span></td>

<td><span class="style2"><?php echo $m1=$row['pincode'];?></span></td>

<td><img src="upload/<?php echo $row['fingerprintimage'];?

>" width="100" height="100"></td>

<td><img src="upload/<?php echo $row['irisimage'];?>"

width="100" height="100"></td>

<td><a href="applied_certificate1.php?id=<?php echo $m1=$row['id'];?

>">Approved</a>

<a href="applied_certificate2.php?id=<?php echo

$m1=$row['id'];?>">Correction</a>

<a href="applied_certificate3.php?id=<?php echo

$m1=$row['id'];?>">Reject</a></td>

<td width="45">&nbsp;</td>

</tr>

<?php

?>

</table>

<div class="wthreepvt-pos-row row text-center">

<h3 align="center" class="style1">&nbsp;</h3>

<form name="form1" method="post" action="">

<span class="style1"></span>

38
<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

39
 <p>&nbsp;</p>

<p>&nbsp;</p>

</form><form action="#" method="post" class="p-3">

<div class="form-group">

<label for="recipient-name" class="col-form-label">Username</label>

<input type="text" class="form-control" placeholder=" " name="Name"

id="recipient-name"

required="">

</div>

<div class="form-group">

<label for="password" class="col-form-label">Password</label>

<input type="password" class="form-control" placeholder=" "

name="Password" id="password"

required="">

</div>

<div class="right-w3l">

<input type="submit" class="form-control bg-theme" value="Login">

</div>

<div class="row sub-w3l my-3">

<div class="col sub-w3ltd">

<input type="checkbox" id="brand1" value="">

<label for="brand1" class="text-dark">

<span></span>Remember me?</label>

</div>

<div class="col forgot-w3l text-right">

<a href="#" class="text-dark">Forgot Password?</a>

</div>

</div>

40
 <p class="text-center dont-do">Don't have an account?

<a href="#" data-toggle="modal" data-target="#exampleModal1"

class="text-dark">

<strong>Register Now</strong></a>

</p>

</form><form action="#" method="post" class="p-3">

<div class="form-group">

<label for="recipient-name" class="col-form-label">Username</label>

<input type="text" class="form-control" placeholder=" " name="Name"

id="recipient-rname"

required="">

</div>

<div class="form-group">

<label for="recipient-email" class="col-form-label">Email</label>

<input type="email" class="form-control" placeholder=" " name="Email"

id="recipient-email"

required="">

</div>

<div class="form-group">

<label for="password1" class="col-form-label">Password</label>

<input type="password" class="form-control" placeholder=" "

name="Password" id="password1"

required="">

</div>

<div class="form-group">

<label for="password2" class="col-form-label">Confirm Password</label>

<input type="password" class="form-control" placeholder=" "

name="Confirm Password" id="password2"

required="">

41
 </div>

<div class="sub-w3l">

<div class="sub-w3ltd">

<input type="checkbox" id="brand2" value="">

<label for="brand2" class="mb-3 text-dark">

<span></span>I Accept to the Terms & Conditions</label>

</div>

</div>

<div class="right-w3l">

<input type="submit" class="form-control bg-theme" value="Register">

</div>

</form>

</div>

</div>

</div>

</div>

<!-- //register modal -->

<!-- js -->

<script src="js/jquery-2.2.3.min.js"></script>

<!-- script for password match -->

<script>

window.onload = function () {

document.getElementById("password1").onchange = validatePassword;

document.getElementById("password2").onchange = validatePassword;

function validatePassword() {

42
 var pass2 = document.getElementById("password2").value;

var pass1 = document.getElementById("password1").value;

if (pass1 != pass2)

document.getElementById("password2").setCustomValidity("Passwords Don't
Match");

else

document.getElementById("password2").setCustomValidity('');

//empty string means no validation error

</script>

<!-- script for password match -->

<!-- //js -->

<script src="js/move-top.js"></script>

<script src="js/easing.js"></script>

<script>

jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {

event.preventDefault();

$('html,body').animate({

scrollTop: $(this.hash).offset().top

}, 1000);

});

});

</script>

<!-- //end-smooth-scrolling -->

<!-- smooth-scrolling-of-move-up -->

43
 <script>

$(document).ready(function () {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

$().UItoTop({

easingType: 'easeOutQuart'

});

});

</script>

<script src="js/SmoothScroll.min.js"></script>

<!-- //smooth-scrolling-of-move-up -->

<!-- Bootstrap core JavaScript

================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/bootstrap.min.js"></script>

</body>

Head tc Login

<?php

include("dbconnect.php");

44
session_start();

extract($_POST);

if(isset($_POST['Submit']))

echo $qry=mysql_query("select * from addheadtc where username='$username' and

password='$password'");

$num=mysql_num_rows($qry);

if($num)

$_SESSION['user']=$username;

?>

<script language="javascript">

alert("Login Successfully");

window.location.href="head_tc_home.php";

</script>

<?php

else

?>

<script language="javascript">

alert("Failed");

window.location.href="head_tc.php";

</script>

<?php

45
?>

<!DOCTYPE html>

<html lang="zxx">

<head>

<title>Citizen Card Management System Category Flat Bootstrap Responsive website

Template | About :: w3layouts</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta charset="utf-8" />

<meta name="keywords" content="Recruit Responsive web template, Bootstrap Web

Templates, Flat Web Templates, Android Compatible web template,

SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG,
Sony Ericsson, Motorola web design" />

<script>

addEventListener("load", function () {

setTimeout(hideURLbar, 0);

}, false);

function hideURLbar() {

window.scrollTo(0, 1);

</script>

<form name="form1" method="post" action="">

<span class="style1"></span>

<p>&nbsp;</p>

<table width="392" height="139" border="0" align="center">

<tr>

<td width="181" height="45"><strong>Username </strong></td>

46
 <td width="201"><label>

<input name="username" type="text" id="username" required=="">

</label></td>

</tr>

<tr>

<td height="45"><strong>Password</strong></td>

<td><label>

<input name="password" type="password" id="password3" required=="">

</label></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><label>

<input type="submit" name="Submit" value="LOGIN">

</label></td>

</tr>

</table>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

47
 <p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</form>

<form action="#" method="post" class="p-3">

<div class="form-group">

<label for="recipient-name" class="col-form-label">Username</label>

<input type="text" class="form-control" placeholder=" " name="Name"

id="recipient-name"

required="">

</div>

<div class="form-group">

<label for="password" class="col-form-label">Password</label>

48
 <input type="password" class="form-control" placeholder=" "
name="Password" id="password"

required="">

</div>

<div class="right-w3l">

<input type="submit" class="form-control bg-theme" value="Login">

</div>

<div class="row sub-w3l my-3">

<div class="col sub-w3ltd">

<input type="checkbox" id="brand1" value="">

<label for="brand1" class="text-dark">

<span></span>Remember me?</label>

</div>

<div class="col forgot-w3l text-right">

<a href="#" class="text-dark">Forgot Password?</a>

</div>

</div>

<p class="text-center dont-do">Don't have an account?

<a href="#" data-toggle="modal" data-target="#exampleModal1"

class="text-dark">

<strong>Register Now</strong></a>

</p>

</form>

</div>

</div>

</div>

</div>

<!-- //login modal -->

49
 <!-- register modal -->

<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-

labelledby="exampleModalLabel1"

aria-hidden="true">

<div class="modal-dialog modal-dialog-centered" role="document">

<div class="modal-content">

<div class="modal-header bg-theme1">

<h5 class="modal-title" id="exampleModalLabel1">Register</h5>

<button type="button" class="close" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">&times;</span>

</button>

</div>

<div class="modal-body">

<form action="#" method="post" class="p-3">

<div class="form-group">

<label for="recipient-name" class="col-form-label">Username</label>

<input type="text" class="form-control" placeholder=" " name="Name"

id="recipient-rname"

required="">

</div>

<div class="form-group">

<label for="recipient-email" class="col-form-label">Email</label>

<input type="email" class="form-control" placeholder=" " name="Email"

id="recipient-email"

required="">

</div>

<div class="form-group">

<label for="password1" class="col-form-label">Password</label>

50
 <input type="password" class="form-control" placeholder=" "
name="Password" id="password1"

required="">

</div>

<div class="form-group">

<label for="password2" class="col-form-label">Confirm Password</label>

<input type="password" class="form-control" placeholder=" "

name="Confirm Password" id="password2"

required="">

</div>

<div class="sub-w3l">

<div class="sub-w3ltd">

<input type="checkbox" id="brand2" value="">

<label for="brand2" class="mb-3 text-dark">

<span></span>I Accept to the Terms & Conditions</label>

</div>

</div>

<div class="right-w3l">

<input type="submit" class="form-control bg-theme" value="Register">

</div>

</form>

</div>

</div>

</div>

</div>

<!-- //register modal -->

<!-- js -->

<script src="js/jquery-2.2.3.min.js"></script>

51
 <!-- script for password match -->

<script>

window.onload = function () {

document.getElementById("password1").onchange = validatePassword;

document.getElementById("password2").onchange = validatePassword;

function validatePassword() {

var pass2 = document.getElementById("password2").value;

var pass1 = document.getElementById("password1").value;

if (pass1 != pass2)

document.getElementById("password2").setCustomValidity("Passwords Don't
Match");

else

document.getElementById("password2").setCustomValidity('');

//empty string means no validation error

</script>

<!-- script for password match -->

<!-- //js -->

<script src="js/move-top.js"></script>

<script src="js/easing.js"></script>

<script>

jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {

event.preventDefault();

52
 $('html,body').animate({

scrollTop: $(this.hash).offset().top

}, 1000);

});

});

</script>

<!-- //end-smooth-scrolling -->

<!-- smooth-scrolling-of-move-up -->

<script>

$(document).ready(function () {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

$().UItoTop({

easingType: 'easeOutQuart'

});

});

</script>

<script src="js/SmoothScroll.min.js"></script>

<!-- //smooth-scrolling-of-move-up -->

53
 <!-- Bootstrap core JavaScript

================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/bootstrap.min.js"></script>

Verified certificate

<?php

include("dbconnect.php");

session_start();

extract($_POST);

if(isset($_POST['Submit']))

echo $qry=mysql_query("select * from addheadtc where username='$username' and

password='$password'");

$num=mysql_num_rows($qry);

if($num)

$_SESSION['user']=$username;

?>

<script language="javascript">

alert("Login Successfully");

window.location.href="head_tc_home.php";

</script>

<?php

else

?>

54
<script language="javascript">

alert("Failed");

window.location.href="head_tc.php";

</script>

<?php

?>

<!DOCTYPE html>

<html lang="zxx">

<head>

<title>Citizen Card Management System Category Flat Bootstrap Responsive website

Template | About :: w3layouts</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta charset="utf-8" />

<meta name="keywords" content="Recruit Responsive web template, Bootstrap Web

Templates, Flat Web Templates, Android Compatible web template,

SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG,
Sony Ericsson, Motorola web design" />

<script>

addEventListener("load", function () {

setTimeout(hideURLbar, 0);

}, false);

function hideURLbar() {

window.scrollTo(0, 1);

55
 </script>

Certificate correction

<?php

include("dbconnect.php");

session_start();

extract($_POST);

?>

<!DOCTYPE html>

<html lang="zxx">

<head>

<title>Citizen Card Management System Category Flat Bootstrap Responsive website

Template | About :: w3layouts</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta charset="utf-8" />

<meta name="keywords" content="Recruit Responsive web template, Bootstrap Web

Templates, Flat Web Templates, Android Compatible web template,

SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG,
Sony Ericsson, Motorola web design" />

<script>

addEventListener("load", function () {

setTimeout(hideURLbar, 0);

}, false);

function hideURLbar() {

window.scrollTo(0, 1);

56
 </script>

<form name="form1" method="post" action="">

<span class="style1"></span>

<p>&nbsp;</p>

<table width="200" border="1">

<tr>

<td>Card</td>

<td>Name</td>

<td>Contactno</td>

<td>Address</td>

<td>Gender</td>

<td>Fathername</td>

<td>Mothername</td>

<td>City</td>

<td>Pincode</td>

<td>Status</td>

</tr>

<?php

$qry1=mysql_query("select * from applycertificate where status=2");

while($row=mysql_fetch_array($qry1))

?>

<tr>

<td><?php echo $m1=$row['cardname'];?></td>

<td><?php echo $m1=$row['name'];?></td>

<td><?php echo $m1=$row['contact'];?></td>

<td><?php echo $m1=$row['address'];?></td>

57
 <td><?php echo $m1=$row['gender'];?></td>

<td><?php echo $m1=$row['fathername'];?></td>

<td><?php echo $m1=$row['mothername'];?></td>

<td><?php echo $m1=$row['city'];?></td>

<td><?php echo $m1=$row['pincode'];?></td>

<td><?php echo "Correction";?></td>

</tr>

<?php

?>

</table>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

58
 <p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

</form>

<form action="#" method="post" class="p-3">

<div class="form-group">

<label for="recipient-name" class="col-form-label">Username</label>

<input type="text" class="form-control" placeholder=" " name="Name"

id="recipient-rname"

required="">

</div>

<div class="form-group">

<label for="recipient-email" class="col-form-label">Email</label>

<input type="email" class="form-control" placeholder=" " name="Email"

id="recipient-email"

required="">

</div>

<div class="form-group">

<label for="password1" class="col-form-label">Password</label>

59
 <input type="password" class="form-control" placeholder=" "
name="Password" id="password1"

required="">

</div>

<div class="form-group">

<label for="password2" class="col-form-label">Confirm Password</label>

<input type="password" class="form-control" placeholder=" "

name="Confirm Password" id="password2"

required="">

</div>

<div class="sub-w3l">

<div class="sub-w3ltd">

<input type="checkbox" id="brand2" value="">

<label for="brand2" class="mb-3 text-dark">

<span></span>I Accept to the Terms & Conditions</label>

</div>

</div>

<div class="right-w3l">

<input type="submit" class="form-control bg-theme" value="Register">

</div>

</form>

</div>

</div>

</div>

</div>

<!-- //register modal -->

<!-- js -->

<script src="js/jquery-2.2.3.min.js"></script>

60
 <!-- script for password match -->

<script>

window.onload = function () {

document.getElementById("password1").onchange = validatePassword;

document.getElementById("password2").onchange = validatePassword;

function validatePassword() {

var pass2 = document.getElementById("password2").value;

var pass1 = document.getElementById("password1").value;

if (pass1 != pass2)

document.getElementById("password2").setCustomValidity("Passwords Don't
Match");

else

document.getElementById("password2").setCustomValidity('');

//empty string means no validation error

</script>

<!-- script for password match -->

<!-- //js -->

<script src="js/move-top.js"></script>

<script src="js/easing.js"></script>

<script>

jQuery(document).ready(function ($) {

$(".scroll").click(function (event) {

event.preventDefault();

$('html,body').animate({

scrollTop: $(this.hash).offset().top

61
 }, 1000);

});

});

</script>

<!-- //end-smooth-scrolling -->

<!-- smooth-scrolling-of-move-up -->

<script>

$(document).ready(function () {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

$().UItoTop({

easingType: 'easeOutQuart'

});

});

</script>

<script src="js/SmoothScroll.min.js"></script>

<!-- //smooth-scrolling-of-move-up -->

<!-- Bootstrap core JavaScript

================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/bootstrap.min.js"></script>

62
8.2 SCREEN SHOT

8.2.1 Citizen card Management System Home page

8.2.2 Admin Login

63
8.2.3 Admin Add Head Tc

8.2.4 User Registration

64
 8.2.5 User login

8.2.6 User apply certificate

65
8.2.7 User view Certificate Status

8.2.8 Head Tc Login

66
8.2.9 Head Tc View Certificate

67
 8.2.10 Head tc view all certificates

8.2.11 user view correction Certificate

68