Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 77

[DOCUMENT TITLE]

Examination Module in College ERP


Submitted in partial fulfilment of the requirements for qualifying
M.C.A 4th Sem
JAGRAN INSTITUTE OF MANAGEMENT
Kanpur

By
Ankit Verma (1843414003)
Apoorvi Shukla (1904340149004)
Anamika Singh (1904340149018)
Sohiba Qureshi (1904340149037)

Under the guidance of


Mr. Ashish Mishra (Asst. Professor)

Date: 6-04-2020 Batch: 2018-2021

EXAMINATION MODULE IN COLLEGE ERP 1


[DOCUMENT TITLE]

ACKNOWLEDGEMENT

This entitled “Examination Module in College ERP” could not be complete without the
guidance of Mr. Ashish Mishra (Asst. Professor) for their invaluable inputs, guidance we
deeply express our thanks to those who have provided invaluable support and guidance that
lead to its successful completion.

I acknowledge with sincerity and a deep sense of gratitude, given to me by my guide and
faculty “Mr. Ashish Mishra”. His Suggestions and discussions were enlightening and a
constant source of inspiration during the practical work. His guidance and support
encouraged me for the betterment of the practical work.

Last but not the least; I would like to take the opportunity to express my thanks to all faculty
members and friends for their help.

Thanking You. Student Name:

Ankit Verma (1843414003)

Apoorvi Shukla
(1904340149004)

Anamika Singh (1904340149018)

Sohiba Qureshi (1904340149037)

Batch: 2018-2021

EXAMINATION MODULE IN COLLEGE ERP 2


[DOCUMENT TITLE]

CERTIFICATE

This is to certify that the project entitled, “Examination Module in College ERP” submitted
by Ankit Verma, Apoorvi Shukla, Anamika Singh and Sohiba Qureshi in partial ful-fillment
of the requirement for the fourth semester of “Master of Computer Application “at the ”
Jagran Institute of Management “ is an authentic work carried out by him under my
supervision and guidance.

Project Guide Name:

Prof. Ashish Mishra

Name of Institution:
Jagran Institute of Management

EXAMINATION MODULE IN COLLEGE ERP 3


[DOCUMENT TITLE]

TABLE OF CONTENTS

SL NO CONTENT PAGE NO

1 INTODUCTION 5

2 OBJECTIVE OF THE PROJECT 6

3 FEASIBILITY STUDY 6-8

4 SYSTEM ANALYSIS 9

5 FRONTEND AND BACKEND DESCRIPTION 9-11

6 H/w and S/w REQUIREMENT 12

7 PROJECT MODULE 13-14

8 SYSTEM DESIGN 15-17

9 DATA FLOW DIAGRAM 18-19

10 ER DIAGRAM 20-23

11 SCREEN SHOTS 24-27

12 DATABASE STRUCTURE 28-29

13 CODING IMPLEMENTATION 30-66

14 FUTURE SCOPE 67-73

15 BIBLIOGRAPHY 76

EXAMINATION MODULE IN COLLEGE ERP 4


[DOCUMENT TITLE]

1-INTRODUCTION
This project assesses students by conducting online objective tests in Jagran Institute of
Management. The tests would be highly customizable. This project will enable educational
institutes to conduct test and have automated checking of answers based on the response by
the candidates.

The project allows faculties to create their own tests. It would enable educational institutes to
perform tests, quiz and create feedback forms. It asks faculty to create his/her set of
questions. Faculty then creates groups and adds related students into the groups. Further the
tests are associated with specific groups so that only associated students can appear for the
test. The result of the response would be available to the faculty of the question set. Further
the result would also be mailed to the student. This project would be helpful for creating
practice tests, say for educational institutes and as a feedback form.

1.1 Purpose:

 Responses by the candidates will be checked automatically and instantly.

 Online examination will reduce the hectic job of assessing the answers given by the
candidates.

 Being an “Integrated Online Examination System” it will reduce paper work.

 Can generate various reports almost instantly when and where required.

1.2 Scope:

This project would be very useful for educational institutes where regular evaluation of
students’ is required. Further it can also be useful for anyone who requires feedback based on
objective type responses.

1.3 Definitions, Acronyms:


The sub-section provides the definitions of all terms, acronyms, and abbreviations used in
this document to understand the SRS properly. 

S. No Acronyms Description
1 Student User mostly a student who will appear for the examination
2 Admin Admin have ability to modify all data about the students and
faculty and he have ability to add or remove faculty and students

EXAMINATION MODULE IN COLLEGE ERP 5


[DOCUMENT TITLE]

1.4 Objective of the Project

Examination have an important role in the process of learning and in the whole educational
institution.” Examination and tests are a great way to assess what the students have learned
with regards to particular subject. Strengths and weaknesses can also be assessed through
exams. The enrolment software generates a unique enrollment number for each student who
applies for admissions. This enrollment number can be sent to students via SMS, Email or
both. Students can access online login too, to know the enrolment number.

EXAMINATION MODULE IN COLLEGE ERP 6


[DOCUMENT TITLE]

Feasibility Study

After doing the project Examination Module in College ERP, study and analysing all the
existing and required functionalities of the system, the next task is to do feasibility for the
project. All project are feasible given unlimited resources and in finite times.

Feasibility study include consideration of all the possible ways to provide a solution to the
given problem. The proposed solution should satisfy all the user requirements and should be
flexible enough so that future changes can be easily done based on the future upcoming
requirements. Before getting started on your implementation, take a step back to figure out if
your company can make the software project a success. Below, we detail the requirements
and benefits of performing an ERP feasibility study.

Types of Feasibility Study:

 Technical Feasibility
 Economic Feasibility
 Legal Feasibility
 Operational Feasibility
 Scheduling Feasibility
 Behavioural Feasibility

Technical Feasibility- Technical feasibility centers on the existing manual system of the test
management process and to what extent it can support the system. According to feasibility
analysis procedure the technical feasibility of the system is analyzed and the technical
requirements such as software facilities, procedure, inputs are identified. It is also one of the
important phases of the system development activities. The system offers greater levels of
user friendliness combined with greater processing speed. Therefore, the cost of maintenance
can be reduced. Since, processing speed is very high and the work is reduced in the
maintenance point of view management convince that the project is operationally feasible.

Economic Feasibility- Economic analysis is most frequently used for evaluation of the
effectiveness of the system. More commonly known as cost/benefit analysis the procedure is
to determine the benefit and saving that are expected from system and compare them with
costs, decisions is made to design and implement the system. This part of feasibility study
gives the top management the economic justification for the new system. This is an important

EXAMINATION MODULE IN COLLEGE ERP 7


[DOCUMENT TITLE]

input to the management the management, because very often the top management does not
like to get confounded by the various technicalities that bound to be associated with a project
of this kind. A simple economic analysis that gives the actual comparison of costs and
benefits is much more meaningful in such cases. In the system, the organization is most
satisfied by economic feasibility. Because, if the organization implements this system, it need
not require any additional hardware resources as well as it will be saving lot of time

Legal Feasibility- This assessment investigates whether any aspect of the proposed project
conflicts with legal requirements like zoning laws, data protection acts or social media laws.
Let’s say an organization wants to construct a new office building in a specific location. A
feasibility study might reveal the organization’s ideal location isn’t zoned for that type of
business.

Operational Feasibility- This assessment involves undertaking a study to analyze and


determine whether—and how well—the organization’s needs can be met by completing the
project. Operational feasibility studies also examine how a project plan satisfies the
requirements identified in the requirements analysis phase of system development.

Scheduling Feasibility- This assessment is the most important for project success; after all, a
project will fail if not completed on time. In scheduling feasibility, an organization estimates
how much time the project will take to complete.

Behavioural Feasibility-People are inherently resistant to change and computer has been
known to facilitate changes. An estimate should be made of how strong the user is likely to
move towards the development of computerized system. These are various levels of users in
order to ensure proper authentication and authorization and security of sensitive data of the
organization

Why feasibility study is important in Examination System in ERP

The importance of a feasibility study is based on organizational desire to get before


committing resources, time or budget. Because a feasibility study might uncover new ideas
that could completely change a project scope. It is best to make these determinations in
advance or before starting doing a project. Conducting a feasibility study is always beneficial
to the project as it gives you and other stakeholders a clear picture of the proposed project. 

EXAMINATION MODULE IN COLLEGE ERP 8


[DOCUMENT TITLE]

There are some points those are important:

 Identifies new ideas in our project


 Provide valuable information
 Identifies the constraints and problems
 Enhance the success rate

EXAMINATION MODULE IN COLLEGE ERP 9


[DOCUMENT TITLE]

2- SYSTEM ANALYSIS

After analyzing the facts about the Examination Module in ERP, There We Found Some
Modules to work with and Make the project as flexible as possible. Systems analysis
professionals are often called upon to look critically at systems, and redesign or recommend
changes as necessary. Inside and outside of the business world, systems analysts help to
evaluate whether a system is viable or efficient within the context of its overall architecture,
and help to uncover the options available to the employing business or other party. Systems
analysts are different than systems administrators, who maintain systems day to day, and
their roles generally involve a top-level view of a system to determine its overall
effectiveness according to its design.

In IT, systems analysis can include looking at end-user implementation of a software package
or product; looking in-depth at source code to define the methodologies used in building
software; or taking feasibility studies and other types of research to support the use and
production of a software product, among other things.

Frontend and Backend Description:

HTML:
Hyper Text Mark-Up Language (HTML) is the standard mark up language for creating
web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it
forms a triad of cornerstone technologies for the World Wide Web browsers receive
HTML documents from a web server or from local storage and render the documents
into multimedia web pages. HTML describes the structure of a web page semantically
and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the rendered
page. HTML provides a means to create structures documents by denoting structural
semantics for text such as headings, paragraphs, lists, links, quotes and other items.
HTML elements are delineated by tags, written using angle brackets. Browsers do not
display the HTML tags, but use them to interpret the content of the page.

EXAMINATION MODULE IN COLLEGE ERP 10


[DOCUMENT TITLE]

HTML can embed programs written in scripting languages such as


JavaScript which affects the behavior and content of web pages. Inclusion of CSS
defines the look and layout of content

PHP:

PHP (Hypertext-Pre-Processor) is a server-side scripting language designed for web


development but also used as a general-purpose programming language. PHP code may
be embedded into HTML code, or it can be used in combination with various Web
template systems, web content management systems, and web frameworks. PHP code
is usually processed by a PHP interpreter implemented as a module in the web server or
as a common gateway interface (CGI) executable. The web server combines the results
of the interpreted and executed PHP code, which may be any type of data, including
images, with the generated web page. PHP code may also be executed with a
command-line interface (CLI) and can be used to implement standalone graphical
applications.

CSS:

Cascading Style Sheets, fondly referred to as CSS, is a simply designed language


intended to simplify the process of making web pages presentable. CSS allows you to
apply styles to web pages. More importantly, CSS enables you to do this independent
of the HTML that makes up each web page.

CSS is easy to learn and understood but it provides powerful control over the
presentation of an HTML document. CSS is designed to enable the separation of
presentation and content, including layout, colors and fonts This separation can
improve content accessibility, provide more flexibility and control in the specification
of presentation characteristics, enable multiple web pages to share formatting by
specifying the relevant CSS in a separate .css file, and reduce complexity and repetition
in the structural content.

MYSQL:
SQL is an open-source Relational Database Management System (RDBMS). “SQL” is
the abbreviation for Structured Query Language. The MySQL development project has
made its source code available under the terms of the GNU General Public
License as well as under a variety of proprietary agreements. MySQL is

EXAMINATION MODULE IN COLLEGE ERP 11


[DOCUMENT TITLE]

a central component of the XAMPP open- source web application software stack.
XAMPP is an acronym for Cross Platform of, Apache, MySQL PHP and Perl. PHP is a
server side scripting language. that is used to develop Static websites or Dynamic
websites or Web applications. PHP stands for Hypertext Pre-processor, that earlier
stood for Personal Home Pages.  It is a Relational Database Management System
(RDBMS) - data and it's relationships are stored in the form of tables that can be
accessed by the use of MySQL queries in almost any format that the user wants.
A script is a set of programming instructions that is interpreted at runtime. A scripting
language is a language that interprets scripts at runtime. Scripts are usually embedded
into other software environments.
XAMPP:
XAMPP is a light-weight easy to install bundle that will allow you to do local
development on websites in case you don't have a server hosted already. Also, I'm
being biased here, because frankly I believe in open source (ironical that I have a mac).
Also, I like to scratch and build upwards so that in the long run it helps me learn better
rather than just following manuals and documentation. Since this post is for absolute
beginners, it's good to start out with XAMPP which does the basic task of setting out
the environment for you so you can start building stuff right away.
XAMPP consists of the three main things that you need to know when starting web
development. They are:
 Apache Web Server
 PHP
 MYSQL

EXAMINATION MODULE IN COLLEGE ERP 12


[DOCUMENT TITLE]

Hardware and Software Requirements


Software: A set of instructions that drives computer to do stipulated tasks is called a
program. Software instructions are programmed in a computer language, translated
into machine language, and executed by computer.

 Operating System: Window 7 & 8

 Software: XAMPP/WAMP and phpMyAdmin

 Front-End: HTML, CSS

 Back-End: MySQL, PHP

Hardware: The term hardware refers to mechanical device that makes up computer.
Computer hardware consists of interconnected electronic devices that we can use to
control computer‘s operation, input and output. Examples of hardware are CPU,
keyboard, mouse, hard disk, etc.

 Processor: Intel Processor Pentium 4 or equivalent or new

 Disk Space: 50 MB or more

 Keyboard: Normal or Multimedia

 Mouse: Compatible mouse

 Monitor: LED

EXAMINATION MODULE IN COLLEGE ERP 13


[DOCUMENT TITLE]

3- PROJECT MODULES

Functional Requirements:

The functional requirements specify relationship between the inputs and outputs. All
the operations to be performed on the input data to obtain output are to be specified.
This includes specifying the validity checks on the input and output data, parameters
affected by the operations and the other operations, which must be used to transform
the inputs into outputs. Functional requirements specify the behaviors of the system for
valid input and outputs.

2.2 Modules:

 Admin Module

 Login Module

 Student Module

 Exam Form Module

 Admit Card Module

2.3 Modules Description:

 Admin Module- Admin have ability to modify data and he have ability to add
or remove students as well as faculty also

 Login Module- In Login module where can admin, and student can login by its
email-id and password which is unique for each and every student.

 Student Module-In student module where student can login by its mail-id and
then he/she will able to download his/her admit card.

 Exam Form Module-After login by student then only can student is able to fill
the examination form.

 Admit Card Module- In this module if student can want to download his/her
admit card so first he/she have to fill the examination form and then he/she have
ability to download his/her admit card.

2.4 Administrator Aspect:

EXAMINATION MODULE IN COLLEGE ERP 14


[DOCUMENT TITLE]

1) Taking backup of the database


2) Editing/Deleting/Creating the database.
3) Adding or expelling faculty
4) Changing the super password.

2.5 Student Aspect:

1) Requesting registration
2) Logging into the system.
3) Edit user information
4) Selecting the test
5) Appearing for the examination
6) Reviewing the given responses
7) Confirmation and Changing of password
8) Resetting of forgotten password

2.6 Non-Functional Requirements:

1) User Friendly Application: This examination modules is very simple to use


for everyone with basic knowledge.

2) Security:

 Admin has the highest authority to edit/delete/create database.

 Faculty have the authority to add the students

 Faculty can view all the test records of every students

 Password should be stored in encrypted form

3) Availability: Though the system should be available 24X7

4) Portability: The web application will be built using PHP which has support to
run on any platform provided the required compilers are available and for
database we are using SQL which one is also support by on every operating
system.

5) Performance: The system would be used by multiple users at a time and may
grow as time passes, the system would need to implement multi-threading to
achieve acceptable performance. Further a database connection pool may also

EXAMINATION MODULE IN COLLEGE ERP 15


[DOCUMENT TITLE]

be required for assigning faster database connection.


4- SYSTEM DESIGN

A design specification describes the detailed operation and attributes of a system and is used
as the basis of the design concept. With small designs, developing a clear and concise design
specification is a relatively straightforward task. However, as designs become more complex,
with increased functionality and more customer requirements, then the task of writing a
design specification becomes more complex.

Design Specifications describe how a system performs the requirements outlined in the
Functional Requirements. Depending on the system, this can include instructions on testing
specific requirements, configuration settings, or review of functions or code. All requirements
outlined in the functional specification should be addressed; linking requirements between
the functional requirements and design specification is performed.

4.1 Data flow Diagram (DFD):

Data flow diagrams are used to graphically represent the flow of data in a business
information system. DFD describes the processes that are involved in a system to transfer
data from the input to the file storage and reports generation.

It shows how information enters and leaves the system, what changes the information and
where information is stored. The purpose of a DFD is to show the scope and boundaries of
a system as a whole. It may be used as a communications tool between a systems analyst
and any person who plays a part in the system that acts as the starting point for redesigning
a system.

It is usually beginning with a context diagram as level 0 of the DFD diagram, a simple
representation of the whole system. To elaborate further from that, we drill down to a level
1 diagram with lower-level functions decomposed from the major functions of the system.
This could continue to evolve to become a level 2 diagram when further analysis is
required. Progression to levels 3, 4 and so on is possible but anything beyond level 3 is not
very common.

Different Levels in Data Flow Diagram (DFD):

In Software engineering DFD(data flow diagram) can be drawn to represent the system of
different levels of abstraction. Higher level DFDs are partitioned into low levels-hacking

EXAMINATION MODULE IN COLLEGE ERP 16


[DOCUMENT TITLE]

more information and functional elements. Levels in DFD are numbered 0, 1, 2 or beyond.
Here, we will see mainly 3 levels in data flow diagram, which are: 0-level DFD, 1-level DFD,
and 2-level DFD.

0-Level DFD:

It is also known as context diagram. It’s designed to be an abstraction view, showing the
system as a single process with its relationship to external entities. It represent the entire
system as single bubble with input and output data indicated by incoming/outgoing arrows.

1-Level DFD:

In 1-level DFD, context diagram is decomposed into multiple bubbles/processes.in this level
we highlight the main functions of the system and breakdown the high level process of 0-
level DFD into subprocesses.

2-Level DFD:

2-level DFD goes one step deeper into parts of 1-level DFD. It can be used to plan or record
the specific/necessary detail about the system’s functioning.

Types of DFD:

Basically, DFD is of two types:

 Logical DFD: Logical data flow diagram mainly focuses on the system process. It
illustrates how data flows in the system. Logical DFD is used in various organizations
for the smooth running of system. Like in a Banking software system, it is used to
describe how data is moved from one entity to another
 Physical DFD: Physical data flow diagram shows how the data flow is actually
implemented in the system. Physical DFD is more specific and close to
implementation.

Importance of Data Flow Diagram (DFD):

Data flow diagram is a simple formalism to represent the flow of data in the system. It allows
a simple set of intuitive concepts and rules. It is an elegant technique that is useful to
represent the results of structured analysis of software problem as well as to represent the
flow of documents in an organization. A data flow diagram (DFD) is a significant modeling
technique for analyzing and constructing information processes. DFD literally means an

EXAMINATION MODULE IN COLLEGE ERP 17


[DOCUMENT TITLE]

illustration that explains the course or movement of information in a process. DFD illustrates


this flow of information in a process based on the inputs and outputs.

Components of Data Flow Diagram (DFD):

Following are the components of the data flow diagram that are used to represent source,
destination, storage and flow of data.

 Entities: An external entity can represent a human, system or subsystem. It is where


certain data comes from or goes to. It is external to the system we study, in terms of
the business process. For this reason, people used to draw external entities on the
edge of a diagram.
 Process: A process is a business activity or function where the manipulation and
transformation of data take place. A process can be decomposed to a finer level of
details, for representing how data is being processed within the process.
 Data Flow: A data flow represents the flow of information, with its direction
represented by an arrowhead that shows at the end(s) of flow connector.
 Data Store: A data store represents the storage of persistent data required and/or
produced by the process. Here are some examples of data stores: membership forms,
database tables, etc.

EXAMINATION MODULE IN COLLEGE ERP 18


[DOCUMENT TITLE]

Fig: Level 0 DFD

EXAMINATION MODULE IN COLLEGE ERP 19


[DOCUMENT TITLE]

Fig: Level 1 DFD

EXAMINATION MODULE IN COLLEGE ERP 20


[DOCUMENT TITLE]

4.2 ER Diagram:

An Entity–relationship model (ER model) describes the structure of a database with the help
of a diagram, which is known as Entity Relationship Diagram (ER Diagram). An ER model is
a design or blueprint of a database that can later be implemented as a database. The main
components of E-R model are: entity set and relationship set. An ER diagram shows the
relationship among entity sets. An entity set is a group of similar entities and these entities
can have attributes. In terms of DBMS, an entity is a table or attribute of a table in database,
so by showing relationship among tables and their attributes, ER diagram shows the complete
logical structure of a database.

ER Diagrams are most often used to design or debug relational databases in the fields of
software engineering, business information systems, education and research. Also known as
ERDs or ER Models, they use a defined set of symbols such as rectangles, diamonds, ovals
and connecting lines to depict the interconnectedness of entities, relationships and their
attributes.

Uses of Entity Relationship Diagrams:

 Database Design: ER diagrams are used to model and design relational databases, in
terms of logic and business rules (in a logical data model) and in terms of the specific
technology to be implemented (in a physical data model.) In software engineering, an
ER diagram is often an initial step in determining requirements for an information
systems project. It’s also later used to model a particular database or databases. A
relational database has an equivalent relational table and can potentially be expressed
that way as needed.
 Database Troubleshooting: ER diagrams are used to analyze existing databases to
find and resolve problems in logic or deployment. Drawing the diagram should reveal
where it’s going wrong.
 Business Information System: The diagrams are used to design or analyze relational
databases used in business processes. Any business process that uses fielded data
involving entities, actions and interplay can potentially benefit from a relational
database. It can streamline processes, uncover information more easily and improve
results.

EXAMINATION MODULE IN COLLEGE ERP 21


[DOCUMENT TITLE]

 Education: Databases are today’s method of storing relational information for


educational purposes and later retrieval, so ER Diagrams can be valuable in planning
those data structures.
 Research: Since so much research focuses on structured data, ER diagrams can play a
key role in setting up useful databases to analyze the data.

Components of ER Diagram:

ER Diagrams are composed of entities, relationships and attributes. They also depict


cardinality, which defines relationships in terms of numbers.

 Entity: An entity is an object or component of data. An entity is represented as


rectangle in an ER diagram. A definable thing—such as a person, object, concept or
event—that can have data stored about it. Think of entities as nouns. Examples: a
customer, student, car or product.
 Weak Entity: An entity that cannot be uniquely identified by its own attributes and
relies on the relationship with other entity is called weak entity. The weak entity is
represented by a double rectangle. For example – a bank account cannot be uniquely
identified without knowing the bank to which the account belongs, so bank account is
a weak entity.

EXAMINATION MODULE IN COLLEGE ERP 22


[DOCUMENT TITLE]

 Attribute: An attribute describes the property of an entity. An attribute is represented


as Oval in an ER diagram.
 Key Attribute: A key attribute can uniquely identify an entity from an entity set.
 Composite Attribute: An attribute that is a combination of other attributes is known
as composite attribute.
 Multivalued Attribute: An attribute that can hold multiple values is known as
multivalued attribute. It is represented with double ovals in an ER Diagram
 Derived Attribute: A derived attribute is one whose value is dynamic and derived
from another attribute. It is represented by dashed oval in an ER Diagram.
 Relationship; A relationship is represented by diamond shape in ER diagram, it
shows the relationship among entities. There are four types of relationships:
 One to One Relationship: When a single instance of an entity is associated with a
single instance of another entity then it is called one to one relationship. 
 One to Many Relationship: When a single instance of an entity is associated with
more than one instances of another entity then it is called one to many relationship.
 Many to One Relationship: When more than one instances of an entity is associated
with a single instance of another entity then it is called many to one relationship
 Many to Many Relationship: When more than one instances of an entity is
associated with more than one instances of another entity then it is called many to
many relationship.
 Total Participation of an Entity Set: A Total participation of an entity set represents
that each entity in entity set must have at least one relationship in a relationship set.
Each entity in the entity set must participate in the relationship. If each student must
enroll in a course, the participation of student will be total. Total participation is
shown by double line in ER diagram.
 Partial Participation:  The entity in the entity set may or may NOT participate in
the relationship. If some courses are not enrolled by any of the student, the
participation of course will be partial.

EXAMINATION MODULE IN COLLEGE ERP 23


[DOCUMENT TITLE]

Fig: ER Diagram

EXAMINATION MODULE IN COLLEGE ERP 24


[DOCUMENT TITLE]

5- SCREEN SHOTS

5.1 Interface Design

Fig 4.1.1: Home Screen

Fig 4.1.2: -Group Members & Individual Roles

EXAMINATION MODULE IN COLLEGE ERP 25


[DOCUMENT TITLE]

Fig 4.1.3: Examination Form

Fig 4.1.4: Admin Login

EXAMINATION MODULE IN COLLEGE ERP 26


[DOCUMENT TITLE]

Fig 4.1.5: Student Login

Fig 4.1.6: New Registration

EXAMINATION MODULE IN COLLEGE ERP 27


[DOCUMENT TITLE]

Fig 4.1.7: Admit Card

Fig 4.1.8: For Contact to Admin

EXAMINATION MODULE IN COLLEGE ERP 28


[DOCUMENT TITLE]

5.2 Database Structure:

a) Amin Login

Field Name Data Type Constraints Description


Id varchar(10) Primary-key Admin’s Id
Password varchar(20) - Admin’s Password
Primary key=ID

b) Student Login

Field Name Data Type Constraints Description


Student Id INT(11) Primary-key Student_ Student id
Password INT(20) - Student_ Password

Primary key = Student Id

c) Admit Card

Field Name Data Type Constraints Description


Register Number INT(11) Primary-key Student_ Id
Name Varchar(100) - Student_ Name
Course Varchar(10) - Student_ Course
F Name Varchar(100) - Student _ F Name
Semester INT(10) - Student_ Semester
Subject Name Varchar(30) - Student_ Subject
Name
Subject Code Varchar(10) - Student_ Subject
Code

Venue Varchar(30) - Student_ Venue


Time INT(15) - Student_ Time
Subject Varchar(30) - Student_ Subject

d) Examination Form

Field Name Data Type Constraints Description


Name Varchar(100) - Student_ Name
Mobile NO. Varchar(13) - Student_ Mobile

EXAMINATION MODULE IN COLLEGE ERP 29


[DOCUMENT TITLE]

No.
Course Varchar(10) - Student_ Course
Subject Name Varchar(30) - Student_ Subject
Name
Subject Code Varchar(30) - Student_ Subject
Code
Student Id INT(11) Primary Key Student_ Id
Email ID Varchar(30) - Student_ Email ID

5.3 Code Implementation:

5.3.1 Home Page & About Group Members:

<html lang="zxx">
<head>

<link href="https://fonts.googleapis.com/css?

EXAMINATION MODULE IN COLLEGE ERP 30


[DOCUMENT TITLE]

family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">

<!-- Css Styles -->


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

<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">

<link rel="stylesheet" href="css/themify-icons.css" type="text/css">

<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">


<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">

<link rel="stylesheet" href="css/nice-select.css" type="text/css">


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

<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">


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

</head>
<body>

<!-- Header Section Begin -->


<header class="header-section">

<div class="nav-item">
<div class="container">

<div class="nav-depart">
</div>

<nav class=" Examination menu">


<ul>

<li class="active"><a href="./index.html">Home</a></li>


<li><a href="# ">Examination Form</a></li>
<li><a href="#">Login</a>

<ul class="dropdown">
<li><a href="./login1.html">Admin</a></li>

EXAMINATION MODULE IN COLLEGE ERP 31


[DOCUMENT TITLE]

<li><a href="./login.html">Student</a></li>
</ul>
</li>
<li><a href="./login.html">Admit Card</a></li>
<li><a href="./contact.html">Contact</a></li>

<li><a href="#">Student</a>
<ul class="dropdown">

<li><a href="#">MCA 4th sem</a></li>


<li><a href="# ">MCA 2nd sem</a></li>

</ul>

</li>
</ul>

</nav>

<div id=" Examination wrap"></div>

</div>

</div>

</header
>

<!-- Header End


-->

<divclass="Examination"
>

<div class="Examination -bg" data-setbg="img/abc.png">

<div class="container">
<div class="row">

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

EXAMINATION MODULE IN COLLEGE ERP 32


[DOCUMENT TITLE]

<span>Admit card</span>

<h1>Examination Module</h1>
<p>We are happy to teach you</p>

<a href="./login.html" class="primary-btn">New Register</a>


</div>

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

<div class="Examination " data-setbg="img/df.png">


<div class="container">

<div class="row">
<div class="col-lg-5">

<span>Admit card</span>
<h1>Examination Module</h1>
<p>We are happy to teach you</p>
<a href="./login.html" class="primary-btn">New Register</a>

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

</div>
</div>

</secti
on>
<!-- Latest Blog Section
Begin -->

<section class="latest-blog
spad">

<div

EXAMINATION MODULE IN COLLEGE ERP 33


[DOCUMENT TITLE]

class="container">

<div class="row">

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

<div class="section-title">

<h2>Group Members & Individual Roles</h2>

</div>

</div>

</div>
<div class="row">

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


<div class="single-latest-blog">

<img src="img/ankit.png" alt="">


<div class="latest-text">

<div class="tag-list">
<div class="tag-item">
</div>

<div class="tag-item">
</div>
</div>

<a href="#">
<h4>Ankit Verma</h4>

</a>
<p>Front-end Developer</p>
</div>
</div>

</div>
<div class="col-lg-4 col-md-6">

EXAMINATION MODULE IN COLLEGE ERP 34


[DOCUMENT TITLE]

<div class="single-latest-blog">
<img src="img/Capture.png" alt="">

<div class="latest-text">
<div class="tag-list">

<div class="tag-item">
</div>

<div class="tag-item">
</div>

</div>
<a href="#">

<h4>Apoorvi Shukla</h4>
</a>

<p>Database Administrator</p>
</div>

</div>
</div>
<div class="col-lg-4 col-md-6">

<div class="single-latest-blog">
<img src="img/latest-1.jpg" alt="">

<div class="latest-text">
<div class="tag-list">

<div class="tag-item">
</div>

<div class="tag-item">
</div>

</div>
<a href="#">

EXAMINATION MODULE IN COLLEGE ERP 35


[DOCUMENT TITLE]

<h4>Anamika Singh & Sohiba</h4>


</a>

<p>Back-end Developer</p>
</div>
</div>
</div>

</div>
</section
>

<!-- Latest Blog Section End -->


<!-- Js Plugins -->

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

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

<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>

<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>

<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>

</bod>
</html>

5.3.2 Examination Form:

<html lang="en">

<head>

EXAMINATION MODULE IN COLLEGE ERP 36


[DOCUMENT TITLE]

<meta charset="utf-8">

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

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-


theme.min.css">

<title>Admit Card</title>

</head>

<body>

<div> <img src="header.jpg" ></div>

<div class="container">

<div class="row" style="border:1px solid #000; margin:25px 0px; padding:25px;">

<div class="col">

<label class="mr-sm-2">Roll No:</label>

<input type="number" class="form-control mb-2 mr-sm-2">

<label class="mr-sm-2">Semester:</label>
<input type="number" class="form-control mb-2 mr-sm-2">

<label class="mr-sm-4">Course:</label>

<select id="course">

<option>Select course</option>

<option value="MCA">MCA</option>

<option value="MBA">MBA</option>

<option value="PGDM">PGDM</option>

</select>

EXAMINATION MODULE IN COLLEGE ERP 37


[DOCUMENT TITLE]

</div>

<div class="col">

<label class="mr-sm-3">Name:</label>

<input type="text" class="form-control mb-2 mr-sm-2">

<label class="mr-sm-3">Gender:</label>

<label class="radio-inline" style="margin-left:34px;">

<input type="radio" name="optradio" checked>Male

</label>

<label class="radio-inline" style="margin-left:34px;">

<input type="radio" name="optradio">Female

</label>

</div>

<div class="col">

<label for="img">Upload Image:</label>

<input type="file" name="img" id="img"><br><br>

<button type="button" class="btn btn-primary"> Submit</button></div>

</div>

<table class="table table-bordered">

<thead>

<tr>

<th>Subject Code</th>

<th>Subject Name</th>

EXAMINATION MODULE IN COLLEGE ERP 38


[DOCUMENT TITLE]

<th>Exam Date*</th>

<th>Timings</th>

</tr>
</thead>

<tbody>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</tbody>

EXAMINATION MODULE IN COLLEGE ERP 39


[DOCUMENT TITLE]

</table>

<button onclick="myAdmitcard()">Print this page</button>

<p style="font-weight: bold; float: right;text-decoration: underline;">Coordinator


Signature</p>

</div>

</div>

<script>

function
myAdmitcard()
{ window.print();
}

</script>

</body>

</html>

5.3.3 Admin Login

<html lang="zxx">
<head>

<meta charset="UTF-8">
<meta name="description" content="Examination ">

<meta name="keywords" content=" Examination, html">


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

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


<title>Examination </title>
<link href="https://fonts.googleapis.com/css?
family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">

EXAMINATION MODULE IN COLLEGE ERP 40


[DOCUMENT TITLE]

<!-- Css Styles -->


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

<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">


<link rel="stylesheet" href="css/themify-icons.css" type="text/css">

<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">


<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">

<link rel="stylesheet" href="css/nice-select.css" type="text/css">


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

<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">

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

</head>

<body>

<!-- Header Section Begin -->

<header class="header-section">

<div class="header-
top">

<div class="container">

<div class="ht-left">
</div>

</div>
</div>

</div>
<div class="nav-item">

<div class="container">
<div class="nav-depart">
</div>
<nav class="nav-menu Examination">

EXAMINATION MODULE IN COLLEGE ERP 41


[DOCUMENT TITLE]

<ul>
<li><a href="./index.html">Home</a></li>

<li><a href="#">Examination Form</a></li>


<li><a href="#">Login</a>

<ul class="dropdown">
<li><a href="./login.html">Admin</a></li>

<li><a href="./login.html">Student</a></li>

</ul>

</li>

<li><a href="./login.html">Admit Card</a></li>

<li><a href="./contact.html">Contact</a></li>

<li><a href="#">Student</a>

<ul class="dropdown">

<li><a href="# ">MCA 4th sem</a></li>

<li><a href="# ">MCA 2nd sem</a></li>

</ul>

</li>

</ul>

</nav>

<div id=" Examination "></div>

</div>
</div>

</header

EXAMINATION MODULE IN COLLEGE ERP 42


[DOCUMENT TITLE]

>
<!-- Header End -->

<div class=" section">


<div
class="container">

<div class="row">
<div class="col-lg-12">

<div class=" -text">


<a href="#"><i class="fa fa-home"></i> Home</a>

<span>Login</span>
</div>
</div>
</div>

</div>
</div>

<!-- Register Section Begin -->


<div class="register-login-section spad">

<div class="container">
<div class="row">

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


<div class="login-form">

<h2>Admin Login</h2>
<form action="#">

<div class="group-input">
<label for="username"><b>Username or email address *</b></label>

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


</div>

EXAMINATION MODULE IN COLLEGE ERP 43


[DOCUMENT TITLE]

<div class="group-input">
<label for="pass"><b>Password *</b></label>

<input type="text" id="pass">


</div>

<div class="group-input gi-check">

<div class="gi-more">

<label for="save-
pass"> Save
Password
<input type="checkbox" id="save-pass">
<span class="checkmark"></span>

</label>
<a href="#" class="forget-pass">Forget your Password</a>

</div>
</div>

<button type="submit" class="site-btn login-btn">Sign In</button>


</form>

<div class="switch-login">
<a href="./register.html" class="or-login">For Register</a>

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

</div>
</div>

<!-- Register Form Section End -->


<!-- Js Plugins -->

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

EXAMINATION MODULE IN COLLEGE ERP 44


[DOCUMENT TITLE]

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

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

<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>

<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>

<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>
5.3.4 Student Login:

<html lang="zxx">
<head>
<meta charset="UTF-8">

<meta name="description" content=" Examination ">


<meta name="keywords" content=" Examination, html">

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


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

<title>Examination </title>
<link href="https://fonts.googleapis.com/css?
family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">

<!-- Css Styles -->

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


<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">

<link rel="stylesheet" href="css/themify-icons.css" type="text/css">


<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">

EXAMINATION MODULE IN COLLEGE ERP 45


[DOCUMENT TITLE]

<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">


<link rel="stylesheet" href="css/nice-select.css" type="text/css">
<link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">

<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">


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

</head>

<body>
<!-- Header Section Begin -->

<header class="header-section">
<div class="header-
top">

<div class="container">

<div class="ht-left">

</div>

</div>

</div>

</div>
<div class="nav-item">

<div class="container">
<div class="nav-depart">
</div>

<nav class=" Examination ">


<ul>

<li><a href="./index.html">Home</a></li>
<li><a href="# ">Examination Form</a></li>

<li><a href="#">Login</a>

EXAMINATION MODULE IN COLLEGE ERP 46


[DOCUMENT TITLE]

<ul class="dropdown">

<li><a href="./login1.html">Admin</a></li>
<li><a href="./login.html">Student</a></li>
</ul>

</li>

<li><a href="./login.html">Admit Card</a></li>

<li><a href="./contact.html">Contact</a></li>
<li><a href="#">Student</a>
<ul class="dropdown">
<li><a href="# ">MCA 4th sem</a></li>

<li><a href="# ">MCA 2nd sem</a></li>

</ul>
</li>

</ul>
</nav>

<div id=" Examination "></div>


</div>

</div>

</header
>

<!-- Header End -->

<div class=" Examination -section">

<div
class="container">

<div class="row">

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

EXAMINATION MODULE IN COLLEGE ERP 47


[DOCUMENT TITLE]

<div class=" Examination -text">

<a href="#"><i class="fa fa-home"></i> Home</a>


<span>Login</span>

</div>
</div>

</div>
</div>

</div>

<!-- Register Section Begin -->


<div class="register-login-section spad">

<div
class="container">
<div class="row">

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


<div class="login-form">

<h2>Student Login</h2>
<form action="#">

<div class="group-input">
<label for="username"><b>Username or email address *</b></label>
<input type="text" id="username">
</div>

<div class="group-input">
<label for="pass"><b>Password *</b></label>

<input type="text" id="pass">


</div>

<div class="group-input gi-check">

EXAMINATION MODULE IN COLLEGE ERP 48


[DOCUMENT TITLE]

<div class="gi-more">

<label for="save-
pass"> Save
Password
<input type="checkbox" id="save-pass">

<span class="checkmark"></span>

</label>

<a href="#" class="forget-pass">Forget your Password</a>

</div>
</div>

<button type="submit" class="site-btn login-btn">Sign In</button>


</form>

<div class="switch-login">
<a href="./register.html" class="or-login">For Register</a>

</div>
</div>

</div>
</div>

</div>
</div>

<!-- Register Form Section End -->


<!-- Js Plugins -->

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

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

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

EXAMINATION MODULE IN COLLEGE ERP 49


[DOCUMENT TITLE]

<script src="js/jquery.zoom.min.js"></script>

<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>

5.3.5 New Register:


<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="description" content=" Examination module ">
<meta name="keywords" content=" Examination module, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Examination module</title>

<link href="https://fonts.googleapis.com/css?
family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">

<!-- Css Styles -->


<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/themify-icons.css" type="text/css">
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/nice-select.css" type="text/css">
<link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">

EXAMINATION MODULE IN COLLEGE ERP 50


[DOCUMENT TITLE]

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


</head>

<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>

<!-- Header Section Begin -->


<header class="header-section">
<div class="header-top">
<div class="container">
<div class="ht-left">

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

<div class="nav-item">
<div class="container">
<div class="nav-depart">

</div>
<nav class=" Examination module -menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./exam.html">Examination Form</a></li>
<li><a href="#">Login</a>
<ul class="dropdown">

EXAMINATION MODULE IN COLLEGE ERP 51


[DOCUMENT TITLE]

<li><a href="./login.html">Admin</a></li>
<li><a href="./login.html">Student</a></li>

</ul>
</li>
<li><a href="./admit.html">Admit Card</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="#">Student</a>
<ul class="dropdown">
<li><a href="./details.html">MCA 4th sem</a></li>
<li><a href="./details.html">MCA 2nd sem</a></li>

</ul>
</li>
</ul>
</nav>
<div id=" Examination module "></div>
</div>
</div>
</header>
<!-- Header End -->
<div class="breacrumb-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcrumb-text">
<a href="#"><i class="fa fa-home"></i> Home</a>
<span>Register</span>
</div>
</div>
</div>

EXAMINATION MODULE IN COLLEGE ERP 52


[DOCUMENT TITLE]

</div>
</div>
<!-- Breadcrumb Form Section Begin -->

<!-- Register Section Begin -->


<div class="register-login-section spad">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="register-form">
<h2>New Register</h2>
<form action="#">
<div class="group-input">
<label for="username">Username or email address *</label>
<input type="text" id="username">
</div>
<div class="group-input">
<label for="pass">Password *</label>
<input type="text" id="pass">
</div>
<div class="group-input">
<label for="con-pass">Confirm Password *</label>
<input type="text" id="con-pass">
</div>
<button type="submit" class="site-btn register-btn">REGISTER</button>
</form>
<div class="switch-login">
<a href="./login.html" class="or-login">Or Login</a>
</div>
</div>
</div>

EXAMINATION MODULE IN COLLEGE ERP 53


[DOCUMENT TITLE]

</div>
</div>
</div>
<!-- Register Form Section End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

5.3.6 Admit Card:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

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

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">

EXAMINATION MODULE IN COLLEGE ERP 54


[DOCUMENT TITLE]

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-


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

<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<title>Admit Card</title>

<style>

.admit_card{

margin:50px;

#output{

width: 150px;

height:150px;

border:1px solid #000;

padding:5px;

table, th, td {

border: 1px solid black;

.table tbody+tbody {

border-top: 1px solid #000;

.table th{border-top:1px solid #000; }

.student_info{font-weight:bold;}

ul{list-style-type:none;}

.student_info ul{margin-top:10px;}

EXAMINATION MODULE IN COLLEGE ERP 55


[DOCUMENT TITLE]

.student_info ul li{float:left; margin-bottom:20px;}

@media print{

.stud_img {

display:none !important;

</style>

</head>

<body>

<div class="container">

<div class="admit_card">

<div class="row">

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

<img id="output">

<br/>

<div class="stud_img"><input type="file" accept="image/*"


onchange="loadFile(event)" media="print"></div>

</div>

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

<img src="logo.png" class="float-md-right" width="35%" height="150px;">

</div>

</div>

EXAMINATION MODULE IN COLLEGE ERP 56


[DOCUMENT TITLE]

<div class="student_info">

<p style="text-align:center;">ADMIT CARD</p>

<ul>

<li>Reg. No:<input type="number" name="reg. no"></li>

<li style="margin-left:45px;">Class:<input type="text" id="class"


name="class"></li>

<li style="margin-left:45px;">Name:<input type="text" id="name"


name="name"></li>

</ul>

</div>

<table class="table">

<tr>

<th>Subject Code</th>

<th>Subject Name</th>

<th>Date</th>

<th>Reporting Time</th>

<th>Venue</th>

<th>Signature of the Invigilator</th>

</tr>

<tbody>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

EXAMINATION MODULE IN COLLEGE ERP 57


[DOCUMENT TITLE]

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

EXAMINATION MODULE IN COLLEGE ERP 58


[DOCUMENT TITLE]

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</tbody>

</table>

<p style="font-weight:500;"> Signature Of The Candidate:</p>

<h5 style="margin:20px 0px;">INSTRUCTIONS TO CANDIDATE</h5>

EXAMINATION MODULE IN COLLEGE ERP 59


[DOCUMENT TITLE]

<p> 1.Report to the Examnation Hall before the reporting time given in the
Admit Card.</p>

<p>2.As you enter show your Student ID card.Make sure your mobile phone
is switched off and place it at the front desk. Then find your seat.</p>

<p>3.Place your Student ID card on your desk next to your attendance


card.</p>

<p>4.Listen carefully to instructions. Students are required to comply with the


instructions of invigilators at all times. For example,

if you are asked to sit in a designated place then you must do so and you must
not move.</p>

<p>5.You are not allowed to leave the exam rooms in the first hour and last
fifteen minutes. </p>

<p>6.If you have a question or need more papers, raise your hand and a
teacher will come to you. </p>

<p>7.Stop writing immediately when the teacher says it is the end of the
exam.</p>

<p>8.Leave the exam hall quickly and quietly. Remember to take all your
belongings with you. (Remember to collect all your

belongings from holding rooms.) <b>You must remain silent until after you
have exited the building.</b></p>

<ul style="margin-top:70px;">

<li><b>Date:</b><li>

<li style="float:right;"><b>Controller of Examnations</b></li>

</ul>

</div>

</div>

<script>

EXAMINATION MODULE IN COLLEGE ERP 60


[DOCUMENT TITLE]

var loadFile = function(event) {

var output = document.getElementById('output');

output.src = URL.createObjectURL(event.target.files[0]);

output.onload = function() {

URL.revokeObjectURL(output.src)

};

</script>

</body>

</html>

5.3.7 Contact Details:

<html lang="zxx">
<head>

<meta charset="UTF-8">

<meta name="description" content=" Examination ">


<meta name="keywords" content=" Examination, html">

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


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

<title> Examination </title>


<link href="https://fonts.googleapis.com/css?
family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">

<!-- Css Styles -->


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

<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">

EXAMINATION MODULE IN COLLEGE ERP 61


[DOCUMENT TITLE]

<link rel="stylesheet" href="css/themify-icons.css" type="text/css">

<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">

<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">

<link rel="stylesheet" href="css/nice-select.css" type="text/css">


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

<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">


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

</head>
<body>

<!-- Header Section Begin -->


<header class="header-section">

<div class="header-top">
</div>

</div>
</div>

</div>
<div class="container">

</div>
<div class="nav-item">

<div class="container">
<div class="nav-depart">
</div>

<nav class=" Examination menu">


<ul>

<li><a href="./index.html">Home</a></li>
<li><a href="# ">Examination Form</a></li>

EXAMINATION MODULE IN COLLEGE ERP 62


[DOCUMENT TITLE]

<li><a href="#">Login</a>
<ul class="dropdown">

<li><a href="./login.html">Admin</a></li>
<li><a href="./login.html">Student</a></li>

</ul>

</li>
<li><a href="./login.html">Admit Card</a></li>

<li class="active"><a href="./contact.html">Contact</a></li>


<li><a href="#">Student</a>

<ul class="dropdown">
<li><a href="# ">MCA 4th sem</a></li>

<li><a href="#">MCA 2nd sem</a></li>


</ul>
</li>

</ul>
</nav>

<div id=" Examination wrap"></div>


</div>

</div>

</header>

<!-- Header End -->


<div class=" Examination -section">
<div
class="container">
<div class="row">

<div class="col-lg-12">
<div class=" Examination -text">

EXAMINATION MODULE IN COLLEGE ERP 63


[DOCUMENT TITLE]

<a href="#"><i class="fa fa-home"></i> Home</a>


<span>Contact</span>

</div>
</div>

</div>
</div>

</div>
<!-- Contact Section Begin -->

<section class="contact-section spad">


<div class="container">

<div class="row">
<div class="col-lg-5">

<div class="contact-title">
<h4><I>Contacts Us</I></h4>

<p><I><B>Ankit Verma (Front-end Developer)</B> If you have any


query about your examination Hall ticket. So please contact us on given mail id
and address.</I> </p>

</div>

<div class="contact-widget">
<div class="cw-item">

<div class="ci-icon">
<i class="ti-location-pin"></i>

</div>
<div class="ci-text">

<span>Address:</span>

<p>Saket Nagar,kanpur,UP</p>

</div>

EXAMINATION MODULE IN COLLEGE ERP 64


[DOCUMENT TITLE]

</div>

<div class="cw-item">
<div class="ci-icon">

<i class="ti-mobile"></i>
</div>

<div class="ci-text">
<span>Phone:</span>
<p>+91 7784827216</p>

</div>
</div>

<div class="cw-item">
<div class="ci-icon">

<i class="ti-email"></i>
</div>

<div class="ci-text">
<span>Email:</span>

<p>ankitverma08822@gmail.com</p>
</div>

</div>
</div>

</div>
<div class="col-lg-6 offset-lg-1">

<div class="contact-form">
<div class="leave-comment">

<h4><I>Leave a Comment</I></h4>
<p><I>Our team member will call back later and answer your
questions.</I></p>

EXAMINATION MODULE IN COLLEGE ERP 65


[DOCUMENT TITLE]

<form action="#" class="comment-form">

<div class="row">

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

<input type="text" placeholder="Your name">

</div>

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

<input type="text" placeholder="Your email">


</div>

<div class="col-lg-12">
<textarea placeholder="Your message"></textarea>

<button type="submit" class="site-btn">Send message</button>


</div>

</div>
</form>

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

</div>
</secti
on>

<!-- Contact Section End -->


<!-- Js Plugins -->

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

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

EXAMINATION MODULE IN COLLEGE ERP 66


[DOCUMENT TITLE]

<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>

<script src="js/jquery.dd.min.js"></script>
<script src="js/jquery.slicknav.js"></script>

<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>

6-TESTING
SOFTWARE TESTING is defined as an activity to check whether the actual results match
the expected results and to ensure that the software system is Defect free. In other words
Software testing is an investigation conducted to provide stakeholders with information
about the quality of the software product or service under test.

Software testing also helps to identify errors, gaps or missing requirements in contrary to the
actual requirements. It can be either done manually or using automated tools. Software

EXAMINATION MODULE IN COLLEGE ERP 67


[DOCUMENT TITLE]

testing is a huge domain, but it can be broadly categorized into two areas: manual testing and
automated testing. Both manual and automated testing offer benefits and disadvantages.

In manual testing (as the name suggests), test cases are executed manually (by a human, that
is) without any support from tools or scripts. But with automated testing, test cases are
executed with the assistance of tools, scripts, and software. The type of testing (manual or
automated) depends on various factors, including project requirements, budget, timeline,
expertise, and suitability. Three vital factors of any project are of course time, cost, and
quality - the goal of any successful project is to reduce the cost and time required to complete
it successfully while maintaining quality output. When it comes to testing, one type may
accomplish this goal better than the other.

Note: Here we are preferred a manual testing and we write different-different test cases for
each module and we are tested manually because our project is not so complex and big.

Now here some differences between Manual and Automation Testing:

Manual Testing Automation Testing


Manual testing is time consuming taking up Automation testing is executed by software
human resources tools so it is significantly faster than manual
approach
Investment is required for human resources Investment is required for testing tools
Manual is testing is not accurate at all times Automation testing is more reliable as it is
due to human error, hence it is reliable performed by tools and different software
Manual testing allows for human Automation testing does not entail human
observation, which may be more useful observation and cannot guarantee user
friendliness

 Black-Box Testing: The technique of testing without having any knowledge of the
interior workings of the application is called black-box testing. The tester is oblivious
to the system architecture and does not have access to the source code. Typically,
while performing a black-box test, a tester will interact with the system's user
interface by providing inputs and examining outputs without knowing how and where
the inputs are worked upon.
 White-Box Testing: White-box testing is the detailed investigation of internal logic
and structure of the code. White-box testing is also called glass testing or open-box
testing. In order to perform white-box testing on an application, a tester needs to know

EXAMINATION MODULE IN COLLEGE ERP 68


[DOCUMENT TITLE]

the internal workings of the code. It is also known as Glass box Testing. Internal
software and code working should be known for performing this type of testing.
Under these tests are based on the coverage of code statements, branches, paths,
conditions, etc.
 Alpha testing: It is the most common type of testing used in the Software industry.
The objective of this testing is to identify all possible issues or defects before
releasing it into the market or to the user.
 Acceptance testing: An Acceptance Test is performed by the client and verifies
whether the end to end the flow of the system is as per the business requirements or
not and if it is as per the needs of the end-user. Client accepts the software only when
all the features and functionalities work as expected.
 Accessibility testing: The aim of Accessibility Testing is to determine whether the
software or application is accessible for disabled people or not.
 Beta Testing: Beta Testing is a formal type of Software Testing which is carried out
by the customer. It is performed in the Real Environment before releasing the product
to the market for the actual end-users. Beta Testing is carried out to ensure that there
are no major failures in the software or product and it satisfies the business
requirements from an end-user perspective. Beta Testing is successful when the
customer accepts the software.
 Back-end Testing: Whenever an input or data is entered on front-end application, it
stores in the database and the testing of such database is known as Database Testing
or Backend Testing. There are different databases like SQL Server, MySQL, and
Oracle, etc. Database Testing involves testing of table structure, schema, stored
procedure, data structure and so on.
 Browser Compatibility Testing: It is a subtype of Compatibility Testing (which is
explained below) and is performed by the testing team. Browser Compatibility
Testing is performed for web applications and it ensures that the software can run
with the combination of different browser and operating system. This type of testing
also validates whether web application runs on all versions of all browsers or not.

 Boundary Value Testing: This type of testing checks the behavior of the application
at the boundary level. Boundary Value Testing is performed for checking if defects
exist at boundary values. Boundary Value Testing is used for testing a different range

EXAMINATION MODULE IN COLLEGE ERP 69


[DOCUMENT TITLE]

of numbers. There is an upper and lower boundary for each range and testing is
performed on these boundary values.
 Branch Testing: It is a type of White box Testing and is carried out during Unit
Testing. Branch Testing, the name itself suggests that the code is tested thoroughly by
traversing at every branch.
 Comparison Testing: Comparison of a product's strength and weaknesses with its
previous versions or other similar products is termed as Comparison Testing.
 Component Testing: It is mostly performed by developers after the completion of
unit testing. Component Testing involves testing of multiple functionalities as a single
code and its objective is to identify if any defect exists after connecting those multiple
functionalities with each other.
 Functional Testing: This type of testing ignores the internal parts and focuses only
on the output to check if it is as per the requirement or not. It is a Black-box type
testing geared to the functional requirements of an application.
 Gorilla Testing: Gorilla Testing is a testing type performed by a tester and
sometimes by the developer the as well. In Gorilla Testing, one module or the
functionality in the module is tested thoroughly and heavily. The objective of this
testing is to check the robustness of the application.

 Graphical User Interface (GUI): The objective of this GUI Testing is to validate the
GUI as per the business requirement. The expected GUI of the application is
mentioned in the Detailed Design Document and GUI mockup screens. The GUI
Testing includes the size of the buttons and input field present on the screen,
alignment of all text, tables, and content in the tables.
 Integration testing: Testing of all integrated modules to verify the combined
functionality after integration is termed as Integration Testing. Modules are typically
code modules, individual applications, client and server applications on a network,
etc. This type of testing is especially relevant to client/server and distributed systems.
 Load Testing: It is a type of Non-Functional Testing and the objective of Load
Testing is to check how much load or maximum workload a system can handle
without any performance degradation. Load Testing helps to find the maximum
capacity of the system under specific load and any issues that cause software
performance degradation. Load testing is performed using tools like JMeter,
LoadRunner, Web Load, Silk performer, etc.

EXAMINATION MODULE IN COLLEGE ERP 70


[DOCUMENT TITLE]

 Non-Functional Testing: It is a type of testing for which every organization having a


separate team which usually called as Non-Functional Test (NFT) team or
Performance team. Non-Functional Testing involves testing of non-functional
requirements such as Load Testing, Stress Testing, Security, Volume, Recovery
Testing, etc. The objective of NFT testing is to ensure whether the response time of
software or application is quick enough as per the business requirement.
 Performance testing: This term is often used interchangeably with ‘stress' and ‘load'
testing. Performance Testing is done to check whether the system meets the
performance requirements. Different performance and load tools are used to do this
testing.
 Recovery Testing: It is a type of testing which validates how well the application or
system recovers from crashes or disasters. Recovery Testing determines if the system
is able to continue the operation after a disaster. Assume that application is receiving
data through the network cable and suddenly that network cable has been unplugged.
 Regression Testing: Testing an application as a whole for the modification in any
module or functionality is termed as Regression Testing. It is difficult to cover all the
system in Regression Testing, so typically Automation Testing Tools are used for
these types of testing.
 Smoke Testing: Whenever a new build is provided by the development team then the
Software Testing team validates the build and ensures that no major issue exists. The
testing team ensures that the build is stable and a detailed level of testing is carried out
further. Smoke Testing checks that no show stopper defect exists in the build which
will prevent the testing team to test the application in detail.
 Stress Testing: This testing is done when a system is stressed beyond its
specifications in order to check how and when it fails. This is performed under heavy
load like putting large number beyond storage capacity, complex database queries,
continuous input to the system or database load.

 Unit Testing: Testing of an individual software component or module is termed


as Unit Testing. It is typically done by the programmer and not by testers, as it
requires detailed knowledge of the internal program design and code. It may also
require developing test driver modules or test harnesses.

EXAMINATION MODULE IN COLLEGE ERP 71


[DOCUMENT TITLE]

 System Testing: Under System Testing technique, the entire system is tested as per
the requirements. It is a Black-box type Testing that is based on overall requirement
specifications and covers all the combined parts of a system.

6.1 Test Cases


a) Admin Login

S. TEST EXPECTED OUTPUT OBSERVED RESULT


No SCENARIO OUTPUT (Pass/fail)
1 Display the form The login page should be All the elements Pass
and its loaded and all the elements are displayed
respective of the page should be successfully
control displayed
2 Click on sign in A warning message to be The error message Pass
without filling displayed is displayed
the boxes successfully

3 Filling invalid If the credential filled are The error message Pass
credentials invalid message should be is displayed
displayed to the user successfully

4 Filling valid If the credential filled are The home page is Pass
credentials valid, dashboard (Home displayed
page) should be displayed successfully
to the user

b) Student Login

S. TEST EXPECTED OUTPUT OBSERVED RESULT


No SCENARIO OUTPUT (Pass/fail
1 Display the The login page should be All the elements Pass
form and its loaded and all the elements are displayed
respective of the page should be successfully
control displayed
2 Click on sign in A warning message to be The error message Pass
without filling displayed is displayed
the boxes successfully

EXAMINATION MODULE IN COLLEGE ERP 72


[DOCUMENT TITLE]

3 Filling invalid If the credential filled are The error message Pass
credentials invalid message should be is displayed
displayed to the user successfully

4 Filling valid If the credential filled are The home page is Pass
credentials valid, dashboard (Home displayed
page) should be displayed successfully
to the user

c) Examination Form

S. TEST EXPECTED OUTPUT OBSERVED RESULT


No SCENARIO OUTPUT (Pass/fail)
1 Display the form The examination form All the elements Pass
and its should be loaded and all are displayed
respective the elements of the page successfully
control should be displayed
2 Click on submit A warning message to be The error message Pass
button without displayed is displayed
filling the every successfully
box of the form
3 Filling invalid If the credential filled are The error message Pass
credentials invalid then student can get is displayed
a error message and his/her successfully
form is not submitted
successfully
4 Filling valid If the credential filled are After that user can Pass
credentials valid, form is submitted successfully able to
successfully then message download his/her
should be displayed to the admit card
user

d) New Registration

S. TEST EXPECTED OUTPUT OBSERVED RESULT


No SCENARIO OUTPUT (Pass/fail)
1 Display the form The new register page All the elements Pass
and its should be loaded and all are displayed
respective the elements of the page successfully
control should be displayed
2 Click on sign in A warning message to be The error message Pass
without filling displayed is displayed
the boxes successfully
3 Filling invalid If the credential filled are The error message Pass

EXAMINATION MODULE IN COLLEGE ERP 73


[DOCUMENT TITLE]

credentials or invalid message should be is displayed


password is not displayed to the user successfully
matched
4 Filling valid If the credential filled are The home page is Pass
credentials valid, dashboard (Home displayed
page) should be displayed successfully
to the user

FUTURE SCOPE
College ERP System software developed for a Jagran Institute of Management has been
aimed to achieve supreme productivity and reduce the time taken to handle the examination
and details storing activity of the Students. It is designed to replace the traditional method of
examination and traditional way to arrange the students records we are also focused on admit
card generation of students. For maintain the records of students we are using the SQL
database and PHP, HTML and CSS we are used to generate and designing for admit card.

EXAMINATION MODULE IN COLLEGE ERP 74


[DOCUMENT TITLE]

 Fast processing for generating the admit card.


 Fast and easily access to all the records of each and every student.
 Easy to fill the examination with fast storing details.
 Security perspective is highly secured because we are stored the password in
encrypted form.
 Easily to conduct the exams and easy to maintain the records.

CONCLUSION
Advantages

 Exams can be conducted easily.


 Exam time management i.e. Exam starts and end at the right time.
 Easy to download in admit card.
 No mishap is possible because the system is password protected.
 After that valuation is also easy and results can be published on time.

EXAMINATION MODULE IN COLLEGE ERP 75


[DOCUMENT TITLE]

Disadvantages

 Admit card is not generated in case any error in form filled by the student.
 Exam won’t be conducted if there is power failure.
 Exam can’t be conducted without Hub.
 Without verify your details you won’t be able to download your admit card.

BIBLIOGRAPHY
 https://www.google.com/search?
q=dfd+for+examination+management+system&rlz=1C1CHBF_enIN889IN889&tbm
=isch&source=iu&ictx=1&fir=hM4KkTtW87dHvM%253A%2
 https://www.google.com/search?
q=er+diagram+for+examination+management+system&tbm=isch&ved=2ahUKEwiG
huzQw5_pAhW1huYKHZdVCIQQ2- ttBhQke2PZSssM

EXAMINATION MODULE IN COLLEGE ERP 76


[DOCUMENT TITLE]

 http://dspace.cusat.ac.in/jspui/bitstream/123456789/4250/1/InteSolnExamMgt
 https://www.slideshare.net/vasudhachaturvedi/exam-management-system-57518035
 https://www.slideshare.net/PraveenPatel5/online-examination-management-system
 https://www.phptpoint.com/projects/online-examination/

BOOKS

 The Joy of PHP Programming: A Beginner’s Guide—by Alan Forbes


 PHP & MYSQL Novice to Ninja—by Kevin Yank
 PHP & MYSQL Web Development—by Luke Welling & Laura Thompson
 Murach’s PHP & MYSQL—by Joel Murach & Ray Harris

EXAMINATION MODULE IN COLLEGE ERP 77

You might also like