Professional Documents
Culture Documents
Session: 2023-2024
Guided by:
Mr. Sunit Meena
Assistant Professor
Guided by:
Mr. Sunit Meena
Assistant Professor
I
ACKNOWLEDGEMENT
The success and the outcome of this Seminar required a lot of guidance and assistance
from many people, and I am extremely privileged to have got this all along the
completion of my Seminar. All that I have done is only due to such supervision and
assistance and I would not forget to thank them.
I would like to express my sincere gratitude and appreciation for the invaluable
guidance and support of our Seminar guide Mr. Sunit Meena, who provided all the
necessary information for developing a good seminar till the completion of my seminar
work.
I am thankful to encouragement, support and guidance from all Teaching staffs of CSE
Department which helped us in successfully completing our project work.
Date Signature
II
DECLARATION
I hereby declare that the work reported in the present technical seminar entitled
"ONLINE EXAMINATION SYSTEM" submitted to Mewar University, Chittorgarh,
is a record of original work done by us under the guidance of Mr. Sunit Meena,
Assistant professor, Mewar University, and that this project work is submitted in the
partial fulfilment of the requirements for the award of the degree of Bachelor of
Technology in Computer Science & Engineering. The results embodied in this project
have not been submitted to any other university or institute for the award of any degree
or diploma to the best of my knowledge and belief.
Submitted By:
Sufiyan Mohammed Sheikh
MUR2000707
III
ABSTRACT
IV
TABLE OF CONTENTS
CERTIFICATE ............................................................................................................. I
ACKNOWLEDGEMENT .......................................................................................... II
DECLARATION ........................................................................................................III
ABSTRACT ................................................................................................................ IV
TABLE OF CONTENTS ...........................................Error! Bookmark not defined.
LIST OF FIGURE ..................................................................................................... IX
LIST OF TABLE ........................................................Error! Bookmark not defined.
LIST OF ABBREVIATION ......................................Error! Bookmark not defined.
CHAPTER 1: INTRODUCTION ...............................................................................1
1.1 Introduction............................................................................................................1
1.2 Objective ................................................................................................................1
1.3 Online Examination System Features ...................................................................1
1.4 Methodology Development Model........................................................................2
1.5 Tools and Technique .............................................................................................3
1.5.1 HTML ..............................................................................................................3
1.5.2 CSS ..................................................................................................................4
1.5.3 BOOTSTRAP ..................................................................................................4
1.5.4 JAVA SCRIPT.................................................................................................4
V
1.5.7 MYSQL ...........................................................................................................5
1.5.8 VS CODE ........................................................................................................6
1.6 Specification Requirement ....................................................................................7
1.6.1 External Interfaces ...........................................................................................7
VI
2.4.7 Event Handling: .............................................................................................12
2.4.8 DOM Manipulation: ......................................................................................12
2.4.9 Error Handling: ..............................................................................................12
2.4.10 Asynchronous Programming: ......................................................................12
2.4.11 Modules: ......................................................................................................12
VII
4.5 SYSTEM DESIGN ..............................................................................................20
4.6 IMPLEMENTATION .........................................................................................21
4.7 TEST GENERATION .........................................................................................21
CONCLUSION ...........................................................................................................30
MY PROJECT ............................................................................................................31
FILE SYSTEM ..........................................................................................................31
INDEX PAGE ...........................................................................................................32
SIGNUP PAGE .........................................................................................................32
LOGIN PAGE ...........................................................................................................33
USER DASHBORD ..................................................................................................33
REFERENCE ..............................................................................................................34
VIII
LIST OF FIGURE
IX
LIST OF TABLE
X
LIST OF ABBREVIATION
XI
CHAPTER 1: INTRODUCTION
1.1 Introduction
Online Examination System are an important system of achieving the success
or potential of students. An online examination system is a digital platform
that enables individuals or organizations to conduct exams, assessments, or
quizzes over the internet. Making it possible for students to take exams from
anywhere. It is a secure, professional web-based examination system which
is an easy-to-use, customizable online testing solution. It not only saves time
but also reduces the costs associated with traditional exam methods
1.2 Objective
The Main Objective of Online Examination System is User-friendly systems
are not only needed for the creator, but also for participants. A responsive
design is an approach where the web user experiences across various different
types of devices. Multiple choice is the options you can use with our online
Examination system. It saves time, reduces paper usage, eliminates manual
evaluation errors. Auto exam publish, log in with username and password. It
checks answers automatically and gives the final result to the student.
1
1.4 Methodology Development Model
2
• Deployment of system − The deployment phase is the final phase of the
waterfall model, which involves delivering the completed software product to
the end-users and making it available for use.
• Maintenance − The maintenance phase involves maintaining and updating
the software product after it has been released. This includes fixing any bugs
or errors that are discovered, as well as adding new features or functionality
to the software product.
1.5.1 HTML
HTML stands for Hypertext Markup Language. It is a markup language used to
create and design web pages for the internet. HTML allows developers to
structure content, such as text, images, videos, and links, on a web page, making
it readable and understandable by web browsers.
HTML is the foundation of web development and is essential for creating and
publishing content on the internet. It provides a standard way of describing the
structure and content of web pages, making it easier for web browsers to
interpret and display the content correctly.
HTML consists of a set of elements or tags, which are used to define the
structure and content of a web page. Elements can be used to create headings,
paragraphs, images, links, forms, and many other types of content.
3
1.5.2 CSS
CSS stands for Cascading Style Sheets. It is a used to describe the presentation
of a document. CSS is used to add style, layout, and formatting to web pages,
making them more visually user-friendly.
CSS allows developers to separate the content of a web page from its
presentation, making it easier to maintain and update the design of a website.
It provides a way to control the appearance of a web page, including the color,
font, layout, and spacing of text and other content. CSS works by defining
rules that apply styles to specific elements on a web page.
1.5.3 BOOTSTRAP
Bootstrap is a popular front-end css framework. It is used for developing
responsive, mobile-first web applications. Bootstrap provides a set of HTML,
CSS, and JS tools that simplify the process of creating complex web layouts
and designs. It includes a wide range of components, such as navigation menus,
forms, buttons, tables, and modals, that can be easily customized and used in
web projects.
1.5.5 PHP
PHP stands for “Hypertext Preprocessor”. It is a popular server-side scripting
language which is used to develop dynamic and database driven web
applications. It was originally designed for creating dynamic web pages, but
it has evolved to become a general-purpose programming language used for
a wide range of applications.
4
One of the unique features of PHP is its ability to interact with databases,
such as MySQL, to create dynamic web applications that can retrieve and
manipulate data in real-time. This makes it possible to create web
applications that can store and retrieve data, process forms, and manage user
accounts. PHP also provides a range of libraries and frameworks that make
it easier to develop web applications, such as Laravel, CodeIgniter, and
CakePHP. These frameworks provide a range of tools and features that
simplify the process of building web applications, including database access,
template engines, and security features.
1.5.6 XAMPP
XAMPP is a free, open-source web server software package that includes
Apache HTTP Server, MySQL database, PHP, and Perl. It is designed to make
it easy for developers to create and test web applications on their local machine
before deploying them to a live server.
XAMPP includes a control panel that allows users to start and stop Apache and
MySQL, as well as configure other settings such as PHP and Perl. It also includes
phpMyAdmin, a popular web-based tool for managing MySQL databases.
1.5.7 MYSQL
MySQL is a relational database management system (often RDBMS) which
provides a powerful and flexible platform, allow to store, manipulate, and retrieve
data from the database. It is developed by Oracle Corporation, MySQL is one of
the most widely used databases in the world, powering popular web applications
like Facebook, Twitter, and YouTube.
5
1.5.8 VS CODE
Visual Studio Code (often VS Code) is a rich code editor platform developed
by Microsoft. It is supported by Windows, macOS, and Linux operating
systems. It supports a wide range of programming languages, including
JavaScript, Python, PHP, and Java.
VS Code offers a wide range of features that make it a popular choice for
developers, including:
1. Intuitive user interface: The user interface is clean and customizable, with
support for themes and extensions, making it easy for developers to
customize their environment to their preferences.
6
1.6 Specification Requirement
1.6.1 External Interfaces
This interface will be admin interface through which the user will
communicate with the application and perform the desired tasks such as
create or delete exam.
Admin login
I.D:
Role: Admin wants to login to this system.
Precondition: Email and Password
Success Condition: Enter correct admin Email and Password.
Failed Condition: if user enters incorrect Email and Password or both.
7
CHAPTER 2. HTML, CSS, BOOTSRAP AND
JAVASCRIPT
2.1 HTML
HTML stands for Hypertext Markup Language. It is a markup language used to
create and design web pages for the internet. It allows web developers to structure
content and add meaning to text, images, and other multimedia elements on a
web page.
HTML is the foundation of the web, and it provides a way to structure content so
that it can be easily interpreted by web browsers and other web-based
applications. It also enables web developers to create accessible and responsive
web pages that can be viewed on a variety of devices, from desktop computers to
mobile phones and tablets.
2.1.1 Tags:
HTML tag is like reserved keywords used to define the structure of a web page.
Tags are represented by angle brackets and can be used to create headings,
paragraphs, links, images, and other content elements.
2.1.2 Attributes:
HTML attributes provide additional information about an element. Attributes are
added to tags and are used to specify things like the color of text, the size of an
image, or the URL of a link.
2.1.3 Elements:
HTML documents are made up of elements, which are represented by tags
enclosed in angle brackets. Elements can contain content and attributes that
provide additional information about the element.
8
2.1.4 Document structure:
HTML documents are structured using elements like the HTML, HEAD, and
BODY tags. The HTML tag represents the root element of an HTML document,
while the HEAD and BODY tags contain metadata and content, respectively.
2.1.5 Accessibility:
HTML provides a way to create accessible web pages that can be easily navigated
by users with disabilities. This includes using semantic HTML elements to
provide meaning to content and ensuring that pages are properly structured with
headings, lists, and other elements that aid in navigation.
Features of HTML
HTML is used to create the structure of web pages and web applications.
It provides a set of tags that define the content of a web page, such as headings,
paragraphs, and lists.
HTML allows for the embedding of images, videos, and other media into web
pages.
It provides support for hyperlinks and forms, which enable user interaction.
2.2 CSS
CSS stands for Cascading Style Sheets. It is a used to describe the presentation
of a document. It is a used to describe the presentation of a document. CSS is
used to add style, layout, and formatting to web pages, making them more
visually user-friendly.
CSS allows web developers to control the layout, typography, colors, and other
visual aspects of a web page. It provides a way to create styles that can be applied
to multiple elements on a web page, making it easier to maintain a consistent look
and feel across an entire site.
2.2.1 Selectors:
CSS selector is used for selecting specific HTML elements and apply styles to
them. There are some selectors such as element selectors, class selectors, ID
selectors, and attribute selectors.
9
2.2.2 Layout:
CSS provides a way to control the layout of a web page using properties like
display, position, float, and clear. This allows web developers to create complex
page layouts that respond to user interactions and device sizes.
Features of CSS
CSS is used to define the visual appearance of web pages and web applications.
It allows developers to make the presentation of a web page.
CSS provides a range of styling options, including fonts, colors, backgrounds,
and layouts.
It supports responsive design, which enables web pages to adapt to different
screen sizes and devices.
2.3 BOOTSTRAP
Bootstrap provides a set of ready-to-use HTML and CSS templates that can be
easily customized to create responsive and mobile-friendly web pages. It includes
a grid system that allows web developers to create flexible and responsive
10
layouts, as well as pre-built components such as navigation bars, forms, buttons,
and alerts.
Bootstrap also includes JavaScript plugins that can be used to add interactivity
and functionality to a web page, such as modals, carousels, and tooltips.
Features of Bootstrap
2.4 JAVASCRIPT
2.4.2 Functions:
Function is a blocks of code which performs a particular task. It can be reused in
entire program.
11
2.4.3 Control Structures:
JavaScript has several control structures, including if/else statements, switch
statements, and loops, which allow developers to control the flow of a program.
2.4.4 Objects:
Objects are collections of key/value pairs that can be used to represent complex
data structures in JavaScript.
2.4.5 Arrays:
Arrays are a type of object that allows developers to store and manipulate lists of
values in JavaScript.
2.4.6 Operators:
JavaScript has several types of operators, including arithmetic, comparison, and
logical operators, which are used to perform operations on data.
2.4.11 Modules:
JavaScript has built-in support for modules, which allows developers to
encapsulate code into separate files or modules for easier organization and
reusability.
12
Features of JAVASCRIPT
13
CHAPTER 3. PHP, XAMPP AND MYSQL
3.1 PHP
3.1.2 Functions:
Functions are blocks of code that can be called to perform a specific task and can
be reused throughout a program.
3.1.4 Arrays:
Arrays are a type of variable that allows developers to store and manipulate lists
of values in PHP.
3.1.5 Objects:
PHP supports object-oriented programming, allowing developers to create and
use objects to represent complex data structures and perform actions.
14
3.1.6 File Handling:
PHP provides functions for reading and writing files on a server, allowing
developers to create, modify, and delete files.
3.1.10 Security:
PHP provides built-in security features, such as input validation and password
hashing, to help protect web applications from attacks.
Features of PHP
3.2 XAMPP
XAMPP is a free and open-source software package that provides a local web
server environment for developers to build and test web applications on their
local machine. XAMPP is an acronym which stands for Cross-Platform, Apache,
MySQL, PHP, and Perl.
15
XAMPP is available for Windows, Linux, and macOS, and it includes all the
necessary components to create a complete web server environment on a local
machine. This allows developers to work on their web applications without
having to upload them to a live server, which can be time-consuming and
potentially dangerous.
XAMPP is easy to install and use, and it provides a control panel interface for
managing the various components of the software package. Developers can start
and stop the web server, database server, and other components with the click of
a button.
Features of XAMPP
XAMPP is a free and open-source software package that provides a local web
server environment for developers to build and test web applications on their
local machine.
It includes Apache, MySQL, PHP, and Perl, which are all necessary components
for developing dynamic web applications.
XAMPP is easy to install and use, and it provides a control panel interface for
managing the various components of the software package.
It simplifies the process of setting up a local web server environment, making it
accessible for developers of all levels.
3.3 MYSQL
MySQL is widely used for web development, and it is often used in conjunction
with server-side scripting languages like PHP, as well as web servers like
16
Apache. MySQL is designed to be scalable, efficient, and reliable, and it can
handle large amounts of data and high traffic loads.
Features of MYSQL
17
CHAPTER 4. TASK AND ACTIVITIES
PERFORMED
4.1 ADVANTAGES
1. Convenience: Students can take exams from anywhere, at any time, using their
personal devices, eliminating the need for physical presence and reducing travel
costs.
2. Security: Online examination systems use advanced algorithms to detect and
prevent cheating attempts, ensuring the integrity of the exam process.
3. Efficiency: Automated grading saves time and effort, providing instant feedback
and reducing the need for manual grading.
4. Cost-effective: Online examination systems eliminate the need for paper-based
exams, reducing printing and distribution costs.
5. Environmentally friendly: As an online examination system reduces the need
for paper-based exams, it is an environmentally friendly option.
6. Accuracy: Online examination systems provide accurate and reliable results,
reducing errors and providing standardized testing.
7. Flexibility: Online examination systems can be customized to suit the needs of
different organizations and institutions, allowing for flexibility and adaptability.
18
B. Total Marks
C. History
D. Ranking
19
Moreover, online examination systems can reduce costs, save time, and
provide accurate and reliable results, making them a cost-effective solution.
• Database scheme
• Sequence Diagram
• Flow Chart
20
4.6 IMPLEMENTATION
Implementation refers to the process of building the system based on the detailed
design specification developed in the system design phase. During the
implementation phase, developers write the code and create the database schema
and the user interface based on the design specification.
21
Columns Type Null
22
Column Type Null
qid text No
ansid text No
eid text No
23
Figure 4.1: Data flow
24
Figure 4.2: ER diagram
25
Figure 4.3: Use case Diagram
26
Figure 4.4: Schema Diagram
27
Figure 4.5: Sequence Diagram
28
Figure 4.6: Flowchart
29
CONCLUSION
The online examination system allows students to take exams from any location, at any
time, using any internet-enabled device. It also provides instant results and feedback,
which saves time and reduces the workload of teachers and examiners.
Furthermore, the system provides enhanced security features to prevent cheating and
ensures the integrity of the examination process. It also eliminates the need for physical
infrastructure and reduces the environmental impact of paper-based exams.
30
MY PROJECT
FILE SYSTEM
31
INDEX PAGE
SIGNUP PAGE
32
LOGIN PAGE
USER DASHBORD
33
REFERENCE
34