Introduction:

LMS is also known as a learning management system which is defined as the E-learning process where
students can earn extra knowledge by joining the educational application environment. LMS system will
help the educator and student to teach and learn the course online where the LMS organization will
provide the certificate to the students who completed his/her courses as per the requirements of the
system. There are three sections on this webpage and they are student, instructor, and admin. The
student has limited features like registering, login in, viewing the course, lesion, and quiz, course add to
cart, manage own course and lesson. Similarly, the instructor has more features like managing students,
courses, lessons, quizzes, and logging in. In the final, admin where can manage the whole system like
registering instructors and students into the system, managing courses, lessons, quizzes, and new
admin. They can also manage the cart which is booked by the student. The system which is developed
operated as dynamic features which admin can make a CRUD operation to control the system features
and functionalities. LMS is an open-source internet learning application where the student or any users
who are eager to learn something new can easily access the LMS system and learned different new
things related to the course they have chosen. The instructor can share their educational data with the
system where the user can ease and learn online.

System requirement traceability:

Functional requirements traceability:
The functional requirements traceability has defined the features of the website where the user, admin,
and administrator can engage without any difficulties. The requirements traceability defines how the
system can give the dynamic features where it can define how the user can engage with the system
without any failure. The functional requirements are nothing but the inputs to the system and its
outputs and its behavior. It can also help to manipulate the data, calculate, business process, user
interaction, and different other functionality that can define how the system is likely to perform.

FR NO Functional Components Comments

Requirements
FR1 Accessing the course Navbar User can access the course
information from the dropdown
list of navbar which contain the
course title
FR2 Register into the Signup.php User can easily signup into the
system system with their personal details
like firstname, lastname, email,
and username.
FR3 Login Login.php User can login into the system by
using the admin registered email
and password
FR4 View course Course.php User can view the course details
 by using course page where they
can also view the details about the
lesson
FR5 View lesion Course.php User can view the lesion details in
the course page
FR6 Add to cart Course.php User can add the course into the
cart by clicking on the add to cart
button which is located in the
course page
FR7 View or give Quiz Quize.php User can view the quiz or test
question and answer in the quiz
page
FR8 Instructor login Instructor.php Instructor can login into the
system to access the instructor
dashboard by using registered
email and password
FR9 Instructor manage Course.php/new_course.php Instructor can manage the course
course by adding into the system or
deleting from the system
FR10 Instructor manage Lesion.php/add_lession.php Instructor can manage the lesion
lesson by adding into the system or
deleting form the system
FR11 Instructor manage Quize.php/add_quize.php Instructor can manage the quiz by
quiz adding into the system or
removing from the system
FR12 Instructor manage View_student.php Instructor can view the student
student details or can easily remove from
the system clicking on the delete
button
FR13 Instructor manage Home.php Instructor can manage their
dashboard instructor dashboard through
main page
FR14 Manage admin Home.php Admin can manage their admin
dashboard dashboard through main page
FR15 Manage instructor Instructor.php/add_instructor.php Admin can manage the instructor
by registering into the system or
removing from the system
FR16 Manage student Student.php/add_student.php Admin can manage the student by
registering into the system
through the help of information
page details or removing from the
system.
FR17 Manage quiz Quize.php/add_quize.php Admin can manage the quiz by
adding into the system or
removing from the system
FR18 Manage course Course.php/new_course.php Admin can manage the course by
adding into the system or deleting
 from the system
FR19 Manage lesson Lesion.php/add_lession.php Admin can manage the lesion by
adding into the system or deleting
form the system
FR20 Manage admin Admin.php/new_admin.php Admin can add new admin into
the system or removing the old
administrator users from the
system
FR21 Admin login index.php Admin need login to access the
admin dashboard
FR22 Manage student View_student.php Admin can manage the student
information information which is submitted by
the student by removing from the
system or using the details for the
new student registration

Non-functional requirements traceability:

Non-functional requirements have specified the set that can describe how the system operation
constraints, and capabilities and attempt to improve the full functionality of the system. It also allows
imposing restrictions or constraints on the design features of the system through the various agile
backlogs. Non-functional requirements include the vital issues of the system quality and their working
methodology. The most common features of non-functional requirements are scalability, portability,
compatibility, security, performance, availability, and usability.

NFR Non-Functional Components Comments

NO Requirements
NFR1 Scalability Server The LMS system supports the highest
performance and workloads which can enable the workload
speed scale by adding more machines to the pool
servers and also consume less CPU and RAM
where 1,000,000 users can visit at the same
time without any error.
NFR2 Portability Operating system It determines how the system can be launched
support in one or different environments. The system
includes software, platform, or hardware to
establish to run in the different systems but
the LMS system worked perfectly without
showing any error.
NFR3 Compatibility Environment The compatibility of the LMS system defines
support or how the system can coexist with another
software system in the same environment. The system
installation can support different versions of the operating
 system, browsers, or devices.
NFR4 Security Password Security is the main non-functional
security or requirement where it can assure the data
payment which is inside the database is secured or not
processing against malware attacks or unauthorized
gateway access. The user’s data was protected by using
a strong security measure database system
where they can securely store data in the
xampp database server.
NFR5 Performance Backup and The LMS system is easy to access and fast to a
connection response where a user is not required to wait
longer for the load period and the system
worked on different platforms without any
error where it also backup the data of the user
in the different database systems.
NFR6 Availability Connection or The LMS system is easily accessible to the user
available time at the given point of time where it can express
the successful request and define the
percentages of the time which is accessible for
the period. The system is 98 percent available
at the time of the month.
NFR7 usability Efficiency, Usability indicates how the system effectively
memorability, or supports the user requirements and how the
learnability system is used liked the system interface
working methodology, how quickly the user
can get their goals, working efficiently, and
easy to use.

System architecture:
System overview:
A learning management system is one of the best online learning portals which are web-based where
users can learn the different courses by choosing which one they want to learn. The system was
developed for three sections and they are admin, instructor, and students. The LMS system will help the
student to learn different verified courses where a talented instructor can give a hint about the courses
and lessons. The main purpose of the project is to design, implement and evaluate the LMS system in a
real server with basic and advanced functionality. The system can help the student to gain knowledge
about the courses and expand the communication technique between the student and instructors. The
user interface system of the LMS system was built by using HTML, CSS, and JavaScript. The GUI of the
LMS system was easy to use where the design principles have been implemented during the
development. The application has three different dashboards and each dashboard has different
functionality. The student dashboard contains the course, quiz, lesion, and student navigation bar
whereas the instructor dashboard contains the course, lesion, quiz, and instructor panel. Similarly, the
admin dashboard contains student management, instructor, new admin, course, cart, quiz, lesion, etc.
The student can choose the course which is reliable to them and add it to the cart through the course
page. The LMS system provides the opportunity for the student to improve or accelerate their
knowledge experience.

System architecture overview:

The system architecture defines the conceptual model that can describe the behavior and structure of
the application components with different subsystems like network devices, hardware, software
application, and other things. It helps to understand the entire system architecture that is broadly
categorized into decentralized and centralized positions. It is mainly focused on the entire system and
defines the low-level infrastructure of the software. It can standardize the viewpoints with different
models and templates that can facilitate the development of views. It is represented by the logical and
physical models which are often used for representing the fundamental aspects of the system. The LMS
system has three sections student, instructor, and admin where the admin is the central section that can
handle all the sub-systems. The system architecture is conceptualization-oriented, global, and abstract
which can focus to achieve the life cycle concepts of the system.

Hardware components:
While building the website, the hardware component is highly needed and the user needs to run the
software with the help of hardware components. Computer, internet, camera, External hard drive for
backup, server, and mobile devices are required for the website development processes. The computer
is used to run the software where they need required 4 or 8 GB RAM that can make the computer run
smoothly and quickly. Similarly, the internet is used to access the application through the online server
where they hosted the website. The external hard drive is required to store the website data as a
backup form which can prevent the stress of development. A camera is required to take the photos and
videos which is implemented in the system. If the user wants to host the system on the server, they
need to choose the best host provider which can benefit the developer. Mobile devices are used for
testing the website in different screen sizes which is also meaning responsive design. 1

Software components:
The software components which are used during the development of an LMS system are Sublime Text,
Xampp, Draw.io, and photoshop CS6.

Sublime Text: Sublime Text is one of the best popular programming editor’s software which is widely
used in the web development process. It has powerful features like supporting dozen of programming
languages, multi-line editing, replaces and regex finding, and Python API for the developing plugins. 2

Xampp: Xampp is the cross-platform, MySQL, PHP, Perl, and Apache supporting online tools which are
widely used to develop the offline local server with database. It is simply a lightweight solution which is
works on Linux, Mac, and windows.

1
What Hardware Is Needed to Build a Website? (itstillworks.com)
2
Learn How to Use Sublime Text: A Quick Overview (kinsta.com)
Draw.io: It is software to make diagrams, wireframes, and charts. It lets the user choose an automatic
layout function to create the custom layout. The user can have a larger selection of shapes and visual
elements to make the diagram or chart. Draw.io is storing saved data in the cloud, on a server, or on
network storage which is depend on the user's needs. 3

Photoshop CS6: Photoshop is a graphic editing program that can allow the user to create or manipulate
the image for the web, media, or print. It has a limitless ability to manipulate or edit the image. The
software can provide different editing features in pixel-based, vector graphics, and raster graphics.

The logical view of the system:

The logical view of the system describes the logical structure that can distribute the responsibilities and
functions of the system and their network interaction with the logical components that can set function.
It acts as an intermediate relation between the physical architecture and black box testing. The logical
view components of the website developments are server, access system (browser or computer),
database, user, and cloud services.

Figure 1 logical view components of the website

A functional view of the system by components:

3
What is Draw.io? (computerhope.com)
Figure 2 functional view of system by components.

Database design:
Entity relationship diagram:
The entity relationship diagram has defined the relationship of the entity set that can store the data in
the database. It can help the system or develop by explaining the logical structure of the databases and
also creating the concept of the basic three layouts like entities, attributes, and relationships. ERD can
provide a preview of the database table structure and how the tables are connected. It is also called the
blueprint of the database system which will be implemented in the real database system. Three
components are used for the ERD and they are entities, attributes, and relationships. The entities which
are defined in the LMS system are admin, cart, course, information, instructor, lesion, quiz, and students
and they all have different attributes with a primary and foreign key. The attributes like adminid, name,
email, coursetitle, lessionname, quizeid, instructorname, etc. The relationship between the entities is
different and that is indicated through their relationship in the real phase where the relationship
between them looks like one to one, one to many, many to many, etc.

Figure 3 entity relationship diagram

Final database design:

The final database was designed by using the Xampp local database server where a developer can easily
work. The Xampp database system was built in the combination of apache and SQL database servers.
Apache gives the connection or local server functionality or makes the dynamic connection between the
webpage and the database system whereas SQL gives the storage that can easily add, update, and
delete data from the system. The mid-term delivery of the project required a full database system
because it can give ideas about the database system which is implemented on the LMS website. The
database table which is created for this project was LMS and has different entities like admin, cart,
course, information, instructor, lesion, quiz, and student. Each entity's table has different attributes
which can define the functionality and the requirement of the system and the users which are necessary
to make the website more dynamic.
Figure 4 final database figure1

Figure 5 final database figure 2

Figure 6 final database figure3

User Interface Design:

The design of the LMS website is given below which is also called the mid-level design phase where not
all pages are addressed in the user interface design but fulfill the maximum design of the website. The
website was designed using HTML, CSS, JavaScript, PHP, and MySQL. The website was developed by
using sublime text software for the programming where Xampp was used for the database server that
can work as the local database server.
Figure 7 homepage and dashboard of LMS
Figure 8 contact us page of LMS

Figure 9 top courses page of LMS

Figure 10 about us page
Figure 11 registration page
Figure 12 login page

Figure 13 Student Dashboard

Figure 14 Quiz dashboard

Figure 15 final score dashboard

Figure 16 admin dashboard

Figure 17 add course dashboard (admin)

Figure 18 new lesson dashboard (admin)

Conclusion
At last, we have created a proper e-learning platform in which students can register and login into the
website and can gain knowledge from different courses provided. We have created a fully functional
website in which a user can register, log in, play various quizzes and find different lessons and courses.
We have a separate admin dashboard where the admin can manage the whole system like registering
instructors and students into the system, managing courses, lessons, and quizzes, and giving the admin
route to a different user. The dynamic design and CURD operations have been created by using HTML,
CSS, JavaScript, PHP, and MySQL. The website was developed by using sublime text software for the
programming where Xampp was used for the database server that can work as the local database
server. In this report, we have shown all attributes of the LMS website. We built an open-source internet
learning application where the student or any users who are eager to learn something new can easily
access the LMS system and learned different new things related to the course they have chosen. All the
designs, database dashboards, and all key components have been properly addressed in this report.