Senior Citizen Web-Based Profiling System

ABSTRACT
GEVEROLA, DANILO L. JR., and UGSANG, JOSHUA B.

Southern Philippines Agri-Business and Marine and Aquatic School of
Technology, Malita, Davao Occidental, May 2018. “SENIOR CITIZEN
WEB-BASED PROFILING SYSTEM”. Undergraduate Capstone Project.
Adviser: BAILINA P. DALAM, MIT
The study was conducted to assess the deficiency of transactions at
the office of Senior Citizen in Malita Davao Occidental. Senior Citizen Web-
Based Profiling System was developed and implemented for several
purpose such as easy and fast inquiry of information in the office. This
study, covers the changes from manual to automate in which the user are
able to manipulate the new system. The purpose of this study is to
develop a computerized profiling system that upgrade and create
automated registration process, identification card and generate
demographic profile in each barangay.
The study used the Waterfall Methodology model that followed a
web-based structure starting from preliminary investigation, requirement
analysis, design phase, implementation and maintenance. Each phase
guided the researchers in the development of the study and helped them
organized the work flow of each task. The result indicated that the
website was efficient in all aspects mentioned. It is recommended that the
system should be maintained by a computer programmer to integrate
other information needed. Further testing of the website to much more
number of respondents is recommended so that some possible lapses of
the website will be regarded.
In conclusion, the researchers found out that the system could
speed up the working progress and productivity of the profiling system. It
could generate reports and provide identification cards. It also provided
the facility for searching the master list of all senior citizen’s. The system
could reduce the workloads in the office resulting to a better management
and working performance.

SENIOR CITIZEN WEB-BASED PROFILING SYSTEM
DANILO L. GEVEROLA, JR.

JOSHUA B. UGSANG
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 SCIENCE IN INFORMATION TECHNOLOGY
MAY 2018
APPROVAL SHEET
There are several of people without whom this study might not had
been written, and to whom the researchers greatly indebted.
The researchers would like to show their sincere gratitude to Dr.
Meliza P. Alo, Dean of Institute of Teacher Education and Information
Technology, for her constant encouragement. The researchers would like
to offer their gratitude and appreciation to their adviser, Ms. Bailina P.
Dalam, IT Instructor, for the effort, time and guidance in which she
lovingly challenged and supported the researchers throughout this study
for knowing when to push and when to let up. To the researchers’
parents, who continued to believe, and develop the researchers; who has
been the source of inspiration to them throughout their life. A very special
thank you for providing a writing space and for nurturing through the
months of writing. To the researchers friends, who played such important
roles along the journey, as they engaged in making sense of the various
challenges they are facing and in providing motivation to each other at
those times when it seemed impossible to continue. The researchers
would like to take this opportunity to offer their sincere thanks to all the
faculty and staff of the Department of Information Technology, for their
giving support to finish this study.

Most of all, to Divine God who made the impossible possible.
DEDICATION
The researchers’ dedicates this study to their Family, whose
support and inspirations has brought this far. For the good parental care
that invaluably contributed in many ways to the researcher’s academic
achievement.
TABLE OF CONTENTS
PRELIMINARY PAGES PAGE
ABSTRACT i
TITLE PAGE ii
APPROVAL SHEET iii
ACKNOWLEDGMENT iv
DEDICATION vi
TABLE OF CONTENTS vii
LIST OF TABLES x
LIST OF FIGURES xi
LIST OF APPENDICES xii
CHAPTER
I BACKGROUND OF THE STUDY

Introduction 1
Objectives of the Study 2
Significance of the Study 3
Scope and Limitation of the Study 4
Definition of Terms 5
II REVIEW OF RELATED LITERATURE

Dynamic user profiles for web 6
personalization
A selection for guide for the new generation 7
6-dye DNA profiling systems
Preventing automatic user profiling in Web 8
2.0 applications
Consumer profiling system with analytic 9
decision processor
Consumer profiling system 10
Method and system for distributed user 11
profiling
Network system for profiling and actively 11
facilitating user activities
Site-specific interest profiling system 12
Location-based demographic profiling 13
system
Profiling system for online marketplace 14
III TECHNICAL BACKGROUND

Technicality of the Study 15
Details of the Technologies Used 16
How the Project Works 17
IV METHODOLOGY
Research Locale 19
Population of the Study 20
Operational Feasibility 20
Technical Feasibility 23
Compatibility Checking 24
Relevance of the Technology 25
Schedule Feasibility 26
Economic Feasibility 27
Cost and Benefit of the Project 27
Data and Processing Modeling 29
Object Modelling 34
Data Design 39
Data Dictionary 40
Security 44
Software Specification 45
Hardware Specification 46
Programming Environment 47
Test Plan 48
V SUMMARY, CONCLUSION AND

RECOMMENDATIONS
Summary 50
Conclusion 51
Recommendations 51
BIBLIOGRAPHY
APPENDICES
CURRICULUM VITAE
LIST OF TABLES
TABLE PAGE
1 Result of Compatibility Checking 24
2 Cost of the Sytem and Benefits 28
3 Data Dictionary of the Table User 40
4 List of Required Software 45
5 List of Required Hardware 46
6 Test items for testing and validation of functionality 49

of the system
LIST OF FIGURES
FIGURE PAGE
1 Vicinity Map of Malita Davao Occidental 19
2 Functional Decomposition Diagram 22
3 Gantt Chart 26
4 Input Process Output Diagram (IPO) 29
5 System Flowchart 30
6 System Flowchart of the Office Staff 31
7 Context Diagram of the System 32
8 Data Flow Diagram 33
9 Use Case Diagram 34
10 Class Diagram 35
11 Sequence Diagram of the System 36
12 Activity Diagram of Administrator of the System 37
13 Activity Diagram Office Staff of the System 38
14 Entity Relationship Diagram of the System 39
15 Deployment Diagram of the System 48

LIST OF APPENDICES
APPENDEX PAGE
I Relevant Source Code 54
II Evaluation Tool 119
III Sample Input/Output/Reports 120
IV User’s Guide 123
V Relevant Documents 130
VI Grammarian’s Certification 131

CHAPTER I
BACKGROUND OF THE STUDY
Introduction
According to Schleyer et. al., (2017) automation runs the important
task in the global and in daily experience. Office procedures are done
through the use of computer technology. Even in the Government,
automation is a big contribution to help and reduce task and give effect to
society. The Senior Citizen Web-based Profiling System is a system that
manages the registration to make work easier and less hustle for the
golden age. People who are more than sixty years of age are commonly
referred to as senior citizens or seniors. These terms refer to people
whose stage in life is generally called old age, though there is no precise
way to identify the final stage of a normal life span. People are said to be
senior citizens when they reach the age of sixty or sixty-five because
those are the ages at which most people retire from the workforce.
The records of members of Senior Citizen had been curtail over
time due to large numbers of citizen’s due to poor record keeping since it
is a manual based method. The manual method led to various problems
and these include unnecessary duplication of recorded data, difficult in

tracing previous member's record, eventually, it is difficult to trace the
flow of members past data. Based on the survey the appearance of
computer web-based profiling system has changed the office transaction
both large and small system have adopted the new method by use of
computer, to attain several roles in the production of information. The
member’s record is connected with the documentation of information
gathered from senior citizen office.
Objectives of the Study
Generally the project aimed to develop an online system that will
help government office in locating and profiling of senior citizens.
Specifically, it aimed to:
1. Create a module that automates the following:
a. Registration
b. Identification card and reports.
2. Create a module that shows the demographic profile of
senior citizens in each barangay in Malita, Davao Occidental.
3. Create a module that will search or shows the master list of
all senior citizens.

Significance of the Study
This capstone project was designed to primarily promote access to
the Office of the Senior Citizen Affairs Malita, Davao Occidental and cope
with the technological complexity in web-based profiling system. The
researchers find this project beneficial for it serves as a gateway to the
office services to provide web-based profiling transaction service for the
user's research and learnings.
The implementation of this project is useful for the following:
Office of the Senior Citizen Affairs the Senior Citizen Office
currently operates using the manual method of recording the senior's
data. Thus, the following element has been significantly benefited with
this system. By using this web-based profiling, all the seniors of Malita,
Davao Occidental will have fast and reliable transactions when it comes to
registration and payout process. Administrators by using this web-based
profiling system of Office of the Senior Citizen of Malita, Davao Occidental
will have a reliable transaction when it comes to the registration process
and other office transaction regarding the profiling of senior citizens.
Office staff the system can give the staff reliable to prepare and generate
reports. Senior Citizens for the senior citizen, they do not have to worry
anymore in case they forget to bring their identification cards with them
during the payouts in 30 Barangays of Malita, Davao Occidental.
Scope and Limitation of the Study
This study was basically designed for Senior Citizen Office that
provides a lot of services to the member such as online registration
process, and provides reports for information per barangay and counts the
registered citizen’s. This system is limited only to cater citizen’s
information for registrations, barangay population, and budget per month,
view master list, update pension viewing per member and posting
announcement to the web-based profiling system homepage.

Definition of Terms
Database - It use to organize and store member’s data.
Deceased - A member of senior citizen who died.
Manual - Refers to the old system used by the staff of Senior Citizen
Office.
Members - Refers to the Senior Citizens of Malita.
Office Staff - Refers to the office personnel that caters the transactions
in the Malita Senior Citizens Office.
Profile - Refers to the senior citizens information such as name, age,
date of birth, gender, address and other information regarding
to the office transactions.
Senior Citizen - Person over the age of 60 and up.

CHAPTER II
REVIEW OF RELATED LITERATURE
Dynamic User Profiles for Web Personalization
According to Hawalah et. al., (2017), web personalization systems
are used to enhance the user experience by providing tailor-made services
based on the user’s interests and preferences which are typically stored in
user profiles. For such systems to remain effective, the profiles need to be
able to adapt and reflect the users’ changing behavior. In this paper, we
introduce a set of methods designed to capture and track user interests
and maintain dynamic user profiles within a personalization system. User
interests are represented as ontological concepts which are constructed
by mapping web pages visited by a user to a reference ontology and are
subsequently used to learn short-term and long-term interests. A multi-
agent system facilitates and coordinates the capture, storage,
management and adaptation of user interests. We propose a search
system that utilizes our dynamic user profile to provide a personalized
search experience. We present a series of experiments that show how our

system can effectively model a dynamic user profile and is capable of
learning and adapting to different user browsing behaviors.
A Selection Guide for the New Generation 6-dye DNA Profiling

Systems
According to Lin et. al., (2017) the Federal Bureau of Investigation
(FBI) has recently expanded the CODIS core loci from the existing 13 to
20 as a new guideline, and laboratories from the US are required to
comply with the new regulation before uploading or conducting identity
search in the national database. The expanded CODIS format, which
shares all the core loci commonly used in the European countries and the
US, not only increases international compatibility, but also reduces the
number of adventitious matches, and hence facilitates international law
enforcement and counterterrorism endeavors. Here, we review the key
performance measures of three new STR amplification systems with 6-dye
chemistry, namely, the Investigator 24plex QS Kit from QIAGEN, the
Global Filer™ PCR Amplification Kit from Applied Bio systems, and the
Perplex Fusion 6C System from Promega. Our results have demonstrated
that Global Filer displays the highest sensitivity among the tested kits,
whereas Investigator 24plex shows a higher tolerance to common PCR
inhibitors including Humic acid and Tannic acid. Global Filer and Fusion
6C, on the other hand, yield DNA profiles with better heterozygous peak
height and intra-color signal balance. Both Global Filer and Investigator
24plex exhibit slightly higher sensitivity than Fusion 6C in the profiling of
minor components in DNA mixture, but the latter displays a higher
consistency in the preservation of the mixture ratio. In summary, our work
has demonstrated that these three profiling systems have their different
performance features, and hence it is recommended that laboratories
should select the most suitable kits according to their own requirements
and operational needs.
Preventing Automatic User Profiling in Web 2.0 Applications
According to Viejo et. al., (2017) the rise of the Internet and Web
2.0 platforms have brought very accessible publishing techniques that
have transformed users’ role from mere content consumers to fully
content consumers–producers. Previous works have shown that user-
generated content can be automatically analyzed to extract useful
information for the society. Nevertheless, researchers have also shown
that it is possible to build individual user profiles automatically. This
situation may provoke concerns to the users worried about their privacy.
In this paper, we present a new scheme that effectively obfuscates the

real user’s profile in front of automatic profiling systems, while
maintaining her publications intact in order to interfere the least with her
readers. The proposed system generates and publishes fake messages
with terms semantically correlated with user posts to distort and, hence,
hide the real profile. Our method has been tested using Twitter, a very
well-known Web 2.0 microblogging platform. Evaluation results show that
this new scheme effectively distorts user profiles, producing uniform (i.e.
balanced) profiles that hardly characterize users and outperforming
simpler methods based on random distortions. In addition to that, the
presented system is adaptive, capable of profiling and users with a quite
limited number of publications and it reacts quickly to any variation in
their interests.
Consumer Profiling System with Analytic Decision Processor
According to Sammon et. al., (2017) a system which processes
information to identify product choices within a product domain for a user,
presents structured data concerning attributes of products in the product
domain to the user in a readily understandable and efficient manner,
allowing the user to make the best choice according to his or her own
personal profile. A user interface presents a sequence of input prompts to

the user to gather preference and requirement data for a plurality of
attributes of products in the product domain. A decision engine is coupled
to the user interface and filters the product domain to present a set of
products according to the gathered preference and requirement data as
product choices to the user. The preference data comprises a variable
associated with particular attributes specified by the user to have a degree
of relevance to a product choice in the product domain but not an
absolute requirement. The requirement data comprises a variable
associated with a particular attribute specified by the user to be required
or not required for a product choice in the product domain.
Consumer Profiling System
According to Eldering, (2017) a data processing method and
network for collecting, storing, and providing user profile data. The
network comprises a number of persona agents, interconnected to a hub.
The persona agents and the hub are stored within the data
communications network. Each persona agent is associated with a user of
the data communications network, and is operable to collect observational
data from an application being executed by the user, as well to receive

queries for profile data from the application and to respond to the queries
with context-based profile data.
Method and System for Distributed User Profiling
Arellano, (2017) a data processing method and network for
collecting, storing, and providing user profile data. The network comprises
a number of persona agents, interconnected to a hub. The persona agents
and the hub are stored within the data communications network. Each
persona agent is associated with a user of the data communications
network, and is operable to collect observational data from an application
being executed by the user, as well to receive queries for profile data
from the application and to respond to the queries with context-based
profile data.
Network System for Profiling and Actively Facilitating User

Activities
Carl et. al., (2015) a system and method are provided for use with
a communication and information network, such as the Internet World
Wide Web, for assisting a user in accessing information stored at remote
network sites based on the user's past history of network usage. An
archive is maintained of remote sites accessed and instances in which the

same remote sites are accessed in sequence. Statistics regarding
information such as the number of time a site has been accessed, and the
times a given set of sites have been accessed in sequence, are
maintained. This information may be displayed upon command. Based on
this information, information items are identified which the user is
predicted to be likely to want to access.
Site-Specific Interest Profiling System
Schnase et. al., (2016) a system for capturing, developing and
profiling an individual's interests in various sites, exhibits or items on
display at an institution or facility and providing site- and/or theme-
specific information based on these interests. The system preferably
includes a collection of information associated with the sites, exhibits or
items on display at an institution or facility, which is organized and is
capable of being indexed by each particular site, exhibit or item location
or item on display. The preferred system further includes a plurality of
portable information storage devices, such as, for example, smart cards
having non-volatile memory cable of being organized into a specialized
data structure, uniquely assigned to visitors to such institutions or
facilities. The data structure on the portable information storage device

contains various fields including those designed to store biographical
information about the visitor and an interest profile comprised of indexes
relating to the sites, exhibits or items on display at such institutions or
facilities identified and selected by the visitor. The system further includes
means for allowing the visitor to select a particular site, exhibit or item of
interest and for recording an index relating to the selection in the interest
profile on the portable information storage device assigned to that
particular visitor. Preferably, the system further includes means, such as,
for example, an informational kiosk, for reading the stored indexes from
the portable information storage devices and for retrieving the collected
exhibit information related to those indexes stored on the portable
information storage device by the visitor.
Location-Based Demographic Profiling System
Rosenberg et. al., (2017) a location-based demographic profiling
system and is a disclosed that enables users to access information about
physical establishments indicating the demographic makeup of the patrons
currently located within the establishment. In one embodiment, a
location-based demographic profiling method is employed that includes
receiving, over a network, a profile request from a user device, the profile
request identifying at least one establishment from a plurality of pre-
identified establishments; upon receiving the profile request, determining
a current demographic profile of each establishment identified in the
profile request, wherein each current demographic profile is a statistical
representation of the number of individuals residing with an identified
establishment who possess at least one identified demographic
characteristic; and transmitting demographic profile data to the user
device, the demographic profile data being adapted to cause the user
device to present the determined demographic profile to be presented to
the use
Profiling System for Online Marketplace
Somji et. al., (2017) a profiling system provides customized,
relevant, and targeted experience to customers of its clients throughout
various touch points in an online marketplace. The profiling system utilizes
gathered data on customers such as online marketplace behavior,
subscriber information, usage, and the like to determine relevant
segments for the customers. The segments are created and modified
based on default and/or client defined rules. Intersections of these
elements are used to classify subscribers of the marketplace into the

segments on a periodic basis. Customized content such as tailored
advertisements, engagement messages, customer relations
communication, etc., are then provided to the subscribers based on the
segments.
CHAPTER III
TECHNICAL BACKGROUND
Technicality of the Study
The Senior Citizen Office is still using manual method in performing
senior citizen related transactions. The office is currently using type writer
for storing and retrieving seniors’ profile that is being saved manually. The
office is using personal computers already and thus, proposing a new
computerized web-based information system would not be difficult. The
study needs a complete set of computer unit with Windows-based

operating system, a functional router which connect to the World Wide
Web, and a working printer for necessary outputs. The software to be
used by PHP language, HTML scripts, Xamp server and bootstrap. The
study also need at least two developers that will create the web-based
profiling and necessary documents. This study proposes the profiling
system that will automate transactions such as senior citizen profiling,
registration processes, updates, and announcement. This web-based
profiling system can record and deliver services like the manual process,
but this system more accurate and automated. The system is capable of
storing senior citizen information along with the updates information in
the most accurate and efficient way. With help of the system, Senior
citizen and staff of the office minimize their efforts. For the software, the
computer is installed with Windows 7, 8, or 10 operating system. The
base unit of the system is the computer, wherein the software and other
hardware components are installed. To operate the system the hardware
and software requires.
Details of Technologies Used
HTML (Hypertext Markup Language) is a markup structure that
helps the developer to build the system. The standard markup language
for creating web pages and web applications with Cascading Style Sheets
(CSS) and JavaScript, it forms a cornerstone technologies for the World
Wide Web. CSS (Cascading Style Sheet) was used to support designs and
dynamic user interface of the system and JavaScript for client-side
validation tool.
Php is a server scripting language and a tool for making dynamic
and interactive Web pages and provides a link the interfaces of the SQL
databases and the whole system. SQL (Structured Query Language) of
Microsoft was used to manipulate and retrieve data from relational
databases. XAMP was also used to run and create web applications with
Apache2, PHP, and SQL databases. PhpMyAdmin is a tool written in PHP
intended to handle the administration of MySQL over the World Wide
Web. For the graphical user interface of the system, Adobe Photoshop
CS3 was used to create icons and create stunning images. Sublime, is a
text editor for code, markup, and prose with the complete features of this
program.
How the Project Works
The developers of this study submitted a formal request to the
Senior Citizen Office informing to conduct a survey and investigations that

will help the researchers in planning the overall project. And with the
helped and cooperation of the office staffs, the necessary data and
information needed for the creation of the system have been collected.
After the data collection and preliminary investigations, the researchers
have proceeded to the next phase which is to conduct a systematic
analysis. With the use of data being gathered, the researchers have
analyzed the project well and proposed the necessary module needed for
the completion of the project. Using the required modules, the
researchers proceed to the system database design for the profiling
system. After the system has been thoroughly designed, the researchers
proceed to the project testing the new system is constructed. Programs
are then written, tested, documented. After the installation of the system,
the researchers checked whether the study has met the client's
expectations and needs. The web-based profiling needs to connect to the
World Wide Web in order for it to serve its purpose. The users must log in
to the website profiling and create necessary transactions such as
registering a new senior citizen to the database. Only the Administrator
can create a user to login to the system with authentic credentials, the
seniors will not have to log in but they can view necessary details on the
website. Only the administrator can update pension in the web-based
profiling system.
CHAPTER IV
METHODOLOGY
Research Locale
The system was conducted and installed at Senior Citizen Office
located at National Highway Poblacion, Malita, Davao Occidental.
Figure 1. Vicinity Map of Senior Citizen Office
Population of the Study
The study covers Senior Citizen Office that includes: the staff which
is responsible for accomodating the members online. And the Clerical
Officer who will be the Administrator of the system. The senior citizen can
view the home page of the website upcoming activities and upcoming
announcements.
Operational Feasibility
The management supports the study they give data as well as they
wanted to improve the operation in the office from the tradition to the
new system to have reliable transactions. Republic Act no. 9994 an act
granting additional benefits and privileges to senior citizens, further
amending Republic Act no. 7432, as amended, otherwise known as an act
to maximize the contribution of senior citizens to nation building, grant
benefits and special privileges and for other purposes. The management
should conduct a training session to those illiterate one for the awareness
of proper operation of the system. The users together with the
administration are involved in planning the new system most especially
from the start. Senior Citizens won’t experience any problem in inquiring
all the transactions. The Senior Citizens will be using the new system for
easy access of information. This new implemented project surely have a
good result that can enhance the image of the company because of its
upgraded system. In general, the management is responsible for the

settlement of all the information of the senior citizens as well as giving
feedback for their inquiries.
Figure 2 shows the process of starting at the high level and dividing
entities into smaller related parts of the system into functional
components. In this system, the citizen's fill up personal information
before they can register. The administrator is the one who can edit, delete
and has the responsibility for monitoring citizen's data. The citizens were
responsible for fills up the data required that was needed before
proceeding to citizen's registration.

Figure 2. Functional Decomposition Diagram
Using the functional decomposition diagram above, the researchers
of this study have analyzed the flow of the project more efficiently when it
comes to the major functionalities of the system. The diagram is beneficial
to the duration of the development for a reason that, it improves the
researchers’ analysis of design.

Technical Feasibility
To achieve the objectives of the study, the developers used the
Web-based system to run the module in any type of operating system but
it highly recommends the use of windows operating system like Windows
7 operating system. The use of internet connection also was utilized to
put the client in a fast-paced development of technology. They can access
the homepage anywhere they go. Still, if they can’t access the internet
they can go to the office and follow the standard operating procedure of
the establishment like registration, generate a citizen information and ID,
print copy of the prescription.
For this new system has the sufficient capacity for future needs by
maintenance and upgrades. It is important having a prototype, this serves
as a guide in developing the system. It is necessary in a system that both
the software and hardware are all reliable inside a computer to come up a
good function. The combination and supply of the software and hardware
is sufficient when it comes to performances. This new system can surely
handle the future transaction because it can access anywhere as long as it
has internet connection.

Compatibility Checking
The project depends on the availability of the required resources.
Manpower holds the program and the compatibility of the hardware and
software that is used if needed so that it will work. A check mark () was
used to check the box with a compatible result and wrong mark (x) that
signify a not compatible operation. Table 1 shows the compatibility result.
The table below shows the compatibility checking of the system.
Table 1. Result of Compatibility Checking
Operating Web
Computer
System Browser
GOOGLE
CHROME
SYSTEM MOZILLA
PC WIN 7
FIREFOX
INTERNET
EXPLORER
Senior citizen
web-based   
profiling System
Relevance of the Technologies
Advancements in new web-based profiling technology offer better
solutions for reliable office transaction and registration. The trend in
profiling system is utilizing technology to make the system more easy,
accessible, efficient and natural-looking for the citizens as possible.
Senior Citizens and their office staffs benefit from newer techniques that
are less invasive and more dependable than the years of the past.
Procedures that formerly took multiple trips to the office or required
multiple transaction providers can often be performed in the comfort of
one office by one qualified provider.
There is a much new advancement in office that the staff may
choose to offer for an enhanced state of comfort and improved the
registration process. These web-based profiling advances play an
important role in reliable and productive office transaction, allowing them
to provide the highest standard of services. This study helps the
establishment to grow and attain its mission and goals.

Schedule Feasibility
Figure 3 shows the development time frame of the system from the
start of the activity to its completion period.
2017 2018
Activity
Task Ju Ju Au Se Oc No De Ja Fe Ma Ap May
n l g p t v c n b r r (Weeks)
1 2 3 4
Requirements
Design
Implementatio
n
Verification
Maintenance
Documentation
Activity Done in 2017

Activity Done in 2018
Legend:
Figure 3. Gantt chart

Economic Feasibility
To assess economic feasibility, management has to analyse costs
and benefits associated with the proposed project. The capital cost of a
project affects the economic evaluation. Cost estimating is essentially an
intuitive process that attempts to predict the final outcome of a future
capital expenditure.
`
Cost and Benefit of the Project
Cost and benefit of the project analysis is an evaluation and
analysis of the potential of the project. It is done to determine how well,
or how poorly, a planned project will turn out.
Table 2 shows the Cost of the project. It is composed of printer,
and a system summed up to Php11,000. These should be estimated and
included in the overall cost of the project. It shows that the tangible and
intangible benefits of the new system.

Table 2. Cost of the System
Cost Benefit Analysis for Senior Citizen Web – Based Profiling

System
Costs
Category Item Qty Price Total
Senior Citizen Web –

Equipment 1 Php 4,500 Php 4,500
Based Profiling System
Server 1 Php 3,500 Php 3,500
Domain 1 Php 2,000 Php 2,000
Training System users training 1 Php 1,000 Php 1,000
Total Cost Php 11,000
Benefits (Tangible from a new system)

 Improve office transaction process
 Paper Reduction
 Time reduction regarding to the registration process
 Computer Units, Internet Connection , Printer
Benefits (Intangible From a new system )
 Improved performance
 Minimized processing costs
 Client satisfaction (online registration)
 Improved company status
Data and Process Modelling
Figure 4 shows the figure identifies a program's inputs, its
processing step required to transform the inputs into outputs. The
administrator and staff must first input their username and password. It
validates login in all login modules, confirm transaction like updating and
deleting records, register senior citizens’ information inside the database.
Generated forms and reports, upload announcements in the senior citizen
website and create master list are all shows under output.
Demographi
c profile
Figure 4. Input Process Output (IPO) Diagram

Figure 5 shows the process of the administrator flow chart of the
senior citizen web-based profiling system. It starts in the login page, the
system checks if the user is registered to log in, if yes, it checks if
username and password are correct, then if authenticate, the system
identifies the account if it is an administrator or office staff user account.
Administrator account holds manage member, and manage the system.
Under manage member, the administrator can add, and update member's
record. It can manage staff, add, edit, and update records while in
manage system and print reports.
Figure 5. System Flowchart

Figure 6 shows staff flow chart of the senior citizen web-based
profiling system. The office staff can manage the system, it can register,
update members, and post announcements to the homepage. The Office
staff can log in the system by using the username and password given by
the administrator. Only the office administrator can update pension of the
system.
Figure 6. System Flowchart of Office Staff

Figure 7 show context diagram that defines the boundary between
the system, its environment, and entities that interact with it. As shown in
the figure, the administrator can manage the system it can add, update,
print, create office records by using this system and it can create user.
The office staff provides citizen’s copy and register members it can also
add, update profiles of the members. The members (senior citizens) can
view the system homepage and also the announcements posted to the
website.
Figure 7. Context Diagram

Figure 8 shows the data flow diagram that runs inside and outside
the system and interacts with its entities. Using this diagram it determine
the administrator user, office staff user and senior citizen. The
administrator and staff information login determine and validate the user
type information by using the username and password. The user staff can
add, update, print senior citizen’s information, post announcements, only
administrator can update the monthly pension of the members, the
members of the senior citizens can visit the homepage to view the
upcoming activities and announcement.
Administrator
Information
Manage System Username,

Password
Manage Senior
Citizen Profiling
User Name, Password System
Citizen Information
Citizen Information
Verify User Type Information
Homepage Information
Website Information
Information
Figure 8. Data Flow Diagram

Object Modelling
Figure 9 shows the capability of actors of the Senior Citizen Web-
based Profiling System. It is the simplest representation of staff
interaction with the system and depicting the specification of a use case.
Administrator and office staff has an authority to manage member data.
The senior citizens can visit the web site homepage to view the
announcements or upcomming activities of the office.
Figure 9. Use Case Diagram

Figure 10 below shows the class diagram of the system. This
diagram will help the researchers in determining the activity flow of each
process and function that will be relevant to the completion of this project.
It describes the attribute and operation of class in the web-based profiling
system.
Figure 10. Class Diagram

Figure 11 shows the sequence diagram of the system. As shown in
the diagram, the system interacts with the user of the system. It includes
verification, one of the securities offered with this system. The
administrator serves as an office head it can update the monthly pension
of the members, create user role and manage the system. Only the
administrator can update the monthly pension of the member. The office
staff serves as office clerk. The staff can log in using the given password
and username by the administrator, it can manage the system in terms of
add, update and print.
Senior Citizen Web-

Based Profiling
System
Figure 11. Sequence Diagram
Figure 12 shows the activity of administrator. The Administrator
can manage the member, create user role and manage also the system.
Figure 12. Activity Diagram of Administrator of the System

Figure 13 shows the activity of the office staff dashboard inside the
system. It provides online viewing of the member and latest office
transactions. It does not include the data that flows into the system.
Figure 13. Activity Diagram of Office Staff of the System

Data Design
Figure 14 explains the entities available in the system. Its entities
play a vital role in developing this system. From citizen to citizen's profile,
barangay to barangay population and administrators sync database is very
important.
Figure 14. Entity Relationship Diagram

Data Dictionary
The data dictionary is a centralized repository of information about such as meaning, relationship to
other data, origin, usage, and format. Below is the list of tables.
Table 3. Data Dictionary of Table User
TABLE ATTRIBUTE FK REFERENCED

CONTENTS TYPE FORMAT REQUIRED PK
NAME NAME TABLE
id Id of ser AI PK
fullname Fullname Varchar(45) Xxxxxxxx Y
Tbl_user
password password Varchar(45) Xxxxxxxx Y
image image Varchar(45) Xxxxxxxx Y
user role user type Varchar(45) Xxxxxxxx Y FK
id AI PK
quarter_pension Varchar(45) Xxxxxxxx Y
year Account Identification Varchar(45) Xxxxxxxx Y
Tbl_budg month pension Varchar(45) Xxxxxxxx Y
et status year Varchar(45) Xxxxxxxx Y
date_updated month Varchar(45) Xxxxxxxx Y
status Varchar(45) Xxxxxxxx Y
date_updated Varchar(45) Xxxxxxxx Y
Profile Id_no Id of citizen AI PK
fname First Name of Citizen Varchar(45) Xxxxxxxx Y
mname Middle Name of Citizen Varchar(45) Xxxxxxxx Y
lname Last Name of Citizen Varchar(45) Xxxxxxxx Y
brngy Barangay Name Varchar(45) Xxxxxxxx Y
gender Gender of Citizen Varchar(45) Xxxxxxxx Y FK
dob Date of birth Varchar(45) Xxxxxxxx Y
date_issue Date Issued Varchar(45) Xxxxxxxx Y FK
img Image of Citizen Varchar(45) Xxxxxxxx Y
category Existing or None Existing Varchar(45) Xxxxxxxx Y
tbl_anno Id Id of announcement AI PK
uncemen subject Subject post Varchar(45) Xxxxxxxx Y
t post Post announcement Varchar(45) Xxxxxxxx Y
posted by Posted by the author Varchar(45) Xxxxxxxx Y
id Id of barangay AI PK
Brngy_po brngy_name Barangay_name Varchar(45) Xxxxxxxx Y
pulation population Citizen population Varchar(45) Xxxxxxxx Y FK
month Month updated Varchar(45) Xxxxxxxx Y
year Year updated Varchar(45) Xxxxxxxx Y
date_updated Date_updated Varchar(45) Xxxxxxxx Y
Brngy_Bu Id_no Id of budget AI PK
dget Brngy_name Barangay Name Varchar(45) Xxxxxxxx Y
Budget Barangay Budget Varchar(45) Xxxxxxxx Y
Month Month updated Varchar(45) Xxxxxxxx Y
Year Year updated Varchar(45) Xxxxxxxx Y
Date_updated Date updated Varchar(45) Xxxxxxxx Y
Age_brac Id_no Id number of Age AI PK

ket Brngy_Name Barangay Name Varchar(45) Xxxxxxxx Y
60_64 Age bracket Varchar(45) Xxxxxxxx Y
100_over Age bracket Varchar(45) Xxxxxxxx Y
Month Month updated Varchar(45) Xxxxxxxx Y
Date_updated Date updated Varchar(45) Xxxxxxxx Y
Pension_t No Id of pension_tbl AI PK
bl Id_no Id of member Varchar(45) Xxxxxxxx Y FK
Pension_amount Amount of receive Varchar(45) Xxxxxxxx Y
Month Month receive Varchar(45) Xxxxxxxx Y
Date Receive Date receive Varchar(45) Xxxxxxxx Y
Status Retrieve pension Varchar(45) Xxxxxxxx Y
PK = Primary Key
FK = Foreign Key
VARCHAR = Variable character length data , 1 to 2,000 characters
CHAR = Fixed character length data, 1 to 255 characters
INT = Integer Values Only
SMALLINT = Small integer values only
NUMBER = Numeric data , NUMBER (9,2) is used to specify numbers with two decimal places and up to nine digits long
include to decimal places RDBMS permit the use of a MONEY or CURRENCY data type
DATE formats vary. Commonly accepted formats are: DD-MON-YYYY, DD-MON-YY, /DD/YYYY and MM/DD/YY
Security
Security is very important in a system. It is needed to keep the
project protected. Only the administrator can create user staff. And the
administrator can update barangay budget. Those who are office staff
successfully registered to the system can access their login details using
their unique username and password. Only the admin can manage the
website user roles and customization, system login module and verify its
user. It consists of strong password policies. This was a great idea since
hacking and intrusion is possible over the web. The database was installed
in the website domain, this domain are also full of security and
authentication login method. System administrator has the privileged to
sync its database to other computer but not the entire database. Backup
of the system files is always possible since the system is able to update its
database to other unit.

Software Specification
Software specification is a description of a software system to be
developed. It refers to the list of software needed to achieve the objective
of the system. Table 6 shows the list of specific software being used in the
system and its specification.
Table 4. Software Specification

NAME OF SOFTWARE SPECIFICATION
Xamp Server Version 3.2.2
Image editor Adobe Photoshop
Windows 7 x64-bit Operating System
Filezilla Client Version 3.25.1
Code editor Sublime 2.2.4
Web Browser Google Chrome, Mozilla Firefox
Hardware Specification
Hardware specification refers to the system requirements where
electronic components are recommended for the development of the
system. Table 6 shows the list of specific software being used in the
system and its specification.

Table 5. List of Require Hardware
NAME OF HARDWARE SPECIFICATION
Internal Parts:
Processor 3.0 GHz
RAM (Random Access Memory) 4GB DD3
HDD (Hard Disk Drive) 500GB
External Parts:
Flat Screen Monitor LED (32 inches)
Sound Card, Video Card Built-In
UPS (Uninterruptable 980 watts
Power Supply)
AVR (Automatic Voltage Regulator) An input voltage of 120v
Mouse, Keyboard PS2
Printer Epson L120
Router TP-Link with 4G technology
Internet Connection Globe prepaid, plan 999
Ethernet (LAN) Built-in

Programming Environment
The project used PHP (Hypertext Pre-processor) as the
programming language in developing the system. It uses HTML
(Hypertext Mark-up Language) and Bootstrap in designing the website
homepage, this help to achieve layout design of the system and control
much easier. It also uses JavaScript that can add interactivity and
enhances the behaviour of web pages and JQuery as client interactivity of
the system.
A database is a structural collection of data. To add, access, and
process data stored in a computer database, you need a database
management system such as MySQL Server. The system uses MySQL as
needed to its back end of the system for storing data. It serves as the
database server that handles all stored data from devices inputted by the
office staffs. The researchers of this study used PHP language because
the system is a web-based, and thus, PHP is the best choice. PHP is a
language that perform display in a website.

Deployment Diagram
Figure 15 shows what software components are being used in the
system and how they are connected. Both system and the database are
on the one desktop.
<<artifact>>
: Senior Citizen Web-
Based Profiling
System
Figure 15. Deployment Diagram
Test Plan
Table 7 shows the different module and its membered that being
tested during the final testing of the system. This test plan will deliver a
test procedure plan which will describe the test routine needed to test.
The test plan is a document outlining, the procedure on how the
platform performed, tested and validated its functionality and modules.
The table below shows the test items to be tested during the installation
process of the Senior Citizen Web-based Profiling System.
Table 6. Test Items for Unit Testing and Validation of Functionality

MODULE MEMBERS
Manage Member Add Citizen Data
Update Citizen Data
Edit Citizen Data
Search Citizen Data
Print Citizen Data
Administrator Add Office Staff
Update Pension
Edit Citizen Data
Print All Records
Manage System System Update
Print Reports
CHAPTER V
SUMMARY, CONCLUSION AND RECOMMENDATIONS
Summary
The system was tested by two (2) computers, laptop and desktop
Compatibility checking shows that other windows operating system was
able to print reports, display images, output fetched data, and display
website text properly. The system was developed under Windows
environment, running in other operating system was not included in the
testing. The system was designed with a user-friendly interface so that
the authorized person can use and understand it easily. It was also
checked for the compatibility of hardware and software according to its
specifications.
The test plan delivered successfully. In the manage information,
administrator can add, update and print senior citizen record. While in the
manage clerk, adding, updating and editing senior citizen record was
successfully checked. Meanwhile, managing system like printing reports,
updating system password, and keeping up to date of the database was
successfully checked.
Conclusion
Based upon the testing results of Senior Citizen Web-based
Profiling System, the developer concludes 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 office staff in
updating and maintaining the citizens’ information. It can also produce
reports and help the office. They can also use the database to track senior
citizen’s record.
Recommendations
During presentation of the system it was recommended to add
system function such us sending message to each member of the senior
citizens and enhance the graphical interface of the system homepage.

BIBLIOGRAPHY
AHMAD, H. FASL, I. (2017). Dynamic user profiles for web

personalization: School of Computer Science and Electronic
Engineering, University of Essex, Wivenhoe Park, Colchester CO4
3SQ, UK
LIN, S. CHRISTINA, L. STEPHEN, C. (2017). A selection guide for the

new generation 6-dye DNA profiling systems: Forensic Science
Division, Government Laboratory, Homantin Government Offices:
Hong Kong.
ALEXANDRE, V. SÁNCHEZ, D. CASTELLÀ-ROCA, J. (2017).

Preventing automatic user profiling in Web 2.0 applications:
Universitat Rovira i Virgili, Av. Països Catalans 26, E-43007
Tarragona, Spain.
THOMAS, M. SAMMON, JR. BRADLEY, W. (2017). Consumer profiling

system with analytic decision processor: College of Computer
Science and Engineering, University of Taibah, Medina, Saudi
Arabia
ELDERING, A. SILVIA, G. (2017). Consumer profiling system:

Department of Agricultural and Food Sciences, University of
Bologna, via Fanin 50, 40127 Bologna, Italy.
ARELLANO, J. (2017). Method and system for distributed user profiling:

Dipartimento di Ingegneria, Università degli Studi di Perugia, Italy
ROBERT, C. BARRETTk, D. CLARK, K. PHILIP, M. (2015). Network

system for profiling and actively facilitating user activities:
Computer Engineering Department, College of Computer Science,
King Khalid University, Abha, Saudi Arabia
JOHN, L. SCHNASE, E. CUNNIUS, P. MCFADDEN, J. KLEIN, E.
HEDRICK, R. BROOKINGS, S. (2016). Site-specific interest
profiling system: DatascienceLab, Via Masini 12, 40126 Bologna,
Italy.
LOUIS ROSENBERG, MCDANIEL, T. F., (2017). Location-based

demographic profiling system: Faculty of Business and
Accountancy, University of Malaya, 50603 Kuala Lumpur,
Malaysia.
SHIRAZ, M. SOMJI, A. MATTHEW J. FLECKENSTEIN, S. (2017).

Profiling system for online marketplace: Faculty of Business
Administration and Economics, University of Passau, Innstr. 43,
Passau 94032, Germany.
APPENDICES
Appendix I. Relevant Source Code
Create User
<?Php
If(isset($_post['submit'])){
$connection = mysqli_connect('localhost','root','root','scwps');
$username = $_post['user'];
$password = $_post['pass'];
$firstname= $_post['fname'];
$lastname = $_post['lname'];
$role = 'staff';
$image = addslashes(file_get_contents($_files['image']['tmp_name']));
$username = mysqli_real_escape_string($connection , $username);
$password = mysqli_real_escape_string($connection , $password);
$firstname = mysqli_real_escape_string($connection , $firstname);
$lastname = mysqli_real_escape_string($connection , $lastname);
$hashformat ="$2y$10$";
$salt = "malitadavaoocc2018";
$hashf_and_salt = $hashformat . $salt;
$password = crypt($password,$hashf_and_salt);
$query ="insert into user_tbl
(first_name,last_name,username,password,image,user_role) values
('$firstname','$lastname','$username','$password','$image','$role')";
$result = mysqli_query($connection,$query);
if (!$result) {
$_globals['error'] = "user not created!.";
} else{
$_globals['success'] = "user created successfully!.";
}
}
?>
Log In User
<?php
session_start();
include'production/scwps_db.php';
if (isset($_POST['login'])) {
$username = $_POST['user'];
$password = $_POST['pass'];
$username = mysqli_real_escape_string($conn,$username);
$password = mysqli_real_escape_string($conn,$password);
$hashFormat ="$2y$10$";
$salt = "malitadavaoocc2018";
$hashF_and_salt = $hashFormat . $salt;
$password = crypt($password,$hashF_and_salt);
$sql="SELECT * FROM user_tbl WHERE username='{$username}' ";

$sel_user_query =mysqli_query($conn,$sql);
if (!$sel_user_query) {
$_GLOBALS['error'] = "QUERY FAILED!." .mysqli_error($conn);
}
while ($row = mysqli_fetch_array($sel_user_query)) {

$db_id = $row['id'];
$db_username = $row['username'];
$db_password = $row['password'];
$db_first = $row['first_name'];
$db_last = $row['last_name'];
$db_image = $row['image'];
$user_role = $row['user_role'];
}
if ($username !== $db_username && $password !==
$db_password) {
$er = "error";
header("location: index.php?id=$er");
} else if($username == $db_username && $password ==

$db_password){
$_SESSION['first'] = $db_first;
$_SESSION['id'] = $db_id;
$_SESSION['user_role'] = $user_role;
header("location: production/home.php");
} else {
$er = "error";
header("location: index.php?id=$er");
}
}
?>
Add Member
<?php
session_start();
include'scwps_db.php';
if (!isset($_session['user_role'])) {
header('location:../index.php');
}
?>
?>
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1">
<title>scwps | registration </title>


<link href="../vendors/bootstrap/dist/css/bootstrap.min.css"
rel="stylesheet">

<link href="../vendors/font-awesome/css/font-awesome.min.css"
rel="stylesheet">

<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">

<link href="../vendors/icheck/skins/flat/green.css" rel="stylesheet">


<link href="../vendors/bootstrap-progressbar/css/bootstrap-
progressbar-3.3.4.min.css" rel="stylesheet">

<link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>

<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css"
rel="stylesheet">


<link href="../build/css/custom.min.css" rel="stylesheet">
<style type="text/css">
.time12{
font-family: "helvetica neue",roboto,arial,"droid sans",sans-serif;
width: 220px;
margin-left: 0px;
border: none;
padding:5px 10px;
font-weight:bold;
background:none;
font-size:32px;
color: #73a3d7;
}
</style>
</head>
<body class="nav-md" onload="startclock()">

<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col menu_fixed">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-
dashboard"></i> <span>scwps</span></a>
</div>
<div class="clearfix"></div>
<?php
$id = $_session['id'];
$sql="select * from user_tbl where id = $id ";
$result=mysqli_query($conn,$sql);
$row=mysqli_fetch_assoc($result);
$db_img = $row['image'];
?>


<div class="profile clearfix">
<div class="profile_pic">
<img src="data:image/jpeg;base64,<?php echo
base64_encode($db_img)?>" alt="..." class="img-circle profile_img">
</div>
<div class="profile_info">
<span>welcome,</span>
<h2><?php echo $_session['first'] ?></h2>
</div>
</div>

<br />


<div id="sidebar-menu" class="main_menu_side hidden-print
main_menu">
<div class="menu_section">
<h3>registration</h3>
<ul class="nav side-menu">
<li><a href="home.php"><i class="fa fa-home"></i> home
<span class="fa fa-chevron-down"></span></a>
</li>
<li><a><i class="fa fa-edit"></i> add new <span class="fa
fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="addmember.php">add member</a></li>
<li><a href="viewlist.php">view list</a></li>
</ul>
</li>
<li><a><i class="fa fa-file-text"></i> report <span
class="fa fa-chevron-down"></span></a>
<li class="current-page"><a href="masterlist.php">view
master list</a></li>
<li><a href="population_report.php">population
report</a></li>
<li><a href="update_population.php">update
population</a></li>
<li><a href="non_exist_members.php">none existing
members</a></li>
</li>
</ul>
</div>
</div>

</div>
</div>


<div class="top_nav">
<div class="nav_menu">
<nav>
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">

<li class="">
<a href="javascript:;" class="user-profile dropdown-toggle"
data-toggle="dropdown" aria-expanded="false">
base64_encode($db_img)?>" alt=""><?php echo $_session['first']?>
<span class=" fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="../logout.php"><i class="fa fa-sign-out pull-

right"></i> log out</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>



<div class="right_col" role="main">
<div class="">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
<div class="page-title">
<div class="title_left">
<img class="img-responsive avatar-view"
src="images\logo4.png" alt="avatar" style="height: 120px;width: 120px;"
title="change the avatar">
</div>
<div class="title_center">
<div class="col-sm-12 invoice-col">
<address>
<br>
<h3>office for senior citizens affairs</h3>
</address>
</div>
<div class="title_right">
<label class="control-label col-md-1 col-sm-1 col-

xs-1"><h2>date :</h2>
</label>
<label class="control-label col-md-2 col-sm-2 col-xs-
2" ><h2> <?php echo date("m d, y"); ?></h2></label>
</div>
</div>
<form name="clock" onsubmit="0" style="margin-
bottom:none;">
<input type="text" class="time12 col-md-6 col-sm-6
col-xs-6" name="face" disabled="" align="center" />
</form>
</div>
</div>
</div>
</div>
<ul class="nav navbar-right panel_toolbox">
</ul>
</div>
<br/>
<div class="x_content">
<form id="demo-form2" enctype="multipart/form-data"
data-parsley-validate method="post" class="form-horizontal form-label-
left" action="savemember.php">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12"
for="first-name"> <span class="required"></span>
</label>
<img id="blah" class="" src="images/user.png" alt="your
image" style="width: 100px; height:100px;">
</div>
for="first-name"> <span class="required"></span>
</label>
<br>
</div>
</div>
for="first-name">upload photo <span class="required">*</span>
</label>
<input type="file" onchange="readurl(this);"
class="form-control col-md-7 col-xs-12" name="image" id="file"
required="" />
</div>
</div>
for="first-name">first name <span class="required">*</span>
</label>
<input type="text" name="first" required="required"
class="form-control col-md-7 col-xs-12">
</div>
</div>
<label for="middle-name" class="control-label col-md-3
col-sm-3 col-xs-12">middle name / initial</label>
<input class="form-control col-md-7 col-xs-12"
type="text" name="midname">
</div>
</div>
for="last-name">last name <span class="required">*</span>
</label>
<input type="text" name="last" required="required"
</div>
</div>
12">gender</label>
<div id="gender" class="btn-group" data-
toggle="buttons">
<label class="btn btn-default" data-toggle-class="btn-
primary" data-toggle-passive-class="btn-default">
<input type="radio" name="gender" value="male">
male
</label>
<label class="btn btn-primary" data-toggle-
class="btn-primary" data-toggle-passive-class="btn-default">
<input type="radio" name="gender"
value="female"> female
</label>
</div>
</div>
</div>
<div>
<br>
</div>
12">date of birth <span class="required">*</span>
</label>
<input type="date" name="dob" required="required"
</div>
</div>
12">barangay <span class="required">*</span>
</label>
<select name="add" class="form-control">
<option>choose barangay</option>
<option>bito</option>
<option>bolila</option>
<option>buhangin</option>
<option>culaman</option>
<option>datu danwata</option>
<option>demoloc</option>
<option>felis</option>
<option>fishing village</option>
<option>kibalatong</option>
<option>kidalapong</option>
<option>kilalag</option>
<option>kinangan</option>
<option>lacaron</option>
<option>lagumit</option>
<option>lais</option>
<option>little baguio</option>
<option>macol</option>
<option>mana</option>
<option>manuel peralta</option>
<option>new argao</option>
<option>pangaleon</option>
<option>pangian</option>
<option>pinalpalan</option>
<option>poblacion</option>
<option>sangay</option>
<option>talogoy</option>
<option>tical</option>
<option>ticulon</option>
<option>tingolo</option>
<option>tubalan</option>
</select>
</div>
</div>
<input name="issue" value="<?php echo
date("d/m/y")?>" hidden/>
</div>
<div class="ln_solid"></div>
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-
3">
<button class="btn btn-primary"

type="reset">reset</button>
<button type="submit" name="submit" class="btn btn-
success">submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>



<footer>
<div class="pull-right">
©copyright 2018 scwps<a href="#">@9234</a>
</div>
</footer>

</div>
</div>
<script>
var timerid = null;
var timerrunning = false;
var id,pause=0,position=0;
function showtime () {
var now = new date();
var hours = now.gethours();
var minutes = now.getminutes();
var seconds = now.getseconds()
var timevalue = "" + ((hours >12) ? hours -12 :hours)
timevalue += ((minutes < 10) ? ":0" : ":") + minutes
timevalue += ((seconds < 10) ? ":0" : ":") + seconds
timevalue += (hours >= 12) ? " pm" : " am"
document.clock.face.value = timevalue;
timerid = settimeout("showtime()",1000);
timerrunning = true;
}
function stopclock (){
if(timerrunning)
cleartimeout(timerid);
timerrunning = false;
}
function startclock () {
stopclock();
showtime();
}
function readurl(input) {
if (input.files && input.files[0]) {
var reader = new filereader();
reader.onload = function (e) {

$('#blah')
.attr('src', e.target.result)
.width(100)
.height(100);
};
reader.readasdataurl(input.files[0]);
}
}
</script>

<script src="../vendors/jquery/dist/jquery.min.js"></script>

<script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="../vendors/fastclick/lib/fastclick.js"></script>

<script src="../vendors/nprogress/nprogress.js"></script>

<script src="../vendors/chart.js/dist/chart.min.js"></script>

<script src="../vendors/gauge.js/dist/gauge.min.js"></script>
<script src="../vendors/bootstrap-progressbar/bootstrap-
progressbar.min.js"></script>

<script src="../vendors/icheck/icheck.min.js"></script>

<script src="../vendors/skycons/skycons.js"></script>

<script src="../vendors/flot/jquery.flot.js"></script>
<script src="../vendors/flot/jquery.flot.pie.js"></script>
<script src="../vendors/flot/jquery.flot.time.js"></script>
<script src="../vendors/flot/jquery.flot.stack.js"></script>
<script src="../vendors/flot/jquery.flot.resize.js"></script>

<script
src="../vendors/flot.orderbars/js/jquery.flot.orderbars.js"></script>
<script src="../vendors/flot-
spline/js/jquery.flot.spline.min.js"></script>
<script src="../vendors/flot.curvedlines/curvedlines.js"></script>

<script src="../vendors/datejs/build/date.js"></script>

<script src="../vendors/jqvmap/dist/jquery.vmap.js"></script>
<script
src="../vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script>
<script
src="../vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></scrip
t>
<script src="../vendors/moment/min/moment.min.js"></script>
<script src="../vendors/bootstrap-
daterangepicker/daterangepicker.js"></script>


<script src="../build/js/custom.min.js"></script>
</body>
</html>
View Profile
<?php
session_start();
}
?>
<!doctype html>
<html lang="en">
<head>
scale=1">
<title>scwps | profile </title>


rel="stylesheet">
rel="stylesheet">




rel="stylesheet">


<link href="../vendors/datatables.net-
bs/css/datatables.bootstrap.min.css" rel="stylesheet">
<link href="../vendors/datatables.net-buttons-
bs/css/buttons.bootstrap.min.css" rel="stylesheet">
<link href="../vendors/datatables.net-fixedheader-
bs/css/fixedheader.bootstrap.min.css" rel="stylesheet">
<link href="../vendors/datatables.net-responsive-
bs/css/responsive.bootstrap.min.css" rel="stylesheet">
<link href="../vendors/datatables.net-scroller-
bs/css/scroller.bootstrap.min.css" rel="stylesheet">
@media print {
.top_nav {
display: none;
}
.nav_menu {
display: none;
}
.btn{
display: none;
}
}
</style>
</head>
<body class="nav-md">
</div>
<?php
?>
</div>
</div>
</div>
<br />

main_menu">
<h3>report</h3>
<li><a href="viewlist.php"><i class="fa fa-hand-o-
left"></i> back <span class="fa fa-chevron-down"></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>

<nav>
</div>

<li class="">
base64_encode($db_img)?>" alt=""><?php echo $_session['first']?>
</a>
<li><a href="login.html"><i class="fa fa-sign-out pull-
</ul>
</li>
</ul>
</nav>
</div>
</div>

<div class="">
</div>
<div class="row">
<div class="col-md-12">
<div class="">
<address>
<br>
src="images\logo3.png" alt="avatar" style="height: 120px;width: 120px;"
title="change the avatar"><br>
<strong>republic of the philippines</strong>
<br>office for senior citizens affairs
<br>municipality of malita
<br>province of davao occidental
<br>email: pia.gov.ph/provinces/davao-occidental
</address>
</div>
<section class="content invoice">


<div class="row">
<div class="col-xs-12 invoice-header">
<?php
if (isset($_get["id"])) {
$id = $_get['id'];
$sql ="select * from profile where id_no = $id ";
$result = $conn->query($sql);
$row = $result->fetch_assoc();
$img = $row['img'];
$first = $row['fname'];
$last = $row['lname'];
$mid = $row['mname'];
$id = $row['id_no'];
$gend = $row['gender'];
$bar = $row['brngy'];
$bd = $row['dob'];
$issue = $row['date_issue'];
$year = date("y");
$d = $row['id_no'];
$age = $year - $bd;

}
?>
</div>

</div>

<div class="row invoice-info x_title">
src="data:image/jpeg;base64,<?php echo base64_encode($img)?>"
style="height: 150px;width: 150px;" alt="no image found!" title="change
the avatar">
</div>

<b>id no:</b><?php echo $d;?>
<address>
<br><b>name: </b> <?php echo $first; echo ' ';
echo $mid; echo' '; echo $last; ?>
<br><b>gender: </b><?php echo $gend;?>
<br><b>age:</b> <?php echo $age; ?>
<br><b>birthday:</b> <?php echo date('f d,
y',strtotime($bd)); ?>
<br><b>barangay: </b> <?php echo $bar; echo'
'; echo'malita, davao occidental';?>
<br><b>date issued:</b> <?php echo $issue;?>
</address>
</div>



</div>

<div class="row">


<div class="col-xs-8">
<div class="col-md-12 col-sm-12 col-xs-12
profile_details">
<div class="well profile_view">
<div class="col-sm-12">
src="images\logo3.png" alt="avatar" align="left" style="height:
70px;width: 70px;" title="change the avatar">
</div>
<h5 align="center">republic of the philippines<br>
office for senior citizens affairs<br>
municipality of malita</h5>
</div>
src="images\logo4.png" alt="avatar" align="right" style="height:
70px;width: 70px;" title="change the avatar">
</div>
<br>
<br><img class="img-responsive avatar-view"
src="data:image/jpeg;base64,<?php echo base64_encode($img)?>"
style="height: 90px;width: 90px;" alt="no image found!" title="change
the avatar">
<br> <p><strong>id no:</strong><?php echo $d;?>
</p>
<br>
</div>
<div class="left col-xs-8">

<br>
<p><strong>name: </strong><u> <?php echo
$first; echo ' '; echo $mid; echo ' '; echo $last;?></u></p>
<ul class="list-unstyled">
<li><strong>age: </strong><u> <?php echo
$age;?></u> <strong> sex: </strong><u> <?php echo
$gend;?></u></li>
<li><strong>birthday: </strong><u> <?php echo
date('f d, y',strtotime($bd)); ?> </u></li>
<li><strong>address: </strong><u> <?php echo
$bar; echo ' malita, davao occidental';?> </u></li>
<li><strong>date issued:</strong><u> <?php
echo $issue;?> </u></li>
</ul>
</div>
<div class="col-xs-12" >

<h4 align="center">signature</h4>
<br>
</div>
</div>
</div>
</div>
</div>

</div>



<div class="row no-print">
<button class="btn btn-primary pull-right"
onclick="window.print();" style="margin-right: 5px;"><i class="fa fa-
print"></i> print</button>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>

<footer>
</div>
</footer>
</div>
</div>
<script>

$('#blah')
.width(100)
.height(100);
};
}
}
</script>

<script src="../vendors/echarts/dist/echarts.min.js"></script>









<script


<script
<script
t>

</body>
</html>
swcps_db
<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "scwps";
// create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// check connection
if ($conn->connect_error) {
die("connection failed: " . $conn->connect_error);
}
?>
View Master List
<?php
session_start();
if (!isset($_SESSION['user_role'])) {
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
scale=1">
<title>SCWPS | MASTERLIST </title>


rel="stylesheet">

rel="stylesheet">


<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">


bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
@media print {
.top_nav {
display: none;
}
.nav_menu {
display: none;
}
.btn{
display: none;
}
.datatable-fixed-header{
display: none;
}
.dataTables_length{
display: none;
}
div.dataTables_wrapper div.dataTables_filter{
display: none;
}
div.dataTables_wrapper div.dataTables_paginate{
display: none;
}
footer{display: none;}
}
</style>
</head>
<body class="nav-md">
dashboard"></i> <span>SCWPS</span></a>
</div>
<?php
$id = $_SESSION['id'];
$sql="SELECT * FROM user_tbl WHERE id = $id ";
?>

</div>
<span>Welcome,</span>
<h2><?php echo $_SESSION['first'] ?></h2>
</div>
</div>
<br />

main_menu">
<h3>Report</h3>
<li><a href="home.php"><i class="fa fa-home"></i> Home
</li>
<li><a><i class="fa fa-edit"></i> Add New <span
<li><a href="addmember.php">Add Member</a></li>
<li><a href="viewlist.php">View List</a></li>
</ul>
</li>
<li><a><i class="fa fa-file-text"></i> Report <span
<li><a href="masterlist.php">Master List</a></li>
<li><a href="population_report.php">Population
Report</a></li>
<li><a href="update_population.php">Update
Population</a></li>
<li><a href="non_exist_members.php">None Existing
Members</a></li>
<li><a href="pension_form.php">Update
Pension</a></li>
<li><a href="view_pension_report.php">View Pension
Report</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>

<nav>
</div>

<li class="">
base64_encode($db_img)?>" alt=""><?php echo $_SESSION['first']?>
</a>
right"></i> Log Out</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>

<div class="">
<div class="row">
<div class="">
<div class="">



<div class="row invoice-info">
src="images\logo3.png" alt="Avatar" style="height: 120px;width: 120px;"
title="Change the avatar">
<address>
<br>
<strong>Republic of the Philippines</strong>
<br>Office for Senior Citizens Affairs
<br>Municipality of Malita
<br>Province of Davao Occidental
<br>Email: pia.gov.ph/provinces/davao-occidental
</address>
</div>

</div>



<div class="row">
<div class="">
<h2>List of Senior Citizens in Malita</h2>
</div>
<table id="datatable-fixed-header" class="table table-

striped table-bordered">
<thead>
<tr>
<th>ID No</th>
<th>Name</th>
<th>Barangay</th>
<th>Age</th>
<th>Gender</th>
<th>Date of Birth</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM profile WHERE Category
='EXISTING' ";
$result =$conn->query($sql);
while ($row = $result->fetch_assoc()){
$yy =$row['dob'];
$bd = date('Y', strtotime($yy));
$year = date("Y");
$age = $year -$bd;
echo '
<tr>
<td>'.$row['id_no'].'</td>
<td>'.$row['lname'].', '.$row['fname'].'
'.$row['mname'].'</td>
<td>'.$row['brngy'].'</td>
<td> '.$age.'</td>
<td>'.$row['gender'].'</td>
<td>'.date('d-M-Y', strtotime($yy)).'</td>
</tr>';
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>

</section>


<div class="row no-print">
<button class="btn btn-primary pull-right"
onclick="window.print();"><i class="fa fa-print"></i> Print</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
©Copyright 2018 SCWPS<a href="#">@9234</a>
</div>
</footer>
</div>
</div>
<script>
function readURL(input) {
var reader = new FileReader();

$('#blah')
.width(100)
.height(100);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>








<script
src="../vendors/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../vendors/datatables.net-
bs/js/dataTables.bootstrap.min.js"></script>
buttons/js/dataTables.buttons.min.js"></script>
<script src="../vendors/datatables.net-buttons-
bs/js/buttons.bootstrap.min.js"></script>
buttons/js/buttons.flash.min.js"></script>
buttons/js/buttons.html5.min.js"></script>
buttons/js/buttons.print.min.js"></script>
fixedheader/js/dataTables.fixedHeader.min.js"></script>
keytable/js/dataTables.keyTable.min.js"></script>
responsive/js/dataTables.responsive.min.js"></script>
<script src="../vendors/datatables.net-responsive-
bs/js/responsive.bootstrap.js"></script>
scroller/js/dataTables.scroller.min.js"></script>
<script src="../vendors/jszip/dist/jszip.min.js"></script>
<script src="../vendors/pdfmake/build/pdfmake.min.js"></script>
<script src="../vendors/pdfmake/build/vfs_fonts.js"></script>
</body>
</html>
Population Report
<?php
session_start();
if (!isset($_SESSION['user_role'])) {
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
scale=1">
<title>SCWPS | POPULATION REPORT </title>


rel="stylesheet">

rel="stylesheet">


<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">


bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
bs/css/fixedHeader.bootstrap.min.css" rel="stylesheet">
.time12{
font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
width: 220px;
margin-left: 0px;
border: none;
padding:5px 10px;
font-weight:bold;
background:none;
font-size:32px;
color: #73a3d7;
}
</style>
</head>
<body class="nav-md" onload="startclock()">

dashboard"></i> <span>SCWPS</span></a>
</div>
<?php
$id = $_SESSION['id'];
$sql="SELECT * FROM user_tbl WHERE id = $id ";
?>
</div>
<span>Welcome,</span>
<h2><?php echo $_SESSION['first'] ?></h2>
</div>
</div>
<br />

main_menu">
<h3>Report</h3>
<li><a href="home.php"><i class="fa fa-home"></i> Home
</li>
<li><a><i class="fa fa-edit"></i> Add New <span
<li><a href="addmember.php">Add Member</a></li>
<li><a href="viewlist.php">View List</a></li>
</ul>
</li>
<li><a><i class="fa fa-file-text"></i>Report<span
<li><a href="masterlist.php">Master List</a></li>
<li><a href="population_report.php">Population
Report</a></li>
<li><a href="update_population.php">Update
Population</a></li>
<li><a href="non_exist_members.php">None Existing
Members</a></li>
<li><a href="pension_form.php">Update
Pension</a></li>
<li><a href="view_pension_report.php">View Pension
Report</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>

<nav>
</div>

<li class="">
base64_encode($db_img)?>" alt=""><?php echo $_SESSION['first']?>
</a>
right"></i> Log Out</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>

<div class="">
<div class="row">
<div class="">
<div class="">



<div class="row">
<div class="title_left">
src="images\logo4.png" alt="Avatar" style="height: 120px;width: 120px;"
title="Change the avatar">
</div>
<div class="title_center">
<address>
<br>
<h3>Office for Senior Citizens Affairs</h3>
</address>
</div>
<label class="control-label col-md-2 col-sm-2 col-

xs-2"><h2>Date :</h2>
</label>
2" ><h2> <?php echo date("M d, Y"); ?></h2></label>
</div>
</div>
<form name="clock" onSubmit="0" style="margin-
bottom:none;">
<input type="text" class="time12 col-md-6 col-sm-6
col-xs-6" name="face" disabled="" align="center" />
</form>
</div>
</div>
</div>
</div>
</div>
<h2>Updated Population Report</h2>
<br>
<table id="datatable-fixed-header" class="table table-striped
table-bordered">
<thead>
<tr class="headings">
<th class="column-title"> </th>
<th class="column-title">Year </th>
<th class="column-title">Month </th>
<th class="column-title">Last Updated</th>
<th class="column-title no-link last"><span
class="nobr">Action</span>
</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM brngy_population Group by
month";
echo' <tr class="even pointer">

<td class=" "></td>
<td class=" ">'.$row['year'].'</td>
<td class=" ">'.$row['month'].'</td>
<td class="a-right a-right
">'.$row['date_updated'].'</td>
<td class=" last"><a
href="view_population_report.php?id='.$row['month'].'">View</a>
</td>
</tr>';
}
?>
</tbody>
</table>
<br>
<div class="x_title"></div>
<h2>Updated Age Sorting Report</h2>
<br>
<table id="datatable-fixed-header" class="table table-striped
table-bordered">
<thead>
<tr class="headings">
<th class="column-title"></th>
<th class="column-title">MONTH </th>
<th class="column-title">YEAR</th>
<th class="column-title">LAST UPDATED</th>
<th class="column-title no-link last"><span
class="nobr">ACTION</span>
</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM age_bracket GROUP BY month
";
echo' <tr class="even pointer">

<td class=" "></td>
<td class=" ">'.$row['month'].'</td>
<td class=" ">'.$row['year'].'</td>
<td class=" ">'.$row['date_updated'].'</td>
<td class=" last"><a
href="view_age_report.php?id='.$row['month'].'">View</a>
</td>
</tr>';
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>

</section>
</div>
</div>
</div>
</div>
</div>
</div>

<footer>
©Copyright 2018 SCWPS<a href="#">@9234</a>
</div>
</footer>
</div>
</div>
<script>
var timerID = null;
var timerRunning = false;
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " pm" : " am"
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
stopclock();
showtime();
}
function readURL(input) {
var reader = new FileReader();

$('#blah')
.width(100)
.height(100);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>








<script
src="../vendors/datatables.net/js/jquery.dataTables.min.js"></script>
bs/js/dataTables.bootstrap.min.js"></script>
buttons/js/dataTables.buttons.min.js"></script>
<script src="../vendors/datatables.net-buttons-
bs/js/buttons.bootstrap.min.js"></script>
buttons/js/buttons.flash.min.js"></script>
buttons/js/buttons.html5.min.js"></script>
buttons/js/buttons.print.min.js"></script>
fixedheader/js/dataTables.fixedHeader.min.js"></script>
keytable/js/dataTables.keyTable.min.js"></script>
responsive/js/dataTables.responsive.min.js"></script>
<script src="../vendors/datatables.net-responsive-
bs/js/responsive.bootstrap.js"></script>
scroller/js/dataTables.scroller.min.js"></script>
<script src="../vendors/jszip/dist/jszip.min.js"></script>
<script src="../vendors/pdfmake/build/pdfmake.min.js"></script>
<script src="../vendors/pdfmake/build/vfs_fonts.js"></script>
</body>
</html>
Home Dashboard
<?php
session_start();
include'delete_post.php';
}
?>
<?php
if (isset($_post['submit'])) {
deleterows();
}
?>
<!doctype html>
<html lang="en">
<head>
scale=1">
<title>scwps | home</title>


rel="stylesheet">
rel="stylesheet">




rel="stylesheet">

<script src="js/jquery.js" type="text/javascript"></script>
.time12{
font-family: "helvetica neue",roboto,arial,"droid sans",sans-serif;
width: 220px;
margin-left: 0px;
border: none;
padding:5px 10px;
font-weight:bold;
background:none;
font-size: 35px;
line-height: 47px;
font-weight: 600;
color: #73879c;
}
</style>
</head>
<body class="nav-md" onload="startclock();">

</div>
<?php
?>


base64_encode($db_img)?>" alt="..." class="img-circle profile_img" >
</div>
</div>
</div>
<br />

main_menu">
<h3>general</h3>
<li><a><i class="fa fa-home"></i> home <span class="fa
</ul>
</li>
<li><a><i class="fa fa-edit"></i> add new <span class="fa
<li><a href="addmember.php">add member</a></li>
<li><a href="viewlist.php">view list</a></li>
</ul>
</li>
<li><a><i class="fa fa-file-text"></i> report <span
<li><a href="masterlist.php">master list</a></li>
<li><a href="population_report.php">population
report</a></li>
<li><a href="update_population.php">update
population</a></li>
<li><a href="non_exist_members.php">deceased
members</a></li>
<li><a href="pension_form.php">update
pension</a></li>
<li><a href="view_pension_report.php">view pension
report</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>

<nav>
</div>

<li class="">
base64_encode($db_img)?>" alt=""><?php echo $_session['first'] ?>
</a>
</ul>
</li>
</ul>
</nav>
</div>
</div>

<div class="row tile_count">
<?php
$abc="select count(*) as a from user_tbl ";
$result=mysqli_query($conn,$abc);
$t_user = $row['a'];
$def="select count(*) as b from profile where

category='existing' ";
$result1=mysqli_query($conn,$def);
$row=mysqli_fetch_assoc($result1);
$t_member = $row['b'];
?>
<div class="animated flipiny col-lg-3 col-md-3 col-sm-6 col-xs-

12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-users"></i></div>
<div class="count"><?php echo $t_user;?></div>
<h3>total users</h3>
<p> </p>
</div>
</div>
<div class="animated flipiny col-lg-3 col-md-3 col-sm-6 col-xs-
12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-users"></i></div>
<div class="count"><?php echo $t_member;?></div>
<h3>total members</h3>
<p> </p>
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-calendar"></i>
date</span>
<div class="count"><?php echo date("d-m-y");?></div>
<span class="count_bottom"> </span>
</div>
<div class="col-md-3 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-coffee"></i>
time</span>
<form name="clock" onsubmit="0" style="margin-
bottom:none;">
<input type="text" class="time12 col-md-6 col-sm-6 col-xs-
6" name="face" disabled="" align="center" />
</form>
<span class="count_bottom"> </span>
</div>
</div>

<div class="row">

<h2>announcements </h2>
</div>
<ul class="list-unstyled timeline">
<?php
$sql = "select * from announcement_tbl ";
$id=$row['no'];
echo' <li>
<div class="block">
<div class="tags">
<a class="tag">
<span>'.$row['date_posted'].'</span>
</a>
</div>
<div class="block_content">
<h2 class="title"><a>'.$row['subject'].'</a></h2>
<div class="byline">
<span>posted </span> by
<a>'.$row['post_by'].'</a>
</div>
<p class="excerpt">'.$row['post'].'
</p>
<p><a href="javascript:void(0)" rel="'.$id.'"
class="delete_link" style="color:#f10f0f;">delete<i class="fa fa-
close"></i></a>
</p>
</div>
</div>
</li> ';
}
?>
</ul>
</div>
</div>
</div>

<h2>daily active users </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-
up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-
toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-
wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">settings 1</a>
</li>
<li><a href="#">settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
</div>
<ul class="list-unstyled msg_list">
<?php
$sql = "select * from user_tbl ";
$image=$row['image'];
echo'
<li>
<a>
<span class="image">
<img
src="data:image/jpeg;base64,'.base64_encode($image).'" alt="img"
style="width:50px; height:50px;">
</span>
<span>
<span>'.$row['first_name'].'
'.$row['last_name'].'</span>
<span class="time"></span>
</span>
<span class="message">
'.$row['user_role'].'
</span>
</a>
</li>
';
}
?>
</ul>
</div>
</div>
</div>

<h2>post announcements</h2>
</div>
<br>
<form class="form-horizontal form-label-left input_mask"
method="post" action="post.php">
12">subject</label>
<input type="text" name="sub" class="form-control"
placeholder="subject">
</div>
</div>
12">post <span class="required">*</span>
</label>
<textarea name="postup" class="form-control col-md-7
col-xs-12"></textarea>
</div>
</div>
3">
</div>
</div>
</form>
</div>
<br>
</div>
</div>


<?php
if ( $_session['user_role'] == 'admin') {
echo'
<h2>create admin</h2>
</div>
<br>
';
if (isset($_get['id1']) == 'error') {
echo"
<div class='alert alert-danger alert-dismissible fade in'
role='alert'>
<button type='button' class='close' data-dismiss='alert'
aria-label='close'><span aria-hidden='true'>×</span>
</button>
<h2>admin not created!!!</h2>
</div>";
} else if (isset($_get['id2']) == 'success') {

echo"
<div class='alert alert-success alert-dismissible fade in'
role='alert'>
<button type='button' class='close' data-dismiss='alert'
aria-label='close'><span aria-hidden='true'>×</span>
</button>
<h2>user created!!!</h2>
</div>";
}
echo'
<form class="form-horizontal form-label-left input_mask"
enctype="multipart/form-data" method="post"
action="create_admin.php">
12"></label>
<img id="blah" class="form-control"
src="images/user.png" alt="your image" style="width: 100px;
height:100px;">
</div>
</div>
12"></label>
<input type="file" onchange="readurl(this);"
class="form-control" placeholder="upload photo" name="image" id="file"
required="" />
</div>
</div>
12">first name:</label>
<input type="text" name="fname" class="form-control"
placeholder="first name">
</div>
</div>
12">last name:</label>
<input type="text" name="lname" class="form-control"
placeholder="last name">
</div>
</div><div class="form-group">
12">username</label>
<input type="text" name="user" class="form-control"
placeholder="username">
</div>
</div>
12">password</label>
<input type="password" name="pass" class="form-
control" placeholder="password">
</div>
</div>
12">user role:</label>
<select name="userrole" class="form-control">
<option>admin</option>
<option>staff</option>
</select>
</div>
</div>
3">
</div>
</div>
</form>
</div>
<br>
</div>
</div>';
}
?>

</div>
</div>
<br />
</div>

<div id="mymodal" class="modal fade bs-example-modal-sm"

tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
label="close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="mymodallabel2">delete</h4>
</div>
<div class="modal-body">
<h4>are you sure you want to delete?</h4>
</div>
<div class="modal-footer">
<a href="" class="btn btn-danger modal_delete_link">delete</a>
<button type="button" data-dismiss="modal" class="btn btn-
primary">close</button>
</div>
</div>
</div>
</div>


<footer>
</div>
</footer>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".delete_link").on('click', function(){
var id = $(this).attr("rel");
var delete_url = "delete_post.php?delete="+ id +" ";
$(".modal_delete_link").attr("href", delete_url);
$("#mymodal").modal('show');
});
});
</script>
<script>
var timerid = null;
var timerrunning = false;
var now = new date();
var hours = now.gethours();
var minutes = now.getminutes();
var seconds = now.getseconds()
var timevalue = "" + ((hours >12) ? hours -12 :hours)
timevalue += ((minutes < 10) ? ":0" : ":") + minutes
timevalue += ((seconds < 10) ? ":0" : ":") + seconds
timevalue += (hours >= 12) ? " pm" : " am"
document.clock.face.value = timevalue;
timerid = settimeout("showtime()",1000);
timerrunning = true;
}
if(timerrunning)
cleartimeout(timerid);
timerrunning = false;
}
stopclock();
showtime();
}

$('#blah')
.width(100)
.height(100);
};
}
}
</script>










<script


<script
<script
t>

</body>
</html>
Appendix II. Evaluation Tool

Appendix III. Sample Input/Output/Reports
Sample Input
Sample Output
Sample Report
Appendix IV. Users Guide
scwpsportal2018.ml Homepage
1. Navigational Button
2. Announcement Information
Index Form
Shows the form of login, where the system’s administrator and user can
input the account and verify if it is valid.
1. Username Field
2. Password Field
3. Log In Button
Administrator Form
1. Widget for Total User
2. Widget for Total Members of Senior Citizen’s
3. Widget for Date
4. Widget for Time
5. Widget for Daily users
6. Widget for posting announcement
7. Side Panel Button for Reports
8. Side Panel Button for Member Registration
9. Side Panel Button for Home Dashboard
10. Log out Button

Add Member Form
Register form is where the user can input the senior citizen’s information.
1. Functional Button for Uploading Picture
2. Column for First Name
3. Column For Middle Name
4. Column for Last Name
5. Column for Gender
6. Column for Date of Birth
7. Combo box for Barangay
8. Functional Button for Registration

9. Functional Button for Registration
View List Form
1. Column For Senior Citizen’s ID
2. Column For Senior Citizen’s Full Name
3. Column For Senior Citizen’s Barangay
4. Column For Senior Citizen’s Age
5. Column For Senior Citizen’s Gender
6. Column For Senior Citizen’s Date of Birth
7. Action Button for View Senior Citizen’s Information
8. Action Button for Update Senior Citizen’s

9. Search for Barangay, Name And Senior Citizen’s ID
Update Pension Form (Administrator)
1. Column For Month
2. Column For Year
3. Column For Pension per Month
4. Column For Date Updated
5. Search Record
6. Column For Status Current and Old
7. Column For Update Month Budget
8. Column For Budget per Member
9. Action Button For Reset

10. Action Button For Submit Budget
11. Column For Year
Staff Update Pension Form (Only Administrator can update)
1. Column For Month
2. Column For Year
3. Column For Pension per Month
4. Column For Date Updated
5. Column For Status Current and Old
6. Search Records
Appendix V. Relevant Documents
Appendix VI. Grammarian’s Certification
May 8, 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 reviewed and went
through all the pages of the proposed capstone project entitled “SENIOR
CITIZEN WEB-BASED PROFILING SYSTEM” as against the set of
structural rules that govern the composition of sentences, phrases, and
words in the English language.
Signed:
SHEENA LOVE P. ESTILLOSO

Grammarian
CURRICULUM VITAE
Personal Data
Name : Joshua B. Ugsang
Address : Poblacion Malita,
Davao Occidental
Date of Birth : 12-24-1996
Place of Birth : Poblacion Malita,
Davao Occidental
Sex : Male
Height : 5’9”
Weight : 63 klgs.
Status : Single
Religion : Roman Catholic
Nationality : Filipino
Tribe : Bisaya
Parents
Father : Jonathan F. Ugsang
Mother : Jerlyn B. Ugsang
Educational Background
Elementary
School : Mariano Peralta Elementary School
Year Attended : 2003 - 2009
Secondary
School : SPAMAST Laboratory High School
Year Attended : 2009 -2013
College
Course : Bachelor of Science in Information
Technology
School : Southern Philippines Agri-Business and
Marine and Aquatic School of
Technology (SPAMAST)
Year Attended : 2014 – 2018
Work Experiences
Agency : JDL Security System Technology Corporation
Inclusive Dates : January – March, 2018
Position : On-the-Job Trainee
Agency : Malita Municipal Agricultural Office

Inclusive Dates : April– May, 2016
Agency : SPAMAST – Malita Campus

Inclusive Dates : May - June, 2016
Affiliation
Name of Organization : InfoTech Sociaty
Position : Member
Inclusive Dates : 2014 - 2018
CURRICULUM VITAE
Personal Data
Name : Danilo L. Geverola Jr.
Address : Brgy.New Argao Malita,
Davao Occidental
Date of Birth : 01-29-1998
Place of Birth : New Argao, Malita
Davao Occidental
Sex : Male
Height : 5’5”
Weight : 55 klgs.
Status : Single
Religion : Roman Catholic
Nationality : Filipino
Tribe : Bisaya
Parents
Father : Danilo L. Geverola Jr.
Mother : Helen L. Geverola
Educational Background
Elementary
School : Malita Central Elementary School
Year Attended : 2003 - 2009
Secondary
School : Holy Cross of Malita
Year Attended : 2009 -2013
College
Course : Bachelor of Science in Information
Technology
School : Southern Philippines Agri-Business and
Marine and Aquatic School of
Technology (SPAMAST)
Year Attended : 2014 – 2018
Work Experiences
Agency : JDL Security System Technology Corporation
Inclusive Dates : January – March, 2018
Agency : Malita Municipal Agricultural Office

Inclusive Dates : April– May, 2016
Agency : SPAMAST – Malita Campus

Inclusive Dates : May - June, 2016
Affiliation
Name of Organization : InfoTech Society
Position : Member
Inclusive Dates : 2014 - 2018

Senior Citizen Web-Based Profiling System

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Senior Citizen Web-Based Profiling System

Hochgeladen von

Copyright:

Verfügbare Formate

ABSTRACT

GEVEROLA, DANILO L. JR., and UGSANG, JOSHUA B.

Adviser: BAILINA P. DALAM, MIT

The study was conducted to assess the deficiency of transactions at

Based Profiling System was developed and implemented for several

able to manipulate the new system. The purpose of this study is to

develop a computerized profiling system that upgrade and create

automated registration process, identification card and generate

demographic profile in each barangay.

The study used the Waterfall Methodology model that followed a

web-based structure starting from preliminary investigation, requirement

analysis, design phase, implementation and maintenance. Each phase

system should be maintained by a computer programmer to integrate

other information needed. Further testing of the website to much more

number of respondents is recommended so that some possible lapses of

the website will be regarded.

In conclusion, the researchers found out that the system could

speed up the working progress and productivity of the profiling system. It

could generate reports and provide identification cards. It also provided

could reduce the workloads in the office resulting to a better management

and working performance.

DANILO L. GEVEROLA, JR.

CAPSTONE PROJECT STUDY SUBMITTED TO THE FACULTY OF THE

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

The researchers would like to show their sincere gratitude to Dr.

Meliza P. Alo, Dean of Institute of Teacher Education and Information

Technology, for her constant encouragement. The researchers would like

to offer their gratitude and appreciation to their adviser, Ms. Bailina P.

lovingly challenged and supported the researchers throughout this study

months of writing. To the researchers friends, who played such important

challenges they are facing and in providing motivation to each other at

those times when it seemed impossible to continue. The researchers

faculty and staff of the Department of Information Technology, for their

giving support to finish this study.

that invaluably contributed in many ways to the researcher’s academic

I BACKGROUND OF THE STUDY

II REVIEW OF RELATED LITERATURE

III TECHNICAL BACKGROUND

V SUMMARY, CONCLUSION AND

1 Result of Compatibility Checking 24

2 Cost of the Sytem and Benefits 28

3 Data Dictionary of the Table User 40

4 List of Required Software 45

5 List of Required Hardware 46

6 Test items for testing and validation of functionality 49

1 Vicinity Map of Malita Davao Occidental 19

2 Functional Decomposition Diagram 22

4 Input Process Output Diagram (IPO) 29

6 System Flowchart of the Office Staff 31

7 Context Diagram of the System 32

8 Data Flow Diagram 33

9 Use Case Diagram 34

11 Sequence Diagram of the System 36

12 Activity Diagram of Administrator of the System 37

13 Activity Diagram Office Staff of the System 38

14 Entity Relationship Diagram of the System 39

15 Deployment Diagram of the System 48

I Relevant Source Code 54

II Evaluation Tool 119

III Sample Input/Output/Reports 120

IV User’s Guide 123

V Relevant Documents 130

VI Grammarian’s Certification 131