NSTP 6101 National Service Training Program 1

NSTP 6101- NATIONAL SERVICE TRAINING PROGRAM
FOR BSIT-2 DIGITIZED COURSEWARE
NSTP 6101- NATIONAL SERVICE TRAINING

PROGRAM FOR BSIT-2 DIGITIZED
COURSEWARE
A Thesis
Presented to the Faculty of AMA Computer College Tuguegarao Campus
Caggay Highway, Tuguegarao, City Cagayan
In Partial Fulfilment of the Requirements for the Degree

Bachelor of Science in Information Technology
by
Roben Leviticus Guaring

Abigail G. Tugaoen
Precious G. Tugaoen
May 2020
i
APPROVAL SHEET
This research proposal entitled “NSTP 6101- NATIONAL SERVICE TRAINING

PROGRAM FOR BSIT-2 DIGITIZED COURSEWARE”, prepared and submitted by
ROBEN LEVITICUS GUARING, ABIGAIL G. TUGAOEN, and PRECIOUS G.
TUGAOEN in partial fulfillment of the course requirements for the degree BACHELOR
OF SCIENCE IN INFORMATION TECHNOLOGY, has been examined and
recommended for acceptance and approval for Oral Examination.
Dr. Raquel S. Gumpal

Adviser
Approved by the Committee of Oral Examination on September 29, 2020 with the
grade of ___________.
LOUIS RAPHAEL M. DE GUZMAN, MCP

Chairman
RUEL M. BAYUCAN, Ed.D GELLY JUN M. BAUTISTA

Member Member
Accepted as partial fulfillment of the course requirements of the degree in

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY.
RAQUEL S. GUMPAL, DIT

Dean
Date: ____________________
ii
ACKNOWLEDGEMENTS
The realization of this academic effort is greatly attributed to all persons involved in
the conscientious attainment of this immense undertaking.
The researchers would like to express their deepest appreciation to Dr. Raquel S.
Gumpal, their respected dean and research adviser for her continuous support, to their
study and research, for her patience, motivation, enthusiasm, and immense knowledge.
Without her guidance and persistent help, this research would not have been possible.
The members of the panel and Ms. Ricamae Rebadomia our reader, for their
additional inputs and recommendations, their unselfish assistance, and critical evaluation of
the study including their valuable suggestions for the refinement of the study.
Their family, for their unconditional love, moral support, inspiration, and courage
to finish this work.
They would also like to thank their friends especially Czar “Lord Winter XIV”
Gaba who helped with his valuable suggestions and guidance that has been very helpful in
various phases of the completion of the system.
And to our Almighty God, for giving the wisdom, strength, knowledge, and for the
guidance in helping the researchers to surpass all the trials that were encountered, with him
all things are possible.
iii
ABSTRACT
This research study aims to develop an NSTP 6101- National Service Training Program
for BSIT-2 digitized courseware to innovate and assist the traditional methods of teaching
that is currently practiced by most colleges and universities. Data that were used in the
system were provided by the Head Office of AMA University and obtained at AMA
Computer College Tuguegarao through observations and interviews. The system is an
interconnected web-based and mobile application which fetches all the information from
the centralized database, wherein all the lessons and videos uploaded in the web application
will also be accessible through mobile phones and the mobile app that was developed. This
digital courseware will make studying available at home or anywhere at any time through
the use of Wi-Fi. This System successfully overcomes the drawbacks and the limitations of
the traditional teaching methodologies in terms of convenience, flexibility, cost-
effectiveness, time efficiency, and time management.
iv
TABLE OF CONTENTS
PRELIMINARIES
TITLE PAGE………………………………………………………………………..i
APPROVAL SHEET……………………………………………………………….ii
ACKNOWLEDEGEMENTS………………………………………………………iii
ABSTRACT………………………………………………………………………..
iv
TABLE OFCONTENTS…………………………………………………………….v
LIST OF TABLES…………………………………………………………………vii
LIST OF FIGURES………………………………………………………………..
vii
LIST OF
APPENDICES…………………………………………………………..viii
LIST OF ABBREVIATIONS AND SYMBOLS (OPTIONAL)
………………….viii
DEFINITION OF
TERMS………………………………………………………….ix
CHAPTER 1 - PROJECT AND ITS BACKGROUND…………………………………
1
1.1 Project
Context……………………………………………………………….. ...1
1.2 Purpose and Description…………………………………………………………
2
1.3 Objective of the
Study……………………………………………………….......2
1.4 Significance of the Study………………………………………………………..3
1.5 Scope and
Limitation…………………………………………………………….4
CHAPTER 2 - RELATED LITERATURE ………………………………………………
4
2.1 Foreign
Literature……………………………………………………………….4
v
2.2 Local Literature………………………………………………………………….6
2.3 Foreign
Studies…………………………………………………………………..8
2.4 Local Studies………………………………………………………………….....9
2.5 Synthesis……………………………………………………………………….11
2.6 Technical
Background………………………………………………………….12
CHAPTER 3 - METHODOLOGY RESULTS AND DISCUSSION………………….12
3.1 Software Design, Products and/or
Processes…………………………………...12
3.2 System Architecture……………………………………………………………15
3.3 Conceptual Design……………………………………………………………..15
3.4 Cost-Benefit Analysis………………………………………………………….15
3.5 Requirement Analysis………………………………………………………….17
3.6 System Architecture / System
Flow…………………………………………….18
3.7 Block
Diagrams………………………………………………………………...19
3.8 Development and Testing………………………………………………………
19
3.9 Input and Output Reports Analysis…………………………………………….20
3.10 Description of Prototype………………………………………………… …..20
3.11 Implementation Plan………………………………………………………….21
CHAPTER 4 - CONCLUSIONS AND RECOMMENDATIONS…………………….22
4.1 Conclusions…………………………………………………………………….22
4.2 Recommendations…………………………………………………………… ..23
REFERENCES …………………………………………………………………………..24
APPENDICES…………………………………………………………………………… 26
A. System Architecture……………………………………………………………27
B. Conceptual Design……………………………………………………………..29
C. Requirement Analysis………………………………………………………….31
vi
D. System Flowchart………………………………………………………………
34
E. Block Diagram…………………………………………………………………50
F. Input-Process- Output Diagram………………………………………………..52
G. System Screen Shots…………………………………………………………...54
H. Curriculum
Vitae……………………………………………………………….63
I. Codes…………………………………………………………………………..70
LIST OF TABLES
Table 1 – One-time Cost Worksheet
Table 2 – Recurring Cost Worksheet
Table 3 – Benefits Worksheet
Table 4 – Feasibility Study
LIST OF FIGURES
Figure 1.1 – System Architecture
Figure 2.1 – Entity Relationship Diagram
Figure 3.1 – Data Flow Diagram
Figure 3.2 – Use Case Diagram
Figure 4.1 – Login- Admin Flowchart
Figure 4.2 – Add Lesson Flowchart
Figure 4.3 – Delete Lesson Flowchart
Figure 4.4 – Update Lesson Flowchart
Figure 4.5 – Add User Flowchart
vii
Figure 4.6 – Delete User Flowchart
Figure 4.7 – Update user Flowchart
Figure 4.8 – Add Exam Flowchart
Figure 4.9 – Delete Exam Flowchart
Figure 4.10 – Update Exam Flowchart
Figure 4.11 – View Lesson Flowchart
Figure 4.12 – Download Lesson Flowchart
Figure 4.13 – Attempt Exam Flowchart
Figure 4.14 – Grades Flowchart
Figure 5.1 – Block Diagram
Figure 6.1 – Paradigm
Figure 7.1 – Web Application (admin)
Figure 7.2 – Web Application (user)
Figure 7.3 – Mobile Application
LIST OF APPENDICES
Appendix A - System Architecture
Appendix B - Conceptual Design
Appendix C - Requirement Analysis
Appendix D - System Flowchart
Appendix E - Block Diagram
Appendix F - Input-Process- Output Diagram
Appendix G – System Screen Shots
Appendix H - Curriculum Vitae
Appendix I - Codes
LIST OF ABBREVIATIONS AND SYMBOLS
CSS – Cascading Style Sheets
HTML – HyperText Markup Language
MySQL – My Structured Structured Query Language
NSTP – National Service Training Program
viii
PHP – Hypertext Preprocessor
DEFINITION OF TERMS
In order to have a better understanding of the study, the following terminologies are
hereby defined.
 Courseware – It is a computer program that is designed to be used in a learning or
training courses.
 Cost-efficient – To be effective without wasting time, effort, and expense.
 Data – Statistics and Facts that are collected together for reference or analysis.
 Database – Contains aggregations of data records or files.
 Prototype – It is an early sample or a preliminary model in which something is
based or formed.
ix
 Server – It is a computer that provides data and shares its resources to other
computers.
 Software – It is the programs and other operating information that is utilized by the
computer.
 Time Efficiency – Being able to accomplish something without wasting too much
of your time and energy.
 User – A person who uses a computer for word processing, communications, and
other applications.
 User-Friendly – A program that is easy to use even though the individual is not
knowledgeable about the system.
CHAPTER 1
PROJECT AND ITS BACKGROUND
1.1 PROJECT CONTEXT
One of the foremost recognized reasons for justifying the necessity for change in
education, or classifying education as old-fashioned is the enormous technological
advancement our world has undergone in recent years. Since, technology is everywhere,
entangle in almost every part of our culture, it affects how we live, work, play, and learn.
Education is one of the various industries that are immensely affected by technology.
From colleges to universities, everyone can feel the impact of technology. It provides
methods for students to study at any time and any place and affords the probability of
x
providing learning at a pace that is comfortable for every student. While we frequently
hear about the negative consequence of too much screen time and the dangers of social
networks, we do not always hear about the positive ways of how technology makes a
difference in our lives, especially when it involves learning. According to Couros (2019),
Great teachers will never be replaced by technology but within the hands of great
teachers, technology can be transformational. When used well, technology can enhance
education for college students.
In the Philippines, the National Service Training Program (NSTP) is an embodiment
of service which is defined as the incorporation of community services to strengthen the
civic and community responsibilities of the students (Balmeo et al., 2015). NSTP is a
required subject for all tertiary schools, so educators need to take the opportunity to
utilize the power of technology such as digitized courseware in helping the students to
learn discipline, awareness, respect, and excellence. Digital courseware is not to replace
the traditional way of teaching methods which are usually carried out by chalk and talk
but an alternative method to assist teachers in educating the students and to overcome the
limitations of traditional practices in supporting the possibility to provide learning
environments with a strong visual element.
1.2 PURPOSE AND DESCRIPTION
The Purpose of the study was to create more productive learning situations than
traditional teaching methods which involve teacher presentation, discussions, and
question and answer techniques.
The proposed digitized courseware was a user-friendly, interactive, and can illustrate
an idea through an attractive demonstration, sound, and animation. The digitized
xi
courseware can also offer a distinct type of activity, and let students work individually
and progress at their own pace during their comfortable time compared to a face to face
interaction. It can also be accessed through mobile phones for those students who do not
have the privilege to afford their own computers.
In the proposed courseware it will allow the teachers to provide the materials, lectures,
presentations, exams, and quizzes that can be accessed at any time. Students are given a
timeframe but overall, the students are free to contribute whenever they choose during the
timeframe or duration of the course. It does not require the students and instructors to be
online at the same time since all lectures, discussions, and presentations do not occur at a
specific hour so the students do not need to be online at the same time to participate.
1.3 OBJECTIVE OF THE STUDY
Generally, the objective of the study was to developed a digitized courseware for
NSTP 6101- National Service Training Program for BSIT-2
Specifically, this study attempted:
1. To evaluate the proposed study in terms of usability and functionality.
2. To provide teachers with supplemental teaching tools to attract and motivate their
students to learn and participate.
3. To create more effective learning situations than traditional teaching methods.
4. To have a cost-efficient solution for educational institutions that could be used in
managing the information and data regarding their students.
1.4 SIGNIFICANCE OF THE STUDY
The concepts and findings incorporated in this study were beneficial to the following:
xii
Students. The result of this study will improve the learning process of the students,
making it simpler, easier, and more effective. Lessons and exams can be taken up by
students at the time that they are more relaxed and comfortable, wherein many students
choose to learn in evenings or weekends especially for working students.
Teachers. The result of this study will be able to help the teachers to easily monitor
their student’s activities which made evaluating and grading easier. It will become an
integral teaching tool for teachers as part of their lesson. This study will also help the
teachers in developing their instructional courseware and could build content such as
lessons, reviews, and tutorials.
Future Researchers. To those who desire to continue this study and do additional
information on Digitize Courseware, this will serve as a reference and
as baseline data necessary to conduct a parallel study.
1.5 SCOPE AND LIMITATION
The scope of this project was a Digital Courseware that was used as a supplemental
tool for teachers. The courseware have the following features e.g. to view lessons which
consist of video and audio, presentation, module, exam, and quizzes. The student can
input their answers and can view their grade or scores after they finish the attempt.
The administrator (teacher) will control all system activities, add, edit and delete
modules, exams, quizzes, presentations, video, and audio.
The Users (Students) will view the lessons and input their answers in the assessment
part.
xiii
Above all, the system will not include report generation for attendance (frequent
access of users in the system) so the admin will not be able to monitor if how many times
the students have to access the system.
CHAPTER 2
RELATED LITERATURE
This chapter of the study presented the review of related literature and studies which
the researcher gathered from different articles from the internet.
2.1 FOREIGN LITERATURE
Yi-Hou (2020), mentioned in her article that online learning is often nearly as good or
maybe better than in face-to-face classroom learning and also said that online learning
can help to flourish the students and therefore the best online learning combines the
elements in which the students can go at their own pace and are set-up to think deeply
and critically about the subject matters. Moreover, it has been shown in researches that
the students who are using online courseware as their learning platform performed better
than those that are receiving face-to-face instruction. But for the study to be successful, it
has to be done and implemented right.
Adnan (2020), mentioned in his journal that due to the COVID-19 pandemic the
sudden shift from traditional classrooms and face to face learning to online learning has
resulted in a completely different learning experience for the students because most of the
students do not have access to high speed or reliable internet services and are thus
struggling with online learning. He concluded that online learning cannot produce
xiv
effective results in underdeveloped countries like Pakistan, where the vast majority of
students are unable to access the internet due to technical and monetary issues.
Gates Bryant and Emily Lammers (2016) mentioned in their article entitled “Helping
Courseware Achieve It’s Potential in Higher Education“ that there are students that are
unprepared and unsure about how they are doing in their education. While many faculty
are overwhelmed and struggle to respond to each student's individual needs, they will use
tools like courseware to assist students to understand their progress whenever they might
like.
Kattoua, Al-Lozi, & Alrowwad (2016), mentioned that because of the fast
technological advancement, there is a deliberate investing in online education programs
by many educational institutions that could aid the existing way of teaching in improving
their performance and giving their students a new level of the educational experience.
Nevertheless, the understanding of the teachers using the e-learning program would
become a factor that would influence the students in accepting the new way of learning.
This, according to the authors is where the success of the students depends. In addition to
this, they concluded that they should consider the personal, social, cultural, technological,
and environmental factors before they succeed in launching the e-learning system.
Rong (2016), mentioned in his journal that the application of multimedia courseware
has been very extensive, from primary school to university, every stage of teaching have
begun to use multimedia, and therefore the application of this subject in English is more
common. Multimedia courseware offers the likelihood to enhance the standard of
teaching and broaden the teaching depth.
2.2 LOCAL LITERATURE
xv
According to Cortez (2020), mentioned in his article, during this pandemic crisis
within the Philippines and the whole world goes through right now, there is no doubt that
computer-based learning will be implemented in the Philippine educational system.
Despite having a low quality of internet connection, types of gadgets owned and means of
connecting to the internet, most of the students still find it possible and doable. The fact
that most of the students right now are more exposed to social media and surfing and that
86% of them spends at least 3 (three) hours on the internet affects their approval on the
effectiveness of learning Management System.
According to San Diego II (2019) in his article, the courseware of the Department of
Science and Technology (DOST) is an overall originally developed by Filipinos, wherein
the students especially grades one (1) to eight (8) can freely access resources and lessons
in science and mathematics subjects to help them with their studies and curiosities. This
Courseware supports the Department of Education (Dep Ed) basic educational
curriculum, which aim is to improve the quality of learning and teaching with the help of
technology and to assist the traditional way of learning in the Philippines. This System
also equips the teachers with supplemental teaching tools and resources to help them with
the lessons that are hard to reach and learn. For these reasons, the researcher is motivated
to conduct a similar study.
Espinosa (2016), mentioned in his article entitled “Learning with the assistance of
technology” that the Philippines should not be left behind when it comes to applying
educational technology. By using the computer, tablets, mobile phones, and other devices
ethically and responsibly it can greatly enhance the learning capability of students and
can have a better grasp and understand their lessons in a more relaxed environment.
xvi
Doculan (2016), mentioned in her article that due to the growth of technology,
strategies in learning have drastically changed around the world including the
Philippines. Because of its effectiveness and capability, learning with the help of
technology has become widespread. But before the institutions can enjoy its potential and
benefits they need to be assessed for them to identify the needs and factors that affect
their readiness.
Gorra & Bhati (2016), mentioned that most of the students of colleges and universities
of the CARAGA region in the Philippines are presumably using technology in the
classroom which is a positive consequence that supports the perspective that using
technology help in improving the learning processes and activities inside the classroom,
but considering the negative consequence of involving the technology as a part of the
learning process of the students which can be interference or destruction for their learning
activities. The staff or faculty members must include managing these types of problems
and must make efforts to use these technologies as a supplemental tool to achieve a better
learning environment and attract their students to participate.
2.3 FOREIGN STUDIES
Basilaia & Kvavadze (2020), concluded in their study that the transition from the
traditional learning methods to the online education systems at the school was successful.
They also mentioned that the system and the skills that were gained by the teachers,
students, and the school administration can be used in the post-pandemic period, in case
of missing lessons or other similar special cases like the current one. They said that the
teachers have re-realized the distance learning in a new way and the online education
xvii
format can be useful in the post-pandemic period, especially in the case of students with
special needs.
Allo (2020), mentioned that based on the result of his study he concluded the learners’
perception of online learning reveals that it is good amid in the COVID-19 pandemic. He
also perceived online learning is very helpful in the middle of a pandemic however, his
study does not only report about the good side of online learning but also spotted the
downside of online learning during the pandemic. So based on the perception of the
learners, the lecturers should look at the learners’ condition in terms of financial ability,
availability of internet access for students, and the selection of online learning
applications that are effective and efficient to the online learning system implementation.
According to Baharuddin & Dalle (2017), they mentioned in their study that they
strive to come up with an alternative learning method aside from textbooks and the
traditional method of teaching, since the learners requested for computer-based learning
material. This computer-based learning material could greatly help the learners especially
those who are working students who have a limited time to attend the face to face classes.
Officially the result shows that the developed interactive learning material is highly
qualified for the usage of schools through testing sessions, which involved experts and
users.
According to Kamaruddin (2015), he mentioned in his study that the rapid
advancement of multimedia technology plays one of the most important roles in
classrooms, as interactive courseware has been used in presenting content and
information. These analyses have helped him to establish the extent of the existing
interactive courseware used to contribute to users’ learning and interaction experience.
xviii
Moreover, the result also has helped to show the actual needs of the teachers and students
as end-users.
According to Almarabeh et al., (2015), they mentioned in their study that the
important point for future research is that the time to come will surely promise the
availability of multimedia technology to one and all, but its usage should be limited to
and in consideration with its pedagogical strengths, also given the high importance of
multimedia from different fields of researchers backgrounds, diverse viewpoints, and
varying procedural methods. Hence the multimedia community seems to be the perfect
platform for bringing all the researchers and educators together to help improve
multimedia-based education and therefore teaching and learning in general.
2.4 LOCAL STUDIES
Marcial (2018), mentioned in his study that there is a high acceptance to adopt mobile
learning among students, and students have a positive outlook towards the
implementation of mobile learning. He also mentioned that teachers must be reminded
that mobile learning requires commitment and dedication. Furthermore, there is a need to
understand the concept and operations of mobile learning as well as the necessary
pedagogical skills and competencies that mobile learning could offer.
De Los Reyes (2017), mentioned in his study that there was sustainability indicators in
his project and these were teachers and students strongly agree on utilize technology to
the fullest in classroom teaching for in-depth students learning; academic programs
incorporate and integrate hands-on use of the internet, webpage design, application,
software, and multimedia software into unit plans was very effective; continuing
enrichment of curriculum materials that are technology-enriched with an authentic
xix
assessment to meet national and international standards with the high extent and the
implementation of the unit instructional plan was accessible to learners through
collaborative arrangements institutional agreements and appropriate mechanism which
was much favorable.
Benitez (2016), mentioned in his study that instructors and students of Fundamentals
of Electronics courses could utilize the developed computer-based training as an
additional tool in their existing learning methodology. Moreover, as the computer-based
training utilization progresses, instructors and students are encouraged to give comments
and suggestions to further improve the learning outcome of the students. Also, by
uploading the learning management module into the internet in such a way that it would
be redesigned a web-based application makes it more available anytime and anywhere.
Concerning this, a test of the effectiveness of the courseware should be conducted using
experimental design.
Tablatin et al., (2016), mentioned in their study that by testing the validity and
acceptability it indicates positive acceptance from both teachers and students however,
there are still rooms for improvement before the students accept the changes. The
invention of multimedia technology into the learning process provides an opportunity to
consider teaching strategies to be adopted in a student-centered environment.
Balbag et al., (2015), in their study they mentioned that the high usage and ease of use
in using web-based systems for educational purposes have an important association for
educational reforms. There is also the need to implement technology-based models to
improve and enhance the learning outcomes of the students.
2.5 SYNTHESIS
xx
By reading and gathering related literature and studies the researchers gained more
ideas about the proposed system. Because of the fast technological advancement, there is
a deliberate investing in online education programs by many educational institutions that
could aid the existing way of teaching in improving their performance by giving their
students a new level of educational experience, since digital courseware offers the
likelihood to enhance the standard of teaching and broaden the teaching depth and can
also be an alternative learning aside from textbooks and the traditional method of
teaching, it was also perceived that online learning is very helpful in the middle of a
pandemic however, due to the sudden shift from traditional classroom and face to face
interaction to online learning during the COVID-19 pandemic, it has a completely
different learning experience for the students because it is difficult for most students to
access the modules since they do not have access to high speed or reliable internet
services in some areas, and some students do not have the privilege to afford their own
laptops, tablets, or mobile phones for the new normal type of education, so based on the
perception of the learners, condition in terms of financial ability, availability of internet
access for students and the selection of online learning applications that are effective and
efficient to the online learning system, implementation must be considered to be
analyzed. Important considerations must not be overlooked so that it will be possible to
sustain the use of online learning even after the pandemic instead of simply falling back
into a traditional face-to-face teaching routine.
Now is the time to begin the process of evaluating the successful innovative online
approaches as well as the not so successful ones to develop and implement online
learning that can result to a greater and more effective application for the students.
xxi
2.6 Technical Background
The digitized courseware is a system that will be used for alternative learning for
students, as the system shows modules, quizzes, and exams that the students can view,
read and answer, and the admin to monitor the students’ performance.
CHAPTER 3
METHODOLOGY RESULTS AND DISCUSSION
This chapter presented and described the various methods and procedures that were
used in the study and presented the result and discussion of the study.
3.1 SOFTWARE DESIGN, PRODUCTS AND/ OR PROCESSES
The Waterfall Model (Winston, 2006) was used for the system development of this
project. In waterfall model, there is no overlapping in the phases and before the next phase
can begin, each phase must be completed. It consists of four phases, these are Data
Gathering, Planning, Development, and lastly, the Testing and Implementation.
Data Gathering
Planning
Development
xxii
Testing and
Implementation
A. DATA GATHERING
The very first step that the researchers made after deciding on what project to
develop is to look for various materials, references, and information related to
the proposed project. The researchers also considered some methods to get more
sufficient information by using methods such as, interviews and observation.
1) Interview – the researchers used interviews to identify the problem
encountered by the beneficiary. The data and information obtained from the
interview were collected and analyzed. This yields an important insight to
determine the general and specific problems encountered by the beneficiary.
2) Observation – The researchers observed the beneficiary to evaluate and
gather further understanding about the current condition and their current
learning situation and how would the researcher improve their system.
B. PLANNING
Planning is a very essential process in every system to identify its goals or
objectives to be achieved; the researcher recognized, diagnosed, and defined the
problem. This phase layed the groundwork for further study and the stages that
followed. To clearly understand the present system, learn what is needed, and
discover the shortcomings or faults that need to be corrected or modified.
C. DEVELOPMENT
xxiii
During this phase, the researcher received data and information on the in-
place system. Measurements, information gathering through interviews sample
work, and documentation of the kinds and type of information to be processed by
the system.
The researchers used the following in the development of the project based on
the gathered information: The programming language used in developing the
web application were: PHP (Hypertext Preprocessor), Bootstrap, HTML, CSS,
JavaScript, and MySQL (used for the development of the database), and for the
mobile application, Ionic, Angular, Node and Android sdk was used.
D. TESTING AND IMPLEMENTATION
The researchers developed a software that was presented and proposed at
AMA Computer College, where one of the purposes of the presentation was to
introduce the prototype system. As per the requirements of end-users derived
through feedback and testing, the prototype was continuously altered until such
time the standard has met.
This phase is the actual construction process after having a complete and
illustrated design for the proposed system which comes after a complete
understanding of system requirements and specifications, in this phase, the
proposed system is ready to become running, productive, and deployed. Training
may be required for end-users to get familiar and make sure they know how to
use the system. The implementation phase may take a very long time and that
depends on the system’s complexity and the solution it presents.
3.2 SYSTEM ARCHITECTURE
xxiv
This showed the representation of the system architecture of the proposed study
which defined the structure, behavior, and more views of the system. (Shown in
Appendix A, Figure 1.1).
3.3. CONCEPTUAL DESIGN
To overcome the limitation in the conventional system, the researcher proposed a
digitized courseware. It is a new way of learning using a computer. Hence, considering
the promising future of the digitized courseware, it is beneficial to write applications for
courseware that targets the students and teachers. Entity Relationship diagrams were
used to model and design relational databases (shown in Appendix B, Figure 2.1).
3.4 COST-BENEFIT ANALYSIS
The table showed the cost and benefits analysis of the proposed system and how will
the beneficiary gain the fruit of their expenses.
Table 1
One-Time Costs Worksheet
ONE-TIME COSTS YEAR 0
Item Price
 Development Cost ₱ 37,800
 User Training 0
 Site Preparation 0
 Others 0
TOTAL ₱ 37,800
xxv
Table 2
Recurring Costs Worksheet
Recurring Costs Year 1 through 5
Item Price
 Application Software and maintenance ₱10,000
 Internet Subscription (Business plan) ₱2,500
 Server Lease (3 years) ₱1,500
 Supplies 0
 Others 0
TOTAL ₱14,000
Table 3
Benefits Worksheet
Benefits Year 1 through 5
Items Price
 Paperless Exam ₱ 1,200
 Reduced Electric Consumption ₱ 30,000
 Enhance Human Resource Productivity ₱ 15,000
TOTAL ₱46,200
xxvi
Table 4
Feasibility Analysis
3.5 REQUIREMENTS ANALYSIS
The analysis of the current system to identify the flow of the data between the
entities involved was presented through the Data Flow Diagram used in this study.
Data Flow Diagram (DFD) represented the flow of the data through the system from
one entity to another and also the major task associated with the transformation of
the data. The data flow diagram and use case diagram are shown in Appendix C,
Figure 3.1, and Figure 3.2.
3.6 SYSTEM ARCHITECTURE OR SYSTEM FLOW
System Flow Chart (Appendix D)
Figure 4.1 (Login-Admin) presented the flow wherein the admin will log in with
the correct username and password to have an access in the admin panel of the
online application.
xxvii
Figure 4.2 (Login- User) presented the flow wherein the user will log in with the
correct username and password to have an access in the user panel of the online
application.
If the admin has already accessed the system, Figure 4.3, Figure 4.4, and Figure
4.5 (Manage Lesson) presented the flow for managing lessons, it can add, delete,
and update the lessons.
Figure 4.6, Figure 4.7, and Figure 4.8 (Manage User) presented the flow for
managing user, Admin can add, delete, and update users that can access the online
application application.
Figure 4.9, Figure 4.10, and Figure 4.11(Manage Exam) presented the flow for
managing exam, Admin can add, delete, and update the exams.
Figure 4.12, (Lesson view) presented the flow wherein it provided the lessons
that the user will view whether it is a video tutorial, presentation, or modules. The
user can click through to view more information about the selected way of learning.
Figure 4.13, (Download lesson) presented the flow where the user will be able to
download the lessons for them to use even if they are offline.
Figure 4.14, (Attempt Exam, Quizzes, and Assignment) presented the flow
where it allowed the users to attempt answering the questionnaires by choosing and
inputting their answers.
Figure 4.15(Grading) presented the scores of the students where it can compute
the total grades of the students.
3.7 BLOCK DIAGRAM
xxviii
This segment presented the structure that provides a high-level overview of a system
to account for major system components, visualize inputs and outputs, and understand
working relationships within the system. (See Appendix E, Figure 5.1).
3.8 DEVELOPMENT AND TESTING
After the prototype was developed, the researchers conducted a comprehensive
evaluation involving three (3) types of testing which are the alpha testing, beta testing,
and system testing.
a.) Alpha Testing
Alpha testing involved the method of quality inspection to identify the
possible issues or bugs before releasing it to the beneficiaries. Alpha testing is
performed at the developer’s site so the critical issues or fixes can be addressed
by the developers immediately.
b.) Beta Testing
Beta testing followed revisions and utilizes full product testing. It is a final
test which was performed by the end-users with the collaboration of the
researchers. Most of the issues or feedbacks were collected through beta testing
which provided the researchers with pieces of information concerning any
unexpected problems which may arise and ensured that the system is ready for
real-time users.
c.) System Testing
The sole purpose of system testing was to exercise the full computer-based
system and evaluate the end-to-end system specification. This test is conducted
on a complete integrated system to assess if the system complied with the
xxix
requirements that are specified and detected defects within the whole system. It
also ensured that the system works accurately and efficiently before the actual
operation commences.
3.9 INPUT AND OUTPUT REPORTS AND ANALYSIS
This diagram was used in this study for the representation of the existing and present
system framework as shown in Appendix D, Figure 4.1.
The Input-Process-Output (IPO) diagram was shown conceptually in the exhibit. 1)
Input: These are inputs in the study which served as a basis in the conduct of the study
for the development of the system. 2) Process: These were the activities, processes, and
methodologies used in the conduct of the study. 3) Output: These are the outputs of the
processes during the conduct of the study.
3.10 DESCRIPTION OF THE PROTOTYPE
The end-users, i.e. the students and teachers had maximum interaction with the
system that mostly occurs through the computer and mobile phones. This system
contained educational content or educational materials for teachers or as tutorials,
lessons, and exams for the students. Unlike the traditional way of teaching, courseware
created a more convenient, self-paced, and more relaxed learning environment for
students.
In accessing the system either the admin (teacher) or the User (student) needs to log-
in by entering the required personal information. After log-in, the admin can finally
access the dashboard and can add, edit or delete the modules, quizzes, and exams,
course outline, student management, and view grades where the admin can monitor the
performance of the student, while the student can access the dashboard where they can
xxx
update their profile and view the enrolled subject which is NSTP 6101, the student can
view the modules, power points, and video lectures for them to read and watch, and
student can also answer their exams and quizzes given by the admin(teacher) during
their comfortable time. After taking the exam, the student will automatically view their
grades in the grade section to evaluate their progress. (See Appendix G)
3.11 IMPLEMENTATION PLAN
a. Work Plan
The researcher’s objective was to set goals and processes to create and
organize what is going to happen and ensured to have a common
understanding between the team on how the improvements will be
implemented to the proposed project. Through a work plan, the researchers
break down a process into small achievable tasks and identified the things to
accomplish.
b. Resources and Accountabilities
The researchers ensured to have an adequate resources such as time and
money to execute the plan, so the researchers gathered all the data and
information that is needed to determine if the resources are sufficient and
determined the roles and responsibilities of the researchers.
c. Risk Assessment
Risk assessment involved identifying all the hazards and potential risks
of project implementation. This is where the researchers brainstormed all
the potential risks that might decrease the probability of the success of the
project completion.
xxxi
d. Quality Control
Quality Control required the researchers to inspect the accomplished
project to ensure that it was aligned with the project scope and the changes
that the end-user suggested or feedback were sustained.
CHAPTER 4
CONCLUSIONS AND RECOMMENDATIONS
This chapter presented the conclusion and recommendations based on the
findings of the study.
4.1 CONCLUSION
Through research and data gathering the researchers were able to create the
system’s features and functionality. The researchers were able to develop two (2)
interconnected systems, the web-based digitized courseware, wherein you can
access it through the web browser and the mobile application where it can be
installed on mobile phones considering the students who do not have the privilege
to afford computers.
The use of digitized courseware in assisting the traditional way of learning and
teaching is proven to be cost-effective, innovative, and user friendly and it also
helped the students to learn at their own pace which made the students feel more
relaxed and comfortable since it is self-pacing for slow and quick learners wherein
it reduces stress and increase retention and satisfaction. In terms of flexibility, the
proposed digitized courseware enabled the students to access the materials from
anywhere at any time which also helped the institution to reduce the cost operation
xxxii
in terms of manpower and electricity because the students no longer need to attend
face-to face-interaction in the school every day. Therefore, the researchers believed
that the proposed digitized courseware was efficient and effective and can lead to a
greater and innovative future of education.
4.2 RECOMMENDATIONS
The researchers recommended that the proposed study to be used in the
institutions especially the public schools as the proposed system would greatly give
a huge benefit to the teachers and students in terms of convenience, flexibility, and
cost-effectivity.
For further improvement and enhancement of the system the researchers
recommended that the future researchers will:
1. Make this study as a reference in their future research in making digitized
courseware using the web application and mobile application. They could
also add specific features for further development of the system that will
benefit the end-users.
2. Implement a chat room between the student and the teacher so that if the
student has a query regarding the subject it can be easily addressed by the
teacher.
REFERENCES
Journals
 Adnan, M. (2020). Online learning amid the COVID-19 pandemic: Students perspectives. Journal of
Pedagogical Research, 1(2), 45–51. https://doi.org/10.33902/jpsp.2020261309
 Allo, M. D. G. (2020). Is the online learning good in the midst of Covid-19 Pandemic ? The case of
EFL learners. Jurnal Sinestesia, 10(1), 1–10.
 Almarabeh, H., Amer, E. F., & Sulieman, A. (2015). The Effectiveness of Multimedia Learning
xxxiii
Tools in Education. International Journal of Advanced Research in Computer Science and Software
Engineering, 5(12), 761–764. Retrieved from
https://www.researchgate.net/publication/290429349_The_Effectiveness_of_Multimedia_Learning_
Tools_in_Education
 Baharuddin, & Dalle, J. (2017). Interactive courseware for supporting learners competency in
practical skills. Turkish Online Journal of Educational Technology, 16(3), 87–98.
 Balbag, J. E. G., Balderrama, K. L., Acdan, M. R. L., Bacayo, J. C. F., John, A., Carcillar, K. G., &
Caday, K. K. C. (2015). Interactive Web-based System for Teaching Mathematics on High School
Students in Philippines. 3, 76–79.
 Balmeo, M. L., Falinchao, J. P., Biay, K. K. L., Ebes, J. K. M., Eclarino, J. G., & Lao-ang, I. G. P.
(2015). The Effects of NSTP on the Lives of Saint Louis University Students. IAFOR Journal of
Education, 3(1), 77–91. https://doi.org/10.22492/ije.3.1.05
 Basilaia, G., & Kvavadze, D. (2020). Transition to Online Education in Schools during a SARS-CoV-
2 Coronavirus (COVID-19) Pandemic in Georgia. Pedagogical Research, 5(4).
https://doi.org/10.29333/pr/7937
 Benitez, I. P. (2016). Development of Computer-Based Training to Supplement Lessons in
Fundamentals of Electronics. Asia Pacific Journal of Multidisciplinary Research, 4(2), 122–129.
Retrieved from http://www.apjmr.com/wp-content/uploads/2016/05/APJMR-2016.4.2.16.pdf
 Cortez, C. P. (2020). Blended, Distance, Electronic and Virtual-Learning for the New Normal of
Mathematics Education: A Senior High School Student’s Perception. European Journal of
Interactive Multimedia and Education, 1(1), e02001. https://doi.org/10.30935/ejimed/8276
 Doculan, J. A. D. (2016). E-L Earning R Eadiness a Ssessment T Ool F or Philippine Igher E
Ducation I Nstitutions. International Journal on Integrating Technology in Education (IJITE) Vol.5,
5(2), 33–43.
 Gorra, V. C., & Bhati, S. S. (2016). Students’ perception on use of technology in the classroom at
higher education institutions in Philippines Students’ perception on use of technology in the
classroom at higher education institutions in Philippines Students’ perception on Use of Technology.
This Journal Article Is Available at Research Asian Journal of Education and E-Learning, 4(3),
2321–2454.
 Kamaruddin, N. (2015). Understanding Patterns of Interactive Courseware Use Within Malaysian
Primary Smart Schools. Malaysia Online Journal of Educational Techology, 3(1), 49–56.
 Kattoua, T., Al-Lozi, M., & Alrowwad, A. (2016). A Review of Literature on Knowledge
Management using ICT in Higher Education. 4(1), 62–67.
 Marcial, D. E. (2018). Mobile Learning Experiences in the Philippine Education Setting Using
Portable Moodle. International Journal of Scientific Engineering and Science, 2(6), 1–6. Retrieved
from http://ijses.com/
 Rong, R. (2016). The Application of Multimedia Courseware in English Teaching. 4(9), 133–137.
 Tablatin, C. L. S., Patacsil, F. F., & Cenas, P. V. (2016). Design and development of an information
technology fundamentals multimedia courseware for dynamic learning environment. Journal of
Advances in Technology and Engineering Research, 2(6), 202–210. https://doi.org/10.20474/jater-
2.6.5
 De los Reyes, E. R. (2017). Courseware Curriculum Development Project Aligning Outcome-Based
Education Across Different Curricular Programs in Universidad de Zamboanga. Journal of
Engineering and Applied Sciences, 12(21), 5578–5583.
https://doi.org/10.36478/jeasci.2017.5578.5583
Online Sources
 Brown, C. (2019, April 11). How technology can help improve education. Retrieved May 20, 2020,
from https://www.classcraft.com/blog/features/how-has-technology-improved-education/
 Bryant,G. & Lammers, E. (2016, October 17). Helping Courseware Achieve Its Potential in Higher
Education. Retrieved May 20, 2020, from https://er.educause.edu/articles/2016/10/helping-
courseware-achieve-its-potential-in-higher-education
xxxiv
 Couros, G. (2019, June 27). Technology Is Only Transformational If We Choose to Use It That Way.
Retrieved May 5, 2020, from https://georgecouros.ca/blog/archives/tag/technology-will-not-replace-
great-teachers
 Espinosa, J. P. (2016, September 17). Learning with the help of technology. Retrieved May 20, 2020,
from https://www.manilatimes.net/2016/09/17/opinion/columnists/learning-with-the-help-of-
technology/286384/
 Nagata, S. (2017, March 10). What You Need To Know About Educational Software. Retrieved May
20, 2020, from https://elearningindustry.com/need-know-educational-software
 San Diego II, R. A. R. (2019, October 31). DOST Courseware uses gadgets to stimulate learning.
Retrieved May 5, 2020, from https://manilastandard.net/mobile/article/308856
 Yi-Hou, C. (2020, July 1). The advantages and disadvantages of online learning during the
coronavirus pandemic. Retrieved August 24, 2020, from https://thehill.com/changing-america/well-
being/prevention-cures/505452-the-advantages-and-disadvantages-of-online
xxxv
APPENDICES
xxxvi
APPENDIX A
System Architecture
Figure 1.1 System Architecture
xxxvii
Mobile
APPENDIX B
xxxviii
Conceptual Design
Figure 2.1. Entity Relationship Diagram
xxxix
xl
APPENDIX C
Requirement Analysis
Figure 3.1. Data Flow Diagram
Admin
Organize Manage
Organize Upload Organize
Student Student
Lectures Questionnaires Profile
Account Grades
Students Lecture xli Grade Questionnaire Profile

Take Exam
Download Organize
Take Exam
Lectures Profile
Student
Figure 3.2 Use Case Diagram
xlii
xliii
APPENDIX D
System Flow Chart
Figure 4.1. Login-Admin
y
Start
xliv
Figure 4.2. Login-User
y
Start
xlv
Yes
Figure 4.3. Add Lesson
Start
xlvi
Figure 4.4. Delete Lesson
Start
xlvii
Choose Lesson
N
o
Yes
End
Figure 4.5. Update Lesson
Start
xlviii
Choose Lesson
No
Yes
Figure 4.6. Add User
Start
xlix
Figure 4.7. Delete User
Start
Choose User
No
Yes
End
Figure 4.8. Update User
Start
li
Choose User
No
Yes
Figure 4.9. Add Exam
Start
lii
Fill up the
Required Fields
Figure 4.10. Delete Exam
Start
liii
Choose Exam
No
Delete?
Yes
End
Figure 4.11. Update Exam
Start
liv
Choose Exam
No
Yes
Figure 4.12. View Lesson
Start
lv
No View
Lesson?
Yes
Show Lesson
End
Figure 4.13. Download Lesson
lvi
Start
Choose Lesson
Show Lesson
No
Download
Lesson?
Yes
End
Figure 4.14. Attempt Exam
Start
a
lvii
Choose Exam
Fill up the
Required Fields
No Finish
Attempt?
Figure 4.15. Grades
Start
lviii
View My Grades
lix
APPENDIX E
Block Diagram
Figure 5.1 Block Diagram
lx
LECTURES SYSTEM
ACCOUNTS
COURSEWARE
SYSTEM
GRADES EXAMS
lxi
APPENDIX F
Input-Process-Output Diagram
Figure 6.1. Paradigm
lxii
INPUT PROCESS OUPUT
 Username, Password  The system checks the  System dashboard

database and filter (student, admin)
access level.
 The system  Students list are updated
 Student Credentials
acknowledges the data into the admin
and store in the dashboard
database.
 Exams  The system generates  The students can view
exams. the exam
 Exam Results  System checks  Students can view the

answers and calculate results of their exam
scores.
 Grades  System calculates  a) students can view
scores from graded their personal grade
formula created by the
researchers. b) admin can view all
students grades
Feedback
lxiii
APPENDIX G
System Screen Shots
lxiv
Figure 7.1 Web Application (Admin)
lxv
lxvi
lxvii
Figure 7.2 Web Application (User)
lxviii
lxix
lxx
Figure 7.1 Mobile Application
lxxi
lxxii
APPENDIX H
Curriculum Vitae
lxxiii
Curriculum Vitae
ROBEN LEVITICUS L. GUARING

Calamagui, Solana,Cagayan
Contact No: 09459678608
Email Address: robenarge@yahoo.com
PERSONAL INFORMATION
AGE : 30
DATE OF BIRTH :May 31, 1990
PLACE OF BIRTH :Solana, Cagayan, Philippines
SEX :Male
CIVIL STATUS :Single
NATIONALITY :Filipino
RELIGION :Roman Catholic
HEIGHT :5’6”
MOTHER’S NAME :Teresa L. Guaring
FATHER’S NAME :Romarico L. Guaring, Jr.
lxxiv
EDUCATIONAL BACKGROUND
ELEMENTARY EDUCATION : Solana South Central School
Solana, Cagayan
March 2002
SECONDARY EDUCATION : University of Saint Louis Tuguegarao
Tuguegarao City
March 2006
TERTIARY EDUCATION : National Programming Certificate IV
AMA Computer College Tuguegarao
Caggay, Tuguegarao City, Cagayan
May 2015
: Bachelor of Science in Information Technology
Undergraduate
lxxv
Curriculum Vitae
ABIGAIL G. TUGAOEN
Poblacion, Luna, Apayao
Contact No: 09366662741
Email Address: abegail.tugaoen@gmail.com
AGE : 24
SEX : Female
NATIONALITY : Filipino
BIRTH DATE : March 03, 1996
BIRTH PLACE : Tuguegarao City, Cagayan
HEIGHT : 5’0”
WEIGHT : 48 kg.
CIVIL STATUS : Single
FATHER’S NAME : Erole D. Tugaoen
MOTHER’S NAME : Fessie G. Tugaoen
PERMANENT ADDRESS : Poblacion, Luna, Apayao
lxxvi
ELEMENTARY EDUCATION : Luna Central School
March 2008
SECONDARY EDUCATION : Apayao Science High School
San Isidro Sur, Luna, Apayao
March 2012
TERTIARY EDUCATION : Bachelor of Science in Information Technology
Undergraduate
lxxvii
Curriculum Vitae
PRECIOUS G. TUGAOEN
Contact No: 09262105483
Email Address: tugaoen.precious1110@gmail.com
AGE : 21
SEX : Female
NATIONALITY : Filipino
BIRTH DATE : November 10, 1998
BIRTH PLACE : Namuac, Sanchez Mira, Cagayan
HEIGHT : 4’9”
WEIGHT : 44 kg.
CIVIL STATUS : Single
FATHER’S NAME : Erole D. Tugaoen
MOTHER’S NAME : Fessie G. Tugaoen
PERMANENT ADDRESS : Poblacion, Luna, Apayao
lxxviii
ELEMENTARY EDUCATION : Luna Central School
March 2011
SECONDARY EDUCATION : Luna National High School
March 2015
TERTIARY EDUCATION : Bachelor of Science in Information Technology
Undergraduate
lxxix
APPENDIX I
Codes
lxxx
Login / Connection to server
<?php
function getConnection(){
try {
$constring = 'mysql:host=localhost;dbname=lms';
$user= 'root';
$pass='';
// $constring = 'mysql:host=localhost;dbname=glenn240_nstp';
// $user= 'glenn240_xivwint';
// $pass='xO=VCW(wer5_';
$conn = new PDO($constring, $user, $pass);

$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
return $conn;
} catch (PDOException $e) {
$msg = $e -> getmessage();
echo "ERROR MESSAGE ->".$msg;
die();
}
return $conn;
}
Functions
<?php
// auto import php files on includes folder

foreach (glob("../includes/*.php") as $filename){
include $filename;
}
date_default_timezone_set('Asia/Manila');
$conn = getConnection();
$path = "../api/uploads/";
$username = $_SESSION['user'];
$data = custom_query("SELECT * FROM `tbl_user` where
user='$username'");
foreach ($data as $row) {
// echo $row['id']."<br />\n";
$name = $row['name'];
$userid=$row['id'];
$student_id=$row['student_id'];
$access=$row['access'];
}
function percentage( $number, $total, $decimals = 2 ){

return round( $number / $total * 100, $decimals );
}
function gradedata($arr){
lxxxi
$g_prelim = ($arr['Q1'] * .2) + ($arr['Q2'] * .2 ) +

($arr['prelim'] *.6 );
$g_midterm = ($arr['Q3'] * .2) + ($arr['Q4'] * .2 ) +
($arr['midterm'] *.6 );
$g_final = ($arr['Q5'] * .2) + ($arr['Q6'] * .2 ) +
($arr['finals'] *.6 );
$final_grade = ($g_prelim * .3 ) + ($g_midterm * .3 ) + (
$g_final * .4);
return $final_grade;
}
Index
<?php include('header.php');
?>
<div id="content-wrapper" class="d-flex flex-column">
<div id="content">
<?php include('topbar.php');?>
<div class="container-fluid">
<h1 class="h3 mb-4 text-gray-800">Dashboard</h1>
<?php
if($access=="student"){
?>

<div class="row">
<div class="col-xl-3 col-md-4 mb-4" style="height:120px;">

<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary
text-uppercase mb-1">You can download the mobile lecture view
here</div>
<a class="btn btn-info btn-lg"
href="../apk/app-debug.apk" download>Download APK Here </a>
</div>
<div class="col-auto">
<i class="fas fa-calendar fa-2x text-gray-
300"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
lxxxii
<h3>Announcement View</h3>
<?php
$data = custom_query("select * from tbl_announcement

order by id desc limit 10");
foreach ($data as $row) {
// echo $row['id']."<br />\n";
?>
<div class="card bg-light text-black shadow"
style="margin-top:20px;">
<div class="card-body">
<h4><?php echo $row['title'];?></h4>
<h2><?php echo $row['descript'];?></h2>
<h5><?php echo $row['date'];?></h5>

</div>
</div>
<?php
}
?>
</div>
</div>
<?php
}else{}
?>
</div>
</div>
<?php include('footer.php');?>
Dashboard
<?php include('header.php');?>
<div id="content-wrapper" class="d-flex flex-column">
<div id="content">
<?php include('topbar.php');?>
<div class="container-fluid">
<h1 class="h3 mb-4 text-gray-800">Process</h1>
<?php
if($_SERVER['REQUEST_METHOD']=="POST"){
if(isset($_SESSION['user'])){
if($_POST['return']=="lecture"){
if($_POST['process']=="add"){
lxxxiii
$str= "select * from tbl_lecture where phase=:p";
$cm=$conn->prepare($str);
$cm->bindParam(':p', $_POST['phase']);
$cm->execute();
$count = $cm->rowcount();
if ($count == 0) {
$fileName = $_FILES['file']['name'];
$tmpName = $_FILES['file']['tmp_name'];
$fileSize = $_FILES['file']['size'];
$fileType = $_FILES['file']['type'];
$path1 = $path . $fileName;
$mv = move_uploaded_file($tmpName, $path1);
$fileName2 = $_FILES['file2']['name'];
$tmpName2 = $_FILES['file2']['tmp_name'];
$fileSize2 = $_FILES['file2']['size'];
$fileType2 = $_FILES['file2']['type'];
$path2 = $path . $fileName2;
$mv2 = move_uploaded_file($tmpName2, $path2);
if($mv){
if($mv2){
$array = array(
'phase'=>$_POST['phase'],
'content'=>$_POST['content'],
'video'=>$_POST['video'],
'file'=>$fileName,
'file2'=>$fileName2
);
if(insert($array,'tbl_lecture')){
?>
<script>alert('success');
window.location.href = '<?php echo $_POST['return'];?
>.php';
</script>
<?php
}else{
?>
<script>alert('failed');
>.php';
</script>
<?php
}
}else{
}else{
lxxxiv
}else{
?>
<script>alert('Week already exist');
>.php';
</script>
<?php
if($_POST['process']=="delete"){
if(delete($_POST['id'],'tbl_lecture')){
?>
<script>alert('lecture removed');
>.php';
</script>
<?php
}else{
echo 'echo on query';
}
}
}
//
//student management
if($_POST['return']=="student_management"){
$str= "select * from tbl_user where student_id=:p";
$cm->bindParam(':p', $_POST['sid']);
$cm->execute();
if ($count == 0){
$array = array(
'user'=>$_POST['user'],
'pass'=>md5($_POST['pass']),
'student_id'=>$_POST['sid'],
'name'=> $_POST['name'],
'status'=>'offline',
'access'=>'student'
);
if(insert($array,'tbl_user')){
?>
lxxxv
<script>alert('student enrolled');
>.php';
</script>
<?php
}else{
echo 'error on insert';
}
//end
}else{
?>
<script>alert('student id already exist');
>.php';
</script>
<?php
}
}
//
echo $_POST['id'];
if(delete($_POST['id'],'tbl_user')){
?>
<script>alert('student deleted');
>.php';
</script>
<?php
}else{
}
}
$md5123=md5('123');
if($_POST['process']=="update"){
$array = array(
'pass'=> $md5123
);
if(update($array,$_POST['id'],'tbl_user')){
?>
<script>alert('password reset');
>.php';
</script>
<?php
}else{
echo 'error on update';
}
}
//
}
if($_POST['return']=="announcement"){
lxxxvi
// insert function usage
$array = array(
'title'=>$_POST['title'],
'descript'=>$_POST['descript'],
'date'=>$_POST['date']
);
if(insert($array,'tbl_announcement')){
?>
<script>alert('Announced');
>.php';
</script>
<?php
}else{
}
}
if($_POST['process']=="delete"){}
}
//end announcement
//exam
if($_POST['return']=="exam"){
//
if($_POST['process']=="add_exam"){
$conn=getconnection();
$str= "select * from tbl_exam where type=:u";
$cm->bindParam(':u', $_POST['type']);
$cm->execute();
if ($count == 0) {
$array = array(
'title'=>$_POST['title'],
'type'=>$_POST['type']
);
if(insert($array,'tbl_exam')){
?>
<script>alert('Test Added');
window.location.href = '<?php echo $_POST['return'];?>.php';
</script>
<?php
}else{
}
}else{
?>
<script>alert('Already Exist');
</script>
<?php
}
//
}
if($_POST['process']=="add_item"){
$array = array(
lxxxvii
'qid'=>$_POST['id'],
'question'=>$_POST['question'],
'correct'=>$_POST['correct'],
'a'=>$_POST['a'],
'b'=>$_POST['b'],
'c'=>$_POST['c'],
'd'=>$_POST['d']
);
if(insert($array,'tbl_exam_item')){
?>
<script>alert('Item Added');
window.location.href = '<?php echo $_POST['return'];?>.php?
id=<?php echo $_POST['id'];?>&type=Q1&view=itemview&title=<?php echo
$_POST['title'];?>';
</script>
<?php
}else{
}
}
//
}
//
if($_POST['return']=="test"){
if($_POST['process']=="exam"){
//
?>
<h2>student: <?php echo $student_id;?></h2>
<?php
foreach($_POST['id'] as $keyPost => $valuePost){
// echo $_POST['answer'][$keyPost]."correct= ".$_POST['correct']
[$keyPost]."<br>";
// echo $_POST['id'][$keyPost]."<br>";
$array = array(
'qid'=>$_POST['qid'],
'item_id'=>$_POST['id'][$keyPost],
'student_answer'=>$_POST['answer'][$keyPost],
'correct_answer'=>$_POST['correct'][$keyPost],
'student_id'=>$_POST['student_id']
);
if(insert($array,'tbl_student_answer')){
// echo 'answered question ID '.$_POST['id']
[$keyPost]."<br>";
}else{
}
}
//
?>
<script>alert('Exam done');</script>
<a href="test.php" class="btn btn-success"> back to test page </a>
<?php
}
}
lxxxviii
//
//
if($_POST['return']=="profile"){
if($_POST['process']=="changepass"){
// update function usage
$array = array(
'pass'=> md5($_POST['pass'])
);
if(update($array,$_POST['userid'],'tbl_user')){
?>
<script>alert('Password Updated');
</script>
<?php
}else{
}
}
if($_POST['process']=="add_admin"){
$str= "select * from tbl_user where user=:u";

$cm->bindParam(':u', $_POST['user']);
$cm->execute();
$user = $cm->rowcount();
if ($user == 0) {
$array = array(
'name'=>$_POST['name'],
'access'=>'admin'
);
?>
<script>alert('Admin account created');
</script>
<?php
}else{
}
}else{
?>
<script>alert('Admin username already exist');
</script>
<?php
}

// $array = array(
lxxxix
// 'user'=>$_POST['user'],
// 'pass'=>$_POST['pass'],
// 'name'=>$_POST['name']
// );
// if(insert($array,'tbl_user')){
// echo 'inserted';
// }else{
// echo 'error on insert';
// }
}
}
//
if($_POST['return']=="teacher_management"){
//
$str= "select * from tbl_user where user=:p";
$cm->bindParam(':p', $_POST['user']);
$cm->execute();
if ($count == 0){
$array = array(
'student_id'=>$_POST['sid'],
'name'=> $_POST['name'],
'status'=>'offline',
'access'=>'admin'
);
?>
<script>alert('Successfully registered teacher');
</script>
<?php
}else{
}
//end
}else{
?>
<script>alert('username already exist');
</script>
<?php
}
}
//
echo $_POST['id'];
if(delete($_POST['id'],'tbl_user')){
?>
<script>alert('Teacher removed');
xc
</script>
<?php
}else{
}
}
//
$md5123=md5('123');
if($_POST['process']=="update"){
$array = array(
'pass'=> $md5123
);
if(update($array,$_POST['id'],'tbl_user')){
?>
<script>alert('password reset');
</script>
<?php
}else{
}
}
//
}
}else{
die();
}
?>
</div>
</div>
<?php include('footer.php');?>
xci
API
Lectures
<?php
include('functions.php');
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
header("Access-Control-Allow-Methods: POST");
header("Access-Control-Max-Age: 3600");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-
Allow-Headers, Authorization, X-Requested-With");
$st = "SELECT * FROM `tbl_lecture`";

// JASON STATTAM FuCK
$data = $conn->query($st)->fetchAll(PDO::FETCH_ASSOC);
header("content-type:application/json");
echo json_encode($data);
exit();
API
Announcement
<?php
include('functions.php');
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
header("Access-Control-Allow-Methods: POST");
header("Access-Control-Max-Age: 3600");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-
Allow-Headers, Authorization, X-Requested-With");
$st = "SELECT * FROM `tbl_announcement` order by id desc limit 5";

// JASON STATTAM FuCK
$data = $conn->query($st)->fetchAll(PDO::FETCH_ASSOC);
header("content-type:application/json");
echo json_encode($data);
exit();
xcii

NSTP 6101 National Service Training Program 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

NSTP 6101 National Service Training Program 1

Uploaded by

Copyright:

Available Formats

NSTP 6101- NATIONAL SERVICE TRAINING PROGRAM

FOR BSIT-2 DIGITIZED COURSEWARE

NSTP 6101- NATIONAL SERVICE TRAINING

In Partial Fulfilment of the Requirements for the Degree

Roben Leviticus Guaring

This research proposal entitled “NSTP 6101- NATIONAL SERVICE TRAINING

Dr. Raquel S. Gumpal

LOUIS RAPHAEL M. DE GUZMAN, MCP

RUEL M. BAYUCAN, Ed.D GELLY JUN M. BAUTISTA

Accepted as partial fulfillment of the course requirements of the degree in

RAQUEL S. GUMPAL, DIT

the conscientious attainment of this immense undertaking.

to finish this work.

various phases of the completion of the system.

all things are possible.

 Courseware – It is a computer program that is designed to be used in a learning or

 Cost-efficient – To be effective without wasting time, effort, and expense.

 Database – Contains aggregations of data records or files.

 Prototype – It is an early sample or a preliminary model in which something is

of your time and energy.

knowledgeable about the system.

PROJECT AND ITS BACKGROUND

1.1 PROJECT CONTEXT

education, or classifying education as old-fashioned is the enormous technological

education for college students.

In the Philippines, the National Service Training Program (NSTP) is an embodiment

of service which is defined as the incorporation of community services to strengthen the

limitations of traditional practices in supporting the possibility to provide learning

environments with a strong visual element.

1.2 PURPOSE AND DESCRIPTION

traditional teaching methods which involve teacher presentation, discussions, and

question and answer techniques.

an idea through an attractive demonstration, sound, and animation. The digitized

have the privilege to afford their own computers.

1.3 OBJECTIVE OF THE STUDY

NSTP 6101- National Service Training Program for BSIT-2

Specifically, this study attempted:

1. To evaluate the proposed study in terms of usability and functionality.

students to learn and participate.

3. To create more effective learning situations than traditional teaching methods.

4. To have a cost-efficient solution for educational institutions that could be used in

managing the information and data regarding their students.

1.4 SIGNIFICANCE OF THE STUDY

choose to learn in evenings or weekends especially for working students.

lessons, reviews, and tutorials.

information on Digitize Courseware, this will serve as a reference and

as baseline data necessary to conduct a parallel study.

1.5 SCOPE AND LIMITATION

modules, exams, quizzes, presentations, video, and audio.

the students have to access the system.

the researcher gathered from different articles from the internet.

2.1 FOREIGN LITERATURE

has to be done and implemented right.

technological advancement, there is a deliberate investing in online education programs

common. Multimedia courseware offers the likelihood to enhance the standard of

teaching and broaden the teaching depth.

2.2 LOCAL LITERATURE

computer-based learning will be implemented in the Philippine educational system.

effectiveness of learning Management System.

Science and Technology (DOST) is an overall originally developed by Filipinos, wherein

Courseware supports the Department of Education (Dep Ed) basic educational

to conduct a similar study.

learning environment and attract their students to participate.