A WEB BASED ONLINE E-LEARNING SYSTEM FOR HIGHER EDUCATION

INSTITUTIONS

JOHN MICHAEL RASALAN

A CAPSTONE PROJECT SUBMITTED TO THE FACULTY OF COLAND

SYSTEMS TECHNOLOGY INCORPORATED, COTABATO CITY

IN PARTIAL FULFILLMENT OF THE REQUIREMENTS

FOR THE DEGREE OF

BACHELOR OF SCIENCE IN COMPUTER SCIENCE

MAY 2022

i
 EXECUTIVE SUMMARY

RASALAN, JOHN MICHAEL. 2022. A WEB BASED ONLINE E-LEARNING

SYSTEM FOR HIGHER EDUCATION INSTITUTIONS.Capstone

Project, Computer Science, Coland Systems Technology College

Incorporated, Cotabato City. 60p.

Adviser: REYMAR S. BELLOSILLO

This paper is entitled “A WEB BASED ONLINE E-LEARNING SYSTEM FOR

HIGHER EDUCATION INSTITUTIONS” is designed with Visual Studio 2010

software, C-sharp programming language and SQL SERVER 2008 as its database. The

Online Web Based E-Learning System offers convenience and flexibility. Web-based e-

learning will become increasingly popular, and the convenience and flexibility of web-

based learning will make it more popular in the years to come.

The proponentJOHN MICHAEL RASALANworked on the proposed system

since DECEMBER 2021 until MAY 2022 under the advisory of MR. REYMAR S.

BELLOSILLO. The proponent presented this paper to the panel and was approved.

ii
 TRANSMITTAL SHEET

The Capstone Project Manuscript entitled "A WEB BASED ONLINE E-

LEARNING SYSTEM FOR HIGHER EDUCATION INSTITUTIONS” prepared

and submitted by JOHN MICHAEL RASALANin partial fulfillment of the

requirements for the degree of BACHELOR OF SCIENCE IN COMPUTER

SCIENCE is hereby accepted and endorsed.

REYMAR S. BELLOSILLO GLENDA T. CHIVA, MAELT

Member, Advisory Committee Grammarian

ENGR. RIGE MAE G. MUESCO, MIM

Chairman, Advisory Committee/CCS Program Head

________________________
Date

RYL R. RAMOS, MIM

Dean, College of Computer Studies

____________________
Date

iii
 APPROVAL SHEET

The Capstone Project study entitled "A WEB BASED ONLINE E-LEARNING

SYSTEM FOR HIGHER EDUCATION INSTITUTIONS" prepared and submitted

by JOHN MICHAEL RASALAN has been examined and is recommended for approval

and acceptance.

Recommended:

REYMAR S. BELLOSILLO ENGR. RIGE MAE G. MUESCO, MIM

Adviser Research Facilitator

APPROVED by the Committee on Oral Defense with a grade of PASSED on May 2022.

LEAH C. SOLAMILLO
Panel Chairman

ALEXA GRACE Y. ALONDE JOHARI C. SIBAYAN

Member Member

ACCEPTED and APPROVED in partial fulfillments of the requirements for Bachelor

of Science in Computer Science.

RYL R. RAMOS, MIM ENGR. RIGE MAE G. MUESCO, MIM

Dean, College of Computer Studies Program Head, College of Computer Studies

iv
 GRAMMARIAN'S CERTIFICATE

This is to certify that the undersigned has reviewed and went through all the pages

of the Capstone Project Study Manuscript entitled “A WEB BASED ONLINE E-

LEARNING SYSTEM FOR HIGHER EDUCATION INSTITUTIONS” developed

by JOHN MICHAEL RASALAN aligned with the set of structural rules that govern the

composition of sentences, phrases, and words in English Language.

Signed: Date Signed:

GLENDA T. CHIVA, MAELT ____________________________

Grammarian

v
 ACKNOWLEDGEMENT

First, I give thanks to the Almighty God who has brought us the life, wisdom,

knowledge and love that strengthen us to survive this tough battle.

I would like to take this opportunity to express our deepest and sincere gratitude

project Adviser Mr. Reymar Bellosillo for his knowledge and patients that really help us

to pass this project, I am also grateful to our overall adviser Engr. Rige Mae G. Muesco,

MIM for her unwavering support, love and guidance in pursuing this capstone project.

Aside from our Adviser I would also like to thank the faculty and the rest of our

capstone project committee: Ms. Alexa Grace Y. Alonde, Mr. Johari C. Sibayan and

Ms. Leah C. Solamillo for their insightful comments, suggestions and statement that

courage us during oral defense and toMr. Ryl R. Ramos, MIM, CCS Dean for his pieces

of advice that help us to evaluate our own study.

To my Bibi, thank you for your understanding and tireless efforts with this

capstone project. You always give me strength and courage and never let me down.

Lastly, thank you to my parents for their never ending support and financial

assistance. To our classmates and other group mates of CCS thank you for keeping our

goal together for all the fun and learning.

vi
 DEDICATION

This work is the result of many hard sacrifices. Thanks to the efforts of

researchers, this work is enthusiastically and proudly given to those who serve as

inspiration. From parents and guardians to classmates and the circle of friends who have

extended their assistance amidst the problems while doing this work.

To the faculty and staff of Coland Systems Technology, Cotabato City. Above all,

to our Almighty God who has filled us with His blessings in our everyday lives,

especially for strength, courage, patience, wisdom, time and direction in the realization of

this work.

vii
 TABLE OF CONTENTS

Title Preliminary Pages

Title Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . i

Executive Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ii

Transmittal Sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iii

Approval Sheet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iv

Grammarians Certificate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v

Acknowledgement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vi

Dedication . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vii

Table of Contents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . viii

List of Figures . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xi

CHAPTER I – INTRODUCTION

1.1 Background of the Study . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.2 Statement of the Problem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

1.3 Objectives of the Study . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.3.1 General Objective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

1.3.2 Specific Objective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

1.4 Significance of the Study . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

1.5 Scope and Limitation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

1.6 Operational Definition of Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

viii
CHAPTER II - REVIEW OF RELATED LITERATURE AND STUDIES

2.1 Local Studies. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

2.2 Foreign Studies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

CHAPTER III - REVIEW OF RELATED LITERATURE AND STUDIES

3.1 Research Design and Method Used . . . . . . . . . . . . . . . . . . . . . . . . . . 10

3.2 Locale of the Study. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

3.3 Data Gathering Procedures . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

CHAPTER IV - PRESENTATION OF THE STUDY

4.1 The Existing Context Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

4.2 The Proposed Context Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

4.3 The System Flowchart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

4.4 Installation Procedure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

4.5 General Maintenance Plan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

4.6 System Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

4.6.1 Software Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . 27

4.6.2 Hardware Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . 27

4.7 Gantt Chart (Work Frame) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

4.8 Data Dictionary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

CHAPTER V- SUMMARY, CONCLUSION AND RECOMMENDATION

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

ix
Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Recommendation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Bibliography . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Appendices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Curriculum Vitae . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38

x
 LIST OF FIGURES

Figure Title Pages

4.1.1 Existing Context Diagram of Online E-Learning System 19

4.2.1 Context Diagram of the Proposed System 20

4.7.1 The Gannt Chart 22

xi
 LIST OF TABLES

Table Title Pages

4.8.1 tbluser 23

4.8.2 tblstudent 24

4.8.3 tblteacher 24

4.8.4 tblattendance 24

4.8.5 gradepercent 25

4.8.6 studgrade 25

4.8.7 tbluannoun 26

4.8.8 tblassignlist 26

4.8.9 tblattresponse 26

4.8.10 tblfinalgrade 27

4.8.11 tblclass

27

4.8.12 tblllog 27

4.8.13 tblog 27

4.8.14 tblexam 28

4.8.15 tblexamresult1 28

4.8.16 tbmaterials 29

4.8.17 tblpassassign 29

4.8.18 tblquestion 29

4.8.19 tblquiz 30

4.8.20 tblterm 30

xii
4.8.21 tblquizname 31

xiii
 CHAPTER I

INTRODUCTION

Nowadays, learning is becoming more and more accessible to learners by all

possible means. Technology has introduced a variety of intelligent ways for students to

reach learning and knowledge at any time and in any location. We all have access to the

Internet and we use it for a lot of different things like searching for information for school

and college projects. Technological innovations are the engine of improved and flexible

education for students. This capstone project, "Online E-Learning System", is another

innovative platform aimed at schools.

Traditionally, students only learned in classroom settings. Students do not have

the ability to fully develop their skills and knowledge through the traditional approach to

teaching. Learning processes and resources do not have easy access. Students need a

more enjoyable learning experience that allows them to access, use and have fun at the

same time. As a result, researchers have identified a gap that needs to be addressed to

empower students with an educational tool that will help them nurture their knowledge

and skills.

Web-based learning is commonly referred to as eLearning or online learning. It

essentially includes learning online through the courses that are offered on the net.

Emails, live lectures, and videoconferencing are all possible through the net. This enables

all the participants to give their views on a particular topic and then discuss them further.
They also offer static pages like course materials that are printed for the benefit of all the

participants. One of the main advantages of accessing pages on the web is that most of

the web pages have hyperlinks that will lead you to another page and thus opens up a vast

amount of information on the net. (Clover, 2017)

1.1 Background of the Study

Recent Study stated the COVID-19 has resulted in schools shut all across the

world. Globally, over 1.2 billion children are out of the classroom. As a result, education

has changed dramatically, with the distinctive rise of e-learning, whereby teaching is

undertaken remotely and on digital platforms. Research suggests that online learning has

been shown to increase retention of information, and take less time, meaning the changes

corona virus have caused might be here to stay. (Li et al., 2020)

However, with the rapid progress in technology and the advancement in learning

systems, it is now embraced by the masses. The introduction of computers was the basis

of this revolution and with the passage of time. As people get hooked to smartphones,

tablets, and other digital platforms, these devices now have an importance place in the

classrooms for learning. Books are gradually getting replaced by electronic educational

materials like optical discs or pen drives. Knowledge can also be shared via the Internet,

which is accessible 24/7, anywhere, anytime. A learning system based on formalized

teaching but with the help of electronic resources is known as E-learning. While teaching

can be based in or out of the classrooms, the use of computers and the Internet forms the

major component of E-learning. E-learning can also be termed as a network enabled

2
transfer of skills and knowledge, and the delivery of education is made to a large number

of recipients at the same or different times. Earlier, it was not accepted wholeheartedly as

it was assumed that this system lacked the human element required in learning. The.

(2022).E-learning The Economic Times. Retrieved

from(https://economictimes.indiatimes.com/definition/e-learning)

E-Learning is an approach where learning materials are made accessible online

via desktops, mobile phones, and other electronic devices. It can be delivered in various

formats such as presentations, videos, online courses, virtual activities, and many more. It

is a flexible learning solution that you can set up whether for self-paced learning or

synchronous learning. This allows you to tailor your learning program based on the

training objectives and the needs of your learners. It serves as a practical and time-

efficient way of delivering training programs at a scale. Unlike traditional training

programs, e-Learning gives you an opportunity to leverage tools and platforms such as e-

Learning systems to increase learner engagement and closely monitor the learning

progress of your learners. (EdApp Microlearning Blog, 2018)

1.2 Statement of the Problem

 Face to face classes pose risk to student because of the Covid-19

Pandemic

 Traditional way is fixed to schedule.

 Traditional way takes time to update content. Teachers tend to rely on

analogue materials for their classes, which is difficult to update.

3
1.3 Objectives of the Study

1.3.1 General Objective

This Capstone Project aims to create a Web-based E-Learning System for higher

education institutions.

1.3.2 Specific Objectives

Specifically, this project is to:

 Create a system that can cater students during the Covid-19 Pandemic

 Give easy access to the learning content from any place and at any time.

 Easy content update. All materials are in digital format, which is easier to

update.

1.4 Significance of the Study

This study aims to help student and teachers to develop, create new ideas and gain

more skills and understanding apart from the school education and to be beneficial to the

following:

Educational Institution

The success of the project will allow them to offer students a more

complete and adaptable education and learning system in the privacy of their

homes.

4
 Students

Using this system can enhance their skills and develop their learning

process.

Researchers

This project will leverage their skills and expertise to develop effective

programs.

Future Researchers

The study may be used as a reference for their version of the project.

1.5 Scope and Limitation of the Study

Scope

The scope of this study is to design and develop a web-based online learning

system for Colleges that includes creation and uploading of lessons, construction of

assignments and project, administering and management of examination and activities,

downloading and uploading of learning materials in response to lessons of instructor, and

to manage class group members. Design and develop a web-based online e-learning

system for Colleges that includes the following features:

 Creation and uploading of lessons (Learning Materials);

 Construction of assignments and projects with enabling setting

configuration (submission deadline);

5
  Administering and management of assessment examination (quizzes,

activities, etc.);

 Downloading of learning materials and response to lessons of instructor.

 Manage class group members.

Limitation

 The system does not have video communication service

 The system does not have enrollment system.

 The system does not support video uploading.

1.6 Operational definition of Terms

The following terms has been operationally defined in the project:

Digital Platforms

 Is any electronic tool for communication includes desktop, mobile, social and

email software this covers websites and Social Media - Twitter, Amazon,

Wattpad, etc.

E-Learning

 A learning system based on formalized teaching but with the help of electronic

resources.

6
Electronic resources

 (or e-resources) are materials in digital format accessible electronically.

Examples of e-resources are electronic journals (e-journal), electronic books (e-

book) online databases in varied digital formats, Adobe Acrobat documents

(.pdf), Web Pages

Internet

 The Internet is a vast network that connects computers all over the world.

Through the Internet, people can share information and communicate from

anywhere with an Internet connection.

Mobile Learning

 mobile learning, also known as M-learning, is a new way to access learning

content using mobile devices. It’s possible to learn whenever and wherever you

want, as long as you have a modern mobile device connected to the Internet.

Optical Disc

 It is a computer storage disk that stores data digitally and uses laser beams

(transmitted from a laser head mounted on an optical disk drive) to read and write

data.

7
Pen Drives

 pen drive is a small drive which is utilized to exchange information between

multiple systems.

Remotely (Remote Connection)

 at or from a distance, typically by means of an electronic connection: We can

work remotely or on the client site, depending on your requirements. The system

is remotely controlled from a central computer.

Virtual

 being on or simulated on a computer or computer network print or virtual books a

virtual keyboard: such as. a: occurring or existing primarily online virtual

shopping.

8
 CHAPTER II

REVIEW OF RELATED LITERATURE

This chapter includes the ideas, finished capstone project, generalization or

conclusions, methodologies and others. Those that were included in this chapter helps in

familiarizing information that are relevant and similar to the present study.

Local Studies

With the COVID-19 pandemic, issues on education in the Philippines have

worsened. To address them, the Department of Education (DepEd) has used distance

learning modes, while also applying blended learning programs. These include online

classes, printouts, and lessons via TV and social media platforms. Although many

students and teachers prefer face-to-face classes, they have to adapt to online education as

alternative learning. Online classes will continue as schools remain close. However, some

of these new learning tools need internet access.

With this pandemic, almost half of the students worldwide remain affected by

partial or full school closures. For instance, UNESCO estimates that more than 100

million children will likely have poor reading proficiency because they no longer go to

school. For this reason, education should be prioritized to prevent such effects of

COVID-19 on learning quality.

9
 Many countries, the Philippines included, have shifted from classrooms to online

education through online learning platforms. Even governments have promoted mobile

learning as an efficient way through which students continue learning. This push has

allowed online learning platforms to flourish. Several online education platforms offer

free access to their services. For instance, BYJU’S provides free live classes on its Think

and Learn app. Thus, the number of its new students has increased by 200%. Likewise,

Tencent Education offers campus connectivity and teaching. They also provide lesson on

research and school management. They cater to individuals and schools that cover K12,

vocational colleges, and life-long education programs. With the abovementioned shift,

some students and even their parents wonder if online education will still be adopted

post-pandemic. Online Education: Today’s Alternative Learning for Students. (2021,

October 12). (Retrieved from https://childhope.org.ph/alternative-learning-online-

education/)

The sudden appearance of COVID-19 caused a lot of abrupt changes in the world.

Among those stricken the hardest is the educational system. During the pandemic,

schools are left with no choice but to adapt a new way of learning, from traditional

learning to electronic learning. This sudden shift caused unruliness towards the new

curriculum created and a lot were affected by these hasty revisions. E-learning suddenly

became the only viable option to continue the academic year. Given the circumstance, the

researchers have elected to pursue this paper to showcase the possibility of E-learning as

an efficient alternative for sustainable education. It is also the objective of the researchers

to illustrate the effectivity, modality and impact of E-Learning towards the students of De

10
La Salle University Manila during the COVID-19 pandemic. The data gathered through

the use of an online survey manifested that online learning was not deemed to be

effective during the pandemic. The abrupt shift also brought a massive impact towards

the student body, creating online rallies that pushed school administrations to take action

regarding the matter. That being said, as the Philippines continue to explore the

possibility of adapting an online learning curriculum, it is important to actively address

the stability, quality, sustainability, and capability the country has in order to ensure that

this kind of approach is found to be successful. Lastly, the government sector must be

enjoined to provide more support for both private and public academic institutions. It

shall be recognized that the shift that they are trying to take to continue teaching minds

amidst the pandemic may occlude them into shutting down if there will be poor reception

to these changes. Hence a well-calculated and careful execution is necessary for its

success. (E-Learning as a Key Player of Philippine Education in Light of the COVID-19:

An Analysis of the E-learning Effectiveness, Modality and Impact Using a Multi-

perspective Approach towards the Students of De La Salle University Manila | 2021 12th

International Conference on E-Education, E-Business, E-Management, and E-Learning.)

(2021). (Retrieved https://dl.acm.org/doi/10.1145/3450148.3450149,)

11
Foreign Studies

The COVID-19 pandemic has led to the largest interruption in education around

the world, affecting some 1.6 billion students. Classroom education stopped, to be

replaced by online e-learning platforms. In higher education, e-learning is made available

through recorded lectures, with online platforms becoming a significant part of the

overall system. This study aims to identify the quality of online learning platforms,

applying a set of criteria from the perspective of faculty members and students in higher

education institutions in the Sultanate of Oman. The descriptive approach is used and the

researchers collected data through a questionnaire directed at 32 faculty members and

104 students. The results show that e-learning programs are generally of high quality,

from the perspective of the participants, but with statistically significant differences

according to the type of program. ‌(Jabbar Alkubaisi, Al-Saifi, Al-Shidi, & Al-Shukaili,

2021).(Retrieved fromhttps://doi.org/10.1155/2021/2570377)

Higher education organizations over the previous two decades have offered full

courses online as an integral part of their curricula, besides encouraging the completion

throughout the online courses. Additionally, the number of students who are not

participating in any courses online has continued to drop over the past few years.

Similarly, it is perfectly possible to state that learning online is obviously an educational

platform.‌(Abuhassna et al., 2020). (Retrieved from https://doi.org/10.1186/s41239-020-

00216-z)

12
 Courses online are trying to connect social networking components, experts’

content, because online resources are growing on daily basis. Such courses depend on

active participation of a significant number of learners who participate independently in

accordance with their education objectives, skills, and previous background and

experience (McAuley, Stewart, Siemens, & Cormier, 2010).(Retrieved from

https://doi.org/10.1186/s41239-020-00216-z)

Nevertheless, learners differ in their previous background and experience, along

with their education techniques, which clearly influence their online courses results

besides their achievement (Kauffman, 2015). Consequently, despite the online learning

evolution, learning online possibly will not be appropriate for each learner (Bouhnik&

Carmi, 2013).(Retrieved fromhttps://doi.org/10.1186/s41239-020-00216-z)

This present study highlights the effects of online learning platforms on student’s

satisfaction, in relation to their background and prior experiences towards online learning

platforms to identify learners that are going to be satisfied toward online course.

Furthermore, this research explores the effects of transactional distance theory (TDT);

student collaboration, student- instructor dialogue or communication, and student

autonomy in relation to their satisfaction. Accordingly, this study investigates students’

academic achievements within online platforms, utilizing Bloom theory to measure

students’ achievements through four main components, namely, understanding,

remembering, applying, and analyzing. This study could have a significant influence on

online course design and development. Additionally, this research may influence not only

13
academic online courses but then other educational organizations according to the fact

that several organizations offer training courses and solutions online. Both researchers

and Instructors will be able to utilize and elaborate in accordance with the preliminary

model, which was developed throughout this research, on the effects of online platforms

on student’s satisfaction and academic achievements. Advantages of online learning and

along with its applications were mentioned in earlier correlated literature (Abuhassna et

al., 2020;Abuhassna& Yahaya, 2018; Al-Rahmi et al., 2018). (Retrieved from

https://doi.org/10.1186/s41239-020-00216-z)

14
 CHAPTER III

METHODOLOGY

The purpose of this method was to provide an overview of how the work process

was conducted. This introduces the method whereby the research used for data collection

is consistent with the purpose of the study.

3.1 Research Design and Method Used

In the software development, it follows the usual Systems Development Life

Cycle (SDLC) with the waterfall strategy model as illustrated:

Planning Phase

Analysis Phase

Design Phase

Implementation Phase

Support Phase

15
System Development Life Cycle

Sets of related activities are organized into phases:

1. Planning Phase

2. Analysis Phase

3. Design Phase

4. Implementation Phase

5. Support Phase

The first step in the conduct of the study was gathering of data needed in the

study. The unpublished capstone linked to the study was browsing web sites to obtain

information. Once the data was collected, a prototype was created to easily design the

system. At the same time, the program of the system has also been made. Following the

design of the system, it will be implemented online. It was developed to help educators

and students at educational institutions disseminate their e-learning resources.

3.2Locale of the Study

An e-learning system is a structured course or learning experience provided

electronically, quickly and accurately. This paper presents the development of a web

based online learning system for higher education institutions. The system constitutes

three levels – Admin, Teacher and Student. The first step was to obtain regular values

about the e-learning system from other research studies. After the baseline was

established, the distribution of data usage was analyzed. After examining previous

research, it was considered appropriate to conduct a survey to collect real data and

16
confirm data from previous studies. But due to the Covid-19 pandemic I cannot a conduct

and provide any survey as proof.

3.3 Data Gathering Procedures

Planning Phase

The following sections of this paper will focus on planning for online education

as an example of the systems model in operation. It is important to bear in mind that

online education would be one of the applications being considered within an overall

technology plan. Other applications related to administration or other areas of instruction

(statistical software, digital research equipment, library databases) not related to online

education would be part of the overall campus technology plan.

Analysis Phase

With the data gathered, it helped to identify the needs of higher education

institutions of teachers and students. Using the data collected, he helped identify the

needs of higher education institutions for teachers and students. One of the primary

objectives of this study is to define a system requirement. Consequently, the researcher

listed the documents required to convert the manual system to an online menu on the

Web.

Design Phase

Once the requirements have been identified, a preliminary concept for the system

is created. This is not a detailed design and only covers the important aspects of the

17
system, giving the user a sense of the system. In this phase, the developers used a variety

of laptops and computers, including the Windows 10 operating system and the latest

version of the operating system. In developing the design, the developers used CSS and

ASP.net to make the system clear and easy to access. The proposers used Visual Studio

2010 for a server-side script language and SQL Server 2008 for the database.

Implementation Phase

In this phase, the system will be implemented online. It was developed to help the

teachers and students of Higher Educational Institutions to disseminate their learning

materials online.

Support Phase

During the support phase, researchers are responsible for ensuring that the system

functions after deployment. Researchers will help end users maintain and improve the

information system. It can be improved according to higher educational institutions and

researchers to check the system for maintenance.

18
 CHAPTER IV

PRESENTATION OF THE STUDY

This chapter shows the existing System, the Context Diagram, the Proposed

System, the Flow Chart, and the diagram of transaction to the said system.

4.1 Context Diagram of Existing System

STUDENTS TEACHERS

0.0 Retrieval Printed Copy

of Teachers Schedule
Manual Learning System
Retrieve and Answer Manual distribution
Classroom Tasks Of Classroom Tasks

Manual Viewing of Grades Manual Input of Grades

Retrieval of Grades Printed Student Subjects and Schedule

from Teacher Manage Student Details

REGISTRAR

Figure 4.1.1 Existing Context Diagram of Online E-Learning System

Figure 4.1.1 this figure shows the existing Learning System process. Figure 4.1

shows three entities, The Registrar, The Students and the Teachers.

19
4.2 Context Diagram of the Proposed System

Figure 4.2.1Proposed Context Diagram for Web Based E-Learning System

Figure 4.2.1 shows the Online E-Learning System for Higher Education

Institutions. Figure 4.2.1 has three entities, The Registrar, The Students and the Teachers.

4.3 The System Flowchart

20
4.4 Installation Procedure

The developer installed the applications required for the development of the

system, Microsoft Visual Studio 2010 for the front-end and SQL Server 2008 for the

back-end of the system.

4.5 General Maintenance Plan

The conditions required for a system are the installation of a necessary application

for the system, such as backup for in case of emergency.

4.6 System Requirements

For implementation of the proposed system, the following hardware and software

requirements are recommended for system compatibility.

4.6.1 Software Requirements

Required Recommended

Windows Operating System Windows 7 or higher

Microsoft Visual Studio Microsoft Visual Studio 2010

SQL Server SQL Server 2008 or Higher

21
 4.6.2Hardware Requirements

Required Minimum Recommended

Processor 1.8 GHz Processor 2.6 GHz or Faster Processor

RAM 2GB of RAM 8GB of RAM

Storage 250 GB (Hard Disk) 500 GB (Hard Disk)

4.7 Gannt Chart (Work Frame)

A Gantt chart is commonly used in project management. This is one of the most

popular and useful ways to show the activities displayed in connection with time. On the

left-hand side of the table is a list of activities and, at the top, an appropriate calendar.

Each activity is represented by a bar; the position and the length of the bar correspond

with the start, duration and end date of the activity

Activities 2021 2022

Dec Jan Feb Mar Apr May

Title Proposal

Data Gathering

Start of Designing

Testing and Debugging

Documentation

Figure 4.7.1 - The Gannt Chart

22
4.8 Data Dictionary

Proponents have developed a web-based online learning system that will address

the details of the website, administrator, teacher and student transactions. The proposed

system consists of the user name and password for the security and protection of the user

database.

4.8.1 tbluser

Column Name Data Type Allow Nulls

username nvarchar(50) ✔

password nvarchar(50) ✔

position nvarchar(50) ✔

fname nvarchar(50) ✔

mname nvarchar(50) ✔

lname nvarchar(50) ✔

birthday daetime ✔

course nvarchar(50) ✔

idno nvarchar(50) ✔

age int ✔

eaddress nvarchar(50) ✔

status nvarchar(50) ✔

activationcode nvarchar(50) ✔

gender nvarchar(50) ✔

23
4.8.2 tblstudent

Column Name Data Type Allow Nulls

studname nvarchar(50) ✔

classcode nvarchar(50) ✔

grade nvarchar(50) ✔

classname nvarchar(50) ✔

teacher nvarchar(50) ✔

quiz nvarchar(50) ✔

attendance nvarchar(50) ✔

exam nvarchar(50) ✔

idno nvarchar(50) ✔

4.8.3tblteacher

Column Name Data Type Allow Nulls

classcode nvarchar(50) ✔

student nvarchar(50) ✔

grade nvarchar(50) ✔

teacher nvarchar(50) ✔

4.8.4 tblattendance

Column Name Data Type Allow Nulls

classcode nvarchar(50) ✔

teacherid nvarchar(50) ✔

date nvarchar(50) ✔

term nvarchar(50) ✔

4.8.5gradepercent

Column Name Data Type Allow Nulls

quiz decimal(18, 2) ✔

24
 attendance decimal(18, 2) ✔

exam decimal(18, 2) ✔

home decimal(18, 2) ✔

teacher Nvarchar(50) ✔

4.8.6stdugrade

Column Name Data Type Allow Nulls

studname nvarchar(50) ✔

quiz decimal(18, 2) ✔

attendance decimal(18, 2) ✔

exam decimal(18, 2) ✔

home decimal(18, 2) ✔

grade decimal(18, 2) ✔

grading decimal(18, 2) ✔

assign decimal(18, 2) ✔

idno nchar(10) ✔

25
4.8.7tblannoun

Column Name Data Type Allow Nulls

announ nvarchar(50) ✔

Reply nvarchar(50) ✔

replyno nvarchar(50) ✔

Date nvarchar(50) ✔

name nvarchar(50) ✔

4.8.8 tblassignlist

Column Name Data Type Allow Nulls

instruct nvarchar(50) ✔

points int ✔

classcode nvarchar(50) ✔

term nvarchar(50) ✔

assigncode nvarchar(50) ✔

date date ✔

4.8.9tblattresponse

Column Name Data Type Allow Nulls

clascode nvarchar(MAX ✔
)

date nvarchar(MAX ✔
)

term nvarchar(MAX ✔
)

idno nvarchar(MAX ✔
)

26
 name nvarchar(MAX ✔
)

4.8.10 tblfinalgrade
Column Name Data Type Allow Nulls

idno nvarchar(50) ✔

name nvarchar(50) ✔

prelim decimal(18, 2) ✔

midterm decimal(18, 2) ✔

final decimal(18, 2) ✔

genave decimal(18, 2) ✔

classcode nvarchar(50) ✔

4.8.11 tblclass
Column Name Data Type Allow Nulls

classcode nvarchar(50) ✔

classname nvarchar(50) ✔

section nvarchar(50) ✔

subject nvarchar(50) ✔

room nvarchar(50) ✔

teacher Nchar(10) ✔

4.8.12 tbllog
Column Name Data Type Allow Nulls

name nvarchar(50) ✔

4.8.13 tblog

Column Name Data Type Allow Nulls

27
 name nvarchar(50) ✔

4.8.14tblexam

Column Name Data Type Allow Nulls

classcode nvarchar(50) ✔

examcode nvarchar(50) ✔

descript nvarchar(MAX ✔

)
instruction nvarchar(MAX ✔

)
nooofitems nvarchar(50) ✔

due date ✔

duration nvarchar(50) ✔

4.8.15 tblexamresult1

Column Name Data Type Allow Nulls

idno nvarchar(50) ✔

classcode nvarchar(50) ✔

qno nvarchar(50) ✔

ans nvarchar(50) ✔

corans nvarchar(50) ✔

points int ✔

examcode nvarchar(50) ✔

term nvarchar(50) ✔

type nvarchar(50) ✔

status nvarchar(50) ✔

28
4.8.16tblmaterials

Column Name Data Type Allow Nulls

modules varbvinary(MAX) ✔

classcode nvarchar(50) ✔

name nvarchar(50) ✔

[content] nvarchar(50) ✔

4.8.17 tblpassassign

Column Name Data Type Allow Nulls

classcode nvarchar(max) ✔

score int ✔

date nvarchar(50) ✔

term nvarchar(50) ✔

idno nvarchar(50) ✔

assname nvarchar(50) ✔

modules varbvinary(MAX) ✔

[content] nvarchar(50) ✔

name nvarchar(50)

4.8.18tblquestion

Column Name Data Type Allow Nulls

classcode nvarchar(MAX ✔

)
examcode nvarchar(MAX ✔

)
questionno nvarchar(MAX ✔

29
 question nvarchar(MAX ✔

)
answer nvarchar(MAX ✔

)
questiontype nvarchar(MAX ✔

)
points int ✔

term nvarchar(50) ✔

status nvarchar(50) ✔

4.8.19 tblquiz

Column Name Data Type Allow Nulls

classcode nvarchar(50) ✔

message nvarchar(MAX ✔

)
no nvarchar(MAX ✔

)
category nvarchar(MAX ✔

)
deadline nvarchar(MAX ✔

)
postby nvarchar(MAX ✔

)
date nvarchar(50) ✔

announo nvarchar(MAX ✔

)
type nvarchar(50) ✔

4.8.21 tblterm

30
 Column Name Data Type Allow Nulls

term nvarchar(MAX ✔

31
4.8.21tblquizname

Column Name Data Type Allow Nulls

classcode nvarchar(MAX ✔

)
quizname nvarchar(MAX ✔

)
instruct nvarchar(MAX ✔

)
Quizdue nvarchar(MAX ✔

)
status nvarchar(MAX ✔

)
period nvarchar(MAX ✔

)
duration nvarchar(MAX ✔

32
 CHAPTER V

SUMMARY, CONCLUSION AND RECOMMENDATION

Summary

The online learning system will provide classroom assistance to higher

educational institutions. Online Learning Management System is done to lessen time and

effort in the distribution of learning materials and for the students to access the

information even outside the classroom. This system integrates the use of technology to

the usual method of instruction to help the quality of learning.

Conclusion

The purpose of this research was to create a system able to improve the quality of

learning and teaching. Consequently, the researchers concluded that a system is a useful

tool for online management and learning. The deployment of the system will reduce

issues and concerns in the midst of the COVID-19 pandemic, and will exceed the limits

of the standard teaching and learning system. The developed system will make students

and learning management easy, quick, effective and accurate.

Recommendations

The system is efficient at providing content and functionality to users. Teachers

can create a class, add a subject, check for students, download lesson files and create

training courses. The students can enroll the class subject by entering the class code given

by the teacher in order to access the learning materials, download lesson files, take the

33
quiz and upload assignments and projects. For the future researchers, we recommend to

configure all of the features that an e-learning system possess and add uploading and

viewing of educational videos. The scope of the system should not be restricted solely to

higher education institutions in order to adopt innovative new education.

34
 BIBLIOGRAPHY

Abuhassna, H., Al-Rahmi, W. M., Yahya, N., Zakaria, M. A. Z. M., Kosnin, A. Bt. M., &
Darwish, M. (2020). Development of a new model on utilizing online learning platforms
to improve students’ academic achievements and satisfaction. International Journal of
Educational Technology in Higher Education, 17(1). https://doi.org/10.1186/s41239-020-
00216-z

Clover, I. (2017, February 17). Advantages And Disadvantages Of eLearning. ELearning

Industry; eLearning Industry.https://elearningindustry.com/advantages-and-
disadvantages-of-elearning

EdApp Microlearning Blog. (2018, September 3). Online E-Learning System. EdApp
Microlearning Blog. https://www.edapp.com/blog/electronic-learning-management-
system/

‌ -Learning as a Key Player of Philippine Education in Light of the COVID-19: An

E
Analysis of the E-learning Effectiveness, Modality and Impact Using a Multi-perspective
Approach towards the Students of De La Salle University Manila | 2021 12th
International Conference on E-Education, E-Business, E-Management, and E-Learning.
(2021). https://dl.acm.org/doi/10.1145/3450148.3450149

J‌ abbar Alkubaisi, G. A. A., Al-Saifi, N. S., Al-Shidi, A. R., & Al-Shukaili, Z. S. (2021).
The Quality of Selected Online Learning Platforms and Their Effect on Education in the
Sultanate of Oman. Education Research International, 2021, 1–11.
https://doi.org/10.1155/2021/2570377

Online Education: Today’s Alternative Learning for Students. (2021, October 12).
ChildHope Philippines website: https://childhope.org.ph/alternative-learning-online-
education/

The. (2022). E-learning. The Economic Times website:

https://economictimes.indiatimes.com/definition/e-learning

35
APPENDICES

36
CURRICULUM
VITAE

37
JOHN MICHAEL RASALAN
#8 F. Millan Street, Kimpo Subdivision, Cotabato City
Contact #: 0917-8202437
Email Address: thiefmage@gmail.com

PROFESSIONAL OBJECTIVE:

To obtain a position of Graphic Artist and Software Analyst that will develop my
knowledge and professional skills as an Information Technology while making an
important contribution to the Success of your company

PERSONAL DATA:

Date of Birth: June 24, 1985

Place of Birth: Cotabato City
Gender: Male
Height: 5’5’’
Weight: 78kilogram
Civil Status: Single
Religion: Roman Catholic
Nationality: Filipino
Father’s Name: Celso N. Rasalan
Mother’s Name: Elizabeth Rasalan

EDUCATION:

Tertiary: Bachelor of Science in Computer Science

Coland Systems Technology College Inc.
PeñasBldg, Sinsuat Avenue, Cotabato City
Year: 2018 - 2022

Secondary: Notre Dame of Cotabato for Boys Department

Cotabato City
Year: 1998 - 2002

Elementary: Sero Central Elementary School

Sinsuat Avenue, Cotabato City
Year: 1991 – 1996

38
SKILLS:

 Communication
 Good in communication skills
 Can speak in Filipino and English

 Technical
 Computer literate particular in Microsoft Office (Word, Excel,
PowerPoint, Access).
 Multimedia

 Others
 Creative
 Disciplined
 Work under pressure

WORK EXPERIENCE:

August – December 2021 Internship

YOURS PRINTSHOP

TRAININGS/SEMINARS ATTENDED:

 Multimedia Training/Seminar
Coland Systems Technology Inc,
Cotabato City

CHARACTER REFERENCES:
ReymarBellosillo Engr. Rige Mae G. Muesco,
Teacher/Faculty MIM
Coland Systems Technology Inc, CCS Program Head/GCA Adviser
Cotabato City Coland Systems Technology Inc,
Contact #: 09097235359 Cotabato City
Contact #: 09265880880

Ryl Ramos, MIM

CCS Dean
Coland Systems Technology Inc,
Cotabato City

Login Form

39
Admin Home

40
 Registration

Student Classroom

41
 Classroom Quiz

Classroom Add Materials

42
Student Classroom View

Student Take Quiz

43
 Student Scoring

Student Assignment

44
Classroom Creation

Student Quiz Form

45
Teacher Class View

Teacher Classroom

46
Teacher Classroom Data Entry

Teacher Exam/Quiz Creation

47
 Students Login / Logout

Teacher Add Learning Materials

48
(Teacher) Students Attendance

Teacher Add Assignment

49
Teacher Assignment Checking

Teacher Set Grading Percentage

50
 Teacher Quiz View

Teacher Grading (Per Term)

51
User Password Update

52