San Miguel Foundation Monitoring System
San Miguel Foundation Monitoring System
San Miguel Foundation Monitoring System
Power Plant, Culaman, Malita, Davao Occidental. This project was done to
plan, design and develop. The San Miguel Foundation is one of the many
the mission of its four (4) programs, namely: Health and Nutrition,
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
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
RHEJIE P. BAYA
DAVE M. LUDRITA
MAY 2018
APPROVAL SHEET
______________
Date Signed
DEDICATION
shown them friendship and kindness during in developing our system. We,
the researchers dedicated this effort and hardwork for all of you.
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
support and guidance. For allowing them to experience new things and
goals;
in giving full support and encouragement whenever they need them. Their
undying love, understanding and assistance, are the very reason why they
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
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
BIBLIOGRAPHY 49
APPENDICES 50
CURRICULUM VITAE 74
LIST OF FIGURES
FIGURE PAGE
3 Gantt Chart 22
7 Context Diagram 27
16 Class Diagram 41
17 Deployment Diagram 45
LIST OF TABLES
TABLES PAGE
3 Software Specification 43
4 Hardware Specification 43
5 Testing 46
LIST OF APPENDICES
APPENDIX PAGE
II Evaluation Tool 60
IV User’s guide 64
V Relevant Documents 71
VI Grammarian’s Certification 73
CHAPTER I
Introduction
revolution the way people work, think, live and play. A web-based system
can have.
and packaging business into fuel and oil, energy, infrastructure, and
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
2015).
The staffs of San Miguel Foundation are using electronic and
entrepreneurial skills training and awareness and value chain. For the
department activities.
b. Activity progress.
b. Livelihood;
c. Environment; and
d. Education.
b. Activity Progress.
Significance of the Study
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
SMF Staff – it can help them to update activity progress and check new
activity programs.
productive in the work they do. The administrator and the staff can
monitor all the activity progress programs and can generate reports for
programs; the system allows the staff to submit their progress activities.
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,
operational plan.
Definition of Terms
plan.
User – refers to the administrator and the staff. They are the one who
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.
consumption, their income and the strategies they develop to cope with
strategies.
accounts. By law their access is limited to patients under their care. The
them.
with the Office for Early Learning and School Readiness (OEL&SR), has
percent compliance with the statutory requirements of the IDEA and Ohio
Disabilities and improve services and outcomes for student with disabilities
(Kasich, 2017).
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
up. Without the latter, the implementation of plans and the analysis of the
methodologies for data collection are scarce (or do not exist) or, when
data on project activities, women's nutrition, and infant and young child
women's diet and supplementation and infant and young child feeding
This article discusses the purposes of evaluation and the need for
and development of PEMS and also describes how PEMS strengthens the
utilization and behavioral outcomes. The Centers for Disease Control and
to the need for accurate and timely data to monitor and evaluate federally
data variables, Web-based software for data entry and management, data
prepared and loaded. Deputy Commissioner Office can upload the status
Haryana frequently require the reports while visiting the various parts of
TECHNICAL BACKGROUND
runs using the internet connection and a browser. The SMF staff and
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
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,
pages. It was used by the to build web page templates. This program
development and internal testing, and may also be used to serve live
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
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,
SMF to complete and to have accurate data and functions of the system.
connection in order for the system to execute. The administrator has 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.
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
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)
Operational Feasibility
on how the system could be usable to the users. The proposed system will
progress, project activities and operational plan. The system will affect
program/ activity, it will make their work more organize and to lessen the
new project activities and operational plan. The SMF monitoring system
require training for the users for them to use the system correctly without
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
development
Admin and Staff can login to the system with their unique username and
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
Compatibility Checking
browser such as Google Chrome, Mozilla Firefox and etc. with different
and different devices is also a must. If not testing the site of how it
become much less manual, for people all around the SMF that have active
updating and sending all activities they have to do for every year,
making easily. The SMF monitoring system help them become more
Schedule Feasibility
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
between time and cost. When developing the system, the researchers’
SMF Monitoring system that helps the users and the company
To monitor the activity progress of the SMF programs
Intangible benefits from new system
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
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
Staff
Staff Details
User Registration
account Reports
details Progress of
Program the activity Activity
Activities programs
Statistics
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
valid then it redirects to main page in which the admin can manage
system setting, manage system details and can display system settings.
is a way of displaying how to manage the mange staff, and how decision
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.
understand more the flow of the system. This diagram show the summary
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
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
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
view progress of every staff that has activity. This diagram accessed the
illustrates the activity done by the staff when they want to update their
message, program, users and employee. Each table has its own attribute
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.
Security
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
database) and register the staff in the system (Monitoring System). 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
that their client are able to have access and information that will help
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
platform web server solution stack package and for internet testing of the
the website. Google Chrome or Mozilla Firefox use for accessing the
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
(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
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
offline mode. The user can interact with the system by using a browser
Test Plan
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.
feedback on the product quality. Beta testing reduces product failure risks
system.
Table below shows the test plan of the system. The table is
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
Summary
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
was concluded that the system was able to meet the purpose and
usability along with the objectives of the project. The system can
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
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).
Program.
TENG, F., WENCHAO, X., YANXIANG, G., FANG, B., & LIYIZHANG,
D. (2017). Design of environmental information monitoring
system based on GPRS.
Add Activity
Add Employee
Graph
<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) {
<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'
}
$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'])) {
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; ?>"
]
}
]
}
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. 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
2
3
4
5
6
7
8
9
10
11
Add Designation
Tasks
Supporting Details
1
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
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
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
Affiliation
Name of Organization : InfoTech Society
Position : Member
Inclusive Dates : 2014-2018