1 INTRODUCTION

Purpose and Description

Objectives

Scope and Limitations

2 REVIEW OF THE RELATED LITERATURE/SYSTEM

3 TECHNICAL BACKGROUND

4 METHODOLOGY, RESULT AND DISCUSSION

5 RECOMMENDATIONS

6 REFERENCES
 CHAPTER 1

INTRODUCTION
Technology has revolutionized the way we work and now it is set to

transform education. A click of a mouse button provides any student anywhere with

opportunities to learn. E-learning stands for electronic learning. It is about using take

information and communication technologies to expand access to education and to

enhance and transform teaching and learning. E-learning allows user to take courses

online using electronic devices such as computer, tablet and even smart phone. With E-

learning users can take courses from all around the world, 24 hours a day, 7 days a

week. It is an effective way to educate the students while tracking their participation and

assessment.

The popularity of the internet and Internet-based applications have grown fast in

recent times. It has affected the ways in which we conduct our day-to-day activities.

People rely more and more on the internet to find the information they are looking for or

even to learn new subjects. When we talk about the internet and learning there is a

word "e-learning" that comes to our mind. E-learning is a very broad term which

generally covers a wide range of teaching and learning activity via electronic media

such as computers or web-based platforms. E-learning is not necessarily distance

learning and may also occur in the face-to-face classes. E-learning utilize interactive

technologies and communication systems to improve the learning experience.

Using E-learning, it can remove travel cost to students as well as

accommodation, and training materials. And also it can save time, increase workplace
productivity and reduce travel costs. Students can be flexible and have consistent

training, interactive and hands-on tests. E-learning courses are easy to maintain and

update. With the power of E-learning it allows the student to learn at their own pace and

present them with engaging through the use of audio, interactive video based learning,

and gamification based learning. When slowly smartphones and hand-held devices with

the internet started gaining popularity, it completely changed the way people looked for

information. The term E-learning also started to gain attention. With the growing

popularity of hand-held devices the effectiveness of E-learning has grown even further.

With the use of internet in hand held-devices people like to access instructions or

information with just single click. Today the E-learning process has come along way

from the instructor-led training era to a hand-held era

The use of computers and internet as teaching applications has grown rapidly in

recent times. This is just an example of the growing influence of the internet in our life.

While not that long ago sitting in a classroom and listening to the teacher's lecture and

making notes on paper used to be the common practice in learning. Then slowly with

the evolution of computers the methods shifted towards more technological ways like

the use of Power point slides in the classroom or using pdf files to share notes with the

students.

PURPOSE AND DESCRIPTION

 The purpose of this E-learning Platform for “Holy Cross college of Sasa, Inc.” Is

to provide a better and effective way to help students to get learning materials and

information also give you an enhance perspective on how to develop the Information

given by the teacher. With this E-learning Platform, the students can access the study

materials at anytime and anywhere. The teachers can add students, subjects handle,

lessons and exercise which the student will take.

E-learning Platform is an integrated set of interactive online services that

provides the teachers, Students and others involve in education with information, tools

and resources to support and enhance educational delivery and management.

OBJECTIVES

The objectives of this project is to develop E-learning platform in HOLY CROSS

COLLEGE OF SASA (HCCSI). That can help to enable teachers and students of

access the study materials at anytime and anywhere. Also provide a better and effective

way to help students to get learning materials and information.

The following are the benefits of using the E-learning Platform

 It is a very efficient way of delivering courses online.

 Everyone, who are part time students or are working full time, can take

advantage of web-based Leaning.

 As you have access to the net 24/7, you can train also yourself anytime and from

anywhere.
 It is very convenient and flexible option above all, you don’t have to depend on

anyone for anything.

 Web-based learning promotes active and independent learning.

Scope and Limitations

This is the E-learning Platform of HOLY CROSS COLLEGE OF SASA (HCCSI).

The teacher can add lessons according to their subject, Add quizzes for a specific

Subject. Quiz Score will be automatically computed except for the written quiz. The

College Students can take the TRUE or FALSE, MULTIPLE CHOICE and

MATCHING TYPE of exam.

Limitation

 The students can view the lessons they have enrolled in.

 The students can take quizzes conducted by their teachers.

 Only the IT students can access the E-learning Platform.

 Only the teachers can edit the materials and quizzes.

 Only teacher can register their student in his/her subject handled.

 CHAPTER 2
REVIEW OF THE RELATED LITERATURE

The review of literature includes information from various sources such as peer-

reviewed articles, studies, and books on concepts related to E-learning Platform.

Economic, social and technological forces continue to change the global

economy, and the way of life in organizations and the world. In specific, these forces

have and continue to revolutionize teaching and learning in organizations. Urdan &

Weggen (2000) related that technology, the rapid obsolescence of knowledge and

training, the need for just-in-time training delivery, and the search for cost-effective ways

to meet learning needs of a globally distributed workforce have redefined the processes

that underlie design, development and delivery of training and education in the

workplace. In addition, Urdan & Weggen related that the need for different learning

models due to skills gap and demographic changes and demand for flexible access of

lifelong learning have played upon teaching and learning. In this teaching and learning

evolution, however, several terms have been attached to characterize the innovation

and creation that has been occurring. Some terms are: e-learning, distributed learning,

online learning, web-based learning and distance learning.

However, an online training was classified as an all-encompassing term that

refers to all training done with a computer over a network, including a company’s
intranet, the company’s local area network, and the internet (Gotschall, 2000). Gotschall

supplemented that online training is also known as net-based training. Urdan & Weggen

(2000), related that online learning constitutes just one part of e-learning and describes

learning via internet, intranet and extranet. They added that levels of sophistication of

online learning vary. It can extend from a basic online learning program that includes

text and graphics of the course, exercises, testing, and record keeping, such as test

scores and bookmarks to a sophisticated online learning program. Schreiber & Berge

(1998) agreed with Gotschall (2000) and purported that online learning is any

technology-based learning, that is, information currently available for direct access.

They added that this usually implies linkage to a computer. Given the broad definition of

online training, it would seem safe to assume that web-based training is online training.

Hall (1997) defined web-based training as instruction that is delivered over the Internet

or over a company’s intranet. Accessibility of this training, related Hall, is through the

use of a web-browser such as Netscape Navigator.

Furthermore, Hall and Snider (2000) define e-learning as the process of learning

via computers over the Internet and intranets. Hall and Snider extended that e-learning

is also referred to as web-based training, online training, distributed learning or

technology for learning. Distance learning, however, was not included in the e-learning

definition and was defined as its own entity as a learning process meeting three criteria:

a geographical distance separates communication between the trainer and participant

the communication is two way and interactive some form technology is used to facilitate

the learning process.

 Hall (2000) contends that e-learning will take the form of complete courses,

access to content for “just-in-time” learning, access to components, a courses and

services, and the separation of “courses” to acquire and test knowledge vs. content as

an immediate, applicable resource to resolve an immediate, perhaps, one time only

problem. Learning is and will continue to be a lifelong process, that could be accessed

anywhere at anytime to meet a specific need or want. Hall added that more links to real-

time data and research would become readily available. Given the progression of the

definitions, then, web-based training, online learning, e-learning, distributed learning,

internet-based learning and net-based learning all speak of each other (Hall & Snider,

2000 Urdan & Weggen, 2000).

Similar also to e-learning and its related terms is technology-based learning

(Urdan & Weggen 2000). Urdan & Weggen shared that e-learning covers a wide set of

applications and processes, including computer-based learning, web-based learning,

virtual classrooms, and digital collaborations. For the purpose of their report, they

further customized their definition to the delivery of content via all electronic media,

including the Internet, intranets, extranets, satellite broadcast, audio/video tape,

interactive TV, and CD-ROM. They warned, however, that e-learning is defined more

narrowly than distance learning, which would include text-based learning and courses

conducted via written correspondence. Like Hall & Snider 2000), Urdan & Weggen

(2000) have set apart distance learning and e-learning in their glossaries, making,

however, e-learning inclusive and synonymous to all computer-related applications,

tools and processes that have been strategically aligned to value-added learning and

teaching processes.
 In addition, Berge (1998) explained the difference between distance education

and distance learning. Distance education was seen as the formal process of distance

learning, with information being broad in scope, for example, college courses. While,

distance learning was seen as the acquisition of knowledge and skills through mediated

information and instruction, encompassing all technologies and other forms of learning

at a distance. This may be why most educational institutions used the term distance

education. In reviewing five institutional definitions of distance education, these were the

main tenets: historically, it meant correspondence education, it is planned teaching and

learning, connects learners at a distance, designed to encourage learner interaction,

uses audio, video and computer technologies as delivery modes, delivery modes evolve

as technology expands and grows.

Moreover, Gotschall (2000) described distance learning as a broadcast of

lectures to distant locations, usually through video presentations. Hall & Snider (2000),

as mentioned above, characterized distance learning with three criteria; they are: a

geographical distance separates communication between the trainer and the

participant; the communication is two way and interactive, and some form of technology

is used to facilitate the learning process. Willis (1994) in his definition of distance

learning identified the acquisition of knowledge and skills as another criterion and

supported the former three criteria by saying that distance learning occurred through

mediated information and instruction, and encompassed all technologies and other

forms of learning at a distance. Porter (1997) shared that distance learning was

education or training offered to learners who are in a different location than the source

or provider of instruction. Porter went on to say that the technologies used in distance
learning, the structure of a course or program, and the degree of supervision for a

distance learning course can be varied to meet a particular’s group’s needs or interests.

Reverting to Halls (2000) contention of e-learning in all-inclusive form, distance

learning as planned interactive courses, as the acquisition of knowledge and skills at a

distance through various technological mediums would seem to be one of e-learning

possible disguises. Interestingly, Urdan & Weggen (2000) saw e-learning as a subset of

distance learning, online learning a subset of e-learning and computer-based learning

as a subset of online learning. Given the review of definitions on all these terms ‘subset’

does not appear to be the most likely word to describe the relationship among these

words and their forms. The definitions show a great depth of interdependence among

themselves.

However, this communicates that e-learning, if given the all-encompassing form,

can be the larger circle of which all other terms would be overlapping at different times

and extents given their user’s intention. Another rationale for this choice is that “just-in-

time” learning is a major advantage of e-learning but not of distance learning. Distance

learning purports planned courses, or planned experiences. E-learning does not only

value planned learning but also recognizes the value of the unplanned and the self-

directedness of the learner to maximize incidental learning to improve performance.

E-learning is the acquisition and use of knowledge distributed and facilitated

primarily by electronic means. This form of learning currently depends on networks and

computers but will likely evolve into systems consisting of a variety of channels (e.g.,

wireless, satellite), and technologies (e.g., cellular phones, PDA’s) as they are

developed and adopted. e-learning can take the form of courses as well as modules
and smaller learning objects. E-learning may incorporate synchronous or asynchronous

access and may be distributed geographically with varied limits of time. With the

strategic importance of e-learning being unsurpassed by the old corporate learning

paradigm, the projected benefits are highly attractive. Hall and Karon (2000) capitalized

on the accessibility of courses via intranets and internet, training can be self-paced,

availability of training at any time and place, training being less expensive, and reduced

or eliminated travel time. learning is possible because technology-based solutions allow

more room for individual differences in learning styles.

CHAPTER 3

TECHNICAL BACKGROUND

This chapter illustrates the growth of technological aspects in the field of E-

learning from the age of instruction-base training to a modern era of web technologies.

The illustration below shows the functionality of the project to e develop and the

application and development of the project. It also describe the growth and the

popularity of hand-held devices such as mobile phones and tablets has grown and the

market has started shifting towards accommodating them.

 Figure 1: E-learning Platform process

Figure 1 shows the process and result of the e-learning web platform. It also

includes the process of the teacher and student on how they complete their task. The

earliest way to educate now a days is via E-learning Platform, Teacher and Students

can access the education curriculum outside of traditional classroom. In most cases, it

refers to a course, program or degree delivered completely online. Luckily for us now a

days, researchers and scientists have invented high level programming languages that

easier to learn and use particularly in HTML, JavaScript and PHP.

In the past decade or two teaching has changed significantly, the popularity of

the Internet and Internet-based applications have grown fast in recent times. Changes

have affected both the opportunities and the challenges of teaching, as well as the

knowledge, and skills needed to prepare for a teaching career. When we talk about the

Internet and learning there is a word “e-learning” . It covers a wide range of teaching

and learning activity via electronic media such as computers or web based platforms.

Programming infers laying out a course of directions to teach the PC to finish

certain tasks that are particularly faster than people can do and present a good

illustration. The programming language is called PHP it is a script language and

interpreter. this is the main programming language used in this system it is a general-

purpose programming language originally designed for web develop

3.+623ment.

And jQuery and JavaScript library that allows web developers to add extra

functionality to their websites. And also Boot Strap that is a free front-end framework for
faster and easier web development. Bootstrap includes HTML and CSS based design

templates for typography, forms, buttons, tables, navigation, modals, image carousels

and many other, as well as optional JavaScript plugins. CodeIgniter is based on the

Model View Controller (MVC) development pattern. MVC is a software approach that

separates application logic from presentation. In practice, it permits your web pages to

contain minimal scripting since the presentation is separate from the PHP scripting.

CHAPTER 4

METHODOLOGY AND DISCUSSION REQUIREMENTS ANALYSIS

E-learning platform is consist of two user interface which is the student and the

teacher. It is an important dimension of the potential of e-learning is access to education

via accredited+ courses, workplace training and information resources. It can also help

students in accessing the system whenever they need help and this course is designed

to provide that assistance to students. Lastly, teacher can manage all her exercises and

lessons on the system.

 Planning

Designing

Developing

Testing

Evaluating

Implementing

Figure 2: Waterfall Method

Figure 2 presents the Waterfall Method. The waterfall model emphasizes the

logical progression of steps that will be taken throughout the development cycle of this

project, much like cascading the steps. It shows the sequential process of the

development of the E-Learning Web Platform. This method allows the flexibility and

interactivity into the development process of the E-Learning Web Platform. The

following are the process of the method:

Planning: The process of thinking about and organizing the activities.

Designing: It is use to define the feature to develop in the next cycle.

Developing: This is to bring out the capabilities and possibilities to improve.

Testing: The process of executing to find the bugs.

Evaluating: It is the structured interpretation and giving of meaning to predict the actual

impacts of proposal result.

Implementing: This is use for executing or practicing a plan, idea, and design.

Login
Lesson Student
Management Management

Exercise
Teacher Dashboard
Management

Subject
Management

View Lesson
Login

Student Dashboard Take Exercise

View Exercise
Result
Figure 3: Process/Data /Information Flow
Structure, process and flow of HCCS E-learning platform

• Managing all the students added

• Managing the lessons added

• Managing the subjects added

• Managing the exercises added

• Checking the exercise result of the student

The E-learning platform process and flow is used as the introductory step to

create an outline of the design which is developed in this project. The purpose of this e-

learning flow is to identify and recognize the basic concepts that is necessary to present

the design at these levels, and to provide concrete guidance to the users. It contains all

of the teacher and student’s schedules and events. The above illustration contains the

visualization of data processing, and working flow.

A perfect e-learning system is a mix of all the learning systems shown above. In

theory the perfect e-learning system will allow students to learn from their home while

having some real-time support and interaction with other students who are taking the

same courses. The main requirement of the developers while developing e-learning

system is that it should be easy to use and safe. Students should be able to choose

their course, find the resources easily, track their progress and reach their final goal on

time. While developing the learning system the designer should focus on creating a

perfect mix of traditional and virtual learning methods to help the students engage more

and reach their goals.

 Function of E-learning Platform

• The registered teacher must register their student according to their subject

handled.

• The teacher can add multiple subjects that they handled.

• The teacher can add lessons according to their subject handled.

• The teacher can add exercises, quizzes, exams or assignment according to their

subject handled.

• The registered student can login to the student dashboard.

• The student can take exercises, quizzes, exams or assignments.

• The student can review their exercises, quizzes, exams or assignments

DEVELOPMENT AND TESTING

• Identifying a specific problem

• Planning

• The researcher planned for a specific topic before they developed the System.

• Related Literature (review, issues, concerns)

• Data Gathering and Data Collecting

• Design

• Implementation of the System

IMPLEMENTATION PLAN
 A wholehearted attempt to implement the E-learning Platform was created at

Holy Cross of Sasa, Inc. This E-learning Platform was headed by the BSIT Program

Head, Gretchen B. Chavez, assisted by Eugene Elumbaring. This E-learning Platform

was endorse to the Dean of College, Dr. Christina M. Pendor and approve by the

School Directress, Sr. Ma. Conception E. Mendez, TDM. An Evaluating was also made

to ensure that the mobile application was ready to use by the students and teachers.

The installation of this E-learning Platform can easily be done by those who are using

internet connection. Finally, this project started with setting the goal and by having a

well planned strategy for the success of this E-learning Platform.

 CHAPTER 5

RECOMMENDATION

The use of computers and the Internet as teaching applications has grown

rapidly in recent times. Then slowly with the evolution of computers the methods shifted

towards more technological ways like the use of PowerPoint slides in the classroom or

using pdf files to share notes with the students.

One of the aims of this project was to study the benefits of e-learning. The theory

part of this thesis briefly explained what e-learning is, why e-learning is the future of

learning process and why many companies are also gradually shifting towards online

training from face-to-face training.

The Project-team has strongly recommended for the management to use the

proposed system in support of their daily transaction. It is also recommended that the

management shall regularly contact, or whenever necessary, the proponent for the

maintenance of the system.

The researchers recommended the following:

1. The application must be uploaded in an online server instead of local server so

that the students and teachers can access it anytime and anywhere.

2. The e-learning platform must be updated for improvement, add additional

features to make it a better place for learning.

 REFERENCES

Azevedo, R. (2005). Using hypermedia as a metacognitive tool for enhancing student

learning? The role of self-regulated learning. Educational Psychologist, 40(4), 199-209.

Chen, C. C., Chiu, P. S. & Huang, Y. M. (2015). The learning style-based adaptive
learning system architecture. International Journal of Online Pedagogy and Course
Design, 5(2), 1-10. doi:10.4018/IJOPCD.2015040101

Lee, C. H. M., Cheng, Y. W., Rai, S. & Depickere, A. (2005). What affect student
cognitive style in the development of hypermedia learning system? Computers &
Education, 45(1), 1-19.

Tsai, C. W. (2011). How much can computers and internet help? A long-term study of
web-mediated problem-based learning and self-regulated learning. International Journal
of Technology and Human Interaction, 7(1), 67-81

https://elearningindustry.com/using-elearning-technologies-improve-educational-quality-
language-teaching

https://www.hastac.org/blogs/oliviaryan/2017/12/04/how-e-learning-and-distance-
learning-change-education-landscape

http://www.irrodl.org/index.php/irrodl/article/view/2441/3588

https://psycnet.apa.org/record/2005-14202-002
 APPENDIX A

SAMPLE SOURCE CODE

 APPENDIX B
EVALUATION TOOL

The table displays the hardware and software specifications used in creating the

E-learing Platform.

Classification Specification Resources

Hardware
Computer/Laptop

Keyboard

Mouse

Windows OS

Internet connection LAN or

WiFi
Software
Xampp

Web browsers

Google developer tools

Visual studio code

Code igniter

Github

Google
 APPENDIX C

SAMPLE INPUT/OUTPUT

Figure 4: Main Form

 APPENDIX D

USER’S GUIDE

Login Form Register Form

Figure 5: Login Form & Register Form

Firegure 5 shows the Student and Teachers login form. After the Student login

he/she can change the password after register.

 Figure 6: Homepage form

Figure 6 shows the homepage Form where the teachers can see the lessons,

Students, Exercise.
 Figure 7: Menu Form

Figure 7 shows the menu form of the teacher where he/she can add activities

and lessons.
 Figure 8:

Figure 8 shows the form where the Students can see the teacher activities,

activities result and lessons has been added.