E-learning Management System

SUBMITTED IN PARTIAL FULFILLMENT O THE REQUIREMEN FOR THE AWARD OF THE

DGREE

Bachelor of Computer Application

Submitted To : Submitted By :

Mr. Saurabh Srivastava Name: Amit Kumar Tiwari

Enrollment No. AT147297002
Roll No: 155306
Study Institute code No. 7297

Submitted To:
Makhanlal Chaturvedi National University of Journalism and
Communication, Bhopal
 Film Institute of eMITS, Lucknow

Project Certificate
This is to certify that the E-Learning Management System project report entitled submitted to
Makhanlal Chaturvedi National University of Journalism & Communication, 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 AMIT KUMAR TIWARI with
Enrolment no. AT147297002 Under the Supervision of Mr. SAURABH SRIVASTAVA .

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 : [email protected]
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
encouragement, 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
Application (BCA) in session (years 2018 to 2021) to the Makhanlal Chaturvedi National University of
Journalism & 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

CONTENTS Page No.

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
3.6 Project Scheduling……………………………………………………………………… 12
3.7 Project Profile……………………………………………………………………………… 13
3.8 Use Case Model of the Project…………………………………………………… 14

VI
 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
assist 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
information 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 information 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
requirements, so that their valuable data/information can be stored for a longer period with easy
accessing 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, secure, reliable and fast management system. It can assist 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. 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

resource management of Assignment data.

• Manage the information of QUIZ

• Integration of all records of QUESTION.

E-learning Management System

2
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
various 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.

 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
details.

• 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

details 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

a) Focused Modules:
o Registration:-

In this, first the interested students get registered by selecting their desired username and
password 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
password 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
enter wrong username or password then they block their account temporary and after some
security verification they will able to access their account.

o Homepage:-

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.
 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
register 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
administrator is guaranteed the access. The purpose of the project is to build an application
program to reduce the manual work for managing the Assignment, Student, CLASS, TEACHER.
It tracks all the details about the TEACHER, QUIZ, QUESTION.
 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
establishing 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
software development deals with transforming the client’s requirements into a logically working
system. 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
analysis 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
 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
Laboratory. 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
object-relational impedance mismatch in relational database, and XML databases.
 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.
 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
 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

 Project Profile

There has been continuous effort to develop tools, which can ease the process of software
development. But, with the evolving trend of different programming paradigms today's software
developers are really challenged to deal with the changing technology. Among other issues,
software re-engineering is being regarded as an important process in the software development
industry. 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 manual 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
diagrams, which can depict the structure of a program in a better way. Today, UML is being
considered 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
implementation 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
parallel 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
program 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
language, 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,
advanced concepts are used less often.
 A class diagram describes the types of objects in the system and the various kinds of static
relationship 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
revealing the internal structure of the system. An use case typically represents a
sequence 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
communication relationship. When a stick person icon represents an external
system it is annotated by the stereo system>>.
Figure 2 : Use Case Diagram
 Dataflow Diagram:

Data flow diagram IS the starting point of the design phase that functionally decomposes the
requirements specification. A DFD consists of a series of bubbles joined by lines. The bubbles
represent 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
significant 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 illustrates this flow of Information in a process based on the inputs and outputs. A DFD can
be referred 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.
 a) 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
external data source or an internal data store to an internal data store or an external data sink, via
an internal 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 outside world are modeled purely in terms of data flows across the system boundary. The
context diagram shows the entire system as a Single process, and gives no clues as to its internal
organization.
This context-level DFD is next "exploded", to produce a Level 1 DFD that shows some of the
detail 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
external 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

relational 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

 2

b) Figure 4: E-R Diagram

 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
implements 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

specifications for individual modules and programs, job streams, subsystems, and for
the system 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
programs, 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
becomes 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
 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.

 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.

.

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.

  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

environment.
Eclipse is written mostly in Java and its primary use is for developing Java applications.
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
presentation of a document written in a markup language.

6) JAVA-SCRIPT
JavaScript is a lightweight, interpreted programming language. It is designed for
creating 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.
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
developed 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
database. After load the driver successfully we use the MySQL connector to connect
with the database.
-Table 2 Tools And Platform
 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.
Several user friendly coding have also adopted. This package shall prove to be a powerful
package 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
maintaining 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
applicability 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.
Enhancements 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
 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+Y1QKtv3Rn7W3mgPxhU9K/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">
<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>
 </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="navbarSupportedContent" 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>
 <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> -->
 <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 -->

 </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> -->
 <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 -->

 </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+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/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;
 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">
 <!----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"> -->
 <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>
</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>
<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>
<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
</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>

</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">

<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">
<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>

<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>
<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">

<?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_title']; ?></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>

</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>

<!---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>
<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">

<!-- 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>
</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>
</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>
Appendix A
<<Snapshots of the project>>
Snapshot 14 Delete Existing Course
 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,

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

 Cope, Bill and Mary Kalantzis. 2015