19CS1K2170 ONLINE EXAMINATION SYSTEM

1. INTRODUCTION

1.1 PROBLEM DEFINITION

The application is a web-based application for students to Login and attend their exam
through online on limited time period by the lectures. This application makes it easier for the
students to attend the exam and lectures from any place to be conducted in time based, and it is
complete automated paperless examinations.

1.2 SCOPE OF THE PROJECT

The system will allow students to login and take the exam. It also enables lecturers to
perform many tasks. The system has several functions. The lecturers can upload questions and
answers. The lecturers can also view the list of all students who have taken the exam. Lecturers
can also see the results of the students.

MODULES IN THE SOFTWARE

 ADMIN

1. Course: In this module admin can add and manage different courses.

2. Exam: In this module admin can add the exam for the particular course and he can
modify.

3. Examinee: In this module admin can add examinee by giving his specific details for
which

the examinee can attend the examination.

4. Ranking: In this module admin can see the ranking of all the examinee.

5. Examinee report: In this module admin can see the results of all the examinee.

6. Feedback: In module admin can see the feedback given by the examinee.

1|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

 USER

1. Available exams: In this module Examinee can see the exams which are available to take
at particular time.

2. Taken exams: In this module Examinee can see the exam which he has already taken.

3. Feedback: In this module the examinee can post queries regarding examinations.

2|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

2. SYSTEM STUDY

2.1 EXISTING SYSTEM

Existing system is manual entry and keeping the details of the student who are registered
Already. And it is very difficult for each student to come to the exam Centre. It is very difficult
to the students from far distance to reach the exam Centre. This system is required to prepare
registration\application form, question paper for the students and required to print a lot of
number manually. This requires quite a lot of time and wastage of money as it requires quite lot
of manpower to do that. Another factor that takes into account that is the possibility of errors.
The limitation of existing system is that it is not all personalized.

Disadvantage of existing system

 Time Consuming for creating question paper

 Time to check right and wrong answers
 Calculation of Marks
 Human error
 Limited no. of student can give examination at a time
 Require teacher to monitor exam center
 Student needs to come to the exam center for giving test

In order to overcome these complexities, the present system is introduced to overcome the
faulty techniques.

2.2 FEASIBILITY STUDY

A feasibility study is an analysis of how successfully a project can be completed,

accounting for factors that affect it such as economic, technological, legal and scheduling factors.
Project managers use feasibility studies to determine potential positive and negative outcomes of
a project before investing a considerable amount of time and money into it. A feasibility study
tests the viability of an idea, a project or even a new business. The goal of a feasibility study is to
place emphasis on potential problems that could occur if a project is pursued and determines if,

3|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

after all significant factors are considered, the project should be pursued. Feasibility studies also
allow a business to address where and how it will operate, potential obstacles, competition and
the Funding needed to get the business up and running.

This project "Online Examination System” has undergone the following Feasibility study:

 Economic Feasibility

 Technical Feasibility

 Behavioral Feasibility

 Schedule Feasibility

Every project is feasible for given unlimited resources and infinitive time. Feasibility study is
an evaluation of the proposed system regarding its workability, impact on the organization,
ability to meet the user needs and effective use of resources. Thus, when a new application is
proposed it normally goes through a feasibility study before it is approved for development.
Feasibility and risk analysis are related in many ways. The feasibility analysis in this project has
been discussed below based on the above-mentioned components of feasibility.

1. Technical feasibility:

Technical feasibility centers on the technology used. It means the computerized system is
technically feasible i.e., it doesn’t have any technical fault and work properly in the given
environment. Our system is technically feasible it is providing us the required output.

2. Economic feasibility:

Economic analysis is the most frequently used method for evaluating the effectiveness of
the computerized system. We analyze the computerized system is feasible as than the manual

4|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

system because it saves the money, time and manpower. It is also feasible according to cost
benefit analysis.

3. Behavioral feasibility:

Behavioral feasibility is the analysis of behavior of the computerized system. In this we

Analysis that the computerized system is working properly or not. If working then it is
communicating properly with the environment or not. All the matters are analyzed and a good
computerized system is prepared.

4. Schedule feasibility:

Time evaluation is the most important consideration in the development of project. The
Time schedule required for the developed of this project is very important since more
Development time effect machine time, cost and cause delay in the development of
Other systems.

2.3 PROPOSED SYSTEM

The proposed system has got many advantages. People from different parts of the world can
register very easily. The new system is more personalized. the new users can understand all the
options in it very easily. It is made in a quick and easy referential manner. Access to all
important matters are not always locked and can be opened easily at the time of urgency. The
advantages of proposed system are that security is maintained in the new system. Securities for
all important data are maintained confidentially. As it is easily understandable and user friendly,
quick entries can be made in this system.

 Provides complete online web based solution, including student registration, giving tests,
storing of results.

5|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

 Complete web based administration, administrator can manage examination and question
bank from web interface.
 No geographical boundary.
 Student can give examination from anywhere of the world by 24X7.
 100% accuracy in result calculation.
 Randomization of question set.

6|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

3. SYSTEM DESIGN
In the design phase the architecture is established. This phase starts with the requirement
document delivered by the requirement phase and maps the requirements into architecture. The
architecture defines the components, their interfaces and behaviors. The deliverable design
document is the architecture.

The design document describes a plan to implement the requirements. This phase
represents the ``how'' phase. Details on computer programming languages and environments,
machines, packages, application architecture, distributed architecture layering, memory size,
platform, algorithms, data structures, global type definitions, interfaces, and many other
engineering details are established. The design may include the usage of existing components.
Analyzing the trade-offs of necessary complexity allows for many things to remain simple
which, in turn, will eventually lead to a higher quality product. The architecture team also
converts the typical scenarios into a test plan.

In our approach, the team, given a complete requirement document, must also indicate
critical priorities for the implementation team. A critical implementation priority leads to a task
that has to be done right. If it fails, the product fails. If it succeeds, the product might succeed. At
the very least, the confidence level of the team producing a successful product will increase. This
will keep the implementation team focused. Exactly how this information is conveyed is a skill
based on experience more than a science based on fundamental foundations.

System design is the process of defining the architecture components, modules,

interfaces, and data for a system to satisfy specified requirements. Systems design could be seen
as the application of systems theory to product development. There is some overlap with the
disciplines of systems analysis, systems architecture and systems engineering.

If the broader topic of product development “blends the perspective of marketing, design,
and manufacturing into a single approach to product development," then design is the act of
taking the marketing information and creating the design of the product to be manufactured.

Systems design is therefore the Process of defining and developing systems to satisfy
specified requirements of the user.

7|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Until the 1990s, systems design had a crucial and respected role in the data processing
industry. In the 1990s, standardization of hardware and software resulted in the ability to build
modular systems. The increasing importance of software running on generic platforms has
enhanced the discipline of software engineering.

Object-oriented analysis and design methods are becoming the most widely used methods
for computer systems design. The UML has become the standard language in object-oriented
analysis and design. It is widely used for modeling software systems and is increasingly used for
high designing non-software systems and organizations.

LOGICAL DESIGN:

The logical design of a system pertains to an abstract representation of the data flows,
inputs and outputs of the system. This is often conducted via modeling, using an over-abstract
(and sometimes graphical) model of the actual system. In the context of systems, designs are
included. Logical design includes entity-relationship diagrams (ER diagrams).

PHYSICAL DESIGN:

The physical design relates to the actual input and output processes of the system. This is
explained in terms of how data is input into a system, how it is verified /authenticated, how it is
processed, and how it is displayed.

In physical design, the following requirements about the system are decided.

1. Input requirement,

2. Output requirements,

3. Storage requirements,

4. Processing requirements,

5. System control and backup or recovery.

Put another way, the physical portion of system design can generally be broken down
into three sub-tasks:

8|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

1. User Interface Design

2. Data Design

3. Process Design

User Interface Design is concerned with how users add information to the system and
with how the system presents information back to them. It is concerned with how the data is
represented and stored within the system. Finally, Process Design is concerned with how data
moves through the system, and with how and where it is validated, secured and/or transformed as
it flows into, through and out of the system.

At the end of the system design phase, documentation describing the three sub-tasks is
produced and made available for use in the next phase. Physical design, in this context, does not
refer to the tangible physical design of an information system.

To use an analogy, a personal computer's physical design involves input via a keyboard,
processing within the CPU, and output via a monitor, printer, etc. It would not concern the actual
layout of the tangible hardware, which for a PC would be a monitor, CPU, motherboard, hard
drive, modems, video/graphics cards, USB slots, etc. It involves a detailed design of a user and a
product database structure processor and control processor. The H/S personal specification is
developed for the proposed system.

3.1 E-R DIAGRAM

An entity relationship diagram (ERD) shows the relationships of entity sets stored in a
database. An entity in this context is a component of data. In other words, ER diagrams illustrate
the logical structure of databases.

Structure of an Entity Relationship Diagram with Common ERD Notations

An entity relationship diagram is a means of visualizing how the information a system

produces is related. There are five main components of an ERD:

 Entities:

9|Page
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

which are represented by rectangles. An entity is an object or concept about which you want
to store information.

 Weak entity:

It is an entity that must defined by a foreign key relationship with another entity
as it cannot be uniquely identified by its own attributes alone.

 Actions:

which are represented by diamond shapes, show how two entities share
information in the database. In some cases, entities can be self-linked. For example,
employees can supervise other employees.

 Relationship:

The degree of a relationship is the number of entity types that participate in the
relationship.

10 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

 Attributes:
which are represented by ovals. A key attribute is the unique, distinguishing
characteristic of the entity. For example, an employee's social security number might be
the employee's key attribute.

 Multi-valued attribute
These can have more than one value. For example, an employee entity can have
multiple skill values.

 Derived attribute
It is based on another attribute. For example, an employee's monthly salary is
based on the employee's annual salary.

11 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

 Connecting lines:
solid lines that connect attributes to show the relationships of entities in the
diagram.

 Cardinality:
specifies how many instances of an entity relate to one instance of another entity.
Ordinarily is also closely linked to cardinality. While cardinality specifies the
occurrences of a relationship, ordinarily describes the relationship as either mandatory or
optional. In other words, cardinality specifies the maximum number of relationships and
cordiality specifies the absolute minimum number of relationships.

• One to Many
• One to One
• Many to One
• Many to Many

12 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

E-R DIAGRAM FOR ONLINE EXAMINATION SYSTEM

13 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

3.2 DATA FLOW DIAGRAM (level 0 and level 1)

The Data Flow Diagrams (DFDs) are used for structure analysis and design. DFDs show
the flow of data from external entities into the system. DFDs also show how the data moves and
are transformed from one process to another, as well as its logical storage. The following
symbols are used within DFDs.

A data flow diagram (DFD) is a graphical representation of the "flow" of data through an
information system, modeling its process aspects. A DFD is often used as a preliminary step to
create an overview of the system, which can later be elaborated. DFDs can also be used for the
visualization of data processing (structured design).

A DFD shows what kind of information will be input to and output from the system,
where the data will come from and go to, and where the data will be stored. It does not show
information about the timing of process or information about whether processes will operate in
sequence or in parallel.

PHYSICAL VS LOGICAL DFD

A logical DFD captures the data flows that are necessary for a system to operate. It
describes the processes that are undertaken, the data required and produced by each process, and
the stores needed to hold the data. On the other hand, a physical DFD shows how the system is
actually implemented, either at the moment (Current Physical DFD), or how the designer intends
it to be in the future (Required Physical DFD).

Thus, a Physical DFD may be used to describe the set of data items that appear on each
piece of paper that move around an office, and the fact that a particular set of pieces of paper are
stored together in a filing cabinet. It is quite possible that a Physical DFD will include references
to data that are duplicated, or redundant, and that the data stores, if implemented as a set of
database tables, would constitute an un-normalized (or de-normalized) relational database. In
contrast, a Logical DFD attempts to capture the data flow aspects of a system in a form that has
neither redundancy nor duplication.

14 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

DATA FLOW SYMBOLS AND THEIR MEANINGS: -

An entity: A source of data or a destination for data.

Source/Sink: Represented by rectangles in the diagram. Sources and Sinks are external entities
which are sources or destinations of data, respectively.

Process: Represented by circles in the diagram. Processes are responsible for manipulating the
data. They take data as input and output an altered version of the data.

Data Store: Represented by a segmented rectangle with an open end on the right. Data Stores
are both electronic and physical locations of data. Examples include databases, directories, files,
and even filing cabinets and stacks of paper.

15 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Data Flow: Represented by a unidirectional arrow. Data Flows show how data is moved through
the System. Data Flows are labelled with a description of the data that is being passed through it.

A level-0 DFD is the most basic form of DFD. It aims to show how the entire system
works at a glance. There is only one process in the system and all the data flows either into or out
of this process. Level-0 DFD’s demonstrates the interactions between the process and external
entities. They do not contain Data Stores.

When drawing Level-0 DFD’s, we must first identify the process, all the external entities
and all the data flows. We must also state any assumptions we make about the system. It is
advised that we draw the process in the middle of the page. We then draw our external entities in
the corners and finally connect our entities to our process with the data flows.

Level 0 DFD/Context Diagram:

Level 1 DFD:
16 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Level 1 DFD’s aim is to give an overview of the full system. They look at the system in
more detail. Major processes are broken down into sub-processes. Level 1 DFD’s also identifies
data stores that are used by the major processes. When constructing a Level 1 DFD we must start
by examining the Context Level DFD. We must break up the single process into its
subprocesses. We must then pick out the data stores from the text we are given and include them
in our DFD.Like the Context Level DFD’s, all entities, data stores and processes must be
labelled. We must also state any assumptions made from the text.

USER:

ADMIN:

17 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

3.3 ACTIVITY DIAGRAM

18 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

An activity diagram visually represents the series of actions or flow of control in a system
similar to a flow chart or data flow diagram. Activity diagram are often used in business
processing modeling. They can also describe steps in a used case diagram. The activity diagram
for Admin module and User module of College Gadget Booking is given below.

ADMIN:

USER:

19 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

3.4 GANTT CHART

20 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

A Gantt chart is a type of bar chart, devised by Henry Gantt in the 1910s, that illustrates
a project schedule. Gantt charts illustrate the start and finish dates of the terminal elements and
summary elements of a project. Terminal elements and summary elements comprise the work
breakdown structure of the project. Modern Gantt charts also show the dependency (i.e.,
precedence network) relationships between activities.

HISTORICAL DEVELOPMENT:

The first known tool of this type was developed in 1896 by Karol Adamiecki,
who called it a Harmon gram. Adamiecki did not publish his chart until 1931, however, and only
in Polish, which limited both its adoption and recognition of his authorship. The chart is named
after Henry Gantt (1861–1919), who designed his chart around the years 1910–1915. One of the
first major applications of Gantt charts was by the United States during World War I, at the
instigation of General William Crozier in the 1980s, personal computers allowed widespread
creation of complex and elaborate Gantt charts. The first desktop applications were intended
mainly for project managers and project schedulers. With the advent of the Internet and
increased collaboration over networks at the end of the 1990s, Gantt charts became a common
feature of web-based applications, including collaborative groupware.

GANTT CHART BENEFITS:

Clarity:

One of the biggest benefits of a Gantt chart is the tool’s ability to boil down
multiple tasks and timelines into a single document. Stakeholders throughout an organization can
easily understand where teams are in a process while grasping the ways in which independent
elements come together toward project completion.

Communication:

21 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Teams can use Gantt charts to replace meetings and enhance other status
updates. Simply clarifying chart positions offers an easy, visual method to help team members
understand task progress.

Motivation:

Some teams or team members become more effective when faced with a form
of external motivation. Gantt charts offer teams the ability to focus work at the front of a task
timeline, or at the tail end of a chart segment. Both types of team members can find Gantt charts
meaningful as they plug their own work habits into the overall project schedule.

Coordination:

For project managers and resource schedulers, the benefits of a Gantt chart
include the ability to sequence events and reduce the potential for overburdening team members.
Some project managers even use combinations of charts to break down projects into more
manageable sets of tasks.

Creativity:

Sometimes, a lack of time or resources forces project managers and teams to

find creative solutions. Seeing how individual tasks intertwine on Gantt charts often encourages
new partnerships and collaborations that might not have evolved under traditional task
assignment systems.

Time Management:

22 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Most managers regard scheduling as one of the major benefits of Gantt charts in
a creative environment. Helping teams understand the overall impact of project delays can foster
stronger collaboration while encouraging better task organization.

Flexibility:

Whether you use Excel to generate Gantt charts or you load tasks into a more
precise chart generator, the ability to issue new charts as your project evolves lets you react to
unexpected changes in project scope or timeline. While revising your project schedule too
frequently can eliminate some of the other benefits of Gantt charts, offering a realistic view of a
project can help team members recover from setbacks or adjust to other changes.

Manageability:

For project managers handling complex assignments, like software publishing

or event planning, the benefits of Gantt charts include externalizing assignments. By visualizing
all of the pieces of a project puzzle, managers can make more focused, effective decisions about
resources and timetables.

Efficiency:

Another one of the benefits of Gantt charts is the ability for teams members to
leverage each other’s deadlines for maximum efficiency. For instance, while one team member
waits on the outcome of three other tasks before starting a crucial piece of the assignment, he or
she can perform other project tasks. Visualizing resource usage during projects allows managers
to make better use of people, places, and things.

Accountability:

23 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

When project teams face major organizational change, documenting effort and
outcomes becomes crucial to career success. Using Gantt charts during critical projects allows
both project managers and participants to track team progress, highlighting both big wins and
major failures during professional review periods; team members who frequently exceed
expectations can leverage this documentation into larger raises or bonuses.

Gantt chart Importance:

The project's summary and terminal elements, which combine to form the
project's internal structure, are shown on the Gantt chart. Many charts will also depict the
precedence rankings and dependencies of various tasks within the project. The charts can
illustrate the start and finish project terminal elements in project management. It can also show
summary elements and terminal dependencies. The smallest task tracked as part of the project
effort is known as a terminal element. Gantt chart represents the tasks in most modern project
scheduling packages. However other management applications use simpler communication tools
such as message boards, to-do lists and simple scheduling etc., therefore, they do not use Gantt
charts as heavily.

The way to create this chart begins by determining and listing the necessary
activities. Next, sketch out how you expect the chart to look. List which items depend on others
and what activities take place when. For each activity, list how many man-hours it will require,
and who is responsible. Lastly, determine the throughput time.

This technique's primary advantage is its good graphical overview that is easy
to understand for nearly all project participants and stakeholders. Its primary disadvantage is its
limited applicability for many projects, since projects are often more complex than can be
effectively communicated with this chart.

24 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

3.5 ARCHITECTURAL DESIGN

An architectural model (in software) is a rich and rigorous diagram, created using available
standards, in which the primary concern is to illustrate a specific set of tradeoffs inherent in the
structure and design of a system or ecosystem.

25 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

3.6 INPUT/OUTPUT DESIGN

Input Design

HOME PAGE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

<title>Online Exam System </title>

<link rel="stylesheet" href="css/bootstrap.min.css"/>

<link rel="stylesheet" href="css/bootstrap-theme.min.css"/>

<link rel="stylesheet" href="css/main.css">

<link rel="stylesheet" href="css/font.css">

<script src="js/jquery.js" type="text/javascript"></script>

<script src="js/bootstrap.min.js" type="text/javascript"></script>

<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet'

type='text/css'>

<script>

function validateForm() {var y = document.forms["form"]["name"].value; var letters = /^[A-Za-

z]+$/;if (y == null || y == "") {alert("Name must be filled out.");return false;}var z
=document.forms["form"]["college"].value;if (z == null || z == "") {alert("college must be filled
out.");return false;}var x = document.forms["form"]["email"].value;var atpos = x.indexOf("@");

26 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

var dotpos = x.lastIndexOf(".");if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {alert("Not

a valid e-mail address.");return false;}var a = document.forms["form"]["password"].value;if(a
== null || a == ""){alert("Password must be filled out");return false;}if(a.length<5 || a.length>25)
{alert("Passwords must be 5 to 25 characters long.");return false;}

var b = document.forms["form"]["cpassword"].value;if (a!=b){alert("Passwords must

match.");return false;}}

</script>

</head><body>

<div class="header">

<div class="row">

<div class="col-lg-6">

<span class="logo">Online Exam System</span></div>

<div class="col-md-2 col-md-offset-4">

<a href="http://localhost/oes/Online%20Examination%20System/adminpanel/admin/index.php"
class="pull-right btn sub1" style="border-radius:0%" data-toggle="modal" ><span
class="glyphicon glyphicon-log-in" aria-hidden="true"></span>&nbsp;<span
class="title1"><b>ADMIN</b></span></a></div>

<!--sign in modal start-->

<div class="modal fade" id="myModal">

<div class="modal-dialog">

<div class="modal-content title1">

<div class="modal-header">

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

hidden="true">&times;</span></button> <h4 class="modal-title title1 text-center"><span
style="color:black"><b>USER LOGIN</b></span></h4>

27 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</div>

<div class="modal-body">

<form class="form-horizontal" action="login.php?q=index.php" method="POST">

<fieldset>

<!-- Text input-->

<div class="form-group">

<label class="col-md-3 control-label" for="email"></label>

<div class="col-md-6">

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

type="email">

</div></div>

<!-- Password input-->

<div class="form-group">

<label class="col-md-3 control-label" for="password"></label>

<div class="col-md-6">

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

md" type="password">

</div></div>

</div>

<div class="col-md-4 box">

<!-- Modal For Developers-->

<div class="modal fade title1" id="developers">

<div class="modal-dialog">

28 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="modal-content">

<div class="modal-header">

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

hidden="true">&times;</span><span class="sr-only">Close</span></button>

<h4 class="modal-title" style="font-family:'typo' "><span style="color:orange">ABOUT

US</span></h4>

</div> <div class="modal-body">

<p> <div class="row">

<div class="col-md-4">

<img src="image/hhh.png" width=100 height=100 alt="HARSHA

Shamshul Haris" class="img-rounded">

<img src="image/haris.jpg" width=100 height=100 alt="Shamshul haris"

class="img-rounded">

</div>

<div class="col-md-5">

<a style="color:#202020; font-family:'typo' ; font-size:18px; text-

decoration:none" title="Find on Facebook"> Harsha |shamsul haris</a>

<h4 style="color:#202020; font-family:'typo' ;font-size:16px"

class="title1">+919353635959| +919148083877</h4>

<h4 style="font-family:'typo' ">[email protected] |

[email protected]</h4>

<h4 style="font-family:'typo' ">KRISTU JAYANTI

COLLEGE,BANGALORE</h4></div></div>

</div>

29 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</body>

</html>

Examinee Login:
<!DOCTYPE html>

<html lang="en">

<head>

<title>Examinee LOGIN</title>

<meta charset="UTF-8">

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

<link rel="icon" type="login-ui/image/png" href="images/icons/favicon.ico"/>

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="login-ui/fonts/font-awesome-

4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css" href="login-ui/fonts/Linearicons-Free-

v1.0.0/icon-font.min.css">

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/animate/animate.css">

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/css-hamburgers/hamburgers.min.css">

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/select2/select2.min.css">

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/daterangepicker/daterangepicker.css">

30 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<link rel="stylesheet" type="text/css" href="login-ui/css/util.css">

<link rel="stylesheet" type="text/css" href="login-ui/css/main.css">

</head>

<body> <div class="limiter">

<div class="container-login100 bg-info">

<div class="wrap-login100 bg-warning"><br>

<div>

<center><h1><u>Online Examination System</u></h1></center>

<center><h2>Examinee Login</h2></center>

</div>

<form method="post" id="examineeLoginFrm" class="login100-form validate-form">

<div class="wrap-input100 validate-input m-b-26" data-validate="Username is required">

<span class="label-input100">Email</span>

<input class="input100" type="text" name="username" placeholder="Enter email">

<span class="focus-input100"></span>

</div>

<div class="wrap-input100 validate-input m-b-18" data-validate = "Password is required">

<span class="label-input100">Password</span>

<input class="input100" type="password" name="pass"

placeholder="Enter password">

<span class="focus-input100"></span>

</div>

31 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="container-login100-form-btn" align="right">

<button type="submit" class="login100-form-btn">

Login

</button>

</div>

</form>

</div>

</div>

</div>

<script src="login-ui/vendor/jquery/jquery-3.2.1.min.js"></script>

<script src="login-ui/vendor/animsition/js/animsition.min.js"></script>

<script src="login-ui/vendor/bootstrap/js/popper.js"></script>

<script src="login-ui/vendor/bootstrap/js/bootstrap.min.js"></script>

<script src="login-ui/vendor/select2/select2.min.js"></script>

<script src="login-ui/vendor/daterangepicker/moment.min.js"></script>

<script src="login-ui/vendor/daterangepicker/daterangepicker.js"></script>

<script src="login-ui/vendor/countdowntime/countdowntime.js"></script>

<script src="login-ui/js/main.js"></script>

</body>

</html>

Examinee Dashboard header:

<?php

32 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

include("conn.php");

include("query/selectData.php");

?>

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta http-equiv="Content-Language" content="en">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Online Examination System</title>

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

user-scalable=no, shrink-to-fit=no" />

<!-- MAIN CSS NIYA -->

<link href="./main.css" rel="stylesheet">

<link href="css/sweetalert.css" rel="stylesheet">

</head>

<body id="body">

<div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">

<div class="app-header header-shadow bg-info">

<div class="app-header__logo">

<a href="home.php" class="btn btn-primary">Online Examination</a>

<div class="header__pane ml-auto">

33 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div>

<button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-

class="closed-sidebar">

<span class="hamburger-box">

<span class="hamburger-inner"></span>

</span>

</button>

</div>

</div>

</div>

<div class="app-header__mobile-menu">

<div>

<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">

<span class="hamburger-box">

<span class="hamburger-inner"></span>

</span>

</button>

</div>

</div>

<div class="app-header__menu">

<span>

<button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-

header-nav">

34 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<span class="btn-icon-wrapper">

<i class="fa fa-ellipsis-v fa-w-6"></i>

</span>

</button>

</span>

</div> <div class="app-header__content">

<div class="app-header-left">

</div>

Examine Dashboard sidebar:

<div class="app-sidebar sidebar-shadow" style="background-color:#8BC5FE">

<div class="app-header__logo">

<div class="logo-src"></div>

<div class="header__pane ml-auto">

<div>

<button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-

class="closed-sidebar">

<span class="hamburger-box">

<span class="hamburger-inner"></span>

</span>

</button>

</div>

</div>

</div>
35 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="app-header__mobile-menu">

<div>

<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">

<span class="hamburger-box">

<span class="hamburger-inner"></span>

</span>

</button>

</div>

</div>

<div class="app-header__menu">

<span>

<button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-

header-nav">

<span class="btn-icon-wrapper">

<i class="fa fa-ellipsis-v fa-w-6"></i>

</span>

</div>

</div>

Examinee Exam attemp:

<script type="text/javascript" >

function preventBack(){window.history.forward();}

setTimeout("preventBack()", 0);

window.onunload=function(){null};

36 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</script>

<?php

$examId = $_GET['id'];

$selExam = $conn->query("SELECT * FROM exam_tbl WHERE ex_id='$examId' ")-

>fetch(PDO::FETCH_ASSOC);

$selExamTimeLimit = $selExam['ex_time_limit'];

$exDisplayLimit = $selExam['ex_questlimit_display'];

?>

<div class="app-main__outer" style="background:#999">

<div class="app-main__inner">

<div class="col-md-12">

<div class="app-page-title">

<div class="page-title-wrapper">

<div class="page-title-heading">

<div>

<?php echo $selExam['ex_title']; ?>

<div class="page-title-subheading">

<?php echo $selExam['ex_description']; ?>

</div>

</div>

</div>

<div class="page-title-actions mr-5" style="font-size: 20px;">

<form name="cd">

37 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<input type="hidden" name="" id="timeExamLimit" value="<?php echo $selExamTimeLimit; ?

>">

<label>Remaining Time : </label>

<input style="border:none;background-color: transparent;color:blue;font-size: 25px;"

name="disp" type="text" class="clock" id="txt" value="00:00" size="5" readonly="true" />

</form>

</div>

</div>

</div>

</div>

<div class="col-md-12 p-0 mb-4">

<form method="post" id="submitAnswerFrm">

<input type="hidden" name="exam_id" id="exam_id" value="<?php echo $examId; ?

>">

<input type="hidden" name="examAction" id="examAction" >

<table class="align-middle mb-0 table table-borderless table-striped table-hover" id="tableList">

<?php

$selQuest = $conn->query("SELECT * FROM exam_question_tbl WHERE exam_id='$examId'

ORDER BY rand() LIMIT $exDisplayLimit ");

if($selQuest->rowCount() > 0)

$i = 1;

while ($selQuestRow = $selQuest->fetch(PDO::FETCH_ASSOC)) { ?>

<?php $questId = $selQuestRow['eqt_id']; ?>

38 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<tr>

<td>

<p><b><?php echo $i++ ; ?> .) <?php echo $selQuestRow['exam_question']; ?></b></p>

<div class="col-md-4 float-left">

<div class="form-group pl-4 ">

<input name="answer[<?php echo $questId; ?>][correct]" value="<?php echo

$selQuestRow['exam_ch1']; ?>" class="form-check-input" type="radio" value=""
id="invalidCheck" required >

<label class="form-check-label" for="invalidCheck">

<?php echo $selQuestRow['exam_ch1']; ?>

</label>

</div>

<div class="form-group pl-4">

<input name="answer[<?php echo $questId; ?>][correct]" value="<?php echo

$selQuestRow['exam_ch2']; ?>" class="form-check-input" type="radio" value=""
id="invalidCheck" required >

<label class="form-check-label" for="invalidCheck">

<?php echo $selQuestRow['exam_ch2']; ?>

</label>

</div>

</div>

<div class="col-md-8 float-left">

<div class="form-group pl-4">

39 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<input name="answer[<?php echo $questId; ?>][correct]" value="<?php echo

$selQuestRow['exam_ch3']; ?>" class="form-check-input" type="radio" value=""
id="invalidCheck" required >

<label class="form-check-label" for="invalidCheck">

<?php echo $selQuestRow['exam_ch3']; ?>

</label>

</div>

<div class="form-group pl-4">

<input name="answer[<?php echo $questId; ?>][correct]" value="<?php echo

$selQuestRow['exam_ch4']; ?>" class="form-check-input" type="radio" value=""
id="invalidCheck" required >

<label class="form-check-label" for="invalidCheck">

<?php echo $selQuestRow['exam_ch4']; ?>

</label>

</div>

</div>

</div>

</td>

</tr>

Examinee result:
<?php

$examId = $_GET['id'];

40 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

$selExam = $conn->query("SELECT * FROM exam_tbl WHERE ex_id='$examId' ")-

>fetch(PDO::FETCH_ASSOC);

?>

<div class="app-main__outer" style="background:#999">

<div class="app-main__inner">

<div id="refreshData">

<div class="col-md-12">

<div class="app-page-title">

<div class="page-title-wrapper">

<div class="page-title-heading">

<div>

<?php echo $selExam['ex_title']; ?>

<div class="page-title-subheading">

<?php echo $selExam['ex_description']; ?>

</div></div></div>

Admin Login:
<!DOCTYPE html>

<html lang="en">

<head>

<title>Admin LOGIN</title>

<meta charset="UTF-8">

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

41 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<link rel="stylesheet" type="text/css" href="login-ui/vendor/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="login-ui/fonts/font-awesome-4.7.0/css/font-

awesome.min.css">

<link rel="stylesheet" type="text/css" href="login-ui/fonts/Linearicons-Free-v1.0.0/icon-

font.min.css">

<link rel="stylesheet" type="text/css" href="login-ui/vendor/animate/animate.css">

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/css-hamburgers/hamburgers.min.css">

<link rel="stylesheet" type="text/css" href="login-ui/vendor/select2/select2.min.css">

<link rel="stylesheet" type="text/css"

href="login-ui/vendor/daterangepicker/daterangepicker.css">

<link rel="stylesheet" type="text/css" href="login-ui/css/util.css">

<link rel="stylesheet" type="text/css" href="login-ui/css/main.css">

<link rel="stylesheet" type="text/css" href="page/login/style/style.css">

<link rel="stylesheet" type="text/css" href="page/login/style/style.css">

<script type="text/javascript" src="page/login/js/script.js"></script>

<script type="text/javascript" src="page/login/js/ajax.js"></script>

</head>

<body>

<div class="limiter">

<div id="particles-js"></div>

<div class="container-login100 bg-info">

<div class="wrap-login100 bg-warning"> <br>

<div>

42 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<center><h1><u>Online Examination System</u></h1></center>

<center><h2>Admin Login</h2></center>

</div>

<form method="post" id="adminLoginFrm" class="login100-form validate-form">

<div class="wrap-input100 validate-input m-b-26" data-validate="Username is required">

<span class="label-input100">Username</span>

<input class="input100" type="text" name="username" placeholder="Enter username">

<span class="focus-input100"></span>

</div>

<div class="wrap-input100 validate-input m-b-18" data-validate = "Password is required">

<span
class="label-input100">Password</span>

<input class="input100" type="password" name="pass" placeholder="Enter password">

<span class="focus-input100"></span>

</div>

<div class="container-login100-form-btn" align="right">

<button type="submit" class="login100-form-btn">

Login

</button>

</div>

</form>

</div>

</div>

43 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</div>

Admin Home page:

<?php

session_start();

if(!isset($_SESSION['admin']['adminnakalogin']) == true) header("location:index.php");

?>

<?php include("../../conn.php"); ?>

<!-- MAO NI ANG HEADER -->

<?php include("includes/header.php"); ?>

<!-- UI THEME DIRI -->

<?php// include("includes/ui-theme.php"); ?>

<div class="app-main" style=" background: #0CF">

<!-- sidebar diri -->

<?php include("includes/sidebar.php"); ?>

<!-- Condition If unza nga page gi click -->

<?php

@$page = $_GET['page'];

if($page != '')

if($page == "add-course")

44 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

include("pages/add-course.php");

else if($page == "manage-course")

include("pages/manage-course.php");

else if($page == "manage-exam")

include("pages/manage-exam.php");

else if($page == "manage-examinee")

include("pages/manage-examinee.php");

else if($page == "ranking-exam")

include("pages/ranking-exam.php");

else if($page == "feedbacks")

include("pages/feedbacks.php");

else if($page == "examinee-result")

45 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

include("pages/examinee-result.php");

// Else ang home nga page mo display

else

include("pages/home.php");

}?>

<!-- MAO NI IYA FOOTER -->

<?php include("includes/footer.php"); ?>

<?php include("includes/modals.php"); ?>

Admin add course, examinee, and exam:

<!-- Modal For Add Course -->

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

labelledby="exampleModalLabel" aria-hidden="true">

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

<form class="refreshFrm" id="addCourseFrm" method="post">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Add Course</h5>

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

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

46 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</button>

</div>

<div class="modal-body">

<div class="col-md-12">

<div class="form-group">

<label>Course</label>

<input type="" name="course_name" id="course_name" class="form-control"

placeholder="Input Course" required="" autocomplete="off">

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

<button type="submit" class="btn btn-primary">Add Now</button>

</div>

</div>

</form>

</div>

</div>

<!-- Modal For Update Course -->

<div class="modal fade myModal" id="updateCourse-<?php echo $selCourseRow['cou_id']; ?>"

tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

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

47 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<form class="refreshFrm" id="addCourseFrm" method="post" >

<div class="modal-content myModal-content" >

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Update ( <?php echo

$selCourseRow['cou_name']; ?> )</h5>

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

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

</button>

</div>

<div class="modal-body">

<div class="col-md-12">

<div class="form-group">

<label>Course</label>

<input type="" name="course_name" id="course_name" class="form-control"

value="<?php echo $selCourseRow['cou_name']; ?>">

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

<button type="submit" class="btn btn-primary">Update Now</button>

</div>

</div>

48 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</form>

</div>

</div>

<!-- Modal For Add Exam -->

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

labelledby="exampleModalLabel" aria-hidden="true">

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

<form class="refreshFrm" id="addExamFrm" method="post">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Add Exam</h5>

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

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

</button>

</div>

<div class="modal-body">

<div class="col-md-12">

<div class="form-group">

<label>Select Course</label>

<select class="form-control" name="courseSelected">

<option value="0">Select Course</option>

<div class="form-group">

<label>Question Limit to Display</label>

49 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<input type="number" name="examQuestDipLimit" id="" class="form-control"

placeholder="Input question limit to display">

</div>

<div class="form-group">

<label>Exam Title</label>

<input type="" name="examTitle" class="form-control" placeholder="Input Exam Title"

required="">

</div><div class="form-group">

<label>Exam Description</label>

<textarea name="examDesc" class="form-control" rows="4" placeholder="Input Exam

Description" required=""></textarea>

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

<button type="submit" class="btn btn-primary">Add Now</button>

</div>

</div>

<!-- Modal For Add Examinee -->

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

labelledby="exampleModalLabel" aria-hidden="true">

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

<form class="refreshFrm" id="addExamineeFrm" method="post">

50 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Add Examinee</h5>

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

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

</button>

</div>

<div class="modal-body">

<div class="col-md-12">

<div class="form-group">

<label>Fullname</label>

<input type="" name="fullname" id="fullname" class="form-control" placeholder="Input

Fullname" autocomplete="off" required="">

</div>

<div class="form-group">

<label>Birthdate</label>

<input type="date" onkeydown="return false"name="bdate" class="form-control"

value="2003-12-01" min="1990-01-01" max="2003-12-30">

</div>

<div class="form-group">

<label>Gender</label>

<select class="form-control" name="gender" id="gender">

<option value="0">Select gender</option>

51 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<option value="male">Male</option>

<option value="female">Female</option>

</select>

</div>

<!-- Modal For Add Question -->

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

labelledby="exampleModalLabel" aria-hidden="true">

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

<form class="refreshFrm" id="addQuestionFrm" method="post">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="exampleModalLabel">Add Question for <br><?php echo

$selExamRow['ex_title']; ?></h5>

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

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

</button>

</div>

<form class="refreshFrm" method="post" id="addQuestionFrm">

<div class="modal-body">

<div class="col-md-12">

<div class="form-group">

<label>Question</label>

<input type="hidden" name="examId" value="<?php echo $exId; ?>">

52 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<input type="" name="question" id="course_name" class="form-control"

placeholder="Input question" autocomplete="off">

</div>

</div>

Admin ranking page:

<div class="app-main__outer">

<div class="app-main__inner">

<?php

@$exam_id = $_GET['exam_id'];

if($exam_id != "")

$selEx = $conn->query("SELECT * FROM exam_tbl WHERE ex_id='$exam_id' ")-

>fetch(PDO::FETCH_ASSOC);

$exam_course = $selEx['cou_id'];

$selExmne = $conn->query("SELECT * FROM examinee_tbl et WHERE

exmne_course='$exam_course' ");

?>

<div class="app-page-title">

<div class="page-title-wrapper">

<div class="page-title-heading">

<div><b class="text-primary">RANKING BY EXAM</b><br>

Exam Name : <?php echo $selEx['ex_title']; ?><br><br>

53 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<span class="border" style="padding:10px;color:black;background-color:

yellow;">Excellence</span>

<span class="border" style="padding:10px;color:white;background-color: green;">Very

Good</span>

<span class="border" style="padding:10px;color:white;background-color: blue;">Good</span>

<span class="border" style="padding:10px;color:white;background-color: red;">Failed</span>

<span class="border" style="padding:10px;color:black;background-color: #E9ECEE;">Not

Answering</span>

</div>

</div>

</div>

</div>

<div class="table-responsive">

<table class="align-middle mb-0 table table-borderless table-striped table-hover"

id="tableList">

<tbody>

<thead>

<tr>

<th width="25%">Examinee Fullname</th>

<th>Score / Over</th>

<th>Percentage</th>

</tr>

</thead>

Admin view feedback:

54 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="app-main__outer">

<div class="app-main__inner">

<div class="app-page-title">

<div class="page-title-wrapper">

<div class="page-title-heading">

<div><b>STUDENT FEEDBACK</b></div>

</div>

</div>

</div>

<div class="col-md-12">

<div class="main-card mb-3 card">

<div class="card-header">Feedback's List

</div>

<div class="table-responsive">

<table class="align-middle mb-0 table table-borderless table-striped table-hover" id="tableList">

<thead>

<tr>

<th class="text-left pl-4" width="20%">Examinee</th>

<th class="text-left ">Feedbacks</th>

<th class="text-center" width="15%">Date</th>

</tr>

</thead>

<tbody>

55 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<?php

$selExam = $conn->query("SELECT * FROM feedbacks_tbl ORDER BY fb_id DESC ");

if($selExam->rowCount() > 0)

</div>

Examinee-result:
<link rel="stylesheet" type="text/css" href="css/mycss.css">

<div class="app-main__outer">

<div class="app-main__inner">

<div class="app-page-title">

<div class="page-title-wrapper">

<div class="page-title-heading">

<div>EXAMINEE RESULT</div>

</div>

<div class="col-md-12">

<div class="main-card mb-3 card">

<div class="card-header">Examinee Result

</div>

<div class="table-responsive">

<th>Fullname</th>

<th>Exam Name</th>

<th>Scores</th>

<th>Ratings</th>

56 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<th width="10%"></th>

</tr>

</thead>

<tbody>

<?php

$selExmne = $conn->query("SELECT * FROM examinee_tbl et INNER JOIN exam_attempt ea

ON et.exmne_id = ea.exmne_id ORDER BY ea.examat_id DESC ");

if($selExmne->rowCount() > 0)

while ($selExmneRow = $selExmne->fetch(PDO::FETCH_ASSOC)) { ?>

<tr>

<td><?php echo $selExmneRow['exmne_fullname']; ?></td>

<td>

Output Design:

Home page:

57 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Examinee login:

Examinee Exam Dashboard:

Examinee result:

58 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Admin Login:

Admin Dashboard and add Course:

59 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Admin add Examinee:

Admin add Exam:

Admin ranking page:

60 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Admin add questions:

Admin manage examinee:

61 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

4.SYSTEM CONFIGURATION

4.1 Hardware requirements:

RAM 8.00 GB

Hard disk 1 TB

Processor Intel(R) Core(TM) i5-7200U

Processing speed CPU @ 2.50GHz 2.70 GHz

4.2 Software Requirements:

Front end Html, CSS, Bootstrap, jQuery

Back end PHP

Tools MS WORD, XAMPP server, gantter.com,

Microsoft Project planner

Operating System Microsoft Windows 10

62 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

5. DETAILS OF SOFTWARE
A development process consists of various phases, each phase ending with a defined
output. The phases are performed in an order specified by the process model being followed. The
main reason for having a phased process is that it breaks the problem of developing software into
successfully performing a set of phase, each handling a different concern of software
development.

This ensures that the cost of development is lower than what it would have been
if the whole problem were tackled together. A phased development process is central to the
software engineering approach for solving the software crisis

5.1 Overview of Front end.

PHP is a general-purpose scripting language especially suited to web

development. It was originally created by Danish-Canadian programmer Rasmus Lerdorf in
1994. The PHP reference implementation is now produced by The PHP Group, PHP originally
stood for Personal Home Page, but it now stands for the recursive initialism PHP: Hypertext
Preprocessor.

PHP code is usually processed on a web server by a PHP interpreter

implemented as a module, a daemon or as a Common Gateway Interface (CGI) executable. On a
web server, the result of the interpreted and executed PHP code – which may be any type of data,
such as generated HTML or binary image data – would form the whole or part of an HTTP
response. Various web template systems, web content management systems, and web
frameworks exist which can be employed to orchestrate or facilitate the generation of that
response. Additionally, PHP can be used for many programming tasks outside of the web
context, such as standalone graphical applications and robotic drone control. Arbitrary PHP code
can also be interpreted and executed via command-line interface (CLI).

5.2 Overview of Back-end

63 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

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

Its name is a combination of "My", the name of co-founder Michael Widenius's daughter, and
"SQL", the abbreviation for Structured Query Language. A relational database organizes data
into one or more data tables in which data types may be related to each other; these relations help
structure the data.

SQL is a language programmers use to create, modify and extract data from the
relational database, as well as control user access to the database. In addition to relational
databases and SQL, an RDBMS like MySQL works with an operating system to implement a
relational database in a computer's storage system, manages users, allows for network access and
facilitates testing database integrity and creation of backups.

MySQL is free and open-source software under the terms of the GNU General
Public License, and is also available under a variety of proprietary licenses. MySQL was owned
and sponsored by the Swedish company MySQL AB, which was bought by Sun Microsystems
(now Oracle Corporation). In 2010, when Oracle acquired Sun, Widenius forked the open-source
MySQL project to create MariaDB.

5.3 About the Platform

Windows is a series of Operating Systems developed by Microsoft. Each

version of Windows includes a Graphical User Interface, with a desktop that allows users to view
files and folders in Windows. For the past two decades, Windows has been the most widely used
operating system for personal computers PCs.

Microsoft Windows is designed for both home computing and professional

purposes. Past versions of Windows home editions include Windows 3.0 (1990), Windows 3.1
(1992), Windows 95 (1995), Windows 98 (1998), Windows Me (2000), Windows XP (2001),
and Windows Vista (2006). The current version, Windows 7, was released in 2009.

The first business-oriented version of Windows, called Windows NT 3.1, was in 1993.
This was followed by Windows 3.5, 4.0, and Windows 2000. When Microsoft released Windows

64 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

XP in 2001, the company simply created different editions of the operating system for personal
and business purposes.

6. TESTING
Testing is a vital part of software development, and it is important to start it as
early as possible, and to make testing a part of the process of deciding requirements. To get the
most useful perspective on your development project, it is worthwhile devoting some thought to
the entire lifecycle including how feedback from users will influence the future of the
application. The tools and techniques we've discussed in this book should help your team to be
more responsive to changes without extra cost, despite the necessarily wide variety of different
development processes. Nevertheless, new tools and process improvements should be adopted
gradually, assessing the results after each step.

Testing is part of a lifecycle. The software development lifecycle is one in

which you hear of a need, you write some code to fulfil it, and then you check to see whether you
have pleased the stakeholders—the users, owners, and other people who have an interest in what
the software does. Hopefully they like it, but would also like some additions or changes, so you
update or augment your code; and so the cycle continues, or every few years,

SOFTWARE TESTING TYPES:

1. FUNTIONAL TESTING

This type of testing ignores the internal parts and focus on the output is as per
requirement or not. They are:

Black box testing – Internal system design is not considered in this type of testing. Tests are
based on requirements and functionality.

65 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

White box testing – This testing is based on knowledge of the internal logic of an application’s
code. Also known as Glass box Testing. Internal software and code working should be known
for this type of testing. Tests are based on coverage of code statements, branches, paths,
conditions.

Unit testing – Testing of individual software components or modules. Typically done by the
programmer and not by testers, as it requires detailed knowledge of the internal program design
and code. May require developing test drive modules or test harnesses.

System testing – Entire system is tested as per the requirements. Black-box type testing that is
based on overall requirements specifications, covers all combined parts of a system.

Acceptance testing -Normally this type of testing is done to verify if system meets the customer
specified requirements. User or customers do this testing to determine whether to accept
application.

Alpha testing – In house virtual user environment can be created for this type of testing. Testing
is done at the end of development. Still minor design changes may be made as a result of such
testing.

2. NON-FUNCTIONAL TESTING

Security testing – Can system be penetrated by any hacking way. Testing how well the system
protects against unauthorized internal or external access. Checked if system, database is safe
from external attacks.

Usability testing – User-friendliness check. Application flow is tested, Can new user understand
the application easily, Proper help documented whenever user stuck at any point, basically
system navigation is checked in this testing.

66 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

7. CONCLUSION AND FUTURE ENHANCEMENT

Finally our “Online Examination System” accurately helps in conducting online
multiple choice question based examinations and also help the educational institutions to conduct
any time and reduce the use of paper and manual correction done by the teachers. Our system
successfully helps examinee to attend examinations and provide the exam results
instantaneously. it also help the administrator to add different courses exams and manage
examinee details.

This project can further be enhances as follows:

 Giving more options to users to make the interface more interactive.

 Addition of an extra module for notifications and messages.

 Third user can be added who can be the teacher for better management of examination.

 E-Learning concept can be added as a feature.

67 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

8. BIBILIOGRAPHY

Book References:

Learning PHP, MySQL & JavaScript 5e: With jQuery, CSS & HTML5 (Learning PHP,

MYSQL, JavaScript, CSS & HTML5)

Web References:

https://in.video.search.yahoo.com/search/video?fr=mcafee&ei=UTF-
8&p=online+examination+system+project&type=E210IN91082G91461#id=1&vid=c8e63bfd2f2
d36fc323b38625d708f06&action=click
https://www.tutorialrepublic.com/php-tutorial/php-mysql-insert-query.php

68 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

9. APPENDICES A – Table Structure

Course table: Course table stores the details of course created.

Column name Data type Constraints Description

Course_id Int(4) Primary key Course id
Course_name Varchar(30) Not Null Course name
Course_created Timestamp Not Null Course created

Exam_id Int(4) Foreign key Examid

Examinee table: Stores details of Examinee.

Column name Data type Constraints Description

Examinee_id Int(4) Primary key Examinee id
Examinee_fullname Varchar(30) Not Null Examinee name
Course_id Varchar(4) Foreign key Course id
Examinee_gender Varchar(6) Not Null Examinee gender
Examinee_birthday Varchar(10) Not Null Birthday
Examinee_email Varchar(30) Not Null Examinee email
Examinee_password Varchar(15) Not Null Examinee password
Exam_id Int(4) Foreign key Exam id

Exam_question table: stores the question, correct answer and the choices for the question.

Column name Data type Constraints Description

Examquestion_id Int(4) Primary key Question id
Exam_id Int(4) Foreign key Exam id
Exam_question Varchar(100) Not Null Exam question
Exam_ch1 Varchar(50) Not Null Option 1
Exam_ch2 Varchar(50) Not Null Option 2

69 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Exam_ch3 Varchar(50) Not Null Option 3

Exam_ch4 Varchar(50) Not Null Option 4
Exam_answer Varchar(50) Not Null Correct answer

Exam_answers table: Stores the data of exam answers which are answered by the
examinees.

Column name Data type Constraints Description

Examanswer_id Int(4) Primary key Examanswer id
Examinee_id Int(4) Foreign key Examinee id
Exam_id Int(4) Foreign key Exam id
Examquestion_id Int(4) Foreign key Examquestion id
Examanswer Varchar(50) Not Null Exam answer
Examanswer_created Timestamp Not Null Examanswer created

Exam_attempt table: keeps track of attempts made for the exams.

Column name Data type Constraints Description

Examat_id Int(4) Primary key Exam attempt id
Examinee_id Int(4) Foreign key Examinee id
Exam_id Int(4) Foreign key Exam id
Exam_status Varchar(4) Not Null Exam status

Exam table: stores the details of all exams created.

Column name Data type Constraints Description

Exam_id Int(4) Primary key Exam id

Course_id Int(4) Foreign key Course id

70 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Exam_title Varchar(30) Not Null Exam title

Examtimelimit Int(3) Not Null Exam time limit

Exam_desc Varchar(30) Not Null Exam description

Exam_created Timestamp Not Null Exam created

Questions Int(4) Not Null Questions

Feedback table: stores the feedback from the examinees.

Column name Data type Constraints Description

Feedback_id Int(4) Primary key Feedback id

Examinee_id Int(4) Foreign key Examinee id

Feedback_as Varchar(30) Not Null Feedback sender

Feedback Varchar(50) Not Null Feedback

Feedback_date Varchar(10) Not Null Feedback date

71 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

10. APPENDICES B – SCREENSHOTS

Examinee Dashboard:

Examinee attend exam:

Examinee result:

72 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Examinee Feedback:

Admin add examination:

Admin add examinee:

73 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

Admin add Questions:

Ranking according to subject:

Admin view of all feedback’s:

74 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

10. APPENDICES C – TEST CASES

Test Test Name Test Data Expected Result Actual Result Test
Status

T1 User login User login: Invalid Error Popup: Please Error Popup: pass
User password: invalid input valid email / Please input valid
password email / password
T2 User login User login: Invalid Error Popup: Please Error Popup: pass
User password:Valid input valid email / Please input valid
password email / password
T3 User login User login: Valid Error Popup: Please Error Popup: pass
input valid email / Please input valid
User password: invalid
password email / password
T4 User login User login: Valid User dashboard User dashboard pass
User password:Valid

T5 Add examinee Valid Name, Email, Message Popup : Message Popup : pass
DOB with all fields Examinee added Examinee added
entered. Successfully Successfully
T6 Add examinee Valid Name, Email Error Popup : Enter a Error Popup : Enter pass
with all fields Valid date(1990- a Valid
entered. And invalid 2003) date(1990-2003)
date
T7 Add examinee Valid Name, DOB Error Popup: Enter Error Popup: Enter pass
with all fields entered a valid Email a valid Email
and mismatched address. address
email format
T8 Add examinee All fields empty Message Popup: Message Popup: pass
Please fill out field Please fill out
field
T9 Add exam All fields selected and Message Popup : Message Popup : pass
entered Exam added Exam added
Successfully Successfully
T10 Add exam Course not selected Error message Popup Error message
and other valid fields Popup : No
: No course selected
selected and entered course selected

75 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

please select a course please select a pass

course

T11 Add exam Couse selected ,fields Error message Popup Error message pass
entered and no time :No time limit Popup :No time
limit selected limit selected

T12 Add exam Course selected ,time Message Popup: Message Popup: pass
limit selected and Please fill in fields Please fill in
fields empty fields

T13 Add Course Course name entered Message Popup : Message Popup : pass
Course added Course added
Successfully Successfully

T13 Add Course Course name entered Error message Popup Error message pass
which already exist : Course exist Popup : Course
exist

T14 Add Course Course name field Message Popup : message Popup : pass
empty please fill in the please fill in the
field field

T15 Attend exam Examination already Error message Popup Error message pass
undertaken Popup : Already
: Already taken taken

T15 Feedback Feedback entered Message Popup : Message Popup : pass

Feedback sent Feedback sent
Successfully Successfully

T15 Feedback Feedback submitted Error message Popup Error message pass
more than 3 times : Feedback limit 3 Popup :
times reached Feedback limit 3
times reached

76 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

11. APPENDICES D – SOURCE CODE

USER SIDE:
<?php

session_start();

if(!isset($_SESSION['examineeSession']['examineenakalogin'])==true)
header("location:index.php");

?>

<?php include("conn.php"); ?>

<?php include("includes/header.php"); ?>

<?php //include("includes/ui-theme.php"); ?>

<div class="app-main">

<?php include("includes/sidebar.php"); ?>

<?php

@$page = $_GET['page'];

if($page != '')

if($page == "exam")

include("pages/exam.php");

else if($page == "result")

include("pages/result.php");
77 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

else if($page == "myscores")

include("pages/myscores.php");

<?php

include("login-ui/index.php");

?>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/ajax.js"></script>

<script type="text/javascript" src="js/sweetalert.js"></script>

<?php

$host = "localhost";

$user = "root";

$pass = "";

$db = "exam";

$conn = null;

try {

$conn = new PDO("mysql:host={$host};dbname={$db};",$user,$pass);

} catch (Exception $e) {

?>

78 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

ADMIN SIDE:
<?php

session_start();

if(!isset($_SESSION['admin']['adminnakalogin']) == true) header("location:index.php");

?>

<?php include("../../conn.php"); ?>

<!-- MAO NI ANG HEADER -->

<?php include("includes/header.php"); ?>

<!-- UI THEME DIRI -->

<?php// include("includes/ui-theme.php"); ?>

<div class="app-main" style=" background: #0CF">

<!-- sidebar diri -->

<?php include("includes/sidebar.php"); ?>

<!-- Condition If unza nga page gi click -->

<?php

@$page = $_GET['page'];

if($page != '')

if($page == "add-course")

include("pages/add-course.php");

79 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

else if($page == "manage-course")

include("pages/manage-course.php");

else if($page == "manage-exam")

include("pages/manage-exam.php");

else if($page == "manage-examinee")

include("pages/manage-examinee.php");

else if($page == "ranking-exam")

include("pages/ranking-exam.php");

else if($page == "feedbacks")

include("pages/feedbacks.php");

else if($page == "examinee-result")

include("pages/examinee-result.php");

80 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

// Else ang home nga page mo display

else

include("pages/home.php");

?>

<!-- MAO NI IYA FOOTER -->

<?php include("includes/footer.php"); ?>

<!-- MAO NI ANG HEADER -->

<?php include("includes/header.php"); ?>

<!-- UI THEME DIRI -->

<?php include("includes/ui-theme.php"); ?>

<div class="app-main">

<!-- sidebar diri -->

<div class="col-md-12">

<div id="refreshData">

<div class="row">

<div class="col-md-6">

<div class="main-card mb-3 card">

81 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="card-header">

<i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i>Exam Information

</div>

<div class="card-body">

<form method="post" id="updateExamFrm">

<div class="form-group">

<label>Course</label>

<select class="form-control" name="courseId" required="">

<option value="<?php echo $selExamRow['cou_id']; ?>"><?php echo

$selCourse['courseName']; ?></option>

<?php

$selAllCourse = $conn->query("SELECT * FROM course_tbl ORDER BY cou_id DESC");

while ($selAllCourseRow = $selAllCourse->fetch(PDO::FETCH_ASSOC)) { ?>

<option value="<?php echo $selAllCourseRow['cou_id']; ?>"><?php echo

$selAllCourseRow['cou_name']; ?></option>

<?php }

?>

</select>

</div>

<div class="form-group">

<label>Exam Title</label>

<input type="hidden" name="examId" value="<?php echo $selExamRow['ex_id']; ?>">

82 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<input type="" name="examTitle" class="form-control" required="" value="<?php echo

$selExamRow['ex_title']; ?>">

</div>

<div class="form-group">

<label>Exam Description</label>

<input type="" name="examDesc" class="form-control" required="" value="<?php echo

$selExamRow['ex_description']; ?>">

</div>

<div class="form-group">

<label>Exam Time limit</label>

<select class="form-control" name="examLimit" required="">

<option value="<?php echo $selExamRow['ex_time_limit']; ?>"><?php echo

$selExamRow['ex_time_limit']; ?> Minutes</option>

<option value="10">10 Minutes</option>

<option value="20">20 Minutes</option>

<option value="30">30 Minutes</option>

<option value="40">40 Minutes</option>

<option value="50">50 Minutes</option>

<option value="60">60 Minutes</option>

</select>

<input type="number" name="examQuestDipLimit" class="form-control" value="<?php echo

$selExamRow['ex_questlimit_display']; ?>">

</div>

</form>

83 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

</div>

</div>

</div>

<div class="col-md-6">

<?php

$selQuest = $conn->query("SELECT * FROM exam_question_tbl WHERE exam_id='$exId'

ORDER BY eqt_id desc");

?>

<div class="main-card mb-3 card">

<div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate">

</i>Exam Question's

<span class="badge badge-pill badge-primary ml-2">

<?php echo $selQuest->rowCount(); ?>

</span>

<div class="btn-actions-pane-right">

<button class="btn btn-sm btn-primary " data-toggle="modal" data-

target="#modalForAddQuestion">Add Question</button> </div>

<div class="btn-actions-pane-right">

<button class="btn btn-sm btn-primary " data-toggle="modal" data-

target="#modalForAddDescriptive">Desc Question</button>

</div>

</div>

<div class="card-body" >

<div class="scroll-area-sm" style="min-height: 400px;">

84 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<div class="scrollbar-container">

<?php

if($selQuest->rowCount() > 0)

{ ?>

<div class="table-responsive">

<table class="align-middle mb-0 table table-borderless table-striped table-hover" id="tableList">

<th class="text-center" width="20%">Action</th>

</tr>

</thead>

<tbody>

<?php

if($selQuest->rowCount() > 0)

$i = 1;

while ($selQuestionRow = $selQuest->fetch(PDO::FETCH_ASSOC)) { ?>

<tr>

<td >

<b><?php echo $i++ ; ?> .) <?php echo $selQuestionRow['exam_question']; ?></b><br>

<?php

// Choice A

if($selQuestionRow['exam_ch1'] == $selQuestionRow['exam_answer'])

{ ?>

<span class="pl-4 text-success">A - <?php echo $selQuestionRow['exam_ch1']; ?></span><br>

85 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<?php }

else

{ ?>

<span class="pl-4">A - <?php echo $selQuestionRow['exam_ch1']; ?></span><br>

<?php }

// Choice B

if($selQuestionRow['exam_ch2'] == $selQuestionRow['exam_answer'])

{ ?>

<span class="pl-4 text-success">B - <?php echo $selQuestionRow['exam_ch2']; ?></span><br>

<?php }

else

{ ?>

<span class="pl-4">B - <?php echo $selQuestionRow['exam_ch2']; ?></span><br>

<?php }

// Choice C

if($selQuestionRow['exam_ch3'] == $selQuestionRow['exam_answer'])

{ ?>

<span class="pl-4 text-success">C - <?php echo $selQuestionRow['exam_ch3']; ?></span><br>

<?php }

else

{ ?>

<span class="pl-4">C - <?php echo $selQuestionRow['exam_ch3']; ?></span><br>

86 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)
19CS1K2170 ONLINE EXAMINATION SYSTEM

<?php }

// Choice D

if($selQuestionRow['exam_ch4']== $selQuestionRow['exam_answer'])

{ ?>

<span class="pl-4 text-success">D - <?php echo $selQuestionRow['exam_ch4']; ?></span><br>

<?php }

else

{ ?>

<span class="pl-4">D - <?php echo $selQuestionRow['exam_ch4']; ?></span><br>

<?php }

?>

</td>

<td class="text-center">

<a rel="facebox" href="facebox_modal/updateQuestion.php?id=<?php echo

$selQuestionRow['eqt_id']; ?>" class="btn btn-sm btn-primary">Update</a>

<button type="button" id="deleteQuestion" data-id='<?php echo $selQuestionRow['eqt_id']; ?>'

class="btn btn-danger btn-sm">Delete</button>

</div> </div>
</div>
</div>
<!-- MAO NI IYA FOOTER -->
<?php include("includes/footer.php"); ?>
<?php include("includes/modals.php"); ?>

87 | P a g e
KRISTU JAYANTI COLLEGE (AUTONOMOUS)