Professional Documents
Culture Documents
A PROJECT REPORT
Submitted By
R.AAKASHKUMAR
K.KARTHIKEYAN
of
BACHELOR OF TECHNOLOGY
In
INFORMATION TECHNOLOGY
CHRISTIAN COLLEGE OF ENGEERING AND TECHNOLOGY
ODDANCHATRAM-624619
ANNA UNIVERSITY: CHENNAI-600025
MARCH 2020
1
TABLE OF CONCENTS
CHAPTER .NO TOPIC PAGE .NO
ABSTRACT 3
1 INTRODUCTION 4
1.1 Smart Voting 4
1.2 Paper Based Voting 5
1.3 Current Scenario 6
2 SYSTEM DESIGN
2.1 System Architecture 7
2.2 Modules 8
2.2.1 User Login 8
2.2.2 User Authentication 9
2.2.3 Region Setup 9
2.2.4 Voting Process 9
3 SYSTEM SPECIFICATION
3.1 Html 10
3.2 Elements 10
3.3 Case Coding Style sheet 12
3.4 JavaScript 13
2
4 CONCLUSION 16
5 SAMPLE CODING 17
5.1 SVS.HTML 17
5.2 DEMO.JS 18
5.3 STYLES11.CSS 20
5.4 VOTEPAGE.HTML 22
6 SCREENSHOTS 32
3
ABSTRACT
This web application name is smart voting system. It allows people to vote
through their mobile phone. It can work only in online mode. This application
voting process and announcement of result .In user registration, users are allowed
to enter their voter-id and their fingerprint .There details are stored in firebase
system. Then after authenticating the user, he has to select the region which has list
of states and corresponding districts. After selecting the district It display the list of
participating candidates and their symbols. Then user can vote to the desired
Candidates .through this application, Uses can easily do voting at their home.
Based on the count stored in database, results will be displayed. This app is
working only at the time of election .Once the users did voting, they cannot do it
4
CHAPTER I
INTRODUCTION
1.1 SMART VOTING
Smart voting system used to vote our election in government .This website
name is smart voting system. It allows people to vote through their mobile phones.
It can work only in online mode. This application consists of user Registration,
user authentication using Biometric, Region set-up voting process and
announcement of result. In Democratic countries like India, the voting system
plays a major role during elections. Traditionally, the election commission in India
uses electronic voting machines which need more manpower, time-consuming and
also they are less trustworthy. As we know, in every country Election is a basic
process of democracy which allows people to show their opinions by selecting
their candidate. India is spending huge money to improve our whole voting system
to provide a better government to citizens.
This project aims to build an electronic voting machine using finger print.
This project is used to maintain High level biometric security. The voter details are
stored in database in computer. India is one of the world’s largest democracies
with the community of 1 billion. India has an electorate of around 700 million
persons. Voting theory began formally in the 18th century and proposals for voting
system are been made ever since. The current voting mechanism has many security
problems. The past experience of electoral process enforced to focus on the use of
latest technologies in e-voting process. The development of voting system can be
in the field of additional security in authentication process. The improvisation in
the current voting system can be made using biometric technology. Biometric
recognition refers to the use of fingerprint, Iris, face palm and speech
characteristics. These are called Biometric identifiers. Fingerprint matching play an
important role in this project.
5
Today, it is mandatory for every citizen to have Aadhar card in which
fingerprint and iris of individuals are stored. In this paper, Raspberry pi and
fingerprint scanner which is used to store the images of fingerprint in a database.
At the time of voting he/she places his/her fingerprint, if it matches with already
stored one in a database then he/she will proceed for voting. If the same person
tries to vote twice, the buzzer buzzes indicating the bogus voting. So this kind of
practices can be prevented by this system. E-voting is the voting process
electronically, without the use of paper and ballot boxes. In this system, election
data is recorded, stored and processed primarily as digital information. It is defined
as any voting process where an electronic means is used for votes casting and
results counting. E-machine consists of buttons and symbols of respective
candidate which when pressed the count of votes get stored in the EVM. But still,
there is a practice of fake votes in this system. So, further development should be
implemented to prevent these kinds of activities
1.2 PAPER BASED VOTING
As far as India is concerned, voting system began in the 18th century itself.
There are various voting methods available according to its development with
technologies. Paper based voting has been used since long time before the advent
of internet. A ballot is a device used to cast votes in an election. In this method
they used a piece of paper for voting which included the decisions made by the
voter. In simple elections ballot may be a simple scrap of paper on which each
voter writes the name of the candidate. This method requires of presence of person
in the booth to choose their candidate through paper and put the paper in the ballot
boxes.
1.3 CURRENT SCENARIO
In current scenario of India, there are two systems developed for conducting
the votes- Direct Recording Voting (DRE) Machine and Identical Ballet Boxes. A
6
DRE voting system records votes by means of electronic displays provided with
some electronic mechanism. It produces a tabulated data for casted votes and stores
it into removable memory storage. Identical Ballot Boxes hold the ciphered vote,
encrypted with the PMA voting key and the ciphered Identification Card Number,
encrypted with their personal 4 digit key. It is designed to accept connections from
the vote distribution server, and ensures an acceptable level of security as far as
remote vote manipulation is concerned. Voters have to wait in a long queue for
several hours. This may cause in degradation of voting percentage. Apart from this,
this system has several issues such as – corrupt votes, fraud in voting system,
discomfort to aged and handicapped people etc.
7
CHAPTER 2
SYSTEM DESIGN
2.1 SYSTEM ARCHITECTURE
8
Through the mobile number verification, users can get One Time Password to
enter into the next web page for selecting the region. This application has several
benefits such as any user can do voting from anywhere in India and it is very
useful for business parties who cannot take leave during election time. This
application helps those parties to do their voting at their work place. At the same
time it has many limitations such as entire system is depends on the data base. So it
is vulnerable for data leakage. It also makes possible for proxy voting. It works
only on smart phones and also need online connection.
2.2 MODULES
User Login
User Authentication
Region Setup
Voting Process
Result Announcement
2.2.1 User Login
This is the first page of application. This Page includes voter-id number and
Aadhar-id number. These data are stored in firebase database. Firebase console
script is called in the webpage. To connect into firebase, java script is used. The
data base is freely available for only one year. After that, user needs to pay to get
access from the database. Each Aadhar number and voter-id number are entered
once at a time. It is mainly created for election voting purpose. This page is created
using HTML, CSS and JavaScript languages are used to create this site.
2.2.2 User Authentication
Mobile number verification is only for identifying the user. The users have to
enter their phone number, the message will be sent to the database. The One Time
Password is sent through registered mobile number. Only the difficulty is the SIM
9
should be in active state to get the OTP Message. If received OTP is entered into
the web page then it navigates to the next page. If OTP is not received at needed
time, voters can request to the database. Server is responsible to resend an OTP
message.
2.2.3 Region Setup
In this page, it displays list of districts and wards. It asks the users to select
their districts and wards. Once the details are selected by the users then ask user to
press the submit button. It redirects the user to the next page for voting process.
2.2.4 Voting Process
This is a vote page. It shows the details of participants for selected regions.
The details include participants name and their symbols.Voters can do the voting
for their candidates. After Pressing the button, one sound will be hearing.Then one
It denotes the user has completed the voting process successfully. It also has one
alert window which allows user to move to home page by pressing ok button in
that alert window.
10
CHAPTER 3
SYSTEM SPECIFICATION
3.1 HTML:
Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the
structure of a web page semantically and originally included cues for the
appearance of the document.
page. Other tags such as <p> surround and provide information about document
text and may include other tags as sub-elements. Browsers do not display the
HTML tags, but use them to interpret the content of the page.
3.2 Elements:
11
Main article: HTML element
In the simple, general case, the extent of an element is indicated by a pair of tags: a
"start tag" <p> and "end tag" </p>. The text content of the element, if any, is
placed between these tags.
Tags may also enclose further tag markup between the start and end, including a
mixture of tags and text. This indicates further (nested) elements, as children of the
parent element.
The start tag may also include attributes within the tag. These indicate other
information, such as identifiers for sections within the document, identifiers used
to bind style information to the presentation of the document, and for some tags
such as the <img> used to embed images, the reference to the image resource.
Many tags, particularly the closing end tag for the very commonly used paragraph
element <p>, are optional. An HTML browser or other agent can infer the closure
for the end of an element from the context and the structural rules defined by the
HTML standard. These rules are complex and not widely understood by most
HTML coders.
12
no content, for instance, the <br> tag or the inline <img> tag. The name of an
HTML element is the name used in the tags. Note that the end tag's name is
preceded by a slash character, /, and that in empty elements the end tag is neither
required nor allowed. If attributes are not mentioned, default values are used in
each case.
3.3 Cascading Style Sheets (CSS) :is a style sheet language used for describing
the presentation of a document written in a markup language like HTML.[1] CSS is
a cornerstone technology of the World Wide Web, alongside HTML
and JavaScript.[2]
Separation of formatting and content also makes it feasible to present the same
markup page in different styles for different rendering methods, such as on-screen,
in print, by voice (via speech-based browser or screen reader), and on Braille-
based tactile devices. CSS also has rules for alternate formatting if the content is
accessed on a mobile device.[4]
13
with CSS by RFC 2318 (March 1998). The W3C operates a free CSS validation
service for CSS documents.
3.4 Javascript:
JavaScript is a programming language commonly used in web development.
It was originally developed by Netscape as a means to add dynamic and
interactive elements to websites. While JavaScript is influenced by Java,
the syntax is more similar to C and is based on ECMA Script, a scripting
language developed by Sun Microsystems.
JavaScript is a client-side scripting language, which means the source
code is processed by the client's web browser rather than on the web server.
This means JavaScript functions can run after a webpage has loaded without
communicating with the server. For example, a JavaScript function may
check a web form before it is submitted to make sure all the
required fields have been filled out. The JavaScript code can produce an
error message before any information is actually transmitted to the server.
Like server-side scripting languages, such as PHP and ASP, JavaScript code
can be inserted anywhere within the HTML of a webpage. However, only
the output of server-side code is displayed in the HTML, while JavaScript
code remains fully visible in the source of the webpage. It can also be
referenced in a separate .JS file, which may also be viewed in a browser.
14
Below is an example of a basic JavaScript function that adds two numbers.
The function is called with the parameters 7 and 11. If the code below were
included in the HTML of a webpage, it would display the text "18" in
an alert box.
<Script>
function sum(a,b)
{
return a+b;
}
Vartotal=sum(7,11);
alert(total);
</script>
15
CHAPTER 4
CONCLUSION
16
CHAPTER 5
SAMPLE CODING
5.1 SVS.HTML
<Html>
<Head>
<Title>vote</title>
</head>
<Body>
<h2 class="h1">
<form class="input">
<Header>
<h2 class="h1">
</header>
</form></br>
17
<form class="flex_form">
<button type="submit">submit</button>
</form>
</form>
<Script src="https://www.gstatic.com/firebasejs/7.10.0/firebase.js"></script>
<script src="demo.js"></script>
</body>
</html>
5.2 DEMO.JS
Var Config = {
ApiKey: "AIzaSyCkd-tHujtBXyNB1a4V_ImDQdDZdwi2fJ0",
authDomain: "svshome-f85a7.firebaseapp.com",
DatabaseURL: "https://svshome-f85a7.firebaseio.com",
ProjectId: "svshome-f85a7",
StorageBucket: "svshome-f85a7.appspot.com",
MessagingSenderId: "1037418097429"
};
// Initialize Firebase
firebase.initializeApp (Config);
18
// Listen for form submit
// submit form
e.preventDefault ();
// Get values
// Save message
};
// Show alert
SetTimeout (function () {
}, 3000);
// Clear form
19
document.getElementById ('contactForm').reset ();
newMessageRef.set ({
Aadhar: aadhar,
Vote: vote
});
5.3 STYLE11.CSS
*{
Box-sizing: border-box;}
Background-repeat: repeat;
Background-position: cover;
Background-attachment: fixed;
Text-align: center;
20
}
.alert {
Text-align: center;
Padding: 10px;
Background: #79c879;
Color: #fff;
Margin-bottom: 3px;
Display: none;
h1 {
Font-size: 40px;
Color: black;
Font-style: all;
Padding-top: 100px;
Text-align: center;
Border-radius: 10px;
Text-align: center;
Padding-left: 10px;
Box-sizing:50px;"
21
.flex_form button [type="submit"]{
Background-color: #ef3f5a;
Padding-top: 10px;
Color: #fff;
Cursor: pointer;
Border-radius: 30px;
Background-color: #d73851;
.flex_form > *{
Border: 20px;
Background: #fff;
Line-height: 10px;
Font-size: 1rem;
Border-radius: 0;
Outline: 0;
5.4VOTEPAGE.HTML
22
<!DOCTYPE html>
<html>
<head>
<title>vote model</title>
</head>
<body background="in.jpg" ;>
<center>
<table width="40%" >
<table cellspacing="50px" cellpadding="10px"border="5px solid black"
bgcolor="lightblue" >
<th bgcolor="blue" style="color: white" >symbol</th>
<th bgcolor="blue" style="color: white" >candidate name</th>
<th bgcolor="blue" style="color: white" >push button</th>
<tr>
<td style="background-color: white;"><img src="leaf.jpg" width="50px"
height="30px"></td>
<td style="background-color:white;text-align: center;
"><strong>ADMK</strong></td>
<audio id="myAudio">
<source src="beep-01a.ogg" type="audio/ogg">
<source src="beep-01a.mp3" type="audio/mpeg">
</audio>
<td bgcolor="white" ><button style="order: 1px solid #C2CBF4; cursor: pointer;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
font-weight: bold;
padding: 5px ;
text-align: center;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 24px;
width:110px;
height:cover;
text-shadow: 0px 1px 1px white;
23
color: red;
text-decoration: none" onclick="playAudio() ,message(),windowClose()"
type="button">click</button></td>
<script >
var x = document.getElementById("myAudio");
function playAudio() {
x.play();
}
</script>
<script>
function message(){
alert("your vote is successfully entered");
}
</script>
<script language="javascript" type="text/javascript">
function windowClose() {
window.close();
}
</script>
</tr>
<tr>
<td style="background-color: white;"><img src="sun.jpg" width="50px"
height="30px"></td>
<td
style="background-color:white;
text-align: center;"><strong>DMK</strong></td>
<audio id="myAudio">
<source src="beep-01a.ogg" type="audio/ogg">
<source src="beep-01a.mp3" type="audio/mpeg">
</audio>
<td bgcolor="white"><button style="order: 1px solid #C2CBF4; cursor: pointer;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
font-weight: bold;
padding: 5px ;
24
text-align: center;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 24px;
width: 110px;
height: cover;
text-shadow: 0px 1px 1px white;
color: red;
text-decoration: none" onclick="playAudio(),message().windowClose()"
type="button">click</button></td>
<script>
var x = document.getElementById("myAudio");
function playAudio() {
x.play();
}
</script>
<script>
function message(){
alert("your vote is successfully entered");
}
</script>
<script language="javascript" type="text/javascript">
function windowClose() {
window.open('','_parent','');
window.close();
}
</script>
</tr>
<tr>
<td style="background-color: white;"><img src="lotus.jpg" width="50px"
height="30px"></td>
<testily="background-color: white
;text-align: center;"><strong>BJP</strong></td>
<audio id="myAudio">
<source src="beep-01a.ogg" type="audio/ogg">
<source src="beep-01a.mp3" type="audio/mpeg">
25
</audio>
<td bgcolor="white"><button style="order: 1px solid #C2CBF4; cursor: pointer;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
font-weight: bold;
padding: 5px ;
text-align: center;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 24px;
width: 110px;
height: cover;
text-shadow: 0px 1px 1px white;
color: red;
text-decoration: none;
transition: red;
transition-delay: 0.4s" onclick="playAudio(),message(),windowClose()"
type="button">click</button></td>
<script>
var x = document.getElementById("myAudio");
function playAudio() {
x.play();
}
</script>
<script>
function message(){
alert("your vote is successfully entered");
}
</script>
<script language="JavaScript" type="text/JavaScript">
function windowClose() {
window.open('','_parent','');
window.open();
26
}
</script>
</tr>
<tr>
<td style="background-color: white;"><img src="hand.jpg" width="50px"
height="30px"></td>
<td style="background-color: white; text-align:
center"><strong>GONGRESS</strong></td>
<audio id="myAudio">
<source src="beep-01a.ogg" type="audio/ogg">
<source src="beep-01a.mp3" type="audio/mpeg">
</audio>
<td bgcolor="white"><button style="order: 1px solid #C2CBF4; cursor: pointer;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
font-weight: bold;
padding: 5px ;
text-align: center;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 24px;
width: 110px;
height: cover;
text-shadow: 0px 1px 1px white;
color: red;
text-decoration: none" onclick="playAudio(),message(),windowClose()"
type="button">click</button></td>
<script>
var x = document.getElementById("myAudio");
function playAudio() {
x.play();
}
</script>
<script>
27
function message(){
alert("your vote is successfully entered");
}
</script>
<script language="javascript" type="text/javascript">
function windowClose() {
Window. open('','_parent','');
Window. Open();
}
</script>
</tr>
<tr>
<td style="background-color: white;"><img src="com.jpg" width="50px"
height="30px"></td>
<tdstyle="background-color:white; text-align:
center"><strong>COMMUNIST</strong></td>
<audio id="myAudio">
<source src="beep-01a.ogg" type="audio/ogg">
<source src="beep-01a.mp3" type="audio/mpeg">
</audio>
<td bgcolor="white"><button style="order: 1px solid #C2CBF4; cursor: pointer;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
font-weight: bold;
padding: 5px ;
text-align: center;
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 24px;
width: 110px;
height: cover;
text-shadow: 0px 1px 1px white;
color: red;
28
text-decoration: none" onclick="playAudio(),message(),windowClose()"
type="button">click</button></td>
<script>
var x = document.getElementById("myAudio");
function playAudio() {
x.play();
}
</script>
<script>
function message(){
alert("your vote is successfully entered");
}
</script>
<script language="javascript" type="text/javascript">
function windowClose() {
window.open('','_parent','');
window.open();
}
</script>
</tr>
<tr>
<td style="background-color: white;"><img src="zeep.png" width="50px"
height="30px"></td>
<td style="background-color: white; text-align:
center;"><STRONG>SDMK</STRONG></td>
<audio id="myAudio">
<source src="beep-01a.ogg" type="audio/ogg">
<source src="beep-01a.mp3" type="audio/mpeg">
</audio>
<td bgcolor="white"><button style="order: 1px solid #C2CBF4; cursor: pointer;
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
font-weight: bold;
padding: 5px ;
text-align: center;
29
font-family: Helvetica, Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 24px;
width: 110px;
height: cover;
text-shadow: 0px 1px 1px white;
color: red;
text-decoration: none" onclick="message()" type="button">click</button></td>
<script>
var x = document.getElementById("myAudio");
function playAudio() {
x.play();
}
</script>
<script>
function message(){
alert("your vote is successfully entered");
}
</script>
<script language="javascript" type="text/javascript">
function windowClose() {
window.open('','_parent','');
window.close("all");
}
</script>
</tr>
</table>
</table>
</center>
</body> </html>
30
SCREENSHOTS
Fig2:Login process
31
Fig:3 PHONE NUMBER VERIFICATION
32
Fig 4: REGION SETUP
Fig5:VOTE PAGE
33
Fig6: RESULT PUBLISHED
34