Professional Documents
Culture Documents
BELGAUM-590014
Dr.V.SIVAKUMAR
Associate Professor, Dept. of CSE
2021-2022
DAYANADA SAGAR ACADEMY OF TECHNOLOGY AND
MANAGEMENT,
Kanakapura Road, Udayapura, Bangalore -560 082
CERTIFICATE
This is to certify that the Mini-Project on Web Technology and its Applications (WTA) entitled
“Online Examination System” has been successfully carried out by JHANAVI OZA
(1DT19CS062), NAYANA S(1DT19CS092), PRINCE KUMAR(1DT19CS118) and
PRUTHIVIKA V (1DT19CS119) a bonafide students of Dayananda sagar academy of technology
and management in partial fulfillment of the requirements for the award of degree in Bachelor of
Engineering in Computer Science and Engineering of Visvesvaraya Technological University,
Belgaum during academic year 2021-2022. It is certified that all corrections/suggestions indicated for
Internal Assessment have been incorporated in the report depositedin the departmental library. The mini
project report has been approved as it satisfies the academic requirements in respect of project work for
the said degree.
Associate Professor, Dept. of CSE Vice Principal & HOD, Dept. of CSE
ACKNOWLEDGEMENT
It gives us immense pleasure to present before you our project titled “ONLINE EXAMINATION
SYSTEM USING DJANGO”. The joy and satisfaction that accompany the successful completion
of any task would be incomplete without the mention of those who made it possible. We are glad to
express our gratitude towards our prestigious institution DAYANANDA SAGAR ACADEMY OF
TECHNOLOGY AND MANAGEMENT for providing us with utmost knowledge, encouragement
and the maximum facilities in undertaking this project.
We wish to express a sincere thanks to our respected principal Dr. Ravi Shankar M for all their
support.
We express our deepest gratitude and special thanks to Dr.C.Nandini, Vice Principal & H.O.D,
Dept. Of Computer Science Engineering, for all her guidance and encouragement.
We sincerely acknowledge the guidance and constant encouragement of our mini- project guide,
Dr.V.Sivakumar, Associate Professor, Dept. of CSE, DSATM.
JHANAVI S(1DT19CS062),
NAYANA S (1DT19CS092),
PRINCE KUMAR(1DT19CS118) AND
PRUTHIVIKA V(1DT19CS119)
i
ABSTRACT
Online Examination System which is an on-line test simulator is to take online examination, test in an
efficient manner and no time wasting for manually checking of the test paper. The main objective of this
web based online examination system is to efficiently evaluate the student thoroughly through a fully
automated system that not only saves lot of time but also gives fast and accurate results. For students
they give papers according to their convenience from any location by using internet and time and there is
no need of using Online examination system helps students to offer a quick and easy way to appear for
the test. It also provides the results immediately after the examination with 100% accuracy and security.
Student can enter to perform exam only with their valid username and password. This examination
contains multiple choice questions and appropriate number of options. There are no limitations on number
of options and it can be randomized so same set of question will not appear to all student so it prevent
manipulation. More than one option can be correct but the user can select only one option. This provides
time limit. The user can see their results after completing the exam. This helps the students to write the
exam from far distance and which can provide security and simplicity and other beneficial features to the
user.
ii
TABLE OF CONTENTS
1 INTRODUCTION 1-2
1.1 Introduction 1
1.2 Project Overview 2
1.3 Purpose 2
1.4 Scope 2
2 REQUIREMENTS 3
2.1 Hardware Requirements 3
2.2 Software Requirements 3
3 MODULES 4-10
3.1 Login from 4
3.2 Admin Dashboard 4
3.3 Add branch or department 5
3.4 Categories 5
3.5 Subjects 6
3.6 Students 6
3.7 Examination 7
3.8 Live search using ajax 7
3.9 Questions 8
3.10 Student notice 8
3.11 Student dashboard 9
3.12 Student profile 9
3.13 Student subjects 10
3.14 Student examination 10
4 SOURCE CODE 11-24
iii
Web Technology and Applications Mini-Project Online Examination System
CHAPTER 1
INTRODUCTION
1.1 Introduction
In computing, a web application or web app is a client–server computer program which the client
(including the user interface and client-side logic) runs in a web browser. Web services are Web apps by
definition and many, although not all, websites contain Web apps. Web applications can be designed for
a wide variety of uses and can be used by anyone; from an organization to an individual for numerous
reasons. Commonly used Web applications can include webmail, online calculators, or e-commerce
shops. Some Web apps can be only accessed by a specific browser; however, most are available no
matter the browser. Web applications do not need to be downloaded since they are accessed through a
network. Users can access a Web application through a web browser such as Google Chrome, Mozilla
Firefox or Safari. For a web app to operate, it needs a Web server, application server, and a database.
Web servers manage the requests that come from a client, while the application server completes the
requested task. A database can be used to store any needed information. Most Web apps are written in
JavaScript, HTML5, or Cascading Style Sheets (CSS). Client side programming typically utilizes these
languages, which help build an applications frontend. Server-side programming is done to create the
scripts a Web app will use. Languages such as Python, Java, and Ruby are commonly used in server-side
programming.
This project assesses students by conducting online objective tests. The tests would be highly
customizable. This project will enable educational institutes to conduct test and have automated checking
of answers based on the response by the candidates. The project allows faculties to create their own tests. It
would enable educational institutes to perform tests, quiz and create feedback forms. It asks faculty to create
his/her set of questions. Faculty then creates groups and adds related students into the groups. Further the
tests are associated with specific groups so that only associated students can appear for the test. The result of
the response would be available to the faculty of the question set. Further the result would also be mailed to
the student. This project would be helpful for creating practice tests, say for educational institutes and as a
feedback form
1.3 Purpose
1.4 Scope:
Scope of this project is very broad in terms of other manually taking exams. Few of
them are:
1. This can be used in educational institutions as well as in corporate
world.
2. Can be used anywhere any time as it is a web based application(user
Location doesn’t matter).
3. No restriction that examiner has to be present when the candidate takes
the test.
CHAPTER 2
REQUIREMENTS
The requirements can be broken down into 2 major categories namely hardware and software
requirements. The former specifies the minimal hardware facilities expected in a system in
which the project has to be run. The latter specifies the essential software needed to build and
run the project.
2.1 Hardware Requirements
The most common set of requirements defined by any operating system or software
application is the physical computer resources, also known as hardware.
• RAM: minimum 4GB (>4GB recommended)
• Secondary Storage: 250GB
Software requirements deal with defining software resource requirements and prerequisites that need to be
installed on a computer to provide optimal functioning of an application.
Front End
• HTML/CSS
• PHP
• Google Chrome/Internet Explorer (Web Browser)
Back End
• XAMP Server (v3.2.4) for Apache Server (localhost)
• PhpMyAdmin for Database Management System
• PHP for Server-Side Scripting
• Windows 10
CHAPTER 3
MODULES
3.4 Categories
Add categories and active or un active department exam .
Fig 3.4:Categories
3.5 Subjects
Add new subject for student to signup time select
3.6Students
Add new student for signup to create student id by admin
3.7 Examination
Add new exam for student.
3.9 Questions
Fig 3.9:Questions
CHAPTER 4
SOURCE CODE
<?php
include 'includes/check_user.php';
include 'includes/check_reply.php';
?>
<!DOCTYPE html>
<html>
<head>
if ($myavatar == NULL) {
}else{
echo '<img
src="data:image/jpeg;base64,'.base64_encode($myavatar).'" width="60"
alt="'.$myfname.'"/>';
?>
<div class="profile-menu-list">
</div>
</nav>
</div>
<form class="search-form" action="search.php" method="GET">
<div class="input-group">
<input type="text" name="keyword" class="form-control search-input" placeholder="Search
student..." required>
<span class="input-group-btn">
<button class="btn btn-default close-search waves-effect waves-button waves-classic"
type="button"><i class="fa fa-times"></i></button>
</span>
</div>
</form>
<main class="page-content content-wrap">
<div class="navbar">
<div class="navbar-inner">
<div class="sidebar-pusher">
<a href="javascript:void(0);" class="waves-effect waves-button waves-classic push-
sidebar">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="logo-box">
<a href="./" class="logo-text"><span><img src="kashipara.png" alt="" height="76"
width="130"></span></a>
</div>
<div class="search-button">
<a href="javascript:void(0);" class="waves-effect waves-button waves-classic show-
search"><i class="fa fa-search"></i></a>
</div>
<div class="topmenu-outer">
<div class="top-menu">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="javascript:void(0);" class="waves-effect waves-button waves-classic
show-search"><i class="fa fa-search"></i></a></li>
?>
</a>
<ul class="dropdown-menu dropdown-list" role="menu">
<li role="presentation"><a href="profile.php"><i class="fa fa-
user"></i>Profile</a></li>
<li role="presentation"><a href="logout.php"><i class="fa fa-sign-out m-r-
xs"></i>Log out</a></li>
</ul>
</li>
<li>
<a href="logout.php" class="log-out waves-effect waves-button waves-
classic">
<span><i class="fa fa-sign-out m-r-xs"></i>Log out</span>
</a>
</li>
<li>
</li>
</ul>
?>
</div>
<div class="sidebar-profile-details">
<span><?php echo "$myfname"; ?> <?php echo "$mylname";
?><br><small>OES Administrator</small></span>
</div>
</a>
</div>
</div>
<ul class="menu accordion-menu">
<li><a href="./" class="waves-effect waves-button"><span class="menu-icon
glyphicon glyphicon-home"></span><p>Dashboard</p></a></li>
</ul>
</div>
</div>
<div class="page-inner">
<div class="page-title">
<h3>Manage Students</h3>
</div>
<div id="main-wrapper">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="panel-body">
<div role="tabpanel">
</ul>
<div class="tab-content">
<div class="table-responsive">
<?php
include '../database/config.php';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
<thead>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Category</th>
<th>Status</th>
<th>Date of Birth</th>
<th>Action</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Category</th>
<th>Status</th>
<th>Date of Birth</th>
<th>Action</th>
</tr>
</tfoot>
<tbody>';
while($row = $result->fetch_assoc()) {
$status = $row['acc_stat'];
if ($status == "1") {
$st = '<p class="text-
success">ACTIVE</p>';
$stl = '<a
href="pages/make_sd_in.php?id='.$row['user_id'].'">Make Inactive</a>';
}else{
$st = '<p class="text-
danger">INACTIVE</p>';
$stl = '<a href="pages/make_sd_ac.php?id='.$row['user_id'].'">Make
Active</a>';
}
print '
<tr>
<td>'.$row['first_name'].' '.$row['last_name'].'</td>
<td>'.$row['gender'].'</td>
<td>'.$row['category'].'</td>
<td>'.$st.'</td>
<td>'.$row['dob'].'</td>
<td><div class="btn-group" role="group">
<button type="button" class="btn btn-default dropdown-toggle" data-
toggle="dropdown" aria-expanded="false">
Select Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>'.$stl.'</li>
<li><a
href="edit-student.php?sid='.$row['user_id'].'">Edit Student</a></li>
<li><a
href="view-student.php?sid='.$row['user_id'].'">View Student</a></li>
<li><a'; ?> onclick = "return confirm('Drop <?php echo $row['first_name'];
?> ?')" <?php print ' href="pages/drop_sd.php?id='.$row['user_id'].'">Drop Student</a></li>
</ul>
</div></td>
</tr>';
}
print '
</tbody>
</table> ';
} else {
print '
<div class="alert
alert-info" role="alert">
Nothing was found in database.
</div>';
}
$conn->close();
?>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab6">
<form action="pages/add_student.php" method="POST">
<div class="form-group">
<label for="exampleInputEmail1">First Name</label>
<input type="text" class="form-control" placeholder="Enter first name"
name="fname" required autocomplete="off">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Last Name</label>
<input type="text" class="form-control" placeholder="Enter last name"
name="lname" required autocomplete="off">
</div>
<div class="form-group">
<label
for="exampleInputEmail1">Male</label>
<input type="radio" name="gender" value="Male" required>
<label for="exampleInputEmail1">Female</label>
<input type="radio" name="gender" value="Female" required>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email Address</label>
<input type="email" class="form-control" placeholder="Enter email address"
name="email" required autocomplete="off">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Phone</label>
<input type="text" class="form-control" placeholder="Enter phone"
name="phone" required autocomplete="off">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Select Department</label>
<select class="form-control" name="department" required>
<option value="" selected
disabled>-Select department-</option>
<?php
include
'../database/config.php';
$sql = "SELECT * FROM
tbl_departments WHERE status = 'Active' ORDER BY name";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
print '<option value="'.$row['name'].'">'.$row['name'].'</option>';
}
} else {
}
$conn->close();
?>
</select>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Select Category</label>
<select class="form-control" name="category" required>
<option value="" selected
disabled>-Select category-</option>
<?php
include
'../database/config.php';
$sql = "SELECT * FROM
tbl_categories WHERE status = 'Active' ORDER BY name";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
print '<option value="'.$row['name'].'">'.$row['name'].'</option>';
}
} else {
}
$conn->close();
?>
</select>
</div>
<div class="form-group">
<label >Date of Birth</label>
<input type="text" class="form-control date-picker" name="dob" required
autocomplete="off" placeholder="Select date of birth">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Address</label>
<textarea style="resize: none;" rows="4" class="form-control"
placeholder="Enter address" name="address" required autocomplete="off"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<?php if ($ms == "1") {
?> <div class="alert alert-success" id="snackbar"><?php echo "$description"; ?></div> <?php
}else{
}
?>
<div class="cd-overlay"></div>
<script src="../assets/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="../assets/plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="../assets/plugins/pace-master/pace.min.js"></script>
<script src="../assets/plugins/jquery-blockui/jquery.blockui.js"></script>
<script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/switchery/switchery.min.js"></script>
<script src="../assets/plugins/uniform/jquery.uniform.min.js"></script>
<script src="../assets/plugins/offcanvasmenueffects/js/classie.js"></script>
<script src="../assets/plugins/offcanvasmenueffects/js/main.js"></script>
<script src="../assets/plugins/waves/waves.min.js"></script>
<script src="../assets/plugins/3d-bold-navigation/js/main.js"></script>
<script src="../assets/plugins/jquery-mockjax-master/jquery.mockjax.js"></script>
<script src="../assets/plugins/moment/moment.js"></script>
<script src="../assets/plugins/datatables/js/jquery.datatables.min.js"></script>
<script src="../assets/plugins/x-editable/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="../assets/js/modern.min.js"></script>
<script src="../assets/js/pages/table-data.js"></script>
<script src="../assets/plugins/select2/js/select2.min.js"></script>
<script src="../assets/plugins/summernote-master/summernote.min.js"></script>
<script src="../assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script src="../assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
<script src="../assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<script src="../assets/js/pages/form-elements.js"></script>
<script>
function myFunction() {
var x = document.getElementById("snackbar")
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
</script>
</body>
</html>
CHAPTER 5
The project Advance Online Examination was handed to us in the end of the last semester and we were
told to make website for the same with PHP.
In order to complete this project we have gone through several websites and several books of Software
management, PHP & MY SQL Server. While going through these books we enhanced our limited
knowledge on these vast subjects which was not achieved through our semester papers.
We have definitely gained a lot from this project as we came to know how to use between SQL Server
and PHP which was never known to us. Now we are able to make websites on any given requirement and
these are all possible after we have done this project.
The system has reached a steady state where all bugs have been eliminated. The system is operated at a
high level of efficiency and all the teachers and user associated with the system understands its
advantage. The system solves the problem. It was intended to solve as requirement specification.
The project Advance Online Examination was handed to us in the end of the last semester and we were
told to make website for the same with PHP.
In order to complete this project we have gone through several websites and several books of Software
management, PHP & MY SQL Server. While going through these books we enhanced our limited
knowledge on these vast subjects which was not achieved through our semester papers.
We have definitely gained a lot from this project as we came to know how to use between SQL Server
and PHP which was never known to us. Now we are able to make websites on any given requirement and
these are all possible after we have done this project.
The system has reached a steady state where all bugs have been eliminated. The system is operated at a
high level of efficiency and all the teachers and user associated with the system understands its
advantage. The system solves the problem. It was intended to solve as requirement specification.
5.2 BIBLIOGRAPHY
BOOK REFERENCES:
WEBSITE REFERENCES:
➢ https://www.w3schools.com/django/
➢ https://www.tutorialspoint.com/django/index.htm
➢ https://www.geeksforgeeks.org/django-tutorial/
➢ https://www.geeksforgeeks.org/django-forms/#form-fields
PERSONAL DETAILS:
NAME: PRUTHIVIKA V
USN: 1DT19CS119
SEMESTER AND SECTION: 6th SEM & 'B' SEC
COLLEGE: DAYANANDA SAGAR ACADEMY OF TECHNOLOGY AND
MANAGEMENT
EMAIL ID: pruthivkareddy8@gmail.com
NAME: NAYANA S
USN: 1DT19CS092
SEMESTER AND SECTION: 6th SEM & 'B' SEC
COLLEGE: DAYANANDA SAGAR ACADEMY OF TECHNOLOGY AND
MANAGEMENT
EMAIL ID: nayanas1304@gmail.com