E - Learning Website
E - Learning Website
PROJECT REPORT
(Minor Project)
Submitted in partial fulfillment of the
requirements for the award of the degree
of
BACHELOR OF TECHNOLOGY
COMPUTER SCIENCE AND ENGINEERING
Candidate(s) Signature
This is to certify that the above statement made by the candidate
is correct to the best of my knowledge and belief.
Signature of HOD
Signature of Supervisor
Table of Content:-
1. INTRODUCTION
1.1 ADVANTAGES
1.2 INTRODUCTION TO PROJECT
1.3 AIM AND STUDY OF THE PROJECT
1.4 PURPOSE OF THE PROJECT
1.5 PROBLEM ANALYSIS
1.5.1 CURRENT SYSTEM
1.5.2 FUTURE SYSTEM
2. DESIGN
2.1 INTRODUCTION
2.2 NORMALIZATION
3.METHODOLOGY
3.1 FRONTEND APPROACH
3.2 BACKEND APPROACH
3.3 WATERFALL MODEL
3.4 GANTT CHART
4.TECHNOLOGY
4.1 FRONTEND
4.1.1 HTML
4.1.2 CSS
4.1.3 JAVASCRIPT
4.2 BACKEND
4.2.1 PHP
4.2.2 WHY USE PHP
4.2.3 FEATURE OF PHP
4.2.4 MYSQL
6.WORKING
6.1 HOME PAGES OF WEBSITE
6.2 COURSE PAGE OF WEBSITE
6.3 BLOG
6.4 CONTACT US PAGE
7.CONCLUSIONS
7.1 BENEFITS
1. INTRODUCTION
With the increasing adoption of the Internet and rise in awareness about e-learning,
the online education industry is expected to witness promising growth during 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 supplemental education, test preparation,
reskilling and certification, higher education language, and casual learning. The
change in consumer behavior towards detailed learning and surge in demand from
tier II and tier III cities are driving the growth of this segment. The online test
preparation market is expected to reach INR 94.75 Bn by 2024. This segment is
expected to be the fastest-growing segment in the online education market.
E- Learning education is an electronically supported learning 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 InTechnology, 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 today. Efficient acquisition, storage,
transfer, retrieval, application, and visualization of knowledge often distinguish
successful organizations from the unsuccessful ones.
E-learning is bridging 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 a 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.
Additionally, all the course or study materials are available online, thus creating a
paperless learning environment which is more affordable, while also being
beneficial to the environment.
Groove (website name) is the delivery of learning and training through digital
resources. Although Groove 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, Groove is training, learning, or education
delivered online through a computer or any other digital device.
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 the
teacher to view, listen, write as well as interact in real-time.
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 Contribute to someone's life by sharing knowledge and experience pure joy
of giving! Connect with your students from wherever you are and whenever you
want. 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 purpose 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.
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
(significance/importance).
1.Students need to be engaged with what they are doing to improve learning
outcomes.
2.Enables students to become thinkers/learners/risk takers 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 or country town.
5.Fits in with Rural Education where students in small rural schools need no longer
be disadvantaged by distance and isolation, as technology allows them to learn
virtually and maintain their subject choices, allows e.g., LOTE (languages other
than English) and other specialist subjects to be taught across schools by a virtual
teacher.
6.Allows a mobile learning environment– anywhere, anytime, anyhow.
2.DESIGN
2.1. INTRODUCTION
• Software design sits at the technical kernel of the software engineering process
and is applied regardless of the development paradigm and area of application.
Design is the first step in the development phase for any engineered product or
system.
• The designer’s goal is to produce a model or representation of an entity that will
later be built. Beginning, once system requirement has been specified and
analyzed, system design is the first of the three technical activities -design, code
and test that is required to build and verify software.
• The importance can be stated with a single word “Quality”. Design is the place
where quality is fostered in software development. Design provides us with
representations of software that can assess for quality. Design is the only way that
we can accurately translate a employee’s view into a finished software product or
58 Docket Chunk System.
• Software design serves as a foundation for all the software engineering steps that
follow. Without a strong design we risk building an unstable system – one that will
be difficult to test, one whose quality cannot be assessed until the last stage
• During design, progressive refinement of data structure, program structure, and
procedural details are developed reviewed and documented. System design can be
viewed from either technical or project management perspective. From the
technical point of view, design is comprised of four activities – architectural
design, data structure design, interface design and procedural design.
3.METHODOLOGY
Figure 3.3
4.4 GANTT CHART
4.TECHNOLOGY
4.1 FRONTEND
Front End Approach:
HTML
CSS
JAVASCRIPT
4.1.1 HTML
Hypertext Markup Language is the standard markup language for documents
designed to be displayed in a web browser. It can be assisted by technologies
such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
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 as sub-elements.
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.
HTML5 can be used to write web applications that still work when you're not
connected to the net; to tell websites where you are physically located; to handle
high-definition video; and to deliver extraordinary graphics.
The core objectives of HTML5 are to offer increased multimedia support and
make the coding much easier to read and understand for both people and
machines. HTML5 coding is clear, simple, and descriptive.
HTML5 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, JavaScript etc.
4.1.2 CSS
Cascading 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 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.
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
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 (For example class, id, heading, … etc.).
CSS property written in a separate file with .CSS extension and should be linked to
t 25 HTML document using link tag. This means that for each element, style 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 sheet file.
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 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.
4.1.3 JAVASCRIPT
JavaScript is a light-weight object-oriented programming language which is used
by several websites for scripting the webpages. It is an interpreted, full-fledged
programming language that enables dynamic interactivity on websites when
applied to an HTML document. It was introduced in the year 1995 for adding
programs to the webpages in the Netscape Navigator browser. Since then, it has
been adopted by all other graphical web browsers. With JavaScript, users can
build modern web applications to interact directly without reloading the page
every time. The traditional website uses Js provide several forms of interactivity
and simplicity. Although, JavaScript has no connectivity with Java programming
language. The name was suggested and provided in the times when Java was
gaining popularity in the market. In addition to web browsers, databases such as
CouchDB and MongoDB uses JavaScript as their scripting and query language.
Features of JavaScript
There are following features of JavaScript:
1. All popular web browsers support JavaScript as they provide built-in execution
environments.
2. JavaScript follows the syntax and structure of the C programming language.
Thus, it is a structured programming language.
3. JavaScript is a weakly typed language, where certain types are implicitly cast
(depending on the operation).
4. JavaScript is an object-oriented programming language that uses prototypes
rather than using classes for inheritance.
5. It is a light-weighted and interpreted language.
6. It is a case-sensitive language.
7. JavaScript is supportable in several operating systems including, Windows,
macOS, etc.
8. It provides good control to the users over the web browsers. Application of
JavaScript Java Script is used to create interactive websites.
4.2 BACKEND
Back End Approach:
PHP
MySQL
4.2.1 PHP
PHP is an open-source, interpreted, 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 Preprocessor.
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 serverside scripting language, which is used to manage the
dynamic content of the website.
PHP can be embedded into HTML.
PHP is an object-oriented language.
PHP is an open-source scripting language.
PHP is simple and easy to learn language.
Performance:
PHP script is executed much 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 predefined error reporting constants to generate an error
notice or warning at runtime. E.g., E_ERROR, E_WARNING, E_STRICT, E_PARSE.
Loosely Typed Language:
PHP allows us to use a variable without declaring its datatype. It will be taken
automatically at the time of execution based on the type of data it contains on its
value.
Web servers Support:
PHP is compatible with almost all local servers used today like Apache, Netscape,
Microsoft IIS, etc.
Security:
PHP is a secure language to develop the website. It consists of multiple layers of
security to prevent threads and malicious attacks.
Control:
Different programming languages require long script or code, whereas PHP can do
the same work in a few lines of code. It has maximum control over the websites
like you can make changes easily whenever you want.
4.2.4 MySQL.
MySQL is an open-source relational database management system. As with other
relational databases, MySQL stores data in tables made up of rows and columns.
Users can define, manipulate, control, and query data using Structured Query
Language, more commonly known as SQL. MySQL’s name is a combination of
“My,” the name of MySQL creator Michael Widenius’s daughter, and “SQL”. The
data in a MySQL database are stored in tables. A table is a collection of related
data, and it consists of columns and rows.
We can access the contact us page from the navbar of the home page.
Where we have kept our contacts, social media account.
7. CONCLUSIONS
It has been a great pleasure for me to work on this exciting and challenging
project. This project proved good for me as it provided practical knowledge of not
only in HTML, CSS and JavaScript web-based application and no some extent
Windows Application and SQL Server, but also about backend language PHP. 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.
Finally, I would like to express myself as to how I find this process of developing a
system to be very awaking to the mind of a student and to learn how to and teach
themselves things. I have built a skill of how to search for things and develop then
to my needs. It has indeed been a great experience.
7.1 BENEFITS
1. E- Learning Accommodates 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.
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 eLearning, you
can attend the lectures whenever you want with ease.
3. Offers Access to Updated Content
A prime benefit of learning online is that it makes sure that you are in
synchronization with modern learners. This enables the learner to access updated
content whenever they want it.
4. Quick Delivery of Lessons
eLearning 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 required to learn is reduced to 25%-60% of what is
required in traditional learning. There are some of the reasons why the learning
time is reduced by eLearning:
Lessons starts quickly and also wrapped up in a single learning session. This
enables training programs to easily roll out within a few weeks, or
sometime even days.
Learners can define their own speed of learning instead of following the
speed of the whole group.
Saves time as a student does not need to travel to the training venue. You
can learn at the comfort of your own place.
Students can choose to study specific and relevant areas of the learning
material without focusing on each and every area. For example, they can
skip certain areas they do not want to learn.
5. Scalability
eLearning helps in creating and communicating new training, policies, concepts,
and ideas. Whether it is for formal education or entertainment, eLearning is very
quick way of learning!
6. Consistency
eLearning 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.
7. Reduced Costs
eLearning is cost effective as compared to traditional forms of learning. The
reason 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 paying for travel expenses (e.g. accommodation)
when training happens in another city/state and/or external learning materials.
8. Effectiveness
eLearning has a positive influence on an organization’s profitability. It makes it
easy to grasp the content and digest it:
It results in improved scores on certifications, tests, or other types of
evaluation.
Higher number of students who achieve ‘pass’ or mastery’ level.
Enhanced ability to learn and implement the new processes or knowledge
at the workplace.
Help in retaining information for a longer time.