NSTP 6101 National Service Training Program MANUSCRIPT

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 fulfilment of the course requirements for the degree of 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 73.33% or B-.
LOUIS RAPHAEL M. DE GUZMAN, MCP

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

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

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

Dean
Date: September 29, 2020
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
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
v
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
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
vi
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
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
vii
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
PHP – Hypertext Preprocessor
viii
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.
 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.
ix
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
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
1
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
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
2
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:
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.
3
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.
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
4
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 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.
5
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
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
6
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.
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.
7
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
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
8
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. 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.
9
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
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
10
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
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
11
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.
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.
12
Data Gathering
Planning
Development
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.
13
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
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.
14
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
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.
15
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
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
16
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
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.
17
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.
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.
18
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
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.
19
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
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
20
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 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
21
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.
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.
22
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
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.
23
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 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/
24
 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
 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
25
APPENDICES
26
APPENDIX A
System Architecture
27
Figure 1.1 System Architecture
Mobile
28
APPENDIX B
Conceptual Design
29
Figure 2.1. Entity Relationship Diagram
30
APPENDIX C
Requirement Analysis
31
Figure 3.1. Data Flow Diagram
Admin
Organize Manage
Organize Upload Organize
Student Student Questionnaires
Lectures Profile
Account Grades
Students Lecture Grade Questionnaire Profile
Take Exam
Download Organize
Take Exam
Lectures Profile
Student
32
Figure 3.2 Use Case Diagram
33
APPENDIX D
System Flow Chart
34
Figure 4.1. Login-Admin
Start
y
Input
Username and
Password
No
Valid?
Yes
Access System
(Admin Form)
End
35
Figure 4.2. Login-User
Start
y
Input
Username and
Password
No
Valid?
Yes
Access System
(User Form)
End
36
Figure 4.3. Add Lesson
Start
Fill the Required

Fields
Database
End
37
Figure 4.4. Delete Lesson
Start
Choose Lesson
Delete
No
Delete?
Yes
End
38
Figure 4.5. Update Lesson
Start
Choose Lesson
Edit
No
Update?
Yes
End
39
Figure 4.6. Add User
Start
Fill up the
Required Fields
Database
End
40
Figure 4.7. Delete User
Start
Choose User
Delete
No
Delete?
Yes
End
41
Figure 4.8. Update User
Start
Choose User
Edit
No Update?
Yes
End
42
Figure 4.9. Add Exam
Start
Fill up the
Required Fields
Database
End
43
Figure 4.10. Delete Exam
Start
Choose Exam
Delete
No
Delete?
Yes
End
44
Figure 4.11. Update Exam
Start
Choose Exam
Edit
No
Update?
Yes
End
45
Figure 4.12. View Lesson
Start
Choose Lesson
No View
Lesson?
Yes
Show Lesson
End
46
Figure 4.13. Download Lesson
Start
Choose Lesson
Show Lesson
No
Download
Lesson?
Yes
End
47
Figure 4.14. Attempt Exam
Start
a
Choose Exam
No
Attempt
Exam?
Yes
Fill up the
Required Fields
No Finish
Attempt?
Yes
Show Exam Grade
End
48
Figure 4.15. Grades
Start
View My Grades
Show all Grades
Print
No
Print
Grades?
Yes
Print Grade Form
End
49
APPENDIX E
Block Diagram
50
Figure 5.1 Block Diagram
SYSTEM
LECTURES
ACCOUNTS
COURSEWARE
SYSTEM
GRADES EXAMS
51
APPENDIX F
Input-Process-Output Diagram
52
Figure 6.1. Paradigm
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
b) admin can view all
researchers.
students grades
Feedback
53
APPENDIX G
System Screen Shots
54
Figure 7.1 Web Application (Admin)
55
56
57
Figure 7.2 Web Application (User)
58
59
60
Figure 7.1 Mobile Application
61
62
APPENDIX H
Curriculum Vitae
63
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.
64
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
65
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
66
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
67
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
68
ELEMENTARY EDUCATION : Luna Central School
March 2011
SECONDARY EDUCATION : Luna National High School
March 2015
TERTIARY EDUCATION : Bachelor of Science in Information Technology
Undergraduate
69
APPENDIX I
Codes
70
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 );
71
}
function gradedata($arr){
$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>
72
<div class="col-md-8">
<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"){
73
if($_POST['process']=="add"){
$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');
</script>
<?php
}
}else{
}else{
74
}
}else{
?>
<script>alert('Week already exist');
</script>
<?php
if($_POST['process']=="delete"){
if(delete($_POST['id'],'tbl_lecture')){
?>
<script>alert('lecture removed');
</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')){
?>
<script>alert('student enrolled');
75
</script>
<?php
}else{
echo 'error on insert';
}
//end
}else{
?>
<script>alert('student id already exist');
</script>
<?php
}
}
//
echo $_POST['id'];
if(delete($_POST['id'],'tbl_user')){
?>
<script>alert('student deleted');
</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{
echo 'error on update';
}
}
//
}
if($_POST['return']=="announcement"){
// insert function usage
$array = array(
76
'title'=>$_POST['title'],
'descript'=>$_POST['descript'],
'date'=>$_POST['date']
);
if(insert($array,'tbl_announcement')){
?>
<script>alert('Announced');
</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(
'qid'=>$_POST['id'],
'question'=>$_POST['question'],
77
'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');
$_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
}
}
//
78
//
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(
// 'user'=>$_POST['user'],
// 'pass'=>$_POST['pass'],
79
// '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');
</script>
80
<?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');?>
81
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();
82

NSTP 6101 National Service Training Program MANUSCRIPT

Uploaded by

Copyright:

Available Formats

You might also like

NSTP 6101 National Service Training Program MANUSCRIPT

Uploaded by

Document Information

Original Description:

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 MANUSCRIPT

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 fulfilment of the course requirements of the degree in

RAQUEL S. GUMPAL, DIT

the conscientious attainment of this immense undertaking.

finish this work.

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 based

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

for college students.

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

traditional practices in supporting the possibility to provide learning environments with a

strong visual element.

1.2 PURPOSE AND DESCRIPTION

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

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.

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

as baseline data necessary to conduct a parallel study.

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

students have to access the system.

researcher gathered from different articles from the internet.

2.1 FOREIGN LITERATURE

access the internet due to technical and monetary issues.

advancement, there is a deliberate investing in online education programs by many

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

learning environment and attract their students to participate.

of multimedia technology plays one of the most important roles in classrooms, as