ABSTRACT

BAYA, RHEJIE P. and LUDRITA, DAVE M. Southern Philippines

Agri-Business and Marine and Aquatic School of Technology, Malita,
Davao Occidental, June 2018 “SAN MIGUEL FOUNDATION
MONITORING SYSTEM” Undergraduate Capstone Project.

Adviser: OBEA RIZZI B. OMBOY

The San Miguel Foundation Monitoring System was conducted at

Power Plant, Culaman, Malita, Davao Occidental. This project was done to

plan, design and develop. The San Miguel Foundation is one of the many

sectors of San Miguel Corporation. The foundation focuses on upholding

the mission of its four (4) programs, namely: Health and Nutrition,

Livelihood, Environment, and Education. Their goals are to uplift and

provide aide to the community.

The study aims to develop a system that can consolidate project

information such as project activity and activity progress, generate

graphical analysis for the four (4) programs and to generate reports for

the activities.
 In the development of the system, the researchers used PHP as the

front end and MySQL as the back end of the project environment. Also,

they have used the system development life cycle to properly develop the

system in a sequential manner. The researchers also used hardware

equipment and related software which aided them in completing user

requirements.

Based on the result of the testing and evaluation, the study was

able to achieve its objectives. The system was able to perform all

functions as required by the users.

 SAN MIGUEL FOUNDATION MONITORING SYSTEM

RHEJIE P. BAYA
DAVE M. LUDRITA

CAPSTONE PROJECT STUDY SUBMITTED TO THE FACULTY OF THE

SOUTHERN PHILIPPINES AGRI-BUSINESS AND MARINE AND
AQUATIC SCHOOL OF TECHNOLOGY, MALITA, DAVAO
OCCIDENTAL, IN PARTIAL FULFILLMENT OF
THE REQUIREMENTS FOR THE
DEGREE OF

BACHELOR OF SCENCE IN INFORMATION TECHNOLOGY

MAY 2018
 APPROVAL SHEET

This capstone entitled “SAN MIQUEL FOUNDATION

MONITORING SYSTEM”, prepared and submitted by RHEJIE P. BAYA
and DAVE M. LUDRITA in partial fulfillment for the degree Bachelor of
Science in Information Technology, is hereby accepted.

ANTONETTE R. ALBARRACIN BAILINA P. DALAM, MIT

Member Member

Date Signed Date Signed

OBEA RIZZI B. OMBOY JOSELITO J. MEBOLOS, MIT

Adviser Chairman

Date Signed Date Signed

Accepted and approved in partial fulfillment of the requirements for

the degree of Bachelor of Science in Information Technology.

MELIZA P. ALO, Ed.D.

Dean

Institute of Teacher Education and Information Technology (ITEIT)

Southern Philippines Agri-Business and Marine and Aquatic
School of Technology (SPAMAST), Malita,
Davao Occidental

______________
Date Signed
 DEDICATION

The researchers would like to dedicate this project to their family,

friends and especially to Jehovah God. To their parents, siblings,

grandparents, aunts, uncles, and cousins, and to everyone who has

shown them friendship and kindness during in developing our system. We,

the researchers dedicated this effort and hardwork for all of you.

Rhejie and Dave

 ACKNOWLEDGMENT

The researchers would like to express their heartfelt gratitude and

appreciation to those people who became their inspiration in making this

capstone project possible.

First and foremost, their profound gratitude goes to the almighty

God for guiding the researchers’ every day, protecting them from any

dangers, spanning their life to the end of this phase of education and for

His forgiveness and unending blessings;

To their capstone adviser, Obea Rizzi B Omboy, for her utmost

support and guidance. For allowing them to experience new things and

teaching them to be passionate and be more determined in achieving their

goals;

To Prof. Joselito J. Mebolos, IT department chairman, for guiding

and assisting the researchers all throughout the capstone project;

To the staff of San Miguel Foundation for their support and

cooperation in conducting this study;

To the researchers’ loving family, friends, for extending their time

in giving full support and encouragement whenever they need them. Their
undying love, understanding and assistance, are the very reason why they

survived and worked hard to fulfill their goals.

 TABLE OF CONTENTS

PRELIMINARY PAGES PAGE

ABSTRACT i
TITLE PAGE iii
APPROVAL SHEET iv
DEDICATION v
ACKNOWLEDGMENT vi
TABLE OF CONTENTS viii
LIST OF FIGURES x
LIST OF TABLES xi
LIST OF APPENDICES xii

CHAPTER

I BACKGROUND OF THE STUDY

Introduction 1
Objectives of the Study 3
Significance of the Study 4
Scope and Limitation of the Study 5
Definition of Terms 6

II REVIEW OF RELATED LITERATURE

Sales & Inventory Monitoring Systems 7
Food Security Monitoring System (FSMS) 7
Oregon Prescription Drug Monitoring Program 8
Special Education Monitoring System 9
Program Evaluation Monitoring System (PEMS) 9
Design of environmental information System based
10
on GPRS
Local Territorial Information Monitoring System 11
Mobile-Based Nutrition and Child Health Monitoring
to Inform Program Development: An 11
Experience from Liberia
The Program Evaluation and Monitoring System: A 12
Key Source of Data for Monitoring Evidence-
 Base HIV Prevention Program Processes and
Outcomes
Project Monitoring and Information System (PMIS) 13

III TECHNICAL BACKGROUND

Technicality of the Study 14
Details of the Technologies Used 15
How the Project Works 16

IV METHODOLOGY
Research Locale 17
Population of the Study 18
Operational Feasibility 18
Technical Feasibility 20
Compatibility Checking 20
Relevance of the Technology 21
Schedule Feasibility 21
Economic Feasibility 23
Cost and Benefit of the Project 23
Data and Progress Modelling 24
Data Dictionary 35
Data Design 40
Security 41
Software Specification 43
Hardware Specification 43
Programming Environment 44
Test Plan 45

V SUMMARY, CONCLUSION AND

RECOMMENDATIONS
Summary 47
Conclusion 47
Recommendations 48

BIBLIOGRAPHY 49

APPENDICES 50

CURRICULUM VITAE 74
 LIST OF FIGURES

FIGURE PAGE

1 Vicinity Map of San Miguel Corporation 17

2 Functional Decomposition Diagram 19

3 Gantt Chart 22

4 Input Process Output Diagram 24

5 System Flow Chart (Manage System Setting) 25

6 System Flow Chart (Manage Staff) 26

7 Context Diagram 27

8 Data Flow Diagram (Administrator and Staff) 28

9 Use Case Diagram 29

10 Sequence Diagram – Administrator 30

11 Sequence Diagram – Staff 31

12 Activity Diagram ‒ Manage Staff 32

13 Activity Diagram ‒ Monitoring Progress 33

14 Activity Diagram ‒ Staff Activity Progress 34

15 Entity Relationship Diagram 40

16 Class Diagram 41
17 Deployment Diagram 45
 LIST OF TABLES

TABLES PAGE

1 Cost of the Project 23

2 Data Dictionary of Table Activity 35

3 Software Specification 43

4 Hardware Specification 43

5 Testing 46
 LIST OF APPENDICES

APPENDIX PAGE

I Relevant Source Code 50

II Evaluation Tool 60

III Sample Input/Output/Report 62

IV User’s guide 64

V Relevant Documents 71

VI Grammarian’s Certification 73
 CHAPTER I

BACKGROUND OF THE STUDY

Introduction

Modern technology has changed civilization in many different ways.

Humans has always been on a path to progression, thanks to technology,

the twentieth and twenty-first centuries have seen advancement which

revolution the way people work, think, live and play. A web-based system

brings a lot of advantages such as manageability, cross-platform, and

compatibility. All these are considered good features a web-based system

can have.

The company since then transformed itself from beverage, food

and packaging business into fuel and oil, energy, infrastructure, and

banking industries. SMC was listed on November 5, 1948. SMC, integrity,

teamwork, respect for others and social responsibility are just a few of its

corporate values that guide them every day. San Miguel Corporation is a

Filipino multinational publicly listed conglomerate holding company (Beth,

2015).
 The staffs of San Miguel Foundation are using electronic and

spreadsheet to evaluate the progress of their programs, namely: Health

and Nutrition, Livelihood, Environment, and Education. In Health and

Malnutrition Program, the SMF conducts activities to children who are

vulnerable to under nutrition, improved access to health services,

improved water, sanitation, and hygiene, and established a partnership

and documented success stories. In Livelihood Program, the SMF

conducts training; provide support to a small scale business

establishment, increased access to livelihood opportunities,

entrepreneurial skills training and awareness and value chain. For the

Environment Program, the company established a waste management

program for SMC areas, participated reforestation and other

environmental programs, and complies with all government requirements

on environmental concerns. For the Education Program, the SMF supports

literacy in the Philippines through scholarship assistance, supplemental

feeding, book donation and functional literacy program.

 Objectives of the Study

Generally, this capstone project aimed to develop a system that

enables the San Miguel Foundation to monitor programs, projects, and

department activities.

Specifically, it aimed to:

1. Develop a system that can consolidate project information such as

a. Project activities; and

b. Activity progress.

2. Generate graphical data analysis of the following programs:

a. Health and Nutrition;

b. Livelihood;

c. Environment; and

d. Education.

3. Generate reports of the following activities:

a. Project Activities; and

b. Activity Progress.
 Significance of the Study

The significance of this system is to improve the monitoring of the

program activities of San Miguel Foundation. This system supports the

project monitoring and evaluation plan of SMF. The researchers find this

project beneficial for the SMF for it serves as the monitoring of the activity

programs and activity progress of the SMF.

The implementation of this project is useful for the following:

Administrator – The SMF Monitoring System was regarded as an

important instrument to support the evaluation needs of the activity

program of SMF, and to monitor the staff’s work progress.

SMF Staff – it can help them to update activity progress and check new

activity programs.

San Miguel Foundation – it would allow them to determine the need of

the residents from different communities and by providing communities

and be able to provide them with assistance and services.

Researchers – The study will redound to the benefit of the researchers

considering that computer programming plays an important role in

Information Technology (IT) world today. They were able to explore and

learn new things in the field of making computer programs.

Scope and Limitations of the Study

The research was conducted to help the staff of SMF to be more

productive in the work they do. The administrator and the staff can

monitor all the activity progress programs and can generate reports for

monitoring. The study focuses on the activity progress of SMF activity

programs; the system allows the staff to submit their progress activities.

The system is bounded for monitoring transactions; the administrator can

manipulate the whole system, can view and generate report of the

operational plan and programs. Only the staffs and the administrator can

use the SMF monitoring system and they have their own unique

passwords to access the system. There are four (4) activity programs that

the system focuses and limited, which are Health and Nutrition,

Livelihood, Environment, and Education program. Every program has own

operational plan.
 Definition of Terms

Administrator – the personnel that handles and manipulates the

system and the highest executive officer in San Miguel Foundation.

Database – served as the storage of all the data in the system. It is

where all the submitted progress of activities stored.

Generate – means to produce or create, such as generating reports and

graphical data analysis.

Monitoring – refers to the process of keeping track of the SMF programs

and to keep track of system resources.

Programs – refers to activities of events that the SMF conducted.

Staff – refers to a group of employees in charge of the SMF operational

plan.

User – refers to the administrator and the staff. They are the one who

used the system.

Web-based – refers to the type of application where the system will be

based in order for it to run over a network connection using

Hypertext Transfer Protocol.

 CHAPTER II

REVIEW OF RELATED LITERATURE

Sales and Inventory Monitoring Systems

According to Bianca (2017), sales and inventory monitoring system,

to understand the need for this type of system, which is really a

combination of software programs, consider a customer's needs. For

example, if you go online and order a new digital camera and arrange to

ship it to your home, your purchase triggers different events in the seller's

system. The system must decide where the camera will be shipped from,

and then notify the appropriate warehouse to pack it and ship it. Think

about where that information comes from so the camera will reach your

home on time.

Food Security Monitoring System (FSMS)

According to Viola (2017), food security monitoring systems

(FSMS) track changes in people's food security situations. They aim to

alert the humanitarian community when a situation deteriorates and to

ensure that assistance can be provided in a timely and appropriate way.

For example, an FSMS collects information on individual households' food

consumption, their income and the strategies they develop to cope with

difficult situations. It also monitors market prices and rainfall patterns.

FSMS can trigger an Emergency Food Security Assessment, when the

deterioration of a situation is detected. WFP leads or facilitates around 20

Food Security Monitoring Systems in areas most at risk of vulnerability, in

support of governments' early warning and disaster risk management

strategies.

Oregon Prescription Drug Monitoring Program

According to Appriss (2017), oregon prescription drug monitoring

program (PDMP) it is a tool to help healthcare providers and pharmacists

provide patients better care in managing their prescriptions. It contains

information provided by Oregon-licensed retail pharmacies. The protected

health information is collected and stored securely. Oregon-licensed

healthcare providers and pharmacists and their staff may be authorized

for an account to access information from the PDMP system. Bordering

state licensed healthcare providers may also be authorized for access

accounts. By law their access is limited to patients under their care. The

program was started to support the appropriate use of prescription drugs.

The information is intended to help people work with their healthcare

providers and pharmacists to determine what medications are best for

them.

Special Education Monitoring System

The Ohio Department of Education (ODE) fulfills this responsibility

through its Office for Exceptional Children (OEC). OEC, in coordination

with the Office for Early Learning and School Readiness (OEL&SR), has

developed a Comprehensive Monitoring System for Continuous

Improvement that includes three levels of reviewing LEAs' implementation

of IDEA. The Comprehensive Monitoring System is designed to ensure 100

percent compliance with the statutory requirements of the IDEA and Ohio

Operating Standards for Ohio Educational Agencies serving Children with

Disabilities and improve services and outcomes for student with disabilities

(Kasich, 2017).

Program Evaluation Monitoring System (PEMS)

According to Snow (2017), program evaluation monitoring system

(PEMS), JSI completed a five-year cooperative agreement with Centers for

Disease Control and Prevention (CDC), providing national training and

technical assistance to more than 220 community-based organizations and

health departments as they use the Program Evaluation Monitoring

System (PEMS) to enter data on HIV prevention services provided at the

local level. JSI supported grantees with program monitoring and

evaluation strategies, data use, report analysis, and tailored TA plans. JSI

was responsible for training new PEMS users at the local level, as well as

PEMS administrators and implementation coordinators. In addition, JSI

developed evaluation field guides for seven EBI (Effective Behavioral

Intervention) and two Public Health Strategies for national deployment.

Design of Environmental Information Monitoring

System Based on GPRS

This article introduces a design of environmental information

monitoring system based on embedded technology. The system equips an

ARM7TDMI-based microprocessor and GPRS as its main controller; the

system composition is described, and consists of the sensor data

acquisition, remote transmission of short message service (SMS) and LCD

displaying. Software processes with μC/OS-II is shown, and the method of

realizing remote transmission by SMS is discussed in detail, the data

collection, remote transmission and playing of environmental information

are realized successfully ( Teng Fe et. al., 2017).

Local Territorial Information Monitoring System

According to Cauto (2017), the drafting, implementation and

control of urban development plans require, in order to guarantee their

success, a strategy and appropriate means to their monitoring and follow-

up. Without the latter, the implementation of plans and the analysis of the

impacts or their efficiency are objectively compromised. However, most

implementations of monitoring systems ignore the difficulties inherent in

the monitoring at a local level (cities, areas, neighborhoods), where

methodologies for data collection are scarce (or do not exist) or, when

they do exist, they do not present the appropriate geographical scale to

the required analysis.

Mobile-Based Nutrition and Child Health Monitoring to Inform

Program Development: An Experience from Liberia

This article describes the development and application of a mobile-

based nutrition and health monitoring system, which collected monitoring

data on project activities, women's nutrition, and infant and young child

feeding practices in real time Implementing complex nutrition and other

public health projects and tracking nutrition interventions, such as

women's diet and supplementation and infant and young child feeding

practices, requires reliable routine data to identify potential program gaps

and to monitor trends in behaviors in real time. However, current

monitoring and evaluation practices generally do not create an

environment for this real-time tracking (Guyon et. al., 2016).

The Program Evaluation and Monitoring System: A Key Source of

Data for Monitoring Evidence-Base HIV Prevention
Program Processes and Outcomes

This article discusses the purposes of evaluation and the need for

and development of PEMS and also describes how PEMS strengthens the

monitoring and evaluation of HIV prevention services nationally and

program planning, management, and monitoring locally. PEMS data may

be used by prevention stakeholders at all levels to examine program

fidelity, adaptation and tailoring, and key program health service

utilization and behavioral outcomes. The Centers for Disease Control and

Prevention (CDC) Division of HIV/AIDS Prevention (DHAP) has responded

to the need for accurate and timely data to monitor and evaluate federally

funded HIV prevention programs by designing and implementing the

Program Evaluation and Monitoring System (PEMS). PEMS is a national

data reporting system that includes a standardized set of HIV prevention

data variables, Web-based software for data entry and management, data

collection and evaluation guidance and training, and software

implementation support services (Thomas et. al., 2015).

Project Monitoring and Information System (PMIS)

Project Monitoring System is web-based application to monitor

various projects/activities under taken by the Government at

district/block/village level. Complete Village directory of Haryana has been

prepared and loaded. Deputy Commissioner Office can upload the status

of the various projects in their districts up to village level Various

developmental projects are being executed in various districts of Haryana

at different locations. Different departments handle these projects. Work

is monitored by various agencies at block/district/division/state level. Chief

Minister and Chief Secretary regularly take information from Deputy

Commissioner to monitor the works. Chief Minister and Chief Secretary,

Haryana frequently require the reports while visiting the various parts of

the state (Bansal, 2013).

 CHAPTER III

TECHNICAL BACKGROUND

Technicality of the Study

The study involves the development of a web-based system that

runs using the internet connection and a browser. The SMF staff and

administrator are already used computers or any hardware devices. They

are able to open the spreadsheet to evaluate the progress of their

activities and can open g-mail to send and receive information about the

programs. The computer must have software that can provide the needs

for the system. Those computers that the SMF have in their office are all

capable and compatible in browsing the San Miguel Monitoring System.

With this San Miguel Foundation Monitoring System, the administrator can

monitor instantly the activity progress of the staff and can make an

operational plan for the activity program. For the staff, they can work

without wasting much of their time in updating their activity progress, and

check new activity program from an operational plan. Manual systems can

waste both money and time for administrator and staffs. With this SMF
monitoring systems, it will reduce paper and make data storable,

retrievable and searchable.

Details of the Technologies Used

Adobe Dreamweaver CS6 (64-bit) provides tool for creating web

pages. It was used by the to build web page templates. This program

places a host of other interactive documents into their latest construction.

XAMP Server v3.2.2 (64-bit) Apache, MySQL, and PHP. XAMP is a

variation of LAMP for Windows systems and is often installed as a

software bundle (Apache, MySQL, and PHP). It is used for web

development and internal testing, and may also be used to serve live

websites. By running a local Apache web server on a windows machine, a

web developer can test web pages in a web browser without publishing

them live on the internet. XAMP also includes MySQL and PHP, which are

the two most common technologies used for creating dynamic websites.

The basic document model for the Web was set: things in the page

such as the text and graphics, and cross references to other works. These

hypertext links were able to able to target documents to a fine level

thanks to conventions for numbering lines or verses (Keio, 2003). PHP 5.0
Hypertext Pre-processor is a server side web programming language that

can be embedded into HTML. The researcher used PHP to collect data,

generate dynamic page content, or send and receive data.

How the Project Works

The researchers conducted an interview from one of the staff of

SMF to complete and to have accurate data and functions of the system.

The system is a web-based application where it needs an internet

connection in order for the system to execute. The administrator has the

full privilege to manage the system, and generate reports. The

administrator and staff are able to interact with the system through the

use of any web browser such as Google Chrome and Mozilla Firefox.

Staff and administrator can access the SMF monitoring system by

using devices such as a laptop, personal computer, tablet or smartphone

that supports internet connection. Staff can update their SMF activity

progress and can check their activity program. The administrator can add

new staff in the monitoring system, add new programs, activity program

and monitors the activity progress of the staff and generate reports.
 CHAPTER IV

METHODOLOGY

Research Locale

Figure 1 shows the vicinity map of the study. The study was

conducted at San Miguel Corporation Power Plant, particularly in Malita,

Davao Occidental. The system was deployed at San Miguel Foundation.

Figure 1. Vicinity Map of San Miguel Corporation Power Plant

 Population of the Study

The population was composed of one (1) administrator which is

capable of manipulating the system four (4) Staff to take the responsibility

for viewing and updating the activities given by SMF, and the two (2)

researchers in charge of the system maintenance.

Operational Feasibility

This study helps the SMF to monitor their staff accomplishment

(activity progress). The researchers conducted an interview to the users

on how the system could be usable to the users. The proposed system will

give solution to the problem of SMF in terms of monitoring their activity

progress, project activities and operational plan. The system will affect

their day-to-day operations of the staff and their handled project/

program/ activity, it will make their work more organize and to lessen the

time consumed in sending the activity progress, searching or updating

new project activities and operational plan. The SMF monitoring system

require training for the users for them to use the system correctly without

confusing and the company prepared to provide the necessary resources

for training for the users. According to Data Privacy Act 2012, section 2, it
said that the fundamental human right of every individual to privacy while

ensuring free flow of information for innovation, growth, and national

development

Figure 2 shows the decomposition diagram of San Miguel

Monitoring System. It shows on a single page the capabilities of an

organization that are relevant to the consideration of architecture. Both

Admin and Staff can login to the system with their unique username and

password. It shows how the requirements identified in the requirements

analysis phase of system development.

Figure 2. Functional Decomposition Diagram

 Technical Feasibility

The San Miguel Foundation required technologies and now

available such as the hardware and software. The users of the system are

computer literate and capable to use the system when it deployed. The

users are all computer literate due to the fact that every day or in their

work they use computers, and they manipulate the information system of

San Miguel Foundation. The hardware and the software environment are

reliable both now and the future and it will interface properly with external

systems, operated by the administrator and the staff.

Compatibility Checking

To check compatibility, the system must run through the different

browser such as Google Chrome, Mozilla Firefox and etc. with different

versions. Testing on multiple browsers on the different operating system

and different devices is also a must. If not testing the site of how it

performs on different browsers, whether visitors to the site are viewing it

as the researchers intended. The computers of The San Miguel

Foundation with their respective browsers like Google chrome, etc.

 Relevance of the Technology

The relevance of the technologies is the work of the SMF has

become much less manual, for people all around the SMF that have active

access to the innovations of information technology. Especially for

updating and sending all activities they have to do for every year,

providing reports in activity progress in specific period of time, provide

and generate graphical data analysis of SMF activities to help decision

making easily. The SMF monitoring system help them become more

productive, competitive and efficient.

Schedule Feasibility

Figure 3 shows the graphical representation of the different task

from the start of the activity to its completion period. It represents how to

manage your time and it provides a guide to do a task until the evaluation

date. The researchers made the schedule or Gantt chart for them to assist

schedule feasibility, a systems analyst must consider the interaction

between time and cost. When developing the system, the researchers’

followed the schedule shown from the Gantt chart.

Ac
tiv DURATION : OCTOBER 5, 2017 TO APRIL 15, 2018
ity
/T Octob Nove Decem Janu Febru Marc
as April May
er mber ber ary ary h
ks
Da
ta
Ga
the
rin
g
Da
tab
as
e
De
sig
n
Ini
tial
GU
I
GU
I
an
d
Da
tab
as
e
Int
egr
ati
on
Co
din
g
Te
sti
ng
Ev
alu
ati
on
Fin
aliz
ati
on
Do
cu
me
nta
tio
n

Figure 3. Gantt Chart

 Economic Feasibility

Table 1. Cost and Benefits of the Project

Cost and Benefit Analysis
Costs
Category Item Quantity Price Total
Laptop 1 Php27,000.00 Php27,000.00
Internet 3 Php1,299.00 Php3,897.00
Equipment Paper 1 Php200.00 Php200.00
Ink 3 Php90.00 Php270.00
Food - - Php600.00
Others
Fair - - Php500.00
Total Cost: 32,467.00

Cost and Benefits Analysis

Benefits (Estimated Per Annum )

Tangible benefits from new system

 SMF Monitoring system that helps the users and the company
To monitor the activity progress of the SMF programs
Intangible benefits from new system

 A user friendly web-based monitoring system that improves users

job satisfactory
 Improved performance of the users
 Improve productivity in work
Economic feasibility helps the researcher to identify the profit

against investment expected from a project. The table below shows the

cost and benefit of the project. The estimated total cost of the project is
30,600. The system can be a great advantage to the institution

considering that it is inexpensive than the manual procedure.

Data and Process Modeling

Figure 4 shows the Conceptual Schema of the San Miguel

Monitoring System. Modeling procedures a graphical representation of a

concept or process that systems developers can analyses, test, and

modify. The figure identifies program inputs, its outputs and the

processing steps required to transform the inputs into the outputs. The

administrator input the user account details and the operational plan that

contents the program activity. The staff can open the system and use it.

For output, the system can generate reports, activity statistic, and show

the updated program activities and activity progress of the staff.

INPUT PROCESS OUTPUT

 Staff
 Staff Details
 User Registration
account  Reports
details  Progress of
 Program the activity  Activity
Activities programs
Statistics

Figure 4. Input Process Output Diagram

 Figure 5 shows the workflow of the system setting. System Flow

chart is a way of displaying how to manage the system setting, and how

the decision is made to control events. In system setting, you can edit

the profiles of the staff, example is their password and username. In order

to access the system, administrator has to sign in first if credentials are

valid then it redirects to main page in which the admin can manage

system setting, manage system details and can display system settings.

Figure 5. System Flow Chart - Managing System Setting

 Figure 6 shows the workflow of the mange staff. System Flow chart

is a way of displaying how to manage the mange staff, and how decision

is made to control events.

Figure 6. System Flow Chart – Managing Staff

 Figure 7 show the boundary between the administrator and the

staff in the monitoring system. Context Diagram, defines the boundary

between the system, part of a system, and its environment, showing the

entities that interact with it. This Diagram shows the relationship between

the system and the staff involve each other. The administrator has the full

privilege to access the system, manage staff and modify the database.

Staff can also manage their tasks by updating their activity progress.

Figure 7. Context Diagram

Figure 8 shows the graphical representation of the data through an

information system, modelling and its process aspects. It helps to

understand more the flow of the system. This diagram show the summary

of what the system will offer.

 Figure 8. Data Flow Diagram – Administrator and Staff

Figure 9 shows the Use Case Diagram (UCD) of the Monitoring

System that describes functionality provided by the system in terms of an

actor. UCD is a representation of a user's interaction with the system that

shows the relationship between the user and the different use cases in

which the user is involved both admin and staff can access to the system

by using their unique username and password.

 Figure 9. Use Case Diagram

Figure 10 shows the sequence diagram of the system. The diagram

illustrates the sequence of events administered by the administrator.

Administrator has to sign-in first in order to access the system, after

account verification, it will redirect to the main page. The Administrator

has the full access to manage employee’s personal data sheet, manage

system setting, add activity project and monitor activity progress of staff.
 Figure 10. Sequence Diagram – Administrator

Figure 11 shows the sequence diagram of the system. The diagram

illustrates the sequence of events administered by the staff. This diagram

shows the sequence of the program for staff. Staff has to log-in first in

order to access the system, after account verification it will redirect to the

main page. Staff can manage activity progress, by adding their monthly
activity progress; they can also view reports of their Personal activity

progress and print.

Figure 11. Sequence Diagram – Staff

Figure 12 shows the activity diagram of the system. The diagram

illustrates the activity done by the admin in monitoring activities.

 Figure 12. Activity Diagram ‒ Manage Staff

Figure 13 shows the activity diagram of the system. The diagram

illustrates the activity done by the admin in monitoring. Administrator can

view progress of every staff that has activity. This diagram accessed the

researcher to decide what action of administrator should have.

 Figure 13. Activity Diagram ‒ Monitoring Progress

Figure 14 shows the activity diagram of the system where it

illustrates the activity done by the staff when they want to update their

activity progress. This diagram accessed the researcher to decide what

action of staff should have.

Figure 14. Activity Diagram ‒ Staff Activity Progress
 DATA DICTIONARY

Table 2 shows the data dictionary of table activity, department,

message, program, users and employee. Each table has its own attribute

name, contents, type, format, range, required, PK or FK and FK

referenced table. Its field has data type, size and descriptions. The data

that will be inputted to the system will automatically save to the database.

Table 2. Data Dictionary of Table Activity, department, message,

TABL ATTRIBU CONTEN TYPE FORMA RANG REQUIRE PK FK
T E
E TE TS D O REFERENC
NAME NAME R ED
TABLE
FK
Id id of Int(11) Y PK
activity
Actnumbe Varchar(20 Xxxxxxx Y
x
r number of 0)
act. y

program, users and employee.

Activit ActTitle Varchar(20 Xxxxxxx
x
y Activity 0) y
DateStart name Xxxxxxx
Date x y
DateEnd Act. Start
Date Xxxxxxx y
x
Budget Act. End
Int(200)
Xxxxxxx
Act. x
Budget
 Data Design

The ERD or entity relationship diagram use to portray the

connection between various elements that was utilized as a part of

building up this system. Figure 15 shows the development information

inside the database or data framework.

Figure 15. Entity Relationship Diagram

Figure 16 below shows the class diagram of the system. This

diagram helps the researchers in determining the activity flow of each

process function that will be relevant to the completion of this project.

 Figure 16. Class Diagram

Security

The SMF Monitoring System ensures that the system is capable of

securing all the information from the unauthorized person. For the system

security, every staff has unique username to log-in to the system, and the

password is encrypted. Only the administrators has the right and have the

full access to manage the website, modify database (data within a

database) and register the staff in the system (Monitoring System). The

private information of the staffs and are confidential to others. The

database was uploaded at online to ensure that there is a backup if the

system will bar down and also to reduce redundancy of data. There is also

a feature in online web hosting that can add to your applications, so you

can have confidence that the system and the database are build secured.

X10Hosting keeping the hosting and website secure is the number one

priority when managing anything on the web. X10Hosting making sure

that their client are able to have access and information that will help

keep their web hosting secure.

The table below shows the list of specific software being used in

the system and its specification. The project will be using Windows 10 for

system operation, XAMPP used as free and open source cross-

platform web server solution stack package and for internet testing of the

system. Adobe Dreamweaver serves as a programming tool for developing

the website. Google Chrome or Mozilla Firefox use for accessing the

website. The software specification belongs to any computers or laptops

that can provide that specification.

Table 3. Software and Specifications
NAME OF SOFTWARE SPECIFICATIONS

System Type : 64-bit Operating System

Data-Base : MySQL 5.1.36

Xampp Server : Version 3.2.2

Code Editor : Adobe Dreamweaver CS6

Web Browser : Google Chrome 64-bit, version

66.0.3359.181

Table below shows the specification of the hardware components

that will be use during the development of the system.

Table 4. Hardware Specification

NAME OF HARDWARE SPECIFICATION

Laptop
Internal Parts:
CPU : Intel Core i5 6198DU up to 2.8GHz
RAM : 4GB
Hard Disk Drive : 500GB
External Parts:
Mouse : USB Type
Network Connection : Wifi Modem
 Programming Environment

The project used PHP (Hypertext Pre-processor) as the

programming language in developing the system. It will use HTML

(Hypertext Mark-up Language) and CSS will be also use in designing the

web page. It also uses JavaScript that can add interactivity and enhances

the behaviour of web pages and JQuery as client interactivity of the

system.

The project used MySQL as the back end of the system for storing

data. MYSQL serves as the database server that handles all stored data

acquired from the devices inputted by administrator.

The figure below shows the deployment diagram of the system.

The system is uploaded to a domain and uses MySQL as the database.

The system is accessible without an internet connection because it is an

offline mode. The user can interact with the system by using a browser

such as Google Chrome or Mozilla Firefox.

 Figure 17. Deployment Diagram

Test Plan

Test plan describe testing scope and activities, it is the basis to

formally test any software in a project. This testing procedure contains

test item and criteria to determine the level of acceptance in the system.

The researcher used the Beta testing for the deployment of the system.

The researchers conducted a testing by following the beta process.

It released to a limited number of end-users of the product to obtain

feedback on the product quality. Beta testing reduces product failure risks

and provides increased quality of the product through customer validation.

One of the staff tested the system by testing all the functionalities of the

system.

Table below shows the test plan of the system. The table is

consisting of testing procedure undergone in system testing.

Table 5. Testing
Test
No. Acceptance Requirements Comments
Result
Yes No
1 The system must provide accurate
information about the activity programs
and activity progress.

2 Provide Security:

 Account
 Information

3 The objectives must be accomplished

according to what the client demanded to
be done.
 CHAPTER V

SUMMARY, CONCLUSION AND RECOMMENDATIONS

Summary

The San Miguel Foundation Monitoring System was conducted at

Power Plant, Malita, Davao Occidental. This system facilitates good

communication activities between the administrator and staff of San

Miquel Foundation. The system is a web-based monitoring system that

enabled the SMF to monitor programs, projects, generate graphical data

analysis and provide reports. The system was able to achieve its

objectives and was able to perform all functions as required by the end

user.

Conclusion

Based upon the testing results of San Miguel Monitoring System, it

was concluded that the system was able to meet the purpose and

usability along with the objectives of the project. The system can

effectively lessen the time consumed by the administrator in monitoring

activity progress and assigning program activities to the staff. The system

also helps the staff in updating activity progress in specific period of time.
 Recommendations

During presentation of the system, the panel members of this

capstone project recommended to improve the graphical design.

 BIBLIOGRAPHY

AGNES, G., ARIELL, B., LAURA, B., & BARBARA, K. (2016). Mobile-
Based Nutrition and Child Health Monitoring to Inform Program
Development: An Experience from Liberia, (December 23,
2016, Vol. 4, No. 4).

APPRISS, D. (2017). Oregon Prescription Drug Monitoring

Program.

AUDRIA, B. (2017). Sales and Inventory Monitoring Systems.

CAUTO, D. (2017). Local Territorial Information Monitoring

System.

KASICH, Z. (2017). Special Education Monitoring System.

SNOW, C. (2017). Program Evaluation Monitoring System

(PEMS).

TENG, F., WENCHAO, X., YANXIANG, G., FANG, B., & LIYIZHANG,
D. (2017). Design of environmental information monitoring
system based on GPRS.

THOMAS, C. W., SMITH, B. D., & DEAGUERO, L. (2015). The

Program Evaluation and Monitoring System: a key source of data
for monitoring evidence-base HIV Prevention Program processes
and outcomes.

VIOLA, G. (2017). Food Security Monitoring System (FSMS).

 APPENDICES

Appendix I. Relevant Source Code

Add Activity

<?php require_once('include/session.php'); ?>

<?php include_once('include/header.php'); ?>
<?php include_once('include/navigation.php'); ?>
<div id="wrapper">
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb"><li class="active"><i
class="glyphicon glyphicon-list"></i> Activity</li></ol>
</div>
</div>
<!-- /.row -->
<button class="btn btn-primary btn-sm" id="add-activity" title="Add
Activity">
<span class="glyphicon glyphicon-plus-sign" aria-
hidden="true"></span>
</button>
<button class="btn btn-danger btn-sm" id="del-activity"
title="Remove Selected">
<span class="glyphicon glyphicon-trash" aria-
hidden="true"></span>
</button>
<div id="all-activitylist"></div>
</div>
<!-- /.container-fluid -->
 </div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<?php include_once('modal/activity.php'); ?>
<?php include_once('modal/confirmation.php'); ?>
<?php include_once('modal/message.php'); ?>
<?php include_once('include/footer.php'); ?>

Add Employee

<?php require_once('include/session.php'); ?>

<?php include_once('include/header.php'); ?>
<?php include_once('include/navigation.php'); ?>
<div id="wrapper">
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb"><li class="active"><i
class="glyphicon glyphicon-user"></i> Employee</li></ol>
</div>
</div>
<!-- /.row -->
<button class="btn btn-primary btn-sm" id="add-employee"
title="Add Employee">
<span class="glyphicon glyphicon-plus-sign" aria-
hidden="true"></span>
</button>

<button class="btn btn-danger btn-sm" id="del-

employee"title="Remove Selected">
<span class="glyphicon glyphicon-trash" aria-
hidden="true"></span>
</butt
<div id="all-employee"></div>
 </div>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<?php include_once('modal/add_employee.php'); ?>
<?php include_once('modal/confirmation.php'); ?>
<?php include_once('modal/message.php'); ?>
<?php include_once('include/footer.php'); ?>

Graph

<?php require_once('include/session.php'); ?>

<?php include_once('include/header.php'); ?>
<?php include_once('include/navigation.php'); ?>
<?php
require_once('database/Database.php');
$db = new Database();
$sql = "SELECT *
FROM program
ORDER BY programName ASC";
$programs = $db->getRows($sql);
$currently_selected = date('Y'); $earliest_year = 1950;
$latest_year = date('Y');
?>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script src="js/bootstrap.js"></script>
<script src="js/Chart.js"></script>
<script src="js/jquery.js"></script>
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb"><li class="active"><i
class="glyphicon glyphicon-list"></i> Program</li></ol>
 </div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="form-group">

<div class="form-group">
<div class="col-sm-9">
<form method="post" >
<label class="control-label col-sm-3"
for="">Program</label>
<select name="s" id="program" class="btn btn-default" >
<option value="">Please Select..</option>
<?php foreach($programs as $i):
?>
<option value="<?=
$i['programID']; ?>"><?= ucwords($i['programName']); ?></option>
<?php endforeach; ?>
</select> </br></br>
<label class="control-label col-sm-9"
for="">Select</label><br>
<?php print '<select name="yearG" class="btn
btn-default" onfocus="this.size=10;"
onblur="this.size=1;"
onchange="this.size=1; this.blur();" >';

foreach (range(date('Y'),
$earliest_year) as $x) {

print '<option value="'.$x.'"'.($x

=== $already_selected_value ? ' selected="selected"' : '').'>'.$x.'

</option>'; } print '</select>';

?>

<br><br>
 <button name="gview" type="submit" class="btn btn-
primary" ><span class="fa fa-eye"></span> View</button>

</form>
</div>
</div>
</div>
</div>
<div class="col-md-9">
<div class="box box-success">
<div class="box-header with-border">
<?php
//set timezone

//date_default_timezone_set('Asia/Manila');
$year = date('Y');

$program = '';
$SY = '';
$pname ='';
$par1 = 'Choose A program';
$par2 = '';

if ($_SERVER['REQUEST_METHOD']
=== 'POST') {
if (isset($_POST['gview']) &&
($_POST['s']) != "" && isset($_POST['yearG'])) {
$program = $_POST['s'];
$par1 = ' (';
$par2 = ')';
$SY = $_POST['yearG'
}

$db = new Database();

$sql = "SELECT *
FROM program
 where programID =
'$program'";
$name = $db->getRows($sql);
$currently_selected = date('Y');
$earliest_year = 1950; $latest_year = date('Y');

?>
<?php foreach($name as $n):
$pname = $n['programName'];
endforeach; ?>
<h3 class="box-title"><?php echo " ".$pname."
".$par1." "; ?> <?php echo " ".$SY." ".$par2." "; ?></h3>
</div>
<div class="box-body">
<div>

<div class="chart">
<canvas id="lineChart" style="height:250px"></canvas>
</div>
</div>
<!-- /.box-body -->
</div>
</div>
</div>
</div>
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
if (isset($_POST['gview']) && ($_POST['s']) != "" &&
isset($_POST['yearG'])) {

$conn = new mysqli("localhost", "root", "", "smms");

if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
//set timezone
//date_default_timezone_set('Asia/Manila');
$year = date('Y');
$total=array();
for ($month = 1; $month <= 12; $month ++){
 $sql="select *,
sum(activityinfo.totalnumber) as total ,
activity.ActTittle , activity.DateStart,
activityinfo.totalnumber
from activityinfo
INNER JOIN program
INNER JOIN activity ON activityinfo.activityID=activity.id

where month(activity.DateStart)='$month' and

year(activity.DateStart)='$SY' and program.programID ='$program' and
activityinfo.programID='$program'";
$query=$conn->query($sql);
$row=$query->fetch_array();

if ($row > 0 ){

$total[]=$row['total'];
}

$tjan = $total[0];
$tfeb = $total[1];
$tmar = $total[2];
$tapr = $total[3];
$tmay = $total[4];
$tjun = $total[5];
$tjul = $total[6];
$taug = $total[7];
$tsep = $total[8];
$toct = $total[9];
$tnov = $total[10];
$tdec = $total[11];
?> <?php
}else{ echo"<script>alert('Some Value of Dropdown Lists are
Invalid!');</script>"; }
}
?>
<script>
$(function () {
var lineChartData = {
labels : ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', 'October', 'November', 'December'],
datasets: [
{
label : 'Previous Year',
fillColor : 'yellow',
strokeColor : 'yellow',
pointColor : 'yellow',
pointStrokeColor : 'yellow',
pointHighlightFill : 'yellow',
pointHighlightStroke: 'yellow',
data :[]
},
{
label : 'This Year',
fillColor : 'red',
strokeColor : 'red',
pointColor : 'red',
pointStrokeColor : 'red',
pointHighlightFill : 'red',
pointHighlightStroke: 'red',
data : [ "<?php echo $tjan; ?>",
"<?php echo $tfeb; ?>",
"<?php echo $tmar; ?>",
"<?php echo $tapr; ?>",
"<?php echo $tmay; ?>",
"<?php echo $tjun; ?>",
"<?php echo $tjul; ?>",
"<?php echo $taug; ?>",
"<?php echo $tsep; ?>",
"<?php echo $toct; ?>",
"<?php echo $tnov; ?>",
"<?php echo $tdec; ?>"
]
}
]
 }

var lineChartCanvas = $('#lineChart').get(0).getContext('2d')

var lineChart = new Chart(lineChartCanvas)
var lineChartOptions = {
//Boolean - If we should show the scale at all
showScale : true,
//Boolean - Whether grid lines are shown across the chart
scaleShowGridLines : false,
//String - Colour of the grid lines
scaleGridLineColor : 'rgba(0,0,0,.05)',
//Number - Width of the grid lines
scaleGridLineWidth : 1,
//Boolean - Whether to show horizontal lines (except X axis)
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines : true,
//Boolean - Whether the line is curved between points
bezierCurve : true,
//Number - Tension of the bezier curve between points
bezierCurveTension : 0.3,
//Boolean - Whether to show a dot for each point
pointDot : false,
//Number - Radius of each point dot in pixels
pointDotRadius : 4,
//Number - Pixel width of point dot stroke
pointDotStrokeWidth : 1,
//Number - amount extra to add to the radius to cater for hit
detection outside the drawn point
pointHitDetectionRadius : 20,
//Boolean - Whether to show a stroke for datasets
datasetStroke : true,
//Number - Pixel width of dataset stroke
datasetStrokeWidth : 2,
//Boolean - Whether to fill the dataset with a color
datasetFill : true,
//String - A legend template
//Boolean - whether to maintain the starting aspect ratio or not when
responsive, if set to false, will take up entire container
 maintainAspectRatio : true,
//Boolean - whether to make the chart responsive to window resizing
responsive : true
}

lineChartOptions.datasetFill = false
lineChart.Line(lineChartData, lineChartOptions
})
</script> </div>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<?php include_once('include/footer.php'); ?>
Appendix II. Evaluation Tool
Appendix III. Sample Input/Output/Report

Sample Input

Sample Output
Sample Report
Appendix IV. User’s guide

Login Form

1
2
3
1. Username Filed
2. Password Filed
3. Login Button

Administrator Dashboard

1
2
3
4
5
6
 1. To add Program
2. To Add Activity
3. To Add Employee
4. To View Graph
5. To Print
6. To add Department and Designation

Add Program

1
2
3
4
5
6
7
8

1. Add Program Name

2. Add Strategic Goal
3. Add Objective 1
4. Add Objective 2
5. Add Objective 3
6. Add Objective 4
7. Add Objective 5
8. Add Objective 6
Edit Program

1. Edit Program

Add Activity

1
2
3
4
5
6
7
8
9

1. Select Program
2. Activity Number
3. Activity Title
4. Date Started
5. Date of Completion
6. Budget of the Program
7. Person Responsible
8. Target Question
9. Save Button
Add Department

1. Add Department Name 2. Add Designation 3. Save Button

Add Employee

1
2
3
4
5
6
7
8
9
10
11

1. Add First Name 7. Status

2. Add Middle Name 8. Type
3. Add Last Name 9. Department
4. Add User Address 10. Designation
5. Contact Number 11. Save Button
6. Date of Birth

Add Designation

1. Designation Name 2. Description 3. Save Button

Graph

1. Select Program 2. Select Year to

3. Select Year from 4. Click to View Graph
Staff Dashboard

1. Click to view task

2. Click to view accomplishment
3. Click to print

Tasks

1. Click to encode activity progress

Supporting Details
 1

1. Click to upload evidence

2. Upload button

Appendix V. Relevant Documents

Appendix VI. Grammarian’s Certification

May 10, 2018

G R A M M A R I A N’ S C E R T I F I C A T I O N

This is to certify that the undersigned has review and went through

all the pages of the proposed capstone project entitled “SAN MIGUEL

FOUNDATION MONITORING SYSTEM” as against the set structural

rules that govern the composition of sentences, phrases, and words in the

English language.

Signed:

CURRICULUM VITAE

Personal Data
Name : Rhejie P. Baya
 Address : San Roque, Sta.
Maria, Davao Occidental
Age : 20
Date of Birth : January 05, 1998
Place of Birth : Poblacion, Sta. Maria,
Davao Occidental
Sex : Female
Height : 5’4
Weight : 55 kls.
Status : Single
Nationality : Filipino
Religion : Roman Catholic
Tribe : Bisaya
Parents
Father : Regalado A. Baya
Mother : Jerly P. Baya

Educational Background
Elementary
School : Cumasi Elementary School
Year attended : 2006-2010
Awards/Honors Received : None
Secondary
School : Heracleo Casco Memorial
National High School
Year attended : 2010-2014
Awards/Honors Received : None
College
Course : Bachelor of Science in
Information Technology
School : Southern Philippines Agri-
Business and Marine and
Aquatic School of
Technology (SPAMAST)
Malita Campus
Year attended : 2014-2018
Awards/Honors Received : None

Work Experience
 Agency : Scholarship Office, SPAMAST
Malita Campus
Inclusive Dates : May 1, 2016 – June 30, 2016
Position/Designation : On-the-Job Trainee

Agency : Inquirinity Corporation

Inclusive Dates : January 25, 2018 – March 16,
2018
Position/Designation : On-the-Job Trainee

Affiliation
Name of Organization : InfoTech Society
Position : Member
Inclusive Dates : 2014-2018

CURRICULUM VITAE

Personal Data
Name : Dave M. Ludrita
 Address : San Agustin, Sta.
Maria, Davao Occidental
Age : 21
Date of Birth : January 08, 1997
Place of Birth : Vira, Roxas, Isabela
Sex : Male
Height : 5’6
Weight : 60 kls.
Status : Single
Nationality : Filipino
Religion : Jehovah’s Witnesses
Tribe : Ilocano/Bisaya
Parents
Father : Fernando B. Ludrita
Mother : Carmelita M. Ludrita

Educational Background
Elementary
School : Rizal Elementary School
Year attended : 2004-2008
Awards/Honors Received : None
Secondary
School : Heracleo Casco Memorial
National High School
Year attended : 2008-2012
Awards/Honors Received : None
College
Course : Bachelor of Science in
Information Technology
School : Southern Philippines Agri-
Business and Marine and
Aquatic School of
Technology (SPAMAST)
Malita Campus
Year attended : 2014-2018
Awards/Honors Received : None

Work Experience
Agency : COA (SPAMAST-Malita)
 Inclusive Dates : May 1, 2016 – June 30, 2016
Position/Designation : On-the-Job Trainee

Agency : HOMTECH Enterprises (Davao

City)
Inclusive Dates : January 25, 2018 – March 16,
2018
Position/Designation : On-the-Job Trainee

Affiliation
Name of Organization : InfoTech Society
Position : Member
Inclusive Dates : 2014-2018