LEARNING MANAGEMENT

SYSTEM(LMS)
Submitted in the partial fulfillment of the requirement for the award of a degree of

Bachelor

of

COMPUTER APPLICATION

Batch (2021-2024)

Submitted To : Submitted By :
Anshuman Sharma Name: Gurleen Singh
Enrollment No. AT147297002
Roll No: 155306
Study Institute code No. 7297
Project Certificate
This is to certify that the Learning Management System project report entitled submitted to
Guru Nanak Dev University (GNDU), Amritsar in partial fulfillment of the requirement for the
award of the degree of BACHELOR OF COMPUTER APPLICATIONS (BCA), is original work
carried out by myself Gurleen Singh with Enrolment no. AT147297002 Under the Supervision of
Anshuman Sharma.

The matter embodied in this project is genuine work done by myself and has not been submitted
whether to this University or to any other University / Institute for the fulfillment of the requirement
of any course of study.

Date:
24/07/2021
Signature of the Student
Name : AMIT KUMAR TIWARI
Contact Details (Email, Phone & Address)
Email : aktsln28@gmail.com
Phone: 7355374367

Verified by the Supervisor

Name & Signature of the Supervisor/s

Date: ………………..
Acknowledgement

This Major Project E-Learning Management System is the result of contribution of many
mind. I would like to acknowledge and thank my project guide Mr. Saurabh Srivastava his valuable
support and guidance. He guided me through the process from conception and till the completion of this
project. I would also like to thanks my faculties. I thank to other non-teaching members.
I am very thankful for the open-handed support extended by many people. While no list would
be complete, it is my pleasure to acknowledge the assistance of my friends who provided encourage-
ment, knowledge and constructive suggestions.

Signature of Student

Name: AMIT KUMAR TIWARI

Enroll.No: AT147297002

Film Institute of eMITS, Lucknow (7297)

Self-Certificate
This is to certify that the Major Project report entitled “E-Learning Management System ” is
done by me, and it is authentic work carried out for the partial fulfillment of the requirements for
the award of the degree of Bachelor of Computer Application(BCA) under the guidance of Mr.
Saurabh Srivastava .
The matter and software embodies in this project has not been submitted earlier for award of any
degree or diploma to the best of my knowledge and believes.

Signature of Student

Name: AMIT KUMAR TIWARI

Enroll.No: AT147297002
Certificate from Project Guide
This is certify that this Major Project entitled " E-Learning Management System " submitted
in partial fulfillment of the requirements for the award of the degree of Bachelor of Computer Applica-
tion (BCA) in session (years 2018 to 2021) to the Makhanlal Chaturvedi National University of Jour-
nalism & Communication, Bhopal, done AMIT KUMAR TIWARI is an authentic work carried out
by them at “Film Institute of eMITS, Lucknow under my guidance. The matter and software embodied
in this project work has not been submitted earlier for the award of any degree or diploma to the best of
my knowledge and belief.

Signature of BCA Teacher

V
V
I
 TABLE OF CONTENTS

P
a
g
e

N
o
.
Title Page I
Declaration II
Certificate by the Supervisor III
Acknowledgement IV
List of Figures and tables V
Chapter-1
Introduction of the Project E-learning Management System 1
1.1. Abstract of the Project……………………………………………………………...... 2
1.2 Scope of the Project…………………………………………………………………...... 3
1.3 Reports of the E-Learning………………………………………………………...... 4
1.4 Modules of the E-Learning………………………………………………………...... 4
1.5 Objective…………………….……………………………………………………………...... 6

Chapter-2
Requirement Engineering 7
2.1 Software Requirement Specification …………………………………………… 7
2.2 Requirements of the Project………………………………..…………………...... 7

Chapter-3
Analysis & Design 8
3.1 System Design of E-learning …………………………………………… 8
3.2 General task involved in the design process ……………………………...... 8
3.3 Project Category………………………..…………………………………………………. 9
3.4 Project Planning……………………………………………………………………………. 10
3.5 Steps for successful software project………………………………………….. 11

VI
 TABLE OF CONTENTS
3.6 Project Scheduling……………………………………………………………………… 12
3.7 Project Profile……………………………………………………………………………… 13
3.8 Use Case Model of the Project…………………………………………………… 14

VI
I
3.9 Dataflow Diagram…………………………………………………………………………. 16
3.10 E-R Diagram……………………………………………………………………………….. 18
Chapter-4
Construction 20
4.1 Implementation and Software Specification Testing…………………… 20
4.2 Programming and testing……………………………………………………………… 20
4.3 Steps of software testing……………………………………………………………… 22
4.4 System Testing……………………………………………………………………………… 23
4.5 Existing System of E-learning………………………………………………………… 24
4.6 Proposed System of E-learning………………………………………………….. 24
4.7 Description of Technology Used………………………………………………… 25
4.8 Tools And Platform……………………………………………………………………. 28
Chapter-5
Conclusion & Future Works 29
5.1 Conclusion of the Project E-learning …………………………………………… 29
5.2 Future Scope of the Project ………………………………..…………………...... 30
Chapter-6
Codes & Snapshots 32
6.1 JSP Codes …………………………………………………………………………………… 32
6.2 Snapshots of the project ………………………………..…………………...... 45
References 58
Notes 60

VI
I
 Introduction

Chapter-1
Introduction of the Project E-learning Management System

The "E-learning Management System" has been developed to override the problems prevailing in
the practicing manual system. This software is supported to eliminate and in some cases reduce
the hardships faced by this existing system. Moreover this system is designed for the particular
need of the company to carry out operations in a smooth and effective manner.

The application is reduced as much as possible to avoid errors while entering the data. It also
provides error message while entering invalid data. No formal knowledge is needed for the user
to use this system. Thus by this all it proves it is user-friendly. E- Learning Management System,
as described above, can lead to error free, secure, reliable and fast management system. It can as-
sist the user to concentrate on their other activities rather to concentrate on the record keeping.
Thus it will help organization in better utilization of resources.

Every organization, whether big or small, has challenges to overcome and managing the informa-
tion of Student, Assignment, QUIZ, CLASS, and QUESTION. Every E-learning Management
System has different Assignment needs, therefore we design exclusive employee management
systems that are adapted to your managerial requirements. This is designed to assist in strategic
planning, and will help you ensure that your organization is equipped with the right level of infor-
mation and details for your future goals. Also, for those busy executive who are always on the go,
our systems come with remote access features, which will allow you to manage your workforce
anytime, at all times. These systems will ultimately allow you to better manage resources.

E-learning Management System

1
 Introduction

Abstract of the Project E-learning Management System:

The purpose of E-learning Management System is to automate the existing manual system by the
help of computerized equipment’s and full-fledged computer software, fulfilling their require-
ments, so that their valuable data/information can be stored for a longer period with easy access-
ing and manipulation of the same. The required software and hardware are easily available and
easy to work with. E-learning Management System, as described above, can lead to error free, se-
cure, reliable and fast management system. It can assist the user to concentrate on their other ac-
tivities rather to concentrate on the record keeping. Thus it will help organization in better utiliza-
tion of resources. The organization can maintain computerized records without redundant entries.
That means that one need not be distracted by information that is not relevant, while being able to
reach the information.

Functionalities provided by E-learning Management System:

• Provides the searching facilities based on various factors. Such as Assignment,
TEACHER, QUIZ, QUESTION.

• E-learning Management System also manage the CLASS details online for QUIZ
details, QUESTION details, Assignment.

• It tracks all the information of Student, CLASS, and QUIZ etc

• Manage the information of Student.

• Shows the information and description of the Assignment, TEACHER

• To increase efficiency of managing the Assignment, Student.

• It deals with monitoring the information and transactions of QUIZ.

• Manage the information of Assignment

• Editing, adding and updating of Records is improved which results in proper re-
source management of Assignment data.

• Manage the information of QUIZ

• Integration of all records of QUESTION.

E-learning Management System

2
 Introduction

Scope of the project E-learning Management System:

It may help collecting perfect management in details. In a very short time, the collection
will be obvious, simple and sensible. It will help a person to know the management of
passed year perfectly and vividly. It also helps in current all works relative to E-learning
Management System. It will be also reduced the cost of collecting the management &
collection procedure will go on smoothly.

Our project aims at Business process automation, i.e. we have tried to computerize vari-
ous processes of E-learning Management System.

• In computer system the person has to fill the various forms & number of
copies of the forms can be easily generated at a time.

• In computer system, it is not necessary to create the manifest but we can

directly print it, which saves our time.

• To assist the staff in capturing the effort spent on their respective working
areas.

• To utilize resources in an efficient manner by increasing their productivity

through automation.

• The system generates types of information that can be used for various
purposes.

• It satisfy the user requirement

• Be easy to understand by the user and operator

• Be easy to operate Have a good user interface

• Be expandable

• Delivered on schedule within the budget.

E-learning Management System

3
 Introduction

Reports of E-learning Management System:

• It generates the report on Assignment, Student, and CLASS

• Provide filter reports on TEACHER, QUIZ, and QUESTION

• You can easily export PDF for the Assignment, CLASS, and QUIZ

• Application also provides excel export for Student, TEACHER, QUESTION

• You can also export the report into csv format for Assignment, Student, and
QUESTION.

Modules E-learning Management System:

• Assignment Management Module: Used for managing the Assignment de-
tails.

• QUESTION Module: Used for managing the details of QUESTION

• CLASS Module: Used for managing the details of CLASS

• Student Management Module: Used for managing the information and de-
tails of the Student.

• TEACHER Module: Used for managing the TEACHER details

• QUIZ Module: Used for managing the QUIZ information’s

• Login Module: Used for managing the login details

• Users Module: Used for managing the users of the system

E-learning Management System

4
 Introduction

a) Focused Modules:
o Registration:-

In this, first the interested students get registered by selecting their desired username and pass-
word and by providing the necessary details.

Then each user profile will be maintained which can be edited by the user when desired. Each
person will register only one time. Details of each person along with their username and pass-
word is saved permanently in the database.

o Login:-

After providing the correct username and password, the user log’s in to the e-Learning system’s
homepage. There the user can select the available subjects to further learn about them. If user en-
ter wrong username or password then they block their account temporary and after some security
verification they will able to access their account.

o Dashboard:-

After providing the correct username and password, the user log’s in to the e-Learning system’s
homepage. Here at the homepage there are many choice for user to learn different languages like
C, C++ ,Java etc.

User can take following helps:-

1. Tutorials about the language.

2. View programs in the language.

3. Playing quiz about the language.

4. Download notes and programs.

o Quiz: - user play the quiz on appropriate language and immediately take the result. On
each question user get the marks, there is no negative marking in quiz.

E-learning Management System

5
 Introduction

Objective
The main objective behind this project is to provide a user friendly environment to provide
knowledge and give everyone a chance to learn, irrespective of where they are, provided they reg-
ister themselves with the system.
The main features that the system provides can be made use of, once the registered people select
their interested subject and take a starter test. This helps to establish incremental learning process.
After taking this, based on their level of competence, they can take available tutorials, take online
tests and also discuss an issue/topic by posting messages in the discussion forum. Along with this
they can also take real time simulations of the most widely known competitive exams.

Project on E-learning Management System is to manage the details of Assignment, Student,

TEACHER, QUIZ, QUESTION. It manages all the information about Assignment, CLASS,
QUESTION, Assignment. The project is totally built at administrative end and thus only the ad-
ministrator is guaranteed the access. The purpose of the project is to build an application pro-
gram to reduce the manual work for managing the Assignment, Student, CLASS, TEACHER. It
tracks all the details about the TEACHER, QUIZ, QUESTION.

E-learning Management System

6
 Requirement Engineering

B. Chapter-2

1) Requirement Engineering

Software Requirement Specification

The Software Requirements Specification is produced at the culmination of the analysis task. The
function and performance allocated to software as part of system engineering are refined by es-
tablishing a complete information description, a detailed functional and behavioral description, an
indication of performance requirements and design constraints, appropriate validation criteria,
and other data pertinent to requirements.

The proposed system has following requirements:

• System needs store information about new entry of Assignment.

• System needs to help the internal staff to keep information of Student and find
them as per various queries.

• System need to maintain quantity record.

• System need to keep the record of TEACHER.

• System need to update and delete the record.

• System also needs a search area.

• It also needs a security system to prevent data.

E-learning Management System

7
 Codes & Snapshots
C. Chapter-3
1) Analysis & Design

System Design of E-learning Management System

In this phase, a logical system is built which fulfils the given requirements. Design phase of soft-
ware development deals with transforming the client’s requirements into a logically working sys-
tem. Normally, design is performed in the following in the following two steps:

1. Primary Design Phase:

In this phase, the system is designed at block level. The blocks are created on the basis of analy-
sis done in the problem identification phase. Different blocks are created for different functions
emphasis is put on minimizing the information flow between blocks. Thus, all activities which
require more interaction are kept in one block.

2. Secondary Design Phase:

In the secondary phase the detailed design of every block is performed.

General task involved in the design process are following:

A. Design various blocks for overall system processes.

B. Design smaller, compact and workable modules in each block.

C. Design various database structures.

D. Specify details of programs to achieve desired functionality.

E. Design the form of inputs, and outputs of the system.

F. Perform documentation of the design.

G. System reviews.

E-learning Management System

8
 Codes & Snapshots

Project Category

• Relational Database Management System (RDBMS): This is an RDBMS

based project which is currently using MySQL for all the transaction statements. MySQL
is an open source RDBMS System.

• Brief introduction about RDBMS:

A relational database management system (RDBMS) is a database management system (DBMS)

that is based on the relational model as invented by E. F. Codd, of IBM's San Jose Research Lab-
oratory. Many popular databases currently in use are based on the relational database model.
RDBMSs have become a predominant choice for the storage of information in new databases
used for financial records, manufacturing and logistical information, personnel data, and much
more since the 1980s. Relational databases have often replaced legacy hierarchical databases and
network databases because they are easier to understand and use. However, relational databases
have been challenged by object databases, which were introduced in an attempt to address the ob-
ject-relational impedance mismatch in relational database, and XML databases.

E-learning Management System

9
 Codes & Snapshots

Figure 1 Database Server Architecture

Project Planning:
Software project plan can be viewed as the following:

1) Within the organization: How the project is to be implemented? What are various
constraints (time, cost, and staff)? What is market strategy?

2) With respect to the customer: weekly or timely meetings with the customer with
presentation on status reports. Customer’s feedback is also taken and further modification
and developments are done. Project milestones and deliverables are also presented to the
customer.

E-learning Management System

10
 Codes & Snapshots

For a successful software project the following steps can be followed:

 Select a project
 Identifying project's aims and objectives.
 Understanding requirements and specification
 Methods Of analysis, design and implementation
 Testing techniques
 Documentation
 Project milestones and deliverables
 Budget allocation
o Exceeding limits within control
 Project Estimates
o Cost
o Time
o Size of code
o Duration
 Resource Allocation
o Hardware
o Software
o Previous relevant project information
o Digital Library
 Risk Management
o Risk avoidance
o Risk detection

E-learning Management System

11
 Codes & Snapshots

Project Scheduling:

An elementary Gantt chart or Timeline chart for the development plan is given below. The plan
explains the tasks versus the time (in weeks) they will take to complete.

Table 1 Project Schedule

E-learning Management System

12
 Codes & Snapshots

Project Profile:

There has been continuous effort to develop tools, which can ease the process of software devel-
opment. But, with the evolving trend of different programming paradigms today's software de-
velopers are really challenged to deal with the changing technology. Among other issues, soft-
ware re-engineering is being regarded as an important process in the software development in-
dustry. One of the major tasks here is to understand software systems that are already developed
and to transform them to a different software environment. Generally, this requires a lot of man-
ual effort in going through a program that might have been developed by another programmer.

This project makes a novel attempt to address the issue of program analysis and generation of di-
agrams, which can depict the structure of a program in a better way. Today, UML is being con-
sidered as an industrial standard for software engineering design process. It essential provides
several diagramming tools that can express different aspects/ characteristics of program such as

 Use cases: Elicit requirement from users in meaningful chunks. Construction planning is
built around delivering some use cases n each interaction basis for system testing.

 Class diagrams: shows static structure of concepts, types and class. Concepts how users
think about the world; type shows interfaces of software components; classes shows im-
plementation of software components.

 State diagram: show how single object behaves across many use cases.

 Activity Diagram: shows behavior with control structure. Can show many objects over
many uses, many object in single use case, or implementation methods encourage paral-
lel behavior etc. The end-product of this project is a comprehensive tool that can parse
any vb.net program and extract most of the object oriented features inherent in the pro-
gram such as polymorphism, inheritance, encapsulation and abstraction.

 What is UML?
UML stands for Unified Modeling Language is the successor to the wave of Object Oriented
Analysis and Design (OOA&D) methods that appeared in the late 80's. It most directly unifies
the methods of Booch, Rumbaugh (OMT) and Jacobson. The UML is called a modeling lan-
guage, not a method. Most methods consist at least in principle, of both a modeling language
and a process. The Modeling language is that notation that methods used to express design.

 Class-Diagram:
The class diagram technique has become truly central within object- oriented methods. Virtually
every method has included some variation on this technique. Class diagram is also subject to the
greatest range of modeling concept. Although the basic elements are needed by everyone, ad-
vanced concepts are used less often.

E-learning Management System

13
 Codes & Snapshots

A class diagram describes the types of objects in the system and the various kinds of static rela-
tionship that exist among them. There are two principal kinds of static relationship:
• Association
• Subtype
Class diagram also show the attributes and operations of a class and the constraints that apply to
the way objects are connected.

Use Case Model of the Project:

 The use case model for any system consists of "use cases". Use cases represent
different ways In which the system can be used by the user. A simple way to find
all the use case of a system is to ask the questions "What the user can do using the
system?" The use cases partition the system behavior into transactions such that
each transaction performs some useful action from the users' point of view.

 The purpose of the use case to define a piece of coherent behavior Without reveal-
ing the internal structure of the system. An use case typically represents a se-
quence of interaction between the user and the system. These interactions consists
of one main line sequence is represent the normal interaction between the user and
the system. The use case model is an important analysis and design artifact
(task).Use cases can be represented by drawing a use case diagram and writing an
accompany text elaborating the drawing.

 In the use case diagram each use case is represented by an ellipse with the name
of use case written inside the ellipse. All the ellipses of the system are enclosed
with in a rectangle which represents the system boundary. The name of the system
being module appears inside the rectangle. The different users of the system are
represented by using stick person icon. The stick person icon is normally referred
to as an Actor. The line connecting the actor and the use cases is called the com-
munication relationship. When a stick person icon represents an external system it
is annotated by the stereo system>>.

E-learning Management System

14
 Codes & Snapshots

Figure 2 : Use Case Diagram

E-learning Management System

15
 Codes & Snapshots

Dataflow Diagram:

Data flow diagram IS the starting point of the design phase that functionally decomposes the re-
quirements specification. A DFD consists of a series of bubbles joined by lines. The bubbles rep-
resent data transformation and the lines represent data flows in the system. A DFD describes what
data flow rather than how they are processed, so it does not hardware, software and data structure.

A data-flow diagram (DFD) is a graphical representation of the "flow" of data through an DFDs
can also be used for the of processing (structured design). A data flow diagram (DFD) is a signifi-
cant modeling technique for analyzing and construct ng information processes. DFD literally
means an illustration that explains the course or movement of information in a process. DFD il-
lustrates this flow of Information in a process based on the inputs and outputs. A DFD can be re-
ferred to as a Process Model. The data flow diagram is a graphical description of a system's data
and how to Process transform the data is known as Data Flow Diagram (DFD). Unlike details
flow chart, DFDs don't supply detail descriptions of modules that graphically describe a system's
data and how the data interact with the system. Data flow diagram number of symbols and the
following symbols are of by DeMarco.

E-learning Management System

16
 Codes & Snapshots

Figure 3
Data Flow Diagram

This basic DFD can be then disintegrated to a lower level diagram demonstrating smaller steps
exhibiting details of the system that IS being modeled. On a DFD, data Items flow from an exter-
nal data source or an internal data store to an internal data store or an external data sink, via an in-
ternal process. It is common practice to draw a mntext-level data flow diagram first, which shows
the interaction between the system and external agents, which act as data sources and data sinks.
On the context diagram (also known as the Level O DFD'), the system's Interactions With the out-
side world are modeled purely in terms of data flows across the system boundary. The context di-
agram shows the entire system as a Single process, and gives no clues as to its internal organiza-
tion.

E-learning Management System

17
 Codes & Snapshots
This context-level DFD is next "exploded", to produce a Level 1 DFD that shows some of the de-
tail of the system being modeled. The Level 1 DFD shows how the system is divided into sub-
systems (processes), each of which deals with one or more of the data flows to or from an exter-
nal agent, and which together provide all of the functionality of the system as a whole. The level
1 DFD is further speeded and split into more descriptive and detailed description about the
project as level 2 DFD. The level 2 DFD can be a number of data flows which will finally show
the entire description of the software project.

About ER Diagram:

Entity Relationship Diagram: E-R Model is a popular high level conceptual data model. This
model and its variations are frequently used for the conceptual design of database application
and many database design tools employ its concept.

A database that to an E-R diagram can be represented by a collecton of tables in the rela-
tional system. The mapping of E-R diagram to the entities are:

• Attributes

• Relations

o Many-to-many
o Many-to-one
o One-to-many
o One-to-one

• Weak entities

• Sub-type and super-type

E-learning Management System

18
 Codes & Snapshots
2

a) Figure 4: E-R Diagram

E-learning Management System

19
Construction

Chapter-4
Construction

Implementation and Software Specification Testing

Detailed Design of Implementation: This phase of the systems development life cycle refines
hardware and software specifications, establishes programming plans, trains users and imple-
ments extensive testing procedures, to evaluate design and operating specifications and/or
provide the basis for further modification.

• Technical Design: This activity builds upon specifications produced during new
system design, adding detailed technical specifications and documentation.

• Test Specifications and Planning: This activity prepares detailed test specifica-
tions for individual modules and programs, job streams, subsystems, and for the sys-
tem as a whole.

Programming And Testing

This activity encompasses actual development, writing, and testing of program units or modules.

 User Training

This activity encompasses writing user procedure manuals, materials, conducting training pro-
grams, and testing procedures.

E-learning Management System

20
 Codes & Snapshots

 Acceptance Test

A final procedural review to demonstrate a system and secure user approval before a system be-
comes operational.

 Installation phase

In this phase the new Computerized system is installed, the conversion to new procedures is fully
implemented, and the potential of the new system is explored.

 System Installation

The process of starting the actual use of a system and training user personnel in its operation.

 Review Phase

This phase evaluates the successes and failures during a systems development project, and to
measure the results of a new Computerized Transystem in terms of benefits and savings projected
at the start of the project.

 Development Recap

A review of a project immediately after completion to find successes and potential problems in
future work.

E-learning Management System

21
 Codes & Snapshots

 Post-Implementation Review

A review, conducted after a new system has been in operation for some time, to evaluate actual
system performance against original expectations and projections for cost-benefit improvements.
Also identifies maintenance projects to enhance or improve the system.

THE STEPS IN THE SOFTWARE TESTING

The steps involved during Unit testing are as follows:

a) Preparation of the test cases.

b) Preparation of the possible test data with all the validation checks.

c) Complete code review of the module.

d) Actual testing done manually.

e) Modifications done for the errors found during testing.

f) Prepared the test result scripts.

 The unit testing done included the testing of the following items:

1. Functionality of the entire module/forms.

2. Validations for user input.

3. Checking of the Coding standards to be maintained during coding.

4. Testing the module with all the possible test data.

5. Testing of the functionality involving all type of calculations etc.

6. Commenting standard in the source files.

E-learning Management System

22
 Codes & Snapshots
After completing the Unit testing of all the modules, the whole system is integrated with all its
dependencies in that module. While System Integration, We integrated the modules one by one
and tested the system at each step. This helped in reduction of errors at the time of the system
testing.

 The steps involved during System testing are as follows:

 Integration of all the modules/forms in the system.

 Preparation of the test cases.

 Preparation of the possible test data with all the validation checks.

 Actual testing done manually.

 Recording of all the reproduced errors.

 Modifications done for the errors found during testing.

 Prepared the test result scripts after rectification of the errors.

The System Testing done included the testing of the following items:

1. Functionality of the entire system as a whole.

2. User Interface of the system.

3. Testing the dependent modules together with all the possible test data scripts.

4. Verification and Validation testing.

5. Testing the reports with all its functionality.

E-learning Management System

23
 Codes & Snapshots
.

Existing System of E-learning Management System:

In the existing system the exams are done only manually but in proposed system we have to
computerize the exams using this application.

 Lack of security of data.

 More man power.

 Time consuming.

 Consumes large volume of pare work.

 Needs manual calculations.

 No direct role for the higher officials

Proposed System of E-learning Management System:

The aim of proposed system is to develop a system of improved facilities. The proposed system
can overcome all the limitations of the existing system. The system provides proper security and
reduces the manual work.

 Security of data.

 Ensure data accuracy's.

 Proper control of the higher officials.

 Minimize manual data entry.

 Minimum time needed for the various processing.

E-learning Management System

24
 Codes & Snapshots

 Greater efficiency.

 Better service.

 User friendliness and interactive.

 Minimum time required.

Description of Technology Used:-

1) Java Server Pages (JSP) :- java server pages as compared to the servlet are more
comfortable and less complex when we deal with the html logics.
Java server pages in java are also dynamic pages.

Java server pages are pure HTML by default but it support java code too. Java
Server Pages are built on top of the Java Servlets API,

So like Servlets, JSP (Java Server Pages) also has access to all the powerful Enterprise java
APIs, including the JDBC, JNDI, EJB or etc.

JSP pages can be used in combination with servlets that handle the business logic, the model
supported by Java servlet template engines.

2) Eclipse

Eclipse is an integrated development environment (IDE) used in computer programming and it

is the most widely used Java IDE.

It contains a base workspace and an extensible plug-in system for customizing envi-
ronment.
Eclipse is written mostly in Java and its primary use is for developing Java applications.

E-learning Management System

25
 Codes & Snapshots

3) Tomcat-Server
Tomcat is reference implementation of the JSP and Servlet specifications
Its open source development model helps fix bugs by the developers themselves
Apache Tomcat, often referred to as Tomcat Server, is an open-source Java servlet
Container developed by the Apache Software Foundation(ASF).

Tomcat implements several Java EE specifications including Java servlet, Java Server
Pages (JSP), Java EL, and Web Socket, and provides a
"pure Java" HTTP web server environment in which Java code can run.

4) HTML

HTML is the standard markup language for creating Web pages. HTML stands for
Hyper Text Markup Language. HTML describes the structure of Web pages using
markup. HTML elements are the building blocks
of HTML pages. HTML elements are represented by tags.

5) CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the pre-
sentation of a document written in a markup language.

6) JAVA-SCRIPT
JavaScript is a lightweight, interpreted programming language. It is designed for creat-
ing network-centric applications. It is complimentary to and integrated with Java.
JavaScript is very easy to implement because it is integrated with HTML. It is open
and cross-platform.

E-learning Management System

26
 Codes & Snapshots

7) Connector and Driver

There is need to load the driver class of the database management system(dbms) in the
java.
Every database management system has its own separate driver class which was devel-
oped so the DBMS can be able to connect with the java. If the driver class can not be
loaded due to some reason then the program will not be able to communicate with data-
base. After load the driver successfully we use the MySQL connector to connect with
the database.

E-learning Management System

27
 Codes & Snapshots

-Table 2 Tools And Platform

E-learning Management System

28
 Conclusion & Future Works

Chapter-5
2) Conclusion & Future Works

Conclusion of the Project E-learning Management System:

Our project is only a humble venture to satisfy the needs to manage their project work. Sev-
eral user friendly coding have also adopted. This package shall prove to be a powerful pack-
age in satisfying all the requirements of the school. The objective of software planning is to
provide a frame work that enables the manger to make reasonable estimates made within a
limited time frame at the beginning of the software project and should be updated regularly
as the project progresses.

At the end it is concluded that we have made effort on following points...

 A description of the background and context of the project and its relation to
work already done in the area.
 Made statement of the aims and objectives of the project.
 The description of Purpose, Scope, and applicability.
 We &fine the problem on which we are working in the project.
 We describe the requirement Specifications of the system and the actions that can
be done on these things.
 We understand the problem domain and produce a model of the system,
which describes operations that can be performed on the system.
 We included features and operations in detail, including screen layouts.
 We designed user interface and security issues related to system.
 Finally the system is implemented and tested according to test cases.

E-learning Management System

29
 Codes & Snapshots

Future Scope of the Project:

In a nutshell, it can be summarized that the future scope of the project circles around main-
taining information regarding:

 We can add printer in future.

 We can give more advance software for E-learning Management System including
more facilities
 We will host the platform on online servers to make it accessible worldwide
 Integrate multiple load balancers to distribute the loads of the system
 Create the master and slave database structure to reduce the overload of the database
queries
 Implement the backup mechanism for taking backup of codebase and database
on regular basis on different servers

The above mentioned points are the enhancements which can be done to increase the ap-
plicability and usage of this project. Here we can maintain the records of Assignment and
Student. Also, as it can be seen that now-a-days the players are versatile, i.e. so there is a
scope for introducing a method to maintain the E-learning Management System. En-
hancements can be done to maintain all the Assignment, Student, TEACHER, QUIZ,
QUESTION.

We have left all the options open so that if there is any other future requirement in the
system by the user for the enhancement of the system then it is possible to implement
them. ln the last we would like to thanks all the persons involved in the development of
the system directly or indirectly. We hope that the project will serve its purpose for which
it is develop there by underlining success of process.

E-learning Management System

30
 Codes & Snapshots

D. Chapter-6

1) Codes & Snapshots

Admin_main.php

<?php
include("classes/admin.php");
$admin=new admin;
$userd=$admin->show_users();

?>

<!doctype html>
<html lang="en">
<head>

<!-- <link href="../online_quize/admin/bootstrap.min.css" rel="stylesheet"> -->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">

<title>Admin panel</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-

Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/

Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QK-
tv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-
JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">

<!-- font awsome cdn -->
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
E-learning Management System
31
 Codes & Snapshots
<style type="text/css">

.sidebar-list
{
margin-right: -15px;

font-family: 'Quicksand', sans-serif;

font-size: 14px
}

.sidebar-list li:hover
{
background-color: deepskyblue !important;
}
.sidebar-list li a
{
color:white;
text-decoration: none;
}

.mytable1 .card
{
background: #5f2c82; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #49a09d, #5f2c82); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #49a09d, #5f2c82); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

.mytable2 .card
{
background: #EC6F66; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F3A183, #EC6F66); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F3A183, #EC6F66); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.card
{
overflow: hidden;
transition: all 0.9s ease;
}
.card:hover
{
transform: scale(1.04);
}

</style>

E-learning Management System

32
 Codes & Snapshots
</head>

<body style="background-color:#f1efef">

<nav class="navbar navbar-expand-lg navbar-light bg-dark fixed-top">

<a class="navbar-brand text-white" href="#">Unique Developer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbar-
SupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">

<ul class="navbar-nav mr-auto ">
<li class="nav-item active">
<a class="nav-link text-white" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<!-- <li class="nav-item">
<a class="nav-link text-white" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-
haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu text-white" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li> -->
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>

<!-- sidebar starts -->

<div class="container-fluid" style="margin-top: 50px;" >

<div class="row">
<div class="col-sm-2 col-md-2 sidebar badge-dark" style="margin:inherit;" id="sidebar" >
<ul class="list-group text-white sidebar-list">
<li class="list-group-item bg-dark "><a href="">Welcome Admin</a></li>
<li class="list-group-item bg-dark "><a href="manage_courses/manage_courses.php">Manage Courses</a></li>
E-learning Management System
33
 Codes & Snapshots
<li class="list-group-item bg-dark"><a href="">Manage Quize</a></li>
<li class="list-group-item bg-dark"><a href="">Manage Videos</a></li>
<li class="list-group-item bg-dark"><a href="">Manage Comments</a></li>
<li class="list-group-item bg-dark"><a href="">Manage Users</a></li>
<li class="list-group-item bg-dark"><a href="">Logout</a></li>
<li class="list-group-item bg-dark" style="height: 400px;"></li>
</ul>
</div>

<!-- sidebar ends -->

<!-- main content starts -->

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

<div class="card-header bg-white" style="margin-right: -45px; height: 60px;">
<b>DASHBOARD</b>
<button type="btn btn-outline-success" class="btn btn-primary float-right" style="height: 40px;"><a href="../login.php" class="text-
white ">Logout</a> </button>
</div>
<div class="row">

<div class="col-md-4 mt-3 ml-5">

<div class="card shadow " style="width: 18rem; box-shadow: 1px 1px 1px 1px #e1dbdb; border-radius:0px; border-top-left-radius:
0px; cursor:pointer;">
<!-- <div class="card-header">
Your Courses
</div> -->

<img class="myimg" src="../uploadimg/file3.png" alt="Card" width="288" height="200">

<div class="card-body">
<p class="card-text"><a href="manage_courses/manage_courses.php" style="text-decoration: none;">MANAGE YOUR COURSE
<i class="fa fa-book ml-3"></i></a></p>
</div>
</div>

</div>

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

<div class="card shadow" style="width: 18rem;cursor:pointer; box-shadow:1px 1px 1px 1px #e1dbdb; border-radius:0px; border-
top-left-radius: 0px;">
<!-- <div class="card-header">
Your Courses
</div> -->

E-learning Management System

34
 Codes & Snapshots
<img class="" src="../uploadimg/file4.png" alt="Card" width="288" height="200">
<div class="card-body">
<p class="card-text "><a href="manage_videos/manage_videos.php" style="text-decoration: none; color: orangered">MANAGE
YOUR VIDEOS</a><i class="fa fa-video-camera ml-3" style="color: orangered"></i></p>
</div>
</div>

</div>

<!-- no of courses and videos starts -->

<div class="col-sm-3 mt-3">

<table class="table table-borderless">

<tbody >
<tr>
<td class="mytable1">
<div class="card shadow border-0 " style="width: 15rem; height: 110px; box-shadow: 2px 3px #827171; border-radius:0px; border-
top-left-radius: 0px;">

<div class="card-body">
<p class="card-text text-white"><b class="h4">No. Of Courses </b><br><span style="font-size: 20px;"><?php $admin-
>display_course_count(); ?></span></p>
</div>
</div>

</td>

</tr>
<tr>
<td class="mytable2">
<div class="card shadow border-0" style="width: 15rem; height: 110px; box-shadow: 2px 2px #827171; border-radius:0px; border-
top-left-radius: 0px;">

<div class="card-body">
<p class="card-text text-white"><b class="h4">No. Of Videos</b><br><span style="font-size: 20px;"><?php $admin-
>display_video_count(); ?></span></p>
</div>

</td>

</tr>

</tbody>
</table>

</div> <!-- no of courses and videos starts -->

E-learning Management System

35
 Codes & Snapshots
</div>

<div class="row "> <!-- second row closed -->

<div class="col-md-8"> <!-- list of users starts -->

<table class="table ml-5 bg-white shodow pl-5 table-responsive" style=" height : 355px;overflow-y: scroll;display: inline-block;
width: 640px;">

<!-- table stsrts --> <!-- use table-responsive class -->

<p class="ml-5">List of users</p>
<thead>
<tr>

<th scope="col">id</th>
<th scope="col">Username</th>
<th scope="col">Password</th>
<th scope="col">email id</th>
</tr>
</thead>
<tbody style="">

<?php
foreach ($userd as $userdata) {

?>
<tr >
<th scope="row"><?php echo $userdata['id']; ?></th>
<td ><?php echo $userdata['username']; ?></td>
<td><?php echo $userdata['password']; ?></td>
<td><?php echo $userdata['email']; ?></td>
</tr>

<?php } ?>
</tbody>
</table>

<!-- table ends -->

</div> <!-- list of users ends -->

<div class="col-md-3 mt-5 ml-5">

<div class="card shadow" style="width: 15rem; height:22rem; box-shadow:1px 1px 1px 1px #e1dbdb; border-radius:0px; border-
top-left-radius: 0px;">
<!-- <div class="card-header">
Your Courses
</div> -->

E-learning Management System

36
 Codes & Snapshots
<img class="" src="../uploadimg/file6.png" alt="Card" width="210" height="300">
<div class="card-body">
<p class="card-text "><a href="manage_quiz/manage_quiz.php" style="text-decoration: none; color: orangered">MANAGE YOUR
QUIZ</a></p>
</div>
</div>

</div>

</div> <!-- second row closed -->

<div class="row"> <!-- third row starts -->

<div class="col-md-8 ml-5"> <!-- FAQ section starts -->

<table class="table bg-white" style="height : 355px;overflow-y: scroll;display: inline-block; width:640px">

<caption>List of users</caption>
<thead>
<tr>
<th>id</th>
<th scope="col">MANAGE FAQs <a href="" class="float-right" style="text-decoration: none;">Edit</a></th>
</tr>
</thead>
<tbody>

<?php $faq=$admin->display_faq_list();

foreach ($faq as $faq_list)

{

?>

<tr style="width: 500px;" >

<th><?php echo $faq_list['id']; ?></th>
<td><?php echo $faq_list['faq_title']; ?><br><blockquote class="rounded p-2 text-muted " style="font-size: 13px; background-color:
#db6a8f57;"><?php echo $faq_list['faq_description']; ?></blockquote></td>
</tr>

<?php } ?>

</tbody>
</table>
</div> <!-- FAQ section ends -->

</div> <!-- third row starts -->

E-learning Management System
37
 Codes & Snapshots

</div>

<!-- main content starts -->

</div> <!-- main row closed -->

</div> <!-- container closed -->

<!-- Bootstrap core JavaScript

================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaRO-
jHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="../../assets/js/vendor/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>

Manage_course.php

<?php

class manage_courses_class
{

public $host="localhost";
public $username="root";
public $pass="";
public $db_name="uniquedeveloper";
public $conn;
public $course_list;

E-learning Management System

38
 Codes & Snapshots
public function __construct()
{
$this->conn=new mysqli($this->host,$this->username,$this->pass,$this->db_name);
if ($this->conn->connect_errno)
{
die("connection failed");
}
}

public function display_courses()

{
$query="select * from programming_languages";
$result=$this->conn->query($query);

while($row=$result->fetch_array(MYSQLI_ASSOC))
{
$this->course_list[]=$row;
}
return $this->course_list;
}
}

?>

Home.php

<?php

session_start();

if (!isset($_SESSION['username'])) {
header('location:login.php');
# code...

?>

<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Aleo" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

<title>Unique Developer</title>
<!----magnific popup css file for work section -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
E-learning Management System
39
 Codes & Snapshots
<!----owlcarousel css file for our team section -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">

<!----Linking google fonts-->

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">

<!----font-awsome start-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!----font-awsome ends-->

<!----css file link-->

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

<!----favicon setting-->
<link rel="shortcut icon" type="text/css" href="img/mylogo.png">

<!-- Latest compiled and minified CSS -->

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

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!----magnific popup js file for work section -->

<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>

<!----owlcarousel js file for our team section -->

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

<!-- Latest compiled JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!----------email notification-------->

<!-- <link rel="stylesheet" href="assets/tether/tether.min.css">

<link rel="stylesheet" href="assets/theme/css/style.css">

<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> -->

E-learning Management System

40
 Codes & Snapshots

<style type="text/css">

.servicebody
{

html
{
scroll-behavior: smooth;
}
</style>

</head>
<body onload="myfunction()">
<!---preloader starts ----->

<div id="loading"></div>

<!---preloader Ends ----->

<!---Navigation Starts ----->

<nav class="navbar navbar-inverse navbar-fixed-top">

<div class="container">
<div class="navbar-header">
<!------Responsive Button---->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navi">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>

<h1 style="color: white;margin-top: 10px;" id="myhead">Unique Developer</h1>

</div>
<div class="collapse navbar-collapse" id="navi">
<!------Navigation menus starts---->
<ul class="nav navbar-nav navbar-right">
<li> <a href="">Home</a></li>
<li> <a href="#myservice_section">Our Service</a></li>
<li> <a href="#work">Works</a></li>
<li> <a href="#our-members">Team</a></li>
<li> <a href="#myfaq">FAQs</a></li>
<li> <a href="">Carrier</a></li>
<li> <a href="logout.php" id="our-location" class="btn-success" ><?php echo $_SESSION['username']; ?></a></li>
E-learning Management System
41
 Codes & Snapshots
</ul>
<!------Navigation menus ends---->
</div>
</div>
</nav>
<!---Navigation Ends ----->

<!---Slider Section starts ------->

<section class="slider text-center" id="slider">
<div class="slider-overlay">
<div class="slider-content">
<div class="icons">

<i class="fa fa-apple"></i>

<i class="fa fa-android"></i>
<i class="fa fa-windows"></i>
</div>
<br>
<div class="text"> <!-- jquery typed effect -->

</div>
<div class="cta-div">
<a href="" class="btn1">CONTACT US</a>
<a href="#myservice_section" class="btn2">LEARN TODAY</a>
</div>
<br><br>
<div class="social-networks">
<a href="https://www.facebook.com/Unique-Developer-282626055790378/?modal=admin_todo_tour" class="fa fa-facebook"></a>
<a href="https://twitter.com/SunilYa35862617" class="fa fa-twitter"></a>
<a href="https://www.instagram.com/unique_developer" class="fa fa-instagram"></a>
<a href="" class="fa fa-reddit"></a>
<a href="https://www.linkedin.com/in/sunil-yadav-70b3bb181/" class="fa fa-linkedin"></a>
<a href="" class="fa fa-cog"></a>
</div>
</div>
</div>
</section>

<!---Slider Section ends------->

<!---Login Start------->

<div class="modal fade modal-dialog-centered" id="mymodal">

<div class="modal-dialog ">
<div class="modal-content">
<h3 id="login-heading">Login</h3>

<div class="modal-body" >

<div class="left-box">
<form method="POST" action="validation.php">
<div class="form-group">
<label><i class="fa fa-user fa-2x"></i>Username :</label>
E-learning Management System
42
 Codes & Snapshots
<input type="text" name="name" class="form-control">

<label><i class="fa fa-lock fa-2x"></i>Password :</label>

<input type="password" name="password" class="form-control">
<button id="btn-login" type="submit">Login</button>

</div>
<div class="register">
<h2>Don't have an account?&nbsp<span id="create-account"><a href="signup.html">Create</span></a> </h2>
</div>

</form>
</div>
<div class="right-box">
<span class="signinwith">Sign in With <br> Social Networks</span>

<button class="social facebook">Log in with Facebook</button>

<button class="social twitter">Log in with twitter</button>
<button class="social google">Log in with gmail</button>
</div>

</div>

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

<!---Login Ends------->

<!---Our Services Section Start------->

<br><br>
<div class="container-fluid servicebody" id="myservice_section">
<div class="service-are" id="service">
<div class="row">
<div class="col-xs-12">
<div class="section-title text-center">
<h2><b>SERVICES</b></h2>
<p>
this is our serices theses are the services provided by us <br>this are the services provided by us
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="service-wrap text-center">
<div class="service-icon">
<i class="fa fa-leaf"></i>
</div>
<h3><a href="programmingdemo.php">PROGRAMMING</a></h3>
E-learning Management System
43
 Codes & Snapshots
<p>
Here you will find all the lecture tutorials related to programming languages
like JAVA,PYTHON,ANDROID etc
</p>
</div>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">

<div class="service-wrap text-center">
<div class="service-icon">
<i class="fa fa-laptop"></i>
</div>
<h3><a href="video tutorials\java\display_video_courses.php">VIDEO TUTORIALS</a></h3>
<p>
Here you will find all the videos tutorials related to programming languages
like JAVA,PYTHON,ANDROID etc
</p>
</div>
</div>

<div class="col-md-4 col-sm-6 col-xs-12">

<div class="service-wrap text-center">
<div class="service-icon">
<i class="fa fa-laptop"></i>
</div>
<h3><a href="online_quize/quizhome.php">EXERCISE</a></h3> <!-- exercise/exercise.php -->
<p>
Here you will find problem programs for practice and their implementation also which will improve your coding skill
</p>
</div>
</div>
<!--
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="service-wrap text-center">
<div class="service-icon">
<i class="fa fa-laptop"></i>
</div>
<h3><a href="">WEB DESIGN</a></h3>
<p>
this is our serices theses are the services provided by us <br>this are the services provided by us
</p>
</div>
</div>
-->
<!-- <div class="col-md-4 col-sm-6 col-xs-12">
<div class="service-wrap text-center">
<div class="service-icon">
<i class="fa fa-laptop"></i>
</div>
<h3><a href="">COMPUTER SCIENCE</a></h3>
<p>
this is our serices theses are the services provided by us <br>this are the services provided by us
E-learning Management System
44
 Codes & Snapshots
</p>
</div>
</div>
-->
<!-- <div class="col-md-4 col-sm-6 col-xs-12">
<div class="service-wrap text-center">
<div class="service-icon">
<i class="fa fa-user"></i>
</div>
<h3><a href="">TECH NEWS</a></h3>
<p>
this is our serices theses are the services provided by us <br>this are the services provided by us
</p>
</div>
</div> -->
</div>
</div>
</div>

<!---Our Services Section Ends------->

<!---Emailnotification Section Start------->

<!---Emailnotification Section Start------->

<!---Our Services Section Ends------->

<section class="work" id="work"><br>

<h2 id="work-heading" class="text-center" style="font-weight: bold;">OUR WORK</h2>
<p class="text-center">join us to improve your works join us to improve your works</p>
<div class="container-fluid">
<!---first row start-->
<div class="row no-gutters">
<div class="col-md-3 col-sm-3 col-xs-3">
<div class="img-wrapper">
<a href="img/work1.png" title="this is a sky image">
<img src="img/work1.png" class="img-responsive">
</a>

</div>

</div>

<div class="col-md-3 col-sm-3 col-xs-3">

<div class="img-wrapper">
<a href="img/work2.png" title="this is a sky image">
<img src="img/work2.png" class="img-responsive">
</a>

E-learning Management System

45
 Codes & Snapshots
</div>

</div>

<div class="col-md-3 col-sm-3 col-xs-3">

<div class="img-wrapper">
<a href="img/work3.png" title="this is a sky image">
<img src="img/work3.png" class="img-responsive">
</a>

</div>

</div>

<div class="col-md-3 col-sm-3 col-xs-3">

<div class="img-wrapper">
<a href="img/work4.png" title="this is a sky image">
<img src="img/work4.png" class="img-responsive">
</a>

</div>

</div>

<!---first row ends-->

<!-------second row starts --->

<div class="col-md-3 col-sm-3 col-xs-3">

<div class="img-wrapper">
<a href="img/work5.png" title="this is a sky image">
<img src="img/work5.png" class="img-responsive">
</a>

</div>

</div>

<div class="col-md-3 col-sm-3 col-xs-3">

<div class="img-wrapper">
<a href="img/work6.png" title="this is a sky image">
<img src="img/work6.png" class="img-responsive">
</a>

</div>

</div>

<div class="col-md-3 col-sm-3 col-xs-3">

E-learning Management System
46
 Codes & Snapshots
<div class="img-wrapper">
<a href="img/work7.png" title="this is a sky image">
<img src="img/work7.png" class="img-responsive">
</a>

</div>

</div>

<div class="col-md-3 col-sm-3 col-xs-3">

<div class="img-wrapper">
<a href="img/work8.png" title="this is a sky image">
<img src="img/work8.png" class="img-responsive">
</a>

</div>

</div>

<!---second row ends-->

</div>

</section>

<!---Our Services Section Ends------->

<!-- introduction video section starts -->

<!-- <br><br><br><br>

<section class="header7 cid-rjrjygOfd1" id="header7-3">

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

<div class="media-content align-right">

<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-1">
Intro with Video
</h1>
<div class="mbr-section-text mbr-white pb-3">
<p class="mbr-text mbr-fonts-style display-5">
Intro with background color, paddings and a video on the right. Mobirise helps you cut down development time by providing you
with a flexible website editor with a drag and drop interface.
</p>
</div>
<div class="mbr-section-btn">
E-learning Management System
47
 Codes & Snapshots
<a class="btn btn-md btn-primary display-4" href="https://mobirise.co">LEARN MORE</a>
<a class="btn btn-md btn-white-outline display-4" href="https://mobirise.co">LIVE DEMO</a>
</div>
</div>

<div class="mbr-figure" style="width: 100%;"><iframe class="mbr-embedded-video"

src="https://www.youtube.com/embed/uNCr7NdOJgw?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loop=0" width="1280"
height="720" frameborder="0" allowfullscreen></iframe></div>

</div>
</div>
</section> -->

<!-- introduction video section ends -->

<!---Our Team Section Start------->

<br><br><br>
<div class="container text-center" id="our-members">
<h2><b>MEMBERS</b></h2>
<p>
These are our excellent member .you can contact anyone anytime <br> and all are experts and well experience
</p>
</div>

<div class="container">
<div class="row">
<div class="col-md-12">
<div id="team-memebers" class="owl-carousel owl-theme">
<div class="team-member text-center">
<img src="img/sunil.jpg" class="img-responsive">
<div class="team-member-info text-center">
<h4 class="team-member-name">Sunil yadav</h4>
<h4 class="team-member-designation">ceo</h4>
<ul class="social-list">
<li><a href="https://www.facebook.com/profile.php?id=100004910078558" class="social-icon icon-gray"><i class="fa fa-
facebook"></i></a></li>
<li><a href="https://twitter.com/SunilYa35862617" class="social-icon icon-gray"><i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
E-learning Management System
48
 Codes & Snapshots

<div class="team-member text-center">

<img src="img/mangu.png" class="img-responsive">
<div class="team-member-info text-center">
<h4 class="team-member-name">Mangesh yadav</h4>
<h4 class="team-member-designation">Sr. Developer</h4>
<ul class="social-list">
<li><a href="" class="social-icon icon-gray"><i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>

<div class="team-member text-center">

<img src="img/deepak.jpg" class="img-responsive">
<div class="team-member-info text-center">
<h4 class="team-member-name">Deepak yadav</h4>
<h4 class="team-member-designation">Jr. Developer</h4>
<ul class="social-list">
<li><a href="" class="social-icon icon-gray"><i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>

<div class="team-member text-center">

<img src="img/danish.jpg" class="img-responsive">
<div class="team-member-info text-center">
<h4 class="team-member-name">Danish Shamsi</h4>
<h4 class="team-member-designation">Sr. Developer</h4>
<ul class="social-list">
<li><a href="" class="social-icon icon-gray"><i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>

<div class="team-member text-center">

<img src="img/sunil2.jpg" class="img-responsive">
<div class="team-member-info text-center">
<h4 class="team-member-name">Sunil yadav</h4>
<h4 class="team-member-designation">ceo</h4>
<ul class="social-list">
<li><a href="" class="social-icon icon-gray"><i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon icon-gray"><i class="fa fa-twitter"></i></a></li>
E-learning Management System
49
 Codes & Snapshots
<li><a href="" class="social-icon icon-gray"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>

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

<!---Our Team Section Ends------->

<!--
===============================================================================================
================================ -->

<!--
===============================================================================================
================================ -->
<!---FAQs Section Start------->

<br><br><br>
<section class="faq" id="myfaq">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2><b>GENERAL FAQs</b></h2>
<div class="sub-heading">
<p>
you can ask the regarding the issues.we will <br>solve that together for sure
</p>

</div>
</div>

</div>
</div> <br><br><br>
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="panel-group" id="accordian">

E-learning Management System

50
 Codes & Snapshots
<?php

$con=mysqli_connect('localhost','root');
if (!$con) {
die('connection failed'.mysqli_connect_error());
}

mysqli_select_db($con,'uniquedeveloper');

$sql="select * from faq";

$result=mysqli_query($con,$sql);
while ($row=mysqli_fetch_array($result))
{
?>

<div class="panel panel-default">

<div class="panel-heading" id="headingOne">
<h4 class="panel-title">
<a href="#<?php echo $row['id']; ?>" data-toggle="collapse" class="collapse" data-parent="#accordian"><?php echo $row['faq_ti-
tle']; ?></a>
</h4>
</div>
<div id="<?php echo $row['id']; ?>" class="panel-collapse collapse " aria-labelledby="headingOne">
<div class="panel-body">
<p>
<?php echo $row['faq_description']; ?>
</p>
</div>
</div>
</div>

<?php } ?>

<div class="panel panel-default">

<div class="panel-heading" id="headingTwo">
<h4 class="panel-title">
<a href="#collapseTwo" class="collapsed" data-toggle="collapse" data-parent="#accordian">How does it works ?</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" aria-labelledby="headingTwo">
<div class="panel-body">
<p>
Unique Developer is an online E-learning website <br>
here you can learn programming languages,Tech News and improve your coding skill
</p>
</div>
</div>
</div>

E-learning Management System

51
 Codes & Snapshots

</div>
</div>

<div class="freeimage" id="meimg">

<div class="col-md-2 col-md-offset">
<img src="img/faq1.png">
</div>
</div>

</div>
</div>

</section>

<!---FAQs Section Ends------->

<!---Contact us Section Start------->

<!------ Include the above in your HEAD tag ---------->

<div class="row text-center">

<h2><b>CONTACT US</b></h2><br><br>
<center>
<div class="card" style="width: 30rem;">
<div class="card-body border-info">

<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">message</label>
<input type="password" class="form-control" placeholder="enter your message">
</div>

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

</form>
</div>
</div></center>
</div>

E-learning Management System

52
 Codes & Snapshots

<!---Contact us Section Ends------->

<!---footer Section Start ----->

<!---footer Section Ends----->

<!---This is script section------->

<script type="text/javascript">

var preloader=document.getElementById('loading');
function myfunction()
{
preloader.style.display='none';
}

function addButton() {
var body=document.getElementsByTagName('body')[0];
var myfaq1=document.getElementById('myfaq');
var btn=document.createElement('button');
btn.innerHTML='sunil';
myfaq1.appendChild(btn);
body.appendChild(myfaq);
}

</script>

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

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

<!-- <script src="assets/popper/popper.min.js"></script>

<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
E-learning Management System
53
 Codes & Snapshots
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/theme/js/script.js"></script> -->

</body>
</html>

Login.php

<?php

session_start();

?>

<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Aleo" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

<title>Unique Developer</title>
<!----Linking google fonts-->
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">

<!----font-awsome start-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!----font-awsome ends-->

<!----css file link-->

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

<!----favicon setting-->
<link rel="shortcut icon" type="text/css" href="img/mylogo.png">

<!-- Latest compiled and minified CSS -->

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

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- Google Client id to integrate google signin-->

<meta name="google-signin-client_id" content="808976312783-

k901nr0n50did222qa275k0umvn4rpi1.apps.googleusercontent.com">
E-learning Management System
54
 Codes & Snapshots

<!-- Google JavaScript file to integrate google signin-->

<script src="https://apis.google.com/js/platform.js" async defer></script>

<!-- Google custom JavaScript file to integrate google signin-->

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

<!----------email notification-------->

<script type="text/css">

</script>

</head>
<body>
<!---Navigation Starts ----->

<nav class="navbar navbar-inverse navbar-fixed-top">

<div class="container">
<div class="navbar-header">
<!------Responsive Button---->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navi">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>

<h1 style="color: white;margin-top: 10px;" id="myhead">Unique Developer</h1>

</div>
<div class="collapse navbar-collapse" id="navi">
<!------Navigation menus starts---->
<ul class="nav navbar-nav navbar-right">
<li> <a href="">Home</a></li>
<li> <a href="">Our Service</a></li>
<li> <a href="">Works</a></li>
<li> <a href="">Team</a></li>
<li> <a href="">About</a></li>
<li> <a href="">Carrier</a></li>
<li> <a href="" id="our-location" class="btn-success" data-target="#mymodal" data-toggle="modal">Login/Signup</a></li>
</ul>
<!------Navigation menus ends---->
</div>
</div>
E-learning Management System
55
 Codes & Snapshots
</nav>
<!---Navigation Ends ----->

<!---Slider Section starts ------->

<section class="slider text-center" id="slider">
<div class="modal-dialog ">
<div class="modal-content">
<h3 id="login-heading">Login</h3>

<div class="modal-body" >

<div class="left-box">
<form method="POST" action="validation.php" onsubmit="return validation()">
<div class="form-group">
<label><i class="fa fa-user fa-2x"></i>Username :</label>
<input type="text" autocomplete="off" name="name" class="form-control" id="username" onkeypress="clear()">

<label><i class="fa fa-lock fa-2x"></i>Password :</label>

<input type="password" autocomplete="off" name="password" class="form-control" id="password">

<span id="perror"><?php
if(isset($_SESSION['error']))
{
echo "wrong username or password";
}
else{ echo " ";}
?>

</span>
<button id="btn-login" type="submit">Login</button>

</div>
<div class="register">
<h2>Don't have an account?&nbsp<span id="create-account"><a href="signup.html">Create</span></a> </h2>
</div>

</form>
</div>
<div class="right-box">
<span class="signinwith">Sign in With <br> Social Networks</span>

<button class="social facebook">Log in with Facebook</button>

<button class="social twitter">Log in with twitter</button>
<button type="submit" class="social google g-signin2" data-onsuccess="onSignIn()">Log in with gmail</button>
</div>

</div>

</div>
</div>
E-learning Management System
56
 Codes & Snapshots
</section>

<!---Slider Section ends------->

<!---confirm password validation Start------->

<script type="text/javascript">

function validation() {
var username=document.getElementById('username').value;
var password=document.getElementById('password').value;

if ((username=="") ||( password==""))

{
document.getElementById('perror').innerHTML="please fill the details";
return false;
}
}

function clear() {
document.getElementById('perror').innerHTML="ksdfisdhfg";
}

</script>
<!---confirm password validation end------->

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

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

</body>
</html>

E-learning Management System

57
 Codes & Snapshots

Appendix A
<<Snapshots of the project>>

E-learning Management System

58
 Codes & Snapshots

E-learning Management System

59
 Codes & Snapshots

Snapshot 14 Delete Existing Course

E-learning Management System

60
 Codes & Snapshots

E-learning Management System

61
 Codes & Snapshots

II. REFERENCES

 Nichols, M. (2007). "E-learning in context"

 Kalantzis, Mary and Bill Cope. 2015. "Learning and New Media." Pp. 373-387
in The Sage Handbook of Learning, edited by D. Scott and E. Hargreaves.
Thousand Oaks CA: Sage. | download

 Cope, Bill and Mary Kalantzis. 2015. "Assessment and Pedagogy in the Era of
Machine-Mediated Learning."

 Pp. 350-374 in Education as Social Construction: Contributions to Theory, Re-

search, and Practice, edited by T. Dragonas, K. J. Gergen, and S. McNamee.
Chagrin Falls OH: Worldshare Books. | download

 Cope, Bill and Mary Kalantzis. 2015

E-learning Management System

62