Download as pdf or txt
Download as pdf or txt
You are on page 1of 42

Monera E-Learning Courses

ACKNOWLEDGEMENT

It is our pleasure to acknowledge the contributions of all who have helped us and supported is during this project
report.

We gratefully acknowledge for the assistance, cooperation, guidance and clarification provided during the
development of the E-learning Courses Website Development. Our extreme gratitude to Prof. H. P. Shah
Madam who guided us throughout the project. Without his willing disposition, spirit of accommodation,
frankness, timely clarification and above all faith in us, this project could not have been completed in due time.
His readiness to discuss all important matters at work deserves special attention. We would also like to thank
whole faculty of the college for their cooperation and important support.

I also humbly obliged by the support of my friends and family for their love and caring gratitude. The
sentimental support they rendered to us is unvaluable and everlasting. They have helped me through thick and
thin and enabled us to complete the work with joy and vigour.

1
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
ABSTRACT

Human History is observing a very strange time fighting an invisible enemy; the novel COVID-19 or coronavirus. Initially
observed in the Wuhan province of China, and spreading too fast around the world, taking our loved ones, causing many
losses, and forcing us to stay at home.

But with the emergence of new technologies such as internet, it is now possible to work, learn, and do lots of stuff while
we are at home. And as we know, learning is an essential process to keep acquiring new understanding, knowledge,
behaviors, skills, values, attitudes, and preferences. We define electronic learning(i.e. E-learning) as courses that are
specifically delivered via the internet to somewhere other than the classroom where the professor is teaching.

Between multiple options, it is very crucial to select the best learning resource that guarantees a straightforward learning
process and provides you with the essential and best tools to learn fast and easily. So in this documentation you will find
a new e-learning system(Demo) that we have developed for students and teachers all over the world in general and students
and teachers in Arab countries particularly.

The system objectives briefly is to introduce a new user friendly online learning platform that increases students
interaction and make their learning experience more fun and to help teachers and educational institutions, also providing
wide range of quizzes, tests and assignments questions.

This online learning system in order to be built we had to specify it’s requirements and what user needs and what systems
itself and we used different methods in order to make the system analysis, design and implementation like UML(unified
modelling language) diagrams and in order to make the web application coding we used different front and back end
programming languages like (HTML, CSS, JavaScript) and MySQL databases.

2
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

TABLE OF CONTENTS

Sr. No. Contents Page


No.
1.
Acknowledgement 1

2.
Abstract 2

CHPTER 1: Introduction 6

1.1 Introduction to E-learning


3. 6
1.2 advantages of e-learning
7
CHAPTER 2: Project Overview
8
2.1 introduction to project
8
4. 2.2 aim and objectives of the project
8

2.3 purpose of the project


9

2.4 problem analysis


9

CHAPTER 3: Description of Work


10

3.1 Requirements Analysis


10

3.2 Data Flow Diagrams


5. 12

3.3 UML Diagrams


12

3.4Project Design
18

3.5 System Implementation


25

3.6 Technologies Used


28

3
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

5.
CHAPTER 4: Future Scope 33
34
CHAPTER 5: Conclusion

6.
CHAPTER 6: Benefits of this Project 35
37
CHAPTER 7:Database Tables

7.
CHAPTER 8: References 42

TABLE OF FIGURES

Page Name of the figure Page


No. No.
1. Use Case diagram for online learning Education System
13

2.
Use Case diagram for student registration 14

3. Activity Diagram for E-learning management


15

4. Sequence Diagram for E-learning System


16

Sequence Diagram for Student-Teacher Interaction


5. 17

6.
Home Page of the website 19

User Dashboard of website


7. 20

Teacher Dashboard of website


8. 21

Contact Page of website 22

About Us Page of website 23

4
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
Dark Theme Page of website 24

ER Diagram for E-learning Management System 25

Table of Abbrevations

S.r No. Abbrevations


1 HTML- Hyper text markup language

2 CSS- Cascading style sheet

3 PHP- Hyper Text Preprocessor

4 SQL- Structured Query Language

5 ERD- Entity Relationship Diagram

5
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
CHAPTER-1

_______________________________________________________________

INTRODUCTION

1.1Introduction to E-learning

E-learning Is an education via the internet, network, or standalone computer. E-learning is basically the network-enabled
convey of skills and knowledge. E-learning refers to using electronic applications and processes to learn. E-learning
includes all forms of electronically supported learning and teaching.

The information and communication systems, whether networked learning or not, serve as specific meadia to implement
the learning process. This often involves both out-of-classroom and in-classroom educational experiences via technology,
even as advances continue in regard to devices and curriculum. E-learning is the computer and the network-enabled
transfer of skills and knowledge. E-learning applications and processes include Web-based learning, computer-based
learning, virtual education opportunities and digital collaboration. Content is delivered via the Internet, audio or video
tape, satellite TV, and CD-ROM. That is to say E-learning systems contain both Learning Management System and Course
Management System. It can be self-pace or instructor-led and includes media in the form of text, image, animation,
streaming video an audio. It is commonly thought that new technologies can make a big difference in education. In young
ages especially, children can use the huge interactivity of new media, and develop their skills, knowledge, and preception
of the world, under their parent’s monitoring, of course.

With the increasing adoption of the Internet and rise in awareness about e-learning the online education industry is
expected to witness promising growth the forecast period. Ease of learning, flexibility, and a wide range of study materials
have influenced the overall growth of the industry. The online education market is segmented into primary and secondary
supplemented education, test prepration, reskilling and certification, higher education language, and casual learning. The
prepration, reskilling and certifications, higher education language, and casual learning.

E-learning education is an electronically supported system, which relies on the internet for interaction and distribution of
course material between students and teachers. Growing demand to reduce the cost of education, increasing government
initiatives supporting online education, and increasing penetration of smartphones and the Internet are the factors
contributing to the growth of the global online education market. Additionally, the market is also expected to be boosted
owing to the increasing demand for adaptive learning. However, the availability of abundant free content and lack of
awareness is limiting the market growth.

Many proponents of e-learning believe that everyone must be equipped with basic knowledge in Technology, as well as
use it as a medium to reach a particular goal and aim. In the 20th century, we have moved from the Industrial Age through
the Information Age and now to the Knowledge Age. Knowledge and its efficient management constitute the key to
success and survival for organizations in the highly dynamic and competitive world of the today. Efficient acquistition,
storage, transfer, retravel, application, and visualization of knowledge often distinguish successful organizations from the
unsuccessful ones.
6
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
E-learning is bridging because the gap between learning and work. Workers can integrate learning into work more
effectively because they use the same tools and technology for learning as they use for work. Both employers and
employees recognize that e-learning will diminish the narrowing gap between work and home, and between work and
learning. E-learning is an option to any organization looking to improve the skills and capacity of its employees. With the
rapid change in all types of working environments, especially medical and healthcare environments, there is constant need
to rapidly train and retrain people in new technologies, products, and services found within the environment. There is also
a constant and unrelenting need for appropriate management and leveraging of the knowledge base so that it is readily
available and accessible to all stakeholders within the workplace environment.

1.2.ADVANTAGES OF E-LEARNING

Effectiveness:- E-learning offers teachers an efficient way to deliver lessons to students. Online learning has a number of
tools such as videos. PDFs, podcasts, and teachers can use all these tools as part of their lesson plans. By extending the
lesson plan beyond traditional textbooks to include online resources, teachers are able to become more efficient educators.

Accessibility Of Time and Place:- Another advantage of online education is that it allows students to attenf classes from
any location of their choice. It also allows schools to reach out to a more extensive network of students, instead of being
restricted by geographical boundaries. Additionally, online lectures can be recorded, archived, and shared for future
reference. This allows students to access the learning material at a time of their comfort.

Affordability:- Another advantage of online learning is reduced financial costs. Online education is far more affordable
as compared to physical learning. This is because online learning eliminates the cost points of student Transportation,
student meals, and most importantly, real estate.

Additionally, all the course or study material are available online, thus creating a paperless learning environment which
is more affordable, while also being beneficial to the environment.

Suits a variety of learning Styles:-

Every student has a different learning journey and a different learning style. Some students are visual learners, while some
students prefer to learn through audio. Smilarly, some students thrive in the classroom, and other students are solo learners
who get distracted by large groups. The online learning system, with its range of options and resources, can be personalized
in many ways. It is the best way to create a perfect learning environment suited to the needs of each students.

7
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
CHAPTER-2

___________________________________________________________________________

Project Overview

2.1 INTRODUCTION TO PROJECT

Monera e-learning is the delivery of learning and training through digital resources. Although monera e-learning
is based on formalized learning. It is provided through electronic devices such as computers, tablets and even
cellular phones that are connected to the internet. This makes it easy for users to learn anytime, anywhere, with
few, if any, restrictions. Basically, monera is training, learning or education delivered online through a computer
or any other digital device.

Monera is an online platform developed for the purpose of live coaching. It facilitates live coaching classes for
higher education. The platform is also dedicated to the training for several courses such as the Machine learning,
cloud computing, programming languages,etc.

To offer its support to the 21st century’s education system, the platform allows LIVE interactive online learning
amidst the pupils and teachers. It also offers individual as well as group classes. The platform makes use of two
way audio, video as well as whiteboarding tools which enables both the student as well as teacher to view, listen,
write as well as interact in real-time.

2.2 AIM AND OBJECTIVES OF THE PROJECT

E-learninng represents an innovative shift in the field of learning, providing rapid access to specific knowledge
and information. It offers online instruction that can be delivered anytime and anywhere through a wide range
of electronic learning solutions such as Web-based courseware, online discussion groups, live virtual classes,
video and audio streaming, web chat, online simulatins, and virtual mentoring. E-learning enables organizations
to transcend distance and other organizational gaps by providing a cohesive virtual learning environment.
Companies must educate and train vendors, employees, partners, and clients to stay competitive and E-learning
can provide such just-in-time training is a cost-effective way.

Developing and deploying effective E-learning programs may require products and services supplied by a
variety of vendors, leaving one to connect the dots. One way to start is to define the goals of the desired learning
solution. Definition of the goals of an E-learning solution is driven by the following factors:

• Attracting and recruiting new students


• Promoting our excellence in taching and research. Providing consistent, up-to-date information.
• Attracting and recruiting people to study here. Provide our best faculty to students.

8
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
• Simple, easy to use platform for student and parent engagement. Can create classrooms, add students,
assign homework or activities.
• The class story feature helps parents remain updated on their child’s progress and learning. Creates
a competitive environment for students.

2.3 PURPOSE OF THE PROJECT

The purpose of our website is to allow people to learn for personal accomplishment or to earn a professional
degree, without physically attending a traditional university or academic setting. Enhance the quality of learning
and teaching. Meet the learning style or needs of students. Improve the efficiency and effectiveness. Improve
user-accessibility and time flexibility to engage learners in the learning process.

The process of our website is to not let the pandemic affect the studies. Online learning has now become an
essential role to educate students. It is now probably the only way out to continue education. The purpose of
learning has always been to have a positive impact on students.

2.4 PROBLEM ANALYSIS

2.4.1CURRENT SYSTEM

The current situation is very limited to few resources, students are unable to get knowledge more than that the
lecture provides to them. This in the end limits student’s performances, because everything a student gets is
collected from lectures in class.

2.4.2 THE FUTURE SYSTEM

The system will hopefully serve as a centralized database of syllabus for the course offered at the university
allowing students and faculties(current, past and prospective), to view them. The system will end up bringing
an effective communication among students, lectures, and the administration, by accessing information and
other resources anytime, anywhere.

2.4.3 SIGNIFICANCE OF E-LEARNING

Technology has the power to transform education. It is essential to bring it into the classroom to empower learning. Here
are some of the reasons.

1. Students need to be engaged with what they are doing to improve learning outcomes
2. Enables students to become thinkers, learners, risk taskers in a sheltered environment.
3. Learn not to rely on the teacher…be accountable themselves…become independent!
4. Broadens the horizons of many students as it exposes students to the world outside their city ir country town.
5. Fits in with Rural Education where students in small rural schools need no longer be disadvantages by distance
and isolation, as technology allows them to learn virtually and maintain their subject choices, allows e.g.,

9
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

CHAPTER-3

___________________________________________________________________________

Description of Work

3.1 Requirement Analysis

3.1.1 Functional Requirements

Teacher

Teacher Registration:- Any teacher can register on the website using the registration module.

Teacher Login:- This is the login form from where the Teacher can login into the system.

Teacher profile Update:- Teacher can also update their profile.

Change Password:- Teacher can also change their password.

Playlist Insertion:- Teacher add the playlist according to their subject.

Video Uploading:- Teacher can also upload videos to aid in teaching.

Student

Student Registration:- Any student can register on the website using the registration module.

Student Login:- This is the login form from where the Student can login into the system.

Student profile Update:- Student can also update their profile.

Change Password:- Student can also change their password.

Video Playing:- Student can also see videos to aid in learning.

Likes and Comments:- Students also like and comments on the teachers contents.

3.1.2 Non-Functional Requirements

NON-FUNCTIONAL OBJECTIVE
REQUIREMENTS
Application Security The system should be protected in such a manner that one registered user should not be
able to access another registered user’s information ensuring privacy of information.
Database Security Users of the system should not have direct access to the database to query it nor view data
in it. The only access to the database should be via the application interface.

10
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
Browser compatibility The application should be accessible on Google Chrome, Mozilla Firefox and Internet
Explorer browsers on any device.
Maintainability The application should be developed so that one can easily add new products and easily
facilitate changes to product information.
Consistency The appearance and delivery of the content should be consistent to reduce the learning
curve. Layouts, buttons and the positioning of key elements should be consistent in each
page.
Usability How Difficult it will be to learn and operate the system.
Scalability Number of users supported will mainly depend on the server load, server processing
capacity and its memory. It should scale maximum number of users.
Availability 24*7 availability should be there so that student can use it at any time according to his/her
convenience.

Hardware Requirements Software Requirements


Intel Pentium: 600 MHz or above. Web Technology: Visual Studio
RAM(SD/DDR): 512MB Frontend Code: HTML & CSS
Hard Disc: 30GB or above Backend Code: PHP MySQL
System bus: 32 bits
RAM: 256MB of RAM
Monitor: SVGA COLOR

11
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.2 Data Flow Diagram

3.2.1 Context Diagram

E-Learning platform Data Flow diagram is often used as a preliminary step to create a summer of the E-Learning
without going into great detail, which can later be elaborated it normally, consists of overall application dataflow
and processes of the E-Learning process. It contains all of the user flow and their entities such all the flow of
student, Activity Log, Assignment, Tests, Subjects, levels, specialities. All of the below diagrams has been used
for the visualization of data processing and structured design of the E-learning process and working stream.

3.2.2 Data Flow Diagram

A Data Flow Diagram(DFD) is a traditional way to visualize the information flows within a system. A neat and
clear DFD can depict a good amount of the system requirements graphically. It can be manual, automated, or a
combination of both. It shows how information enters and leaves the system, what changes the information and
where information is stored. The purpose of a DFD is to show the scope and boundaries of a system as a whole.
It may be used as a communications tool between a systems analyst and any person who plays a part in the
system that acts as the starting point for redesigning a system. It is usually beginning with a context diagram as
level 0 of the DFD diagram, a simple representation of the whole system. To elaborate further form that the
major functions of the system.

3.3 UML Diagrams

Unified Modeling Language(UML) is a standardized general-purpose modeling language in the field of object-
oriented software systems. UML combines techniques from data modeling, buissness modeling, object
modeling, and component modeling and can be used throughout the software development life-cycle and across
different implementation technologies.

Goals of the UML

The UML was invented primarily to address the challenges faced in the design and architecture of comlex
syrems. The basic objectives or goals behind UML modeling are(James, Unified Modeling Language
Reference);

Define an easy to use and visual modeling language for modeling a system irrespective of the language and
platform in which the system is designed and implemented

Incorporated the best possible practices as per with the industry standards

Provide support for Object Orientation, design and apply frameworks and patterns.

12
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
3.3.1 Use Case Diagram

Fig: Use Case diagram for online learning Education System

13
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

Fig: Use Case diagram for student registration

Use Case diagram model how users, displayed as stick figures called “actors”, interact with the system. This
type of UML diagram should be a high-level overview of the relationships between actors and systems, so it
can be a great tool for explaining your system to a non-technical audience.

14
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.3.2 Activity Diagram

Fig: Activity Diagram for E-learning management

This diagram to illustrate the flow of control in a system and refer to the steps involved in the execution of a
use case. We model sequential and concurrent activities using activity diagrams. So, we basically depict
workflows visually using an activity diagram. An activity diagram focuses on condition of flow and the
sequence in which it happens. We describe or depict what causes a particular event using an activity diagram.
And it is use to visualize the steps performed in a use case. The activities can be sequential, branched, or
concurrent. This type of UML diagram is used to show the dynamic behavior of a system, but it can also be
useful in business process.

15
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

Sequence Diagram

Fig: Sequence Diagram for E-learning System

Sequence Diagrams describes interactions among classes in terms of an exchange of messages over time. They
are also called event diagrams. A sequence diagram is a good way to visualize and validate various runtime
scenarios. These can help to predict how a system will behave and to discover responsibilities a class may need
to have in the process of modeling a new system.

16
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

Fig: Sequence Diagram for Student-Teacher Interaction

17
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
3.4 Project Design

3.4.1 Home Page

Fig: Home Page of website

The page typically encountered first on a website that usually contains links to the other pages of the site.
When we open website, we get to see a login and view course buttons. And in the navbar see different pages
buttons like Home, Login, Courses, Contact and About us.

18
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.4.2 User Dashboard

Fig: User Dashboard of website

The Users dashboard is the launching point for user behavior analysis and threat prevention. This dashboard
provides visibility into user behavior patterns across an organization.

19
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.4.3 Teacher Dashboard

Fig: Teacher Dashboard of website

The Teacher's Dashboard is a well-organised platform that gives teachers valuable insight into the students'
learning process and activity.

20
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.4.4 Course Page

Fig: Course Page of website

If you click on Course button you reach to course page where we have different types of courses. Here you can
find our popular courses.
If you are interested in any course, then you can click on that course and you can about that course like course
duration, syllabus, cost, etc.

21
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.4.5 Contact Page

Fig: Contact Page of website

We can access the contact us page from the navbar of the home page.
Where we have kept a form through which you can directly send your questions to our team.

22
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.4.6 About Us Page

Fig: About Us Page of website

In contrast to a landing page, your About Us page is the ideal place to accommodate a number of
objectives: Communicate the story of your business and why you started it. Describe the customers or the cause
that your business serves. Explain your business model or how your products are made.

23
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.4.7 Dark Theme of the website

Fig: Dark theme Page of website

A dark theme displays dark surfaces across the majority of a UI. It's designed to be a supplemental mode to a
default (or light) theme. Dark themes reduce the luminance emitted by device screens, while still meeting
minimum color contrast ratios.

24
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
3.5 System Implementation
3.5.1 Database Design
Entity Relationship Diagram(ERD): An Entity Relationship(ER) Diagram is a type of flowchart that illustrate
how “Entities” such as people, objects or concepts relate to each other within a system. ER digrams are most
often used to design or debug relational databases in the fields of software engineering, business information
systems, education and research. Also known as ERDs or ER models, they use a defined set of symbols such as
rectangles, diamonds, ovals and connecting lines in order to make a model that defines system the entities, their
attributes, and showing the relationships between them, an ER diagram illustrates the logical structure of
databases. ER diagrams are used to sketch out the design of a database.
Main Components and Symbols of ER Diagram
Rectangles: This Entity Relationship Diagram symbol represents entity types
Ellipses: Symbol represent attributes
Diamonds: This symbol represents relationship types
Lines: It links attributes to entity types and entity with other relationship types
Primary key: attributes are underlined
Double Ellipses: Represent multi-valued attribute

3.5.2 Cardinality
Defines the numerical attributes of the relationship between two entities or entity sets.
Different types of cardinal relationships are:
One-to-One Relationships
One-to-Many Relationships
Many-to-One Relationships
Many-to-Many Relationships

25
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.5.3 Demo Online Learning System ERD

Defining how the information system should be built(i.e., physical system design)
Ensuring that the information system is operational and used.
Ensuring that the information system meets quality standard(i.e., quality assurance).
The work done on DEMO web application to date includes the installation and configuration some development
tools. The development tools. The development software utilized so far are:
XAMPP- This will be the primary tool for developing MySQL databases, administrating the database and for
running the website on a local machine.

26
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
PHP My Admin (For accessing database and manage it): phpMyAdmin is a free software tool written in PHP,
intended to handle the administration of MySQL over the Web. phpMyAdmin supports a wide range of
operations on MySQL. Frequently used operations(managing databases, tables, columns, relations, indexes,
users, permissions, etc…) can be performed via the user interface, while you still have the ability to directly
execute any SQL statement.
Visual Studio Code: visual studio code is a lightweight but powerful source code editor which runs on your
desktop and is available for Windows, macOS and Linux. It comes with built-n support for JavaScript and has
a rich ecosystem of extensions for other languages(such as c++, c#, Java, Python, PHP).
The database tables were created manually using the information from the design phase of the project. The
primary and foreign keys were also created. The tables were populated with data to ensure the datatypes were
correct and to ensure all entity integrity and referential integrity rules were enforced. The full database design
the entity relationship diagram and the database logical structure and schema are included the system design
chapter. Also screen shots of coding completed of the database and the whole web application far are included
in Appendix.

27
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

3.6 Technologies Used


3.6.1 PLATFORM
VISUAL STUDIO
Visual Studio is an Integrated Development Environment(IDE) developed by Microsoft to develop
GUI(Graphical User Interface), console, Web applications, web apps, mobile apps, cloud, and web services, etc.
With the help of this IDE, you can create managed code as well as native code. It uses the various platforms of
Microsoft Software development software like Windows store, Microsoft Silver light, and Windows API , etc.
It is not a language-specific IDE as you can use this to write code inn c#, c++, VB(Visual Basic), python,
JavaScript, and many more languages. It is available for windows as well as for macOS.
Evolution of visual Studio:
The first version of VS(Visual Studio)was released in 1997, named as Visual Studio 97 having version number
5.0. The latest version of Visual Studio is 15.0. Which was released on March 7, 2017. It is also termed as Visual
Studio 2017. The supported NEET Framework Versions in latest Visual Studio is 3.5 to 4.7. Java was supported
in old versions of visual Studio but in the latest version doesn’t provide any support for Java language.
Getting Started with Visual Studio:
First, you have to download and install the Visual Studio. For that, you can refer to Downloading and Installing
Visual Studio 2017. Don’t forget to select the .NET core workload during the installation. If you forget then you
have to modify the installation. You can see a number of tool windows when you will open the visual Studio
and start writing your first program.

3.6.2 FRONTEND
Front End Appraoch:
o HTML
o CSS
HTML
Hypertext text markup Language is the standard markup language for documents designed to be displayed
in web browser. It can be assisted by technologies such as Casccading Style Sheets(CSS)
HTML is used by the browser to manipulate text, images, and other content, to display it in the required
format.
HTML elements are the building blocks of HTML pages. With HTML constructs, images, and other objects
such as interactive forms may be embedded into the rendered page.
HTML provides a means to create structured documents by denoting structural semantics for text such as
headings, paragraphs, lists, links, quotes, and other items.
HTML elements are delineated by tags, written using angle brackets. Tags such as surround and provide
information about document text and may include other tags sub-elements.

28
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
HTML page structure: The basic structure of an HTML page is laid out below. It contains the essential
building-block elements(i.e., doctype declaration, html, head, title, and body elements) upon which all
webpages are created.
HTML can be used to write web applications that still work when you are not connected to the Internet to
tell websites where you are physically located; to handle high-definition video; and to deliver extraordinary
graphics.
The core objectives of HTML are to offer increased multimedia support and make the coding much easier
to read and understand for both people and machines. HTML coding is clear, simple, and descriptive.
HTML also makes placing audio and video content a breeze.
Advantages:
• HTML is used to build websites.
• It is supported by all browsers.
• It can be integrated with other languages like CSS

CSS
Cacading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the
process of making web pages presentable. CSS handles the look and feel part of a we page. Using CSS you
can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized
and laid out, what background images or colors are used, layout designs, variations in display for different
and screen sizes as well as a variety of other effects.
CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML
documents. Most commonly, CSS is combined with the markup languages HTML or XHTML.
Types of CSS:- Cascading Style Sheet(CSS) is used to set the style in web pages that contain HTML
elements. It sets the background color, font-size, font-family, color, etc. Property of elements on a web page.
There are three types of CSS which are given below:
• Inline CSS
• Internal or Embedded CSS
• External CSS
Inline CSS: Inline CSS contains the CSS property in the body section attached with element is known as
Inline CSS. This kind of style is specified within an HTML tag using the style attribute.
Internal CSS: This can be used when a single HTML document must be styled uniquely. The CSS rule set
should be within the HTML file in the head section i.e., the CSS is embedded within the HTML file.
External CSS: External CSS contains separate CSS file which contains only style property with the help of
tag attributes. CSS property written in a separate file with. CSS extension and should be linked to HTML
document using link tag. This means that for each element, style can be set only can be set only once and
that will be applied across web pages.
Below is the HTML file that is making use of the created external style sheet
• Link tag is used to link the external style sheet with the html webpage.
• Href attribute is used to specify the location of the external style sheer file.

29
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

Advantages of CSS
• Create Stunning Web Site: CSS handles the look and feel part of a web page. Using CSS, you can
control the color of the text, the style of fonts, the spacing between paragraphs, how columns are
sized and laid out, what background images or colors are used, layout designs, variations in display
for different devices and screen sizes as well as a variety of other effects.
• Become a web designer: If you want to start a career as a professional web designer, HTML and CSS
designing is a must skill.
• Control web: CSS is easy to learn and understand but it provides powerful control over the
presentation of an HTML document. Most commonly, CSS is combined with the help markup
languages HTML or XHTML.
• Learn other languages: Once you understand but it provides powerful control over the presentation
of an HTML document. Most commonly, CSS is combined with the markup languages HTML or
XHTML.
• Learn other languages: Once you understand the basic of HTML and CSS then other related
technologies like JavaScript, React Js, or angular are become easier.

3.6.3 BACKEND
o PHP
o MySQL
PHP
PHP is an open-source, interpretd, and object-oriented scripting language that can be executed at the server-
side. PHP is well suited for web development. Therefore, it is used to develop web applications(an application
that executes on the server and generates the dynamic page.)
• PHP stands for Hypertext Processor
• PHP is an interpreted language, i.e., there is no need for compilation
• PHP is faster than other scripting languages, for example, ASP and JSP
• PHP is a server side scripting language. Which is used to manage the dynamic content of the website.
• PHP can be embedded into HTML
• PHP can be object-oriented language.
• PHP is an open-source scripting language
• PHP is simple and easy to learn language
WHY USE PHP
PHP is a server side scripting language. Which is used to manage the dynamic web applications with MySQL
database.
It handles dynamic content, database as well as session tracking for the website.
You can create sessions in PHP.
It can access cookies variable and also set cookies.
It helps to encrypt the data and apply validation. PHP supports several protocols such as HTTP.

30
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
POP3, SNMP, LDAP, IMAP, and many more.
Using PHP language, you can control the user to access some pages of your website.
As PHP is easy to install and set up, this is the main reason why PHP is the best language to learn. PHP can
handle the forms, such as- collect the data from users using forms, save it into the database, and return useful
information to the user. For example- Registration form.
FEATURES OF PHP
PHP is very popular language because of its simplicity and open source. There are some important features
of PHP given below:
Performance:
PHP script is executed must faster than those scripts which are written in other languages such as JSP and
ASP. PHP uses its own memory, so the server workload and loading time is automatically reduced, which
results in faster processing speed and better performance.
Open Source:
PHP source code and software are freely available on the web. You can develop all the versions of PHP
according to your requirement without paying any cost. All its components are free to download and use.
Familiarity with syntax:
PHP has easily understandable syntax, Programmers are comfortable coding with it.
Embedded:
PHP code can be easily embedded within HTML, tags and script.
Platform Independent:
PHP is available for WINDOWS, MAC, LINUX & UNIX operating system. A PHP application developed
in one OS can be easily executed in other OS also.
Database Support:
PHP supports all the leading databases such as MySQL, SQLite, ODBC, etc.
Error Reporting:
PHP has predefines error reporting constants to generate an error notice or warning at runtime. E.g.,
E_ERROR, E_WARNING, E_STRICT, E_PARSE.
MySQL
MySQL Database is a client/server system that consists of a multithreaded SQL server that supports
different back ends, several different client programs and libraries, administrative tools, and a wide range of
application-programming interfaces (APIs). We also provide MySQL as an embedded multithreaded library
that you can link into your application to get a smaller, faster, easier-to-manage standalone product.

MySQL benefits

MySQL is fast, reliable, scalable, and easy to use. It was originally developed to handle large databases quickly
and has been used in highly demanding production environments for many years.

Although MySQL is under constant development, it offers a rich and useful set of functions. MySQL’s
connectivity, speed, and security make it highly suited for accessing databases on the internet.
31
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
MySQL’s key benefits include

Ease of use: Developers can install MySQL in minutes, and the database is easy to manage.

Reliability: MySQL is one of the most mature and widely used databases. It has been tested in a wide variety
of scenarios for more than 25 years, including by many of the world’s largest companies. Organizations depend
on MySQL to run business-critical applications because of its reliability.

Scalability: MySQL scales to meet the demands of the most accessed applications. MySQL’s native replication
architecture enables organizations such as Facebook to scale applications to support billions of users.

Performance: MySQL HeatWave is faster and less expensive than other database services, as demonstrated by
multiple standard industry benchmarks, including TPC-H, TPC-DS, and CH-benchmark.
High availability: MySQL delivers a complete set of native, fully integrated replication technologies for high
availability and disaster recovery. For business-critical applications, and to meet service-level agreement
commitments, customers can achieve
• Recovery point objective = 0 (zero data loss)

• Recovery time objective = seconds (automatic failover)



Security: Data security entails protection and compliance with industry and government regulations, including
the European Union General Data Protection Regulation, the Payment Card Industry Data Security Standard,
the Health Insurance Portability and Accountability Act, and the Défense Information Systems Agency’s
Security Technical Implementation Guides. MySQL Enterprise Edition provides advanced security features,
including authentication/authorization, transparent data encryption, auditing, data masking, and a database
firewall.

Flexibility: The MySQL Document Store gives users maximum flexibility in developing traditional SQL and
NoSQL schema-free database applications. Developers can mix and match relational data and JSON documents
in the same database and application.

32
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

CHAPTER-4
________________________________________________________________________________________

Future Scopes
We will improve it further. And we will put payment gateway in it.
We will provide daily quiz to the student.
Moreover, it is just a beginning; further the system may be utilized in various other types of auditing operation
viz. Network auditing or similar process/work-flow based applications.

E-learning is generally divided into two categories – synchronous and asynchronous. In synchronous E-learning
students and teachers virtually interact with each other at the same time. Similar to an on-campus class, it’s
scheduled regularly and the students and the teacher will attend the class at the same time. Students participate
in discussions, give presentations, turn in assignments and work on team projects. Classes are conducted live
online via Zoom or a similar platform.

This system being web-based and an undertaking of cyber security division, need to be thoroughly tested to find
out any security gaps.

As mentioned before our system is not developed due to a lot of aspects ofne of them was the little time available
at the coding and implementation stages but overall the system main function will be working.

Main Future development of monera e-learning platform:

Supporting Arabic Content: In different ways by adding translations and supporting Arab users by providing
what they need and what helps them progress better in teaching/studying courses.

Companies: Add a page for companies so it will easy for them to add their interns and job offers to help
companies find employees easily and to help learners application for the jobs more efficient and easy ans to
know what market needs and what skill companies need.

CV: adding a cv section for learners int their profile so that it become easily track and add and edit their new
skills and knowledge they gained and to make always their cvs up to date.

More Enhancement for points system: adding badges- adding more deals and more functions that could br
done with points-making competetions between learners and adding leader board.

More Enhanced Book Section: enhancement for books section by offering more e-books offered by
universities and teachers to the learners and a payment system will be in order to make it available to sell this
books through DEMO web app.

More Tools: we have one tool only installed in our system which is the editor so we be adding more tools and
functions and features that help the tachers add students in tehir interacive learning process.

Mobile App: making the system a cross platform app is really important as it will help to make app more usabe
and reachable for different users and it will increase the number of systems users so making a mobile application
for the system that works for android devices and Iphones is really important.

33
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
CHAPTER-5
___________________________________________________________________________
Conclusions

It has been a great pleasure for me to work on this exiciting and challenging project. This project proved good
for me as it provided practical knowledge of not only in HTML, CSS web based application and no some extent
Windows Application. It also provides knowledge about the latest technology used in developing web enabled
application. This will provide better opportunities and guidance in future in developing projects independently.
Our project as mentioned before is an online learning platform and to end with a working output we have
specified what the problem that we want to solve and our project scope and slo our project obectives and we
made a study for most popular existing systems in order to make a system that gathers features that users need,
After this pandemic.

34
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

CHAPTER-6
___________________________________________________________________________
BENEFITS OF THIS PROJECT
6.1. E-learning Accomodates Everyone’s Needs
The online method of learning is best suited for everyone. This digital revolution has led to remarkable changes
in how the content is accessed, consumed, discussed, and shared. Online educational courses can be taken up
by office goers and housewives too, at the time that suits them. Depending on their availability and comfort,
many people choose to learn at weekends or evenings.
6.2.Lectures can Be Taken Any Number of Times
Unlike classroom teaching, with online learning you can access the content an unlimited number of times. This
is especially required at the time of revision when preparing for an exam. In traditional form of learning, if you
cannot attend the lecture, then you have to prepare for that topic on your own: in e-learning, you can attend the
lectures whenever you want with ease.
6.3.Offers Access to Updated Content
A Prime benefit of learning online is that it makes sure that you are in synchronication with modern learners.
This enables the learner to access updated content whenever they want it.
6.4.Quick Delivery of Lessons
e-learning is a way to provide quick delivery of lessons. As compared to traditional classroom teaching method,
this mode has relatively quick delivery cycles. This indicates that the time of the reasons why the learning time
is reduced by e-learning.
6.5.Scalability
Elearning helps in creating and communicatinf new training, policies, concepts and ideas. Whether it is for
normal education or entertainment, e-learning is very quick way for learning!
6.6.Consistency
e-learning enables educators to get a higher degree of coverage to communicate the message in a consistent way
for their target audience. This ensures that all learners receive the same type of training with this learning mode.
6.7.Reduced Costs
e-learning is cost effective as compared to traditional forms of learning. The reasons for this price reduction is
because learning through this mode happens quickly and easily. A lot of training time is reduced with respect to
trainers, travel, course materials, and accommodation.
This cost effectiveness also helps in enhancing the profitability of an organization. Also, when you are studying
at your own place, you are relieved from playing for travel expenses when training happens in another city/state
and external learning materials.
6.8.Effectiveness
e-learning has a positive influence on an organization’s profitability. It makes it easy to grasp the content and
digest it:

35
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
6.9.Less Impact on Environment
As e-learning is a paperless way of learning, it protects the environment to a lot of extent. As per a study done
on e-learning courses, it has been found that distance-based learning programs consumed around 90% less
power. With e-learning there is no need to cut trees for obtaining paper. Thus, e-learninng is a highly eco-friendly
way of learning.

36
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
CHAPTER-7
Database Tables
7.1 List of Database Tables Used

Fig: Database Tables

37
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

7.2 Database Tables in detail


7.2.1 Bookmarks Table

7.2.2 Comments Table

38
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

7.2.2 Contact Table

7.2.2 Content Table

39
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses

7.2.2 Likes Table

7.2.2 Playlist Table

40
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
7.2.2 Tutors Table

7.2.2 Users Table

41
Dept. of CSEMSBECL, Latur.
Monera E-Learning Courses
CHAPTER-8
___________________________________________________________________________
References
World Health Organization Coronavirus disease(COVID-19) Retrived on April 2021
https://www.cdv.gov/coronavirus
Skillshare Review: http://sites.google.co/site/videoblockserview/skillshare-review-is-it-worth-your-time-and-
money?authuser=0
Scribd report review: https://scribd.com

42
Dept. of CSEMSBECL, Latur.

You might also like