Web-Based Birthing Home Management System

ABSTRACT
DESPUES, GLICEIRL JOHN B. and PANGGULO, JOVAIRA L.

Southern Philippines Agri-Business and Marine and Aquatic School of
Technology, Malita, Davao Occidental, May 2018 “WEB-BASED
BIRTHING HOME MANAGEMENT SYSTEM’’ Undergraduate Capstone
Project.
Adviser: BAILINA P. DALAM, MIT
Web – Based Birthing Home Management System is an online
website which was implemented to Sulop, Davao del Sur. The purpose of
the study was to develop a website that provides an efficient and effective
quality of service to patient and employees. This study was able to create
a module that administer patient information, store and retrieved patient
medical records, create a module that could sort files and easy access to
patient records.
The study used the waterfall model during its development; it
starts from preliminary investigation down to maintenance phase. Each
phase in the development has process that directly provides an output.
Sublime Text as programming language was used to develop the system.
The system was able to perform all its functionalities, it provides an
efficient and effective service to patient and employees, could store and
retrieved patient medical records and sort files and easy access to patient
records.
During the system testing, it recommended that there will be a SMS
notification to patient for their next appointment, improvement in the
billing module and patient could pay bills online.

WEB-BASED BIRTHING HOME MANAGEMENT SYSTEM
GLICEIRL JOHN B. DESPUES

JOVAIRA L. PANGGULO
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
DEDICATION
To our family and friends, without their guidance and prayers, none
of this would be possible.
Gliceirl & Jovaira

ACKNOWLEDGMENTS
The researchers would like to express their special appreciation and
thanks to their adviser Bailina P. Dalam, for being a good mentor. Further,
for encouraging their research and for allowing them to grow, their
careers have been invaluable.
They would also like to thank their committee members, the
researcher’s Department Chairman Joselito J. Mebolos, Obea Rizzi B.
Omboy and Antonette R. Albaraccin for serving as their committee
members even at hardship. They would especially like to thank the
midwives, staff, and employees in the Birthing Home. All of you have been
there to support them when they collected data for their study.
A special thanks to their parents and classmates who are always
there no matter what happened all of the sacrifices that you’ve made
behalf of them.
Finally, God the Father for letting them through all the difficulties.
They have experienced the guidance day by day and let them finish their
degree. They will keep on trusting You for their future. Thank You, Lord.
TABLE OF CONTENTS
PRELIMINARY PAGES PAGE
ABSTRACT i
TITLE PAGE iii
APPROVAL SHEET iv
DEDICATION v
ACKNOWLEDGMENT vi
TABLE OF CONTENTS vii
LIST OF FIGURES x
LIST OF TABLES xii
LIST OF APPENDICES xiii
CHAPTER
I BACKGROUND OF THE STUDY

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

Paperless Healthcare: Progress and Challenges of an 5
IT-enabled healthcare System
Management Information System 5
Patients Record System 6
Innovative Healthcare Delivery 6
The Experience of Perinatal Care at a Birthing 7
Center: A Qualitative Pilot Study
Driving health IT implementation success: Insights 7
from The Christ Hospital
Mistake-proofing healthcare: Why stopping 8
processes may be a Good Start
Newborn Screening Expands: Recommendations for 8
Pediatricians and Medical Homes Implications
for the System
Scope of Health Care Benefits for Children from Birth 9
Through Age 26
Principles of Child Health Care Financing 10
III TECHNICAL BACKGROUND

Technicality of the Study 11
Details of the Technologies Used 12
How the Project Works 12
IV METHODOLOGY
Research Locale 14
Population of the Study 15
Operational Feasibility 15
Technical Feasibility 17
Compatibility Checking 17
Relevance of the Technology 18
Schedule Feasibility 18
Economic Feasibility 19
Cost and Benefit of the Project 20
Data and Process Modelling 20
Object Modelling 26
Data Design 35
Security 39
Software Specification 40
Hardware Specification 40
Programming Environment 41
Test Plan 43
V SUMMARY, CONCLUSION AND

RECOMMENDATIONS
Summary 45
Conclusion 45
Recommendations 46
BIBLIOGRAPHY 47
APPENDICES 48
CURRICULUM VITAE 140
LIST OF FIGURES
FIGURE PAGE
1 Water Fall Model 13
2 Vicinity Map 14
3 Functional Decomposition Diagram 16
4 Gantt Chart 19
5 Input, Process, and Output 21
6 System Flow Chart (Overall) 21
7 System Flow Chart (Administrator) 22
8 System Flow Chart (Doctor) 23
9 System Flow Chart (Staff) 24
10 Context Diagram 25
11 Data Flow Diagram 26
12 Use Case Diagram 27
13 Class Diagram 28
14 Sequence Diagram (Doctor) 29
15 Sequence Diagram (Staff) 31
16 Sequence Diagram (Patient) 32
17 Activity Diagram of Doctor 33

18 Activity Diagram of Patient 34
19 Activity Diagram of Staff 35
20 Entity Relationship Diagram 36
21 Deployment Diagram 42
LIST OF TABLES
TABLE PAGE
1 Result of Compatibility Checking 17
2 Cost and Benefits of the Project 20
3 Data Dictionary of the System 37
4 Software Specification 40
5 Hardware Specification 41
LIST OF APPENDICES
APPENDIX PAGE
I Relevant Source Code 48
II Evaluation Tool 116
III Sample Input/Output/Reports 117
IV User’s Guide 119
V Relevant Documents 138
VI Grammarian’s Certification 139

CHAPTER I
BACKGROUND OF THE STUDY
Introduction
Computer and technology are now part of daily life. We come upon
to depend on computer to function and to live. It is a fact that performing
manually processes are prone to errors. Thus, by using the manual
system, the output of the processing was in accurate or has no good
quality. To keep up with the speedy development of the community, it
would be a must for the services to be able to cope up with the service
demands.
Ladocsi and Miller (2008) a life expectancy management system
which comprises: a storage means which is capable of storing data, such
as genetic data, birth data, lifestyle data, pediatric health data, and
adulthood health data; a means for altering the data based upon the
occurrence of at least one event selected from the group consisting of:
chronic and routine health events, emergency health events, pregnancy
data and medical advancements; and a prediction modeling logic which
provides a predetermined life expectancy that can be reduced by

deviations from expectations which are calculated from the data and
altered or adjusted data. Optionally, a means for providing recommended
goals based upon the life expectancy predicted and the predetermined life
expectancy.
Sulop Birthing Home still uses the manual data gathering and data
storing that leads sometimes to data error and time consuming. It lacks
the ability to auto-sort the records. Employees manually kept the records
and takes time to properly arrange the records. Wherein, filing and
retrieving files is not easy.
That’s why the researchers create a system that help the Sulop
Birthing Home to boost their services. The system is designed and
developed to guarantee the elimination of various problem interms of
retrieving and storing of data.
Objectives of the Study
The main objectives of this study was to develop a Web-Based
Birthing Home Management System that provide an efficient and effective
service to patient and employees.

Specifically this study aimed to:
1. Create a module that administer the patient information.
2. Store and retrieved patients medical records efficiently and
effectively.
3. Create a module that could sort files or records.
Significance of the Study
For the Sulop Birthing home the significance of the study is to
improve the quality of services during processing of information.
For the patient, the system provides them an efficient and
convenient process in terms of setting appointment.
For the researchers, this study could improve their knowledge in
web development. This will also benefit the next researchers since it will
serve as a reference and guide for their expected study.
Scope and Limitations of the Study
Web – Based Birthing Home Management System focused on
managing patient’s record and admission. The system was primarily
developed to improve the birthing home for storing the data of patient.
Web – Based Birthing Home Management System focused on
viewing and storing and information. The system also deals with searching
capability procedure which help the user in the retrieval of record.
Definition of Terms
Localhost – is available on most computers, usually to display web
pages. It's also useful to use to learn coding on your computer.
Midwife – assist the patient during childbirth.
Patient – a person who registered to receive medical treatment.
Records – it is the data and information of patients.
Staff – group of persons, employees, in – charge with carrying out the
work of an establishment or executing some undertaking.

CHAPTER II
REVIEW OF RELATED LITERATURE
Paperless Healthcare: Progress and Challenges of an

IT-enabled Healthcare System
According to Milsteina and Batesb (2009) for most Americans, a trip
to the doctor's office or a hospital stay necessitates that medical
personnel search through paper charts and records as care is
administered. This remains the status quo, despite the increasingly large
role that electronic communication plays in other aspects of our business
and personal lives. The elevated use of information technology (IT) in
healthcare settings—primarily via utilization of electronic health records
(EHRs), which allow information to be readily communicated and shared
among healthcare providers—has been advocated as a means of
improving quality of care and helping to control healthcare costs over the
long term.
Management Information System
Billing information is consolidated and made available electronically
through the access which is initiated by the customer. Preferably, the

systems and methodologies of the invention are implemented in
connection with a multi-user computer network such as the Internet
(O’Brien and Matrakas, 2008).
Patients Record System
According to Bingham (2008) in his book entitled Healthcare
Financial Management is still a relatively new concept; however, such
systems offer a variety of benefits to physician practices. It can help
improve the quality care provided, for example, by providing real- time
patient status reports, test results as soon as they are available, and
graph and flow sheets of test trends. They can help reduce by eliminating
many manual functions and the supply and staff expenses associated with
these functions.
Innovative Healthcare Delivery
Critics of the American healthcare system recite a long list of
problems, including rising out-of-pocket costs, inconvenient access,
overuse of emergency departments, uncoordinated medical records, and
declining numbers of primary care doctors. To address these issues, some
new venues have evolved, such as retail and urgent care clinics; however,
the emergency department has become the only service provider available
to all patients on a 24/7 basis. It is time to reinvent the system. The
concept of patient-centered medical homes offers a structure for
integrating innovations that can transform the delivery of healthcare. In
this model, each patient develops an ongoing relationship with a primary
care physician supported by a team of caregivers (Berrya and Mirabitob,
2009).
The Experience of Perinatal Care at a Birthing Center:

A Qualitative Pilot Study
According to Pewitt (2008) data were collected through semi
structured interviews with seven women who had given birth within 12
months of participant selection.
Driving Health IT implementation success:

Insights from the Christ Hospital
The application of information technology to healthcare promises
significant benefits, particularly with regard to innovations in improving
both clinical and administrative processes. However, to understanding the
process of implementing a hospital's clinical and business systems and the
drivers of success. In this article, the author describes a major HIT

implementation undertaken by The Christ Hospital (TCH). These
stakeholders included administrators, physicians, nurses, and other
hospital staff, as well as external vendors and TCH's consulting partner.
This project is unique due to the speed and spirit of collaboration with
which it was accomplished (Blake et al., 2009).
Mistake-Proofing Healthcare: Why Stopping Processes

May Be a Good Start
Grout (2009) two significant concerns in healthcare are spiraling
costs and medical errors. These two concerns are correlated: eliminating
medical errors leads to significant cost reductions. The author provides an
example, ThedaCare Inc., where both problems are improved by providing
mechanisms that stop healthcare processes. While businesses often view
having their processes stopped as a negative, increasing the stoppages, or
creating process failures, is often a precursor to improved performance.
Newborn Screening Expands: Recommendations

for Pediatricians and Medical Homes—
Implications for the System
Advances in newborn screening technology, coupled with recent
advances in the diagnosis and treatment of rare but serious congenital

conditions that affect newborn infants, provide increased opportunities for
positively affecting the lives of children and their families. These
advantages also pose new challenges to primary care pediatricians, both
educationally and in response to the management of affected infants.
Primary care pediatricians require immediate access to clinical and
diagnostic information and guidance and have a proactive role to play in
supporting the performance of the newborn screening system (Dolan et
al., 2008).
Scope of Health Care Benefits for Children from

Birth through Age 26
The optimal health of all children is best achieved with access to
appropriate and comprehensive health care benefits. This policy statement
outlines and defines the recommended set of health insurance benefits for
children through age 26. The American Academy of Pediatrics developed a
set of recommendations concerning preventive care services for children,
adolescents, and young adults. This policy statement sets forth
recommendations for the design of a comprehensive benefit package that
covers infants, children, adolescents, and young adults through age 26

and is consistent with the Maternal and Child Health Plan Benefit Model:
Evidence-Informed Coverage (Palfrey et al., 2012).
Principles of Child Health Care Financing
After passage of the Patient Protection and Affordable Care Act,
more children and young adults have become insured and have benefited
from health care coverage than at any time since the creation of the
Medicaid program in 1965. Each family should be able to afford the
premiums, deductibles, and other cost-sharing provisions of the plan.
Health plans providing these benefits should ensure, insofar as possible,
that families have a choice of professionals and facilities with expertise in
the care of children within a reasonable distance of their residence (Hudak
et al., 2017).
CHAPTER III
TECHNICAL BACKGROUND
Technicality of the Study
The Sulop Birthing Home gather and store data using a simple
manual method in which the staff and the midwife just use paper and
ballpen to record the patient information, billing information and reports.
They take more time before their work is finish and they store it in the
cabinet that can lead to data lost. Web – Based Birthing Home
Management System was implemented in Sulop Davao del Sur where the
user can make an appointment easily and register their information
through the system. In contrast with the current manual transaction
strategy of Sulop, Davao del Sur, and the researchers developed a system
that can improve the manual transaction. Web – Based Management
System was implemented as a gateway to online transaction. The study
needs a complete set of computer unit with Windows-based operating
system, a functional router which connects to the World Wide Web, and a
working printer for necessary outputs.

Details of Technology Used
The technology used in terms of hardware was a set of computers,
a modem with internet connections, and a printer that would print the
patient’s information and consultation.
For the software, the researchers used a Sublime Text in a versatile
and text editor for code and prose that automates repetitive tasks. It
works on OS X, Windows and Linux.
WampServer is a Windows web development environment. It
allows creating web applications with Apache2, PHP and a MySQL
database. Alongside, PhpMyAdmin allows managing easily the databases.
And also Localhost is a hostname; it is used to access the network
services that are running on the host via the loopback network interface.
Using the loopback interface bypasses any local network interface
hardware.
How the Project Works
The project begins in Log-in where the authorized user will choose
a user type with a corresponding privilege. First, the administrator who
have a control to each of them. Second, the midwife which has the
authority to view the patient’s information, admitted patient, diagnosis
patient and the patient who already gave birth in Sulop Birthing Home.
Third, the staffs who have the same work to the midwife, and can print
the billing form.
The project Web-Based Birthing Home Management System
includes registration of patients, storing patient details into the system,
and also computerized billing form. The system has the facility to store
details of every patient and the staff automatically. Figure 1 shows the
waterfall model. Each phase must be completed fully before the next
phase begin. It has the process that directly provides sequence of task to
be accomplished.
Figure 1. Waterfall of the System

CHAPTER IV
METHODOLOGY
Research Locale
The study was conducted at Sulop Birthing Home located at Purok
6, Poblacion Sulop, Davao del Sur.
Figure 2. Vicinity Map of Poblacion, Sulop Davao del Sur
Population of the Study

The system involves the following personnel to administer the
system: administrator who manages and monitors the system and the
patient that will file a consultation to visit the Birthing Home. The doctor,
midwife, and staff of the birthing home were also part of the population of
the study.
Operational Feasibility
Web-Based Birthing Management System is operationally feasible.
This system provides necessary information to the user such as how to
enter the information regarding different operations performed on the
database. The system was planned in such a way that no prior knowledge
was required to go through the various operations. The user just needs to
have the basic knowledge of computers and know how to use it.
This project also possesses behavioral feasibility. It is because the
users of the system are computer professionals and know the advantage
and disadvantage of computer. Moreover, this application is going to
enhance their knowledge and reduce their workloads.

The Sulop Birthing Home supports the project. It helps them in
terms of time management and the system used effectively after it has
been develop. The study also helps the user to manage the system
effortless and operative. The new system requires training for users
especially the administrator so that in managing or accessing the system it
easy for them to operate and fix errors.
Figure 2 shows the decomposition diagram of the system. It also
shows the processes from each interface. The users enter his/her
username to access the main interface or the administrator adds new
users for the system.
Figure 3. Functional Decomposition Diagram

Technical Feasibility
The proposed system has a software, hardware and network
specifications to make the system work. And the users must have
knowledge on how to operate the computer. Since the people of Sulop,
Davao del Sur are adapting the technology trends, most of them can
access the internet using their laptops, tablets, desktop computers and
smartphones.
Compatibility Checking
To check the system compatibility, the hardware and software must
meet the specification of the system for better performance. The
computer architecture should be identified to run the system. The system
must run in Windows platform only and must be compatible with the
operating system version. Table 1 shows the possible platform where the
system runs.
Table 1. Result of Compatibility Checking

WEB BROWSERS
SYSTEM Mozilla Google
Opera
Firefox Chrome
Web-Based Birthing Home
√ √ √
Management System
Relevance of the Technology
The advancement of technology for creating online transactions gives
better profits and solutions for traditional manual process. A Web – Based
Birthing Home Management System trend is to utilize technology that
provides a good quality of service to the patients. The midwife and the
patients will benefit from these modern methods that will lessen their
effort and provide reliable information compared to the previous process.
The system helps them to improve their facility, become well-known, and
achieve what it aims for, the highly technical Birthing Home.
Schedule Feasibility
Figure 3 shows the progress throughout the months. And it also
shows the process and month where it started from researching up to
system evaluation.
ACTIVITIES 2017 2018
JUL AUG SEPT OCT NOV DEC JAN FEB MAR APR MAY
Data Gathering
Database Design
Initial Interface
Design
System Building
Evaluation
Finalizing
Implementation
Documentation
Figure 4. Gantt Chart
Economic Feasibility
For any system if the expected benefits equal or exceed the
expected costs, the system can be judged to be economically feasible. In
economic feasibility, cost benefit analysis is done in which expected costs
and benefits are evaluated. Economic analysis is used for evaluating the
effectiveness of the proposed system.
Table 2 shows the possible costs and benefits of the project. It
shows the estimated cost of purchasing the system and its benefit in
acquiring its maintenance. Table also shows how a business would
operate under a set of assumption, such as the technology used, the
facilities and equipment, the capital needs, and other financial aspects.
Table 2. Cost and Benefits of the Project
Cost Benefit Analysis for Web – Based
Birthing Home Management System
Costs
Category Item Qty Price Total
System Web-Based Birthing 1 Php5,000.00 Php5,000.00
Home Management
System
Domain 1 Php2,000.00 Php2,000.00
Internet Fee 1 Php3,000.00 Php3,000.00
Training System users training 1 Php1,000.00 Php1,000.00
Total Cost: Php11,000.00
Benefits (estimated per annum)
Customer’s satisfaction (online transaction process.) Php5,000.00
Less cost incurred for papers and pens Php5,000.00
Less salary cost (lesser Manpower more output) Php5,000.00
Total Benefits: Php15,000.00
Data and Process Modeling
Figure 5 shows the graphical illustration of the input, process and
output of the system. The information is the input of the system which is
the data that is entered by the staff. The patient registration and saving
or updating the patient admission details is the process of the system.
Displaying the patient information and managing admission details are the
output of the system.

INPUT PROCESS OUTPUT
• Patient • Registration • Current

Information Patient
• Admission Information
• Admission
Details • Updated
Admission
Details
Figure 5. IPO Diagram
Figure 6 shows the system flow chart of the whole system.
Start
Load Login page
Usename
Password
No
Verify ?
Yes
Yes
Yes
View Patient Load Doctors Page Load Patients Page Load Staff Page
Set Appointment View Patient

View Admitted
Prescribe Diagnose Yes
Patient
No View History Admitted?

No Has?
No View Diagnosis Proceed ?
Edit?
Patient
Admit Patient
Information
Yes
Labor Patient
No
Yes Yes
View Consultation Info
Update
Update Diagnosis
Prescription
Figure 6. System Flow Chart of the Overall

Figure 7 shows the system flow chart of the administrator. The
figure shows that the flow of the system after the login interface. Before
he/she can access the administrator the staff needs to login first. After
verifying the system loads the admin page in which the admin can
manage the records, accounts, create new account and add new doctor,
midwife and staff information.
Start
Load Login Page
Username
Password
No
Verify ?
Yes
Add New Load Administrator Page Records
Doctor Midwife
Has?
Accounts
Staff Yes
View Records
Create New Account No
No Has ? Yes
No View Doctors View Patient
Record Record
Add New Doctor No Add New Midwife
View Staff Record
Add New Staff
Figure 7. System Flow Chart of the Administrator

Figure 8 shows the system flow chart of the doctor. The figure
shows that the flow of the system after the log-in interface. For accessing
the doctor’s module first, the doctor must log-in and it needs to be
verified before it can load the main form of the doctor’s module. In the
doctors module he or she can manage the patient’s diagnosis, the
patient’s prescription, and the patients operation.
Start
Username
Password
Verify
NO
Valid?
YES
Login
Yes
Load Doctors Page
Update
Diagnosis
No View Patient View Admitted Patient
Edit?
Diagnose View Diagnosis

Yes
Yes Edit? Prescribe Labor Patient

Update
Prescription
No
Figure 8.
System Flow Chart of the Doctor

Figure 9 shows the system flow chart of the staff. The figure shows
the task to be done by the staff. Before he or she can access the staff
module the staff needs to log-in first. After it will be validated the system
loads the main form for the staffs module in which the staff can manage
the patient’s admission, patient’s information, view patient’s record and to
discharge the patient.
Start
Username
Password
Verify
NO
Valid?
YES
Login
Load Staff Page NO
View Patient Logout Proceed?
Admit Patient
View History Has ?
Patients Information
YES
Admitted? NO End
Figure 9. System Flow Chart of the Staff

Figure 10 shows the context diagram of the system. The diagram
represents the external entities that interact with the system such as; the
doctor, the staff and the patient. The diagram illustrates the system and
its context.
Appointment Information
Diagnose Patient Doctor
Patient Info
Prescribe Patient
Web-Based Birthing Home
Patient Info Management System
Appointment Data
Prescription Info
Staff Prescription Info
Patient
Diagnosis Information
Figure 10. Context Diagram
Figure 11 shows the Data Flow Diagram. The doctor diagram
illustrates the flow of data in managing patient diagnosis, prescription and

the operation. The staff diagram shows the flow in managing patient
admission and the discharge of the patient.
Diagnosis
Patient
Doctor Diagnosis
Diagnose
Patient Patient
Diagnosis
Detail Detail
Prescription
Patient
Prescription
Prescribe Patient Prescription
Detail
Admission Detail Admission Information

Staff
Admit Patient
Patient Information Admission Detail

Patient
Discharge Detail
Discharge Patient
Discharge Date
Figure 11. Data Flow Diagram
Object Modelling
It displays different models in creating this system. It includes use
case modelling, class modelling, sequence modelling, and activity
modelling.
Figure 12 shows the use case diagram of the system. The diagram
illustrates the interaction between actors and the process in the system.
First, the users must log-in, then the user can access all the corresponding
privileges in the system.
Manage
<<extend>>
Prescribe
<<extend>>
<<extend>>
<<extend>>
Doctor
Diagnose
Discharge
History
Set appointment
<<include>> Patient
Admit
<<extend>>
Manage
Staff
Figure 12. Use Case Diagram
Figure 13 shows the class diagram of the Birthing Home
Management System. This diagram describes the structure of the system
showing the classes, attribute and operations or methods.

t_patient
-patientID: int
-patientFname: string
-patientMname: string
-patientLname: string
-patientSex: string
-patientAge: int
1..* -patientBirthday: string 1..1
-patientStatus: string
-patientReligion: string
-patientTribe: string
-patientPhone: int
-patientEmail: string
-patientOccupation: string
-DateoFadmision: int
-setName()
1..1
t_address t_husband
-addressID: int -HusbandID: int

t_guardian
-patientID: int -HusbandLname: string
-p_street: string 1..1 -GuardianID: int -HusbandFname: string
-p_barangay: string -GuardianLname: string -HusbandMname: string
-p_municipality: string -GuardianFname: string -HusbandAge: int
-p_province: string -GuardianMname: string -HusbandReligion: string
-setName() -GuardianAge: int -patienID : int
-GuardianSex: string -setName()
-GuardianRelation: string
-setName() 1..* 1..*
t_admission t_husbandaddress
-AdmissionID: int -AddressID: int
-p_ID: int -HusbandID: int
-p_name: string -Street: string
-p_admissionDate: int t_midwife
-Barangay: string
-p_laborDate: int -Municipality: string
-midwifeID: int
-midwifeID: int -Province: string
-midwifeName: string
-setName() -midwifeMname: string -setName()
-MidwifeFname: string
-MidwifeAge: int
-MidwifeSex: string
1..* -MidwifeReligion: string
-setName() 1..*
t_appointment
-appointmentID: int
1..*
-p_ID: int
-p_Name: string
-p_CellPhoneNum: int
t_midwifeaddress -p_select: string
-p_emailAddress: string
-addressID: int
-p_checkUP: string
-MidwifeID: int
-p_message: string
-street: string
-midwifeID : string
-barangay: string
-municipality: string -setName()
-province: string
-setName()
Figure 13. Class Diagram
Figure 14 shows the sequence diagram of the admin. The system
shows the login form of the admin if valid it proceeds to the Home Page.
Then it can add doctor, midwife and staff. It can also view records.
Birthing Home
Management
Users System
User Login
Login Users Account
Successfully Login
Home Page
View Home Page
View Doctor, Staff and Patient Page
Add Doctor, Midwife and Staff Page

View Add Doctor, Midwife and Staff Page
Add Doctor, Midwife and Staff
Doctor, Midwife, Staff and Patient List Page

View Doctor, Midwife, Staff and Patient List Page
View List Pages
Figure 14. Sequence Diagram of the Administrator
Figure 15 shows the sequence diagram of the doctor. The system
shows the login form of the doctor if valid it proceeds to the Patient Page.
Birthing Home
Management System
Doctor
Doctor Log-in
Log-in Doctors Account
Account
Verification
Doctor Log-in
Patient Window
View History
Verify
Display History Action
Admission/Diagnosis/Operation/Room
Diagnose/Prescribe
Patient Verify
Display Patient Action
Diagnose/Prescribe
Figure 15. Sequence Diagram of the Doctor
Figure 16 shows the sequence diagram of the staff. The system
shows the login form of the staff, it’s valid it proceeds to the patient’s
information.
Birthing Home
Staff Management System
Staff Log-in
Log-in Staff Account Account

Verification
Successfully Log-in
Patient Window
Filling up
Patient Information Add
Information
Submit Patient
Information Successful
Adding
Success Adding Information
Patient Information
Figure 16. Sequence Diagram of the Staff
Figure 17 shows the sequence diagram of the patient. As shown in
the diagram, the sequence starts in patient login then the patient account
login. The patient was directed to main page; the patient can set
appointment and view consultation.

Birthing Home
Management
Patient System
Patient Login
Login Patient Account
Successfully Login
Main Page
Set Appointment
Submit Appointment transaction
Success Adding Appointment
Main Page
View Consult
Display Consult Information
Figure 17. Sequence Diagram of the Patient
Figure 18 shows the activity diagram of the doctor, the doctor
prescribe medicines to the patient according to its findings, then the
prescriptions added and it view the prescription.

Figure 18. Activity Diagram of the Doctor
Figure 19 shows the activity diagram of the patient. Where the
patient can view the consultation then proceeds to the schedule
consultation.
Figure 19. Activity Diagram of the Patient
Figure 20 shows the activity diagram of the staff. The staff can add
patient and fill the information then proceed to the patient admission and
can view patients admitted.

Figure 20. Activity Diagram of the Staff
Data Design
Figure 21 shows the entity relationship diagram of the system. The
diagram illustrates the different relationships of every entities present in
the database of the system.

t_admission
t_patient
PK Adm issionID
PK patientID
FK patientID
patientFname
p_nam e
patientMnam e t_appointment
p_adm issionDate
patientLname appointmentID
PK
p_laborD ate
patientSex
FK patientID midwifeID
patientAge
p_Name
patientBirthday t_guardian
p_CellPhoneNum
patientStatus PK GuardianID
p_select
patientReligion GuardianLname
p_emailAddress
patientTribe GuardianFnam e
p_checkUP t_husband
patientPhone GuardianMname
p_message PK HusbandID
patientEmai l GuardianAge
FK midwifeID HusbandLname
patientOcc upation GuardianSex
HusbandFname
DateoFadmision GuardianRelatio
n HusbandMname
FK patientID HusbandAge
t_address
HusbandReligion t_husbandaddress
PK addressID
FK patientID
PK AddressID
FK patientID
FK HusbandID
p_street
Street
p_barangay
Barangay
p_municipality t_midwife
Municipality
p_province PK midwifeID
Province
midwifeName
midwifeMname t_midwifeaddress
MidwifeFname PK addressID
MidwifeAge FK MidwifeID
MidwifeSex street
MidwifeReligion barangay
municipality
province
Figure 21. Entity Relationship Diagram
Data Dictionary
Data Dictionary is an incorporated crypt of data about information,
connections to other information, starting points, utilization, and
arrangement. It can be utilized to decide elements of whether to put away
information in records.
Table 3. Data Dictionary of the System
P
K FK
TABLE ATTRIBUTE CONTENTS TYPE FORM RAN REQUI O REFERENCE
NAME NAME AT GE RED R D TABLE
F
K
t_patient patientID Patient ID VARC Xxxxx 45 Y P
HAR xxx K
patientFname Patient Full VARC Xxxxx 45 Y
Name HAR xxx
patientMnam Patient Middle VARC Xxxxx 45 Y
e Name HAR xxx
patientLname Patient Last VARC Xxxxx 45 Y
Name HAR xxx
patientSex Patient Sex VARC Xxxxx 45 Y
HAR xxx
patientAge Paient Age VARC Xxxxx 45 Y
HAR xxx
patientBirthd Patient Birthday VARC Xxxxx 45 Y
ay HAR xxx
patientStatus Patient Status VARC Xxxxx 45 Y
HAR xxx
patientReligio Patient Religion VARC Xxxxx 45 Y
n HAR xxx
patientTribe Patient Tribe VARC Xxxxx 45 Y
HAR xxx
patientPhone Patient Phone VARC Xxxxx 45 Y
Number HAR xxx
patientEmail Patient Email VARC Xxxxx 45 Y
HAR xxx
patientOccup Patient VARC Xxxxx 45 Y
ation Occupation HAR xxx
DateoFadmisi Date of VARC mm- 45 Y
on Admission HAR dd-yy
t_address addressID Address ID INTEG 10 Y F Address ID
ER K
patientID Patient ID VARC Xxxxx 45 Y P
HAR xxx K
p_street Patient Street VARC Xxxxx 45 Y
HAR xxx
p_barangay Patient Barangay VARC Xxxxx 45 Y
HAR xxx
p_municipalit Patient VARC Xxxxx 45 Y
y Municipality HAR xxx
p_province Patient Province VARC Xxxxx 45 Y
HAR xxx
t_husband HusbandID Husband ID INTEG 10 Y F Husband ID
ER K
HusbandLna Husband Last VARC Xxxxx 45 Y
me Name HAR xxx
HusbandFna Husband Full VARC Xxxxx 45 Y
me Name HAR xxx
HusbandMna Husband Middle VARC Xxxxx 45 Y
me Name HAR xxx
HusbandAge Husband Age VARC Xxxxx 45 Y
HAR xxx
HusbandRelig Husband Religion VARC Xxxxx 45 Y
ion HAR xxx
patientID Patient ID VARC Xxxxx 45 Y P
HAR xxx K
t_husbanda AddressID Address ID INTEG 10 Y F Husband
ddress ER K Address ID
HusbandID Husband ID VARC Xxxxx 45 Y P
HAR xxx K
Street Husband Street VARC Xxxxx 45 Y
HAR xxx
Barangay Husband VARC Xxxxx 45 Y
Barangay HAR xxx
Municipality Husband VARC Xxxxx 45 Y
Municipality HAR xxx
Province Husband VARC Xxxxx 45 Y
Province HAR xxx
t_midwife midwifeID Midwife ID VARC Xxxxx 45 Y P
HAR xxx K
midwifeLNam Midwife Last VARC Xxxxx 45 Y
e Name HAR xxx
midwifeMna Midwife Middle VARC Xxxxx 45 Y
me Name HAR xxx
MidwifeFnam Midwife First VARC Xxxxx 45 Y
e Name HAR xxx
MidwifeAge Midwife Age VARC Xxxxx 45 Y
HAR xxx
MidwifeSex Midwife Sex VARC Xxxxx 45 Y
HAR xxx
MidwifeReligi Midwife Religion VARC Xxxxx 45 Y
on HAR xxx
t_midwifea addressID Address ID INTEG 10 Y F Midwife
ddress ER K Address ID
MidwifeID Midwife ID VARC Xxxxx 45 Y P
HAR xxx K
street Midwife Street VARC Xxxxx 45 Y
HAR xxx
barangay Midwife VARC Xxxxx 45 Y
Barangay HAR xxx
municipality Midwife VARC Xxxxx 45 Y
Municipality HAR xxx
province Midwife Province VARC Xxxxx 45 Y
HAR xxx
t_admission AdmissionID Admission ID VARC Xxxxx 45 Y P
HAR xxx K
p_ID Patient ID VARC Xxxxx 45 Y F Patient ID
HAR xxx K
p_name Patient Name VARC Xxxxx 45 Y
HAR xxx
p_admission Admission Date VARC mm- 45 Y
Date HAR dd-yy
p_laborDate Labor Date VARC mm- 45 Y
HAR dd-yy
midwifeID Midwife ID VARC Xxxxx 45 Y F Midwife ID
HAR xxx K
t_guardian GuardianID GuardianID INTEG 10 Y P
ER K
GuardianLna Guardian Last VARC Xxxxx 45 Y
me name HAR xxx
GuardianFna Guardian First VARC Xxxxx 45 Y
me name HAR xxx
GuardianMna Guardian Middle VARC Xxxxx 45 Y
me name HAR xxx
GuardianAge Guardian Age VARC Xxxxx 45 Y
HAR xxx
GuardianSex Guardian Sex VARC Xxxxx 45 Y
HAR xxx
GuardianRela Guardian VARC Xxxxx 45 Y
tion Relationship HAR xxx
patientID Patient ID VARC Xxxxx 45 Y F Patient ID
HAR xxx K
t_appointm appointmentI Appointment ID VARC Xxxxx 45 Y P
ent D HAR xxx K
patientID Patient ID VARC Xxxxx 45 Y F Patient ID
HAR xxx K
p_Name Patient Name VARC Xxxxx 45 Y
HAR xxx
p_CellPhone Patient VARC Xxxxx 45 Y
Num Cellphone HAR xxx
Number
p_select Patient Select VARC Xxxxx 45 Y
HAR xxx
p_emailAddr Patient Email VARC Xxxxx 45 Y
ess Address HAR xxx
p_checkUP Patient Check Up VARC Xxxxx 45 Y
HAR xxx
p_message Patient Message VARC Xxxxx 45 Y
HAR xxx
midwifeID Midwife ID VARC Xxxxx 45 Y F Midwife ID
HAR xxx K
Security
The system requires registered user to manipulate the system.
Backup of the system files can do regularly depending on the need of the
user. The system passwords are all encrypted to the database and the
computer were place inside the office guarded by staff.

Software Specification
Table 4 shows the software specification of the system. The table
consists of software used to develop the system. It refers to the list of
software needed to achieve the objective of the system.
Table 4. Software Specification

NAME OF SOFTWARE SPECIFICATION
Apache : v2.4.4
MYSQL : v5.6.12
Operating System : Windows 10
PhpMyAdmin : v5.4.16
Sublime Text 2 : Build 3124
Web Browser : Google Chrome X64 v1.3.33.5
WAMPSERVER : v2.4
Hardware Specification
Table 5 shows the hardware specification of the system. The table
consists of hardware used to develop the system. Hardware specification
refers to the system requirements where electronic components are
recommended for the development of the system.

Table 5. Hardware Specification
NAME OF HARDWARE SPECIFICATIONS
Computer
Internal Parts:
Processor : Intel Core i3
Random Access Memory (RAM) : 4 Gigabyte
Hard Disk Drive : 500 Gigabyte
Sound Card : Built-in
External Parts:
Monitor : 15.6-inch LCD Multi-
touch screen
Keyboard : Standard PS/2
Mouse : Standard PS/2
Programming Environment
The researchers used Sublime Text as programming language to
develop the system. It has full package control, best plugins, themes,
multiple column selection and editing mini map of code snippets. It uses
simple text editor to write the syntax and make focus on the main
objective instead of teaching to create project or solution files through
IDEs. For beginners it could be challenging and unnecessary.
The researchers also used WampServer as back end of the system.
This software is known for being the easiest to set up. Some of its
features are; mind reading, debugs itself and it hosted scripts, auto
configuration for every module ever known to mankind, can only be
hacked by itself.
Figure 22 shows the components used in the system and how they
are connected. To describe the website, the deployment diagram below
describes the hardware and software components being connected in the
system and what components are being used and how they are
connected.
<<device>>
Computer
<<artifact>>
Web-Based Birthing <<artifact>>
Port: 3306
Home Management MySQL Database
System
Com03
<<device>>
Printer
<<device>>
Web-Server
Figure 22. Deployment Diagram

Test Plan
The system was conducted to test the software product, if the
system met the requirements and the objectives. The researcher’s
demonstrate the functionality of each module using computer consisting
of the software and hardware specifications.
In addition the researcher’s used an evaluation tool to scale the
functionality of the system and satisfaction of the users. Based on the
result of the evaluation, the users were satisfied by the systems
functionality but there are some functions that are difficult for them to
use.
Test Items:
 Web – Based Birthing Home Management System
Features to be tested:
 Modules
o Administrator
o Personnel
o Patient
o Component
Approach:
 Acceptance Testing using Manual Method
Testing Environment:
 Computer consisting of the software and hardware specification

CHAPTER V
SUMMARY, CONCLUSION AND RECOMMENDATIONS
Summary
Web-Based Birthing Home Management System is an online
website which was implemented to the Sulop Davao del Sur. It help the
birthing home to keep and managed the personal records of the patients.
It is created to help the employee in recording the patient record and it
change the manual record into computerized records. Record patient
information is one of the important aspects of birthing home.
Conclusion
It was concluded that the system was able to perform all
functionalities base on the objectives of the study. It provides efficient
and effective services to patient and employees could store and retrieved
patient medical records and sort files and easy access to patient records.
The result of the evaluation is the evidence that the system is needed in
the community in order to enhance the transaction strategy.

Recommendations
Based on the result of the testing, the following recommendations
were sought:
1. Notify the patient through SMS for their appointment.
2. Improvement in the billing module.
3. Paying of bills online.

BIBLIOGRAPHY
MILSTEIN, J. (2016). Paperless healthcare: Progress and Challenges of

an IT-enabled Healthcare System
LAUDON, C., & LAUDON, J. P. (2008). Management Information
Systems: Managing the Digital Firm. Prentice Hall.
SALOMON, G., PERKINS, DN., & GLOBERSON, T. (2008). Partners
in cognition: extending human intelligence with intelligent
technologies. Educ Res.
BERRY, L., & MIRABITO, A. M. (2010). Innovative Healthcare
Delivery.
PEWITT, A. (2008). The Experience of Perinatal Care at a Birthing
Center: A Qualitative Pilot Study.
BLAKE, T. R., MASSEY, A. P., HILLOL, B., CUMMINGS, J., & ZOTOS,
A. (2009). Driving Health IT implementation success: Insights
from The Christ Hospital.
GROUT, J. R. (2009). Mistake-Proofing Healthcare: Why Stopping
Processes May Be A Good Start.
DOLAN, A. (2008). Newborn Screening Expands: Recommendations for
Pediatricians and Medical Homes—Implications for the System.
ANTONNELLI, R. C., MCALLISTER, J. W., & POPP, J., (2009).
Making Care Coordination a Critical Component of the Pediatric
Health System: A Multidisciplinary Framework. New York, NY:
Commonwealth Fund.
HUDAK, M. L., HELM, M. E., & WHITE, H. (2017). Committee on
Child Health Financing.
APPENDICES
Appendix I. Relevant Source Code
The following shows the source codes of feeding and weight.
1. Index.php
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/slideshow.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/profilecard.css">
<div class="tab" name = "fixed">

<button style="float:right"><a href="registerNew.php">Sign
Up</button></a>
<button style="float:right"><a href="login.php">Log In</button></a>
</div>
<body>
<div class="div-header">
<div class="dropdown">
<a href="index.php" style="text-
decoration:none;color:white;"><button
class="dropbtn">Home</button></a>
</div>
<button class="dropbtn">About Us</button>
<div class="dropdown-content">
<a href="trial.php">About the Developer</a>
</div>
</div>
</div>
<div>
</div>

<div class="container">

<div class="mySlides">
<div class="numbertext">1 / 3</div>
<img src="images/inside.jpg" style="width:100%; height: 85%;">
</div>
<img src="images/prenatal.jpg" style="width:100%; height: 85%;">
</div>
<img src="images/frenchOB-158-2.jpg" style="width:100%; height:
85%;">
</div>


<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<script>
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls

function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
var captionText = document.getElementById("caption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
<button onclick="topFunction()" id="myBtn" title="Go to top"><p>Top :

<i class="arrow up"></i></p></button>
<script>
// When the user scrolls down 20px from the top of the document, show
the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE
and Opera
}
</script>
</body>
<style>
div.static {
position: static;
border: 3px solid #ccc;
text-align: center;
background: transparent;
}
</style>
<div class="static">
<h2>Meet The Team</h2>
<div class="row">
<div class="column" style="background-color: transparent;">
<style>
/* Style the container1 with a rounded border, grey background and
some padding and margin */
.container1 {
background-color: white;
border-radius: 5px;
padding: 16px;
margin: 16px 0;
}
/* Clear floats after container1s */

.container1::after {
content: "";
clear: both;
display: table;
}
/* Increase the font-size of a span element */
.container1 span {
font-size: 20px;
margin-right: 15px;
}
</style>
<div class="container1">
<div class="card">
<img src="images/1.jpg" alt="John" style="width:25%">
<h1>Arlene B. Lambino</h1>
<p class="title">Aid-Midwife</p>
<p>Age : 44 </p>
<p>Birthday : Febuary 4, 1974 </p>
<p>Sex : Female </p>
</div>
</div>
</div>
<div class="card">
<img src="images/1.jpg" alt="John" style="width:25%">
<h1>Jocelyn B. Dayon</h1>
<p class="title">Provider</p>
<p>Age : 42 </p>
<p>Birthday : October 14, 1976 </p>
<p>Sex : Female </p>
</div>
</div>
</div>
</div>
<style>
body{
background-image: url(images/heart.png);
background-size: 100;
}
/* Style the link */
.tab a{
color: blue;
font-size: 20px;
}
/* Style the tab */
.tab {
overflow: hidden;
background-color: transparent;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
/* Change background color of buttons on hover */

.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */

.tab button.active {
background-color: #ccc;
}
/* Style the tab content */

.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
}
.column {
float: left;
width: 50%;
text-align: center;
}
/* Clear floats after the columns */

.row:after {
content: "";
display: table;
clear: both;
}
.clearfix {
overflow: auto;
}
#myBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: red; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */
}
#myBtn:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
i{
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
#fixed{
position: fixed;
bottom: 0;
right: 0;
}
</style>
2. Meet.php
<style>
div.static {
position: static;
text-align: center;
background: transparent;
}
#login{
border: none;
outline: none;
height: 40px;
color: blue;
background: white;
cursor: pointer;
width: 10%;
}
#login:active{
background: white;
color: black;
}
i{
border: solid black;
border-width: 0 3px 3px 0;
padding: 3px;
}
.left1 {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
</style>
<button name="login" id="login"><a href="index.php"> Back To

Home : <i class="arrow left1"></i></button></a><br><br>
<div class="static">
<h2 style="color: white;">Meet The Developer</h2>
<div class="row">
<style>
/* Style the container1 with a rounded border, grey background and
some padding and margin */
.container1 {
border-radius: 5px;
padding: 16px;
margin: 16px 0;
}
/* Clear floats after container1s */

.container1::after {
content: "";
clear: both;
display: table;
}
/* Increase the font-size of a span element */
.container1 span {
font-size: 20px;
margin-right: 15px;
}
</style>
<div class="card">
<img src="images/id1.jpg" alt="John" style="width:25%">
<h1>Gliceirl John B. Despues</h1>
<p class="title">Developer</p>
<span/>Address : Purok 4, Poblacion, Sulop, Davao Del Sur <br>
<span/>Date of Birth : November 12, 1997 <br>
<span/>Place of Birth : Digos City <br>
<span/>Age : 20 <br>
<span/>Sex : Male <br>
<span/>Status : Single <br>
<span/>Father's Name : Glicerio L. Despues <br>
<span/>Mother's Name : Juliet B. Despues
</div>
</div>
</div>
<div class="card">
<img src="images/id.jpg" alt="John" style="width:25%">
<h1>Jovaira L. Panggulo</h1>
<p class="title">Developer</p>
<span/>Address : Lower Balas, Mana, Malita, Davao Occidental
<br>
<span/>Date of Birth : September 29, 1996 <br>
<span/>Place of Birth : Lower Balas, Mana, Malita, Davao
Occidental <br>
<span/>Age : 21 <br>
<span/>Sex : Female <br>
<span/>Status : Single <br>
<span/>Father's Name : Joel T. Panggulo <br>
<span/>Mother's Name : Nora L. Panggulo
</div>
</div>
</div>
</div>
<style>
body{
background-color: blue;
}
/* Style the tab content */
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */

.row:after {
content: "";
display: table;
clear: both;
}
.clearfix {
overflow: auto;
}
</style>
3. Main2.php
<?php
require 'server.php';
$header = "";
session_start();
if ($_SESSION['usertype']=="") {
header('location:login.php');
}
$usertype = "";
?>
<head>
<center>
<span style="font-size: 24px; margin: 0px;"/>Sulop Birthing Home
<br>
<img class="logo-img" style="height: 50px; width: 50px;"
src="images/1.jpg" alt="1" />
<small>Birthing Home Management System</small><br><br>
</center>
</div>
</head>
<title>Main Page</title>
<body>
<a href="main2.php" style="text-
</div>
<button class="dropbtn">Add New</button>
<a href="?file=addDoctor">Doctors</a>
<a href="?file=addMidwife">Midwife</a>
<a href="?file=addStaff">Staff</a>
</div>
</div>
<button class="dropbtn">List</button>
<a href="?file=patientList">Patient</a>
<a href="?file=doctorList">Doctors</a>
<a href="?file=staffList">Staff</a>
<a href="?file=midwifeRec">Midwife</a>
</div>
</div>
<button class="dropbtn">Accounts</button>
<a href="?file=register">Create User</a>
</div>
</div>
<div class="dropdown1">
<button class="dropbtn1">User Account : <?php echo
$_SESSION['usertype'];?></button>
<div class="dropdown-content1">
<a href="logout.php"><p style="font-size:
16px;">Logout</p></a>
</div>
</div>
</div>
<div>
<?php
$pages_array =
array("register","staffList","doctorList","patientList","addDoctor","addStaff"
,"addMidwife","midwifeRec");
if(isset($_GET['file'])){
if(in_array($_GET['file'],$pages_array)){
include($_GET['file'].'.php');
}else{
echo '
<div class="text-center" style="padding-top:50px;">
<div class="alert alert-warning">
<h1>404 Page not found</h1>
</div>
</div>';
}
}
?>
</div>
</body>
<style>
body{
background-image: url("images/heart.png");
background-size: 100%;
}
/* Style The Dropdown Button */
.dropbtn {
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
border-left: 1px solid white;
}
.dropbtn1 {
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
/* The container <div> - needed to position the drop;down content */
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
float: right;
/* Dropdown Content (Hidden by Default) */

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 190px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content1 {
display: none;
position: absolute;
min-width: 90px;
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 14px;
text-decoration: none;
display: block;
}
.dropdown-content1 a {
color: black;
padding: 12px 14px;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown-content1 a:hover {background-color: #f1f1f1}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown1:hover .dropdown-content1 {
display: block;
}
/* Change the background color of the dropdown button when the
dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
.dropdown1:hover .dropbtn1 {
}
.transaction-form{
padding: 5px;
}
.div-header{
margin: 0px;
padding: 0px;
width: 100%;
height: 10%;
}
.container {
margin-top: 2%;
font-size: 24px;
}
</style>
4. Doctor.php
<?php
$header = "";
session_start();
}
$usertype = "";
?>

<head>
<center>
<br>
</center>
</div>
</head>
<body>
<a href="doctor.php" style="text-
</div>
<button class="dropbtn">Pages</button>
<a href="?file=viewPatient">View Patient</a>
<a href="?file=viewAdmittedPatient">View Admitted Patient</a>
</div>
</div>
<button class="dropbtn">Check up Patient</button>
<a href="?file=checkUp">Diagnose Patient</a>
</div>
</div>
</div>
</div>
</div>
<div>
<?php
$pages_array =
array("doctor","viewPatient","viewAdmittedPatient","checkUp","discharge"
);
}else{
echo '
</div>
</div>';
}
}
?>
</div>
</body>
<style>
body{
}
.dropbtn {
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropbtn1 {
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
float: right;

.dropdown-content {
display: none;
position: absolute;
min-width: 190px;
z-index: 1;
}
display: none;
position: absolute;
min-width: 90px;
z-index: 1;
}
color: black;
padding: 12px 14px;
display: block;
}
color: black;
padding: 12px 14px;
display: block;
}
display: block;
}
display: block;
}
}
}
.transaction-form{
padding: 5px;
}
.div-header{
margin: 0px;
padding: 0px;
width: 100%;
height: 10%;
}
.container {
margin-top: 2%;
font-size: 24px;
}
</style>
5. staff.php
<?php
$header = "";
session_start();
}
$usertype = "";
?>
<head>
<center>
<br>
</center>
</div>
</head>
<body>
<a href="staff.php" style="text-
</div>
<a href="?file=appointment">Appointment</a>
<a href="?file=admission">Admission</a>
</div>
</div>
<button class="dropbtn">Add New</button>
<a href="?file=addPatient">Patient</a>
</div>
</div>
<button class="dropbtn">History</button>
<a href="?file=appointmentRec">View Patient History</a>
<a href="?file=updatePatient">Update Patient</a>
</div>
</div>
</div>
</div>
</div>
<div>
<?php
$pages_array =
array("updatePatient","appointment","admission","addPatient","admission
Rec","patientRec","appointmentRec","staff","contactUS","register","login")
;
}else{
echo '
</div>
</div>';
}
}
?>
</div>
</body>
<style>
body{
}
.dropbtn {
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropbtn1 {
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
float: right;
}

.dropdown-content {
display: none;
position: absolute;
min-width: 190px;
z-index: 1;
}
display: none;
position: absolute;
min-width: 90px;
z-index: 1;
}
color: black;
padding: 12px 14px;
display: block;
}
color: black;
padding: 12px 14px;
display: block;
}
display: block;
}
display: block;
}
}
}
.transaction-form{
padding: 5px;
}
.div-header{
margin: 0px;
padding: 0px;
width: 100%;
height: 10%;
}
.container {
margin-top: 2%;
font-size: 24px;
}
</style>
6. patient.php
<?php
$header = "";
session_start();
}
$usertype = "";
?>

<head>
<center>
<br>
</center>
</div>
</head>
<body>
<a href="patient.php" style="text-
</div>
<a href="?file=appointment">Set Appointment</a>
</div>
</div>
<button class="dropbtn">History</button>
<a href="?file=appoinmentPat">View Consultation</a>
</div>
</div>
</div>
</div>
</div>
<div>
<?php
$pages_array =
array("appointment","admission","patient","doctor","appoinmentPat","staff
","admissionRep","contactUS","register","login");
}else{
echo '
</div>
</div>';
}
}
?>
</div>
</body>
<style>
body{
}
.dropbtn {
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropbtn1 {
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
float: right;

.dropdown-content {
display: none;
position: absolute;
min-width: 190px;
z-index: 1;
}
display: none;
position: absolute;
min-width: 90px;
z-index: 1;
}
color: black;
padding: 12px 14px;
display: block;
}
color: black;
padding: 12px 14px;
display: block;
}
display: block;
}
display: block;
}
}
}
.transaction-form{
padding: 5px;
}
.div-header{
margin: 0px;
padding: 0px;
width: 100%;
height: 10%;
}
.container {
margin-top: 2%;
font-size: 24px;
}
</style>
7. admission.php
<?php
$fname = "";
$mname = "";
$lname = "";
$ddate = "";
$duedate = "";
$physName = "";
if(isset($_POST['search'])){
$pID = $_POST['pID'];
$select = "select * from t_diagnosis where dueDate = '$pID'";
$select_result = mysqli_query($db, $select);
while ($row = mysqli_fetch_array($select_result)) {
$id = $row['diagnosisID'];
$fname = $row['pFname']; $mname = $row['pMname'];
$lname = $row['pLname']; $physName = $row['physiName'];
$ddate = $row['dueDate'];
}
}
if (isset($_POST['data'])) {
$fname = $_POST['fname'];
$mname = $_POST['mname'];
$lname = $_POST['lname'];
$physName = $_POST['physName'];
$admit= $_POST['admit'];
$ddate = $_POST['ddate'];
if ($_POST['admit']=="") {
echo "<script language='javascript'>
alert('Invalid!!');
</script>";
}else{
$insert = mysqli_query($db, "insert into t_admission (pFname,
pMname, pLname, physicianName, p_admissionDate, dueDate) values
('$fname','$mname','$lname','$physName','$admit','ddate')");
window.location = 'staff.php?file=admission';
alert('Saved!!');
</script>";
}
}
?>
<body>
<h1 style="text-align: center">Admission Center</h1>
<form method="post">
<center>
<h2 style = "font-size: 37.5px;">Personal Information </h2>
<span><button name ="search" style="width: 20%; padding: 5px;
background-color: white">Search</button></span>
<select style="width: 25%;" name="pID" type="text"
placeholder="Due Date" value = "<?php echo $id
; ?>"/><option></option>
<?php
$select=mysqli_query($db, "select * from t_diagnosis");
while ($row=mysqli_fetch_array($select)) {
echo '<option>'.$row['dueDate'].'</option>';
}
?>
</select> <br>
<span/>First Name :<input type="text"
name="fname"style="margin-left:35px;" value="<?php echo $fname; ?>"
/>
<span/>Middle Name :<input type="text"
name="mname"style="margin-left:23px;" value="<?php echo $mname;
?>" /><br>
<span/>Last Name :<input type="text"
name="lname"style="margin-left:17px;" value="<?php echo $lname; ?>"
/>
<span/>Physicians Name :<input type="text"
name="physName"style="margin-left:25px;" value="<?php echo
$physName; ?>"/><br>
<span/>Admission Date :<input type="date"
name="admit"style="margin-left:20px;" />
<span/>Due Date : <input type="date" name="ddate"style="margin-
left:20px;" value="<?php echo $ddate; ?>" /><br><br><br>
</center>
<button name="data" id="save_btn" style="width: 20%; padding:
12px; margin-left: 37%;"/>Save
</form>
</body>
<style>
label{
font-size: 30px;
font-family:Book Antiqua;
}
a{
text-decoration:none;
}
input, select{
padding:5px;
margin:5px;
border-radius:2px;
width:20%;
border:1px solid gray;
text-align:center;
text-transform: capitalize;
}
#name{
padding:10px;
width:10%;
background-color:blue;
color:white;
border-radius:20px;
}
#name:active{
background-color:green;
color:black;
}
#cancel{
padding:10px;
width:10%;
background-color:yellow;
color:black;
border-radius:20px;
margin-left:2%;
}
#cancel:active{
background-color:white;
color:blue;
}
form{
margin:20px 0px 0px 0px;
padding: 5px;
}
</style>
8. appointment.php
<?php
$fname = "";
$mname = "";
$lname = "";
$age = "";
$sex = "";
$email = "";
$pnum = "";
$appDate = "";
$nxtappdate = "";
if (isset($_POST['save'])) {
$app = $_POST['app'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$email = $_POST['email'];
$pnum = $_POST['pnum'];
$appDate = $_POST['appDate'];
$nxtappdate = $_POST['nxtappdate'];
if ($_POST['app'] == "") {
alert('Invalid!!');
</script>";
}else{
$insert = mysqli_query($db, "insert into t_appointment (app_type,
patientFname, patientMname, patientLname, age, sex, email, pNum,
appdate, nxtappdate) values ('$app', '$fname', '$mname', '$lname', '$age',
'$sex', '$email', '$pnum', '$appDate', '$nxtappdate')");
window.location = 'staff.php?file=appointment';
alert('Appointment Saved!!');
</script>";
}
}
?>
<center>
<b>
<label/>Appointment Center</b><br><br>
<span/>Appointment Type<select name =
"app"><option></option><option/>Pre Natal Checkup<option/>Post
Natal Checkup</select>
<br><br><br><br>
<span/>First Name :<input type="text"
name="fname"style="margin-left:35px;" required/>
<span/>Middle Name :<input type="text"
name="mname"style="margin-left:23px;"required/>
<span/>Last Name :<input type="text"
name="lname"style="margin-left:17px;"required/><br>
<span/>Age :<input type="number" name="age"style="margin-
left:68px;"required/>
<span/>Sex :<select name="sex" style="margin-
left:58px;"required><option/><option/>Female</select>
<span/>Email :<input type="text" name="email"style="margin-
left:43px;"required/><br>
<span/>PhoneNumber :<input type="number"
name="pnum"style="margin-left:50px;"required/>
<span/>Appointment Date : <input type="date" name =
"appDate"required/>
<span/>Next Appointment Date :<input type="date"
name="nxtappdate"style="margin-left:20px;"required/><br>
<button type="submit" name="save" id="name"/>Save
</form>
</center>
<style>
label{
font-size: 30px;
}
a{
}
input, select{
padding:5px;
margin:5px;
border-radius:2px;
width:20%;
text-align:center;
}
#name{
padding:10px;
width:10%;
color:white;
border-radius:20px;
}
#name:active{
color:black;
}
#cancel{
padding:10px;
width:10%;
color:black;
border-radius:20px;
margin-left:2%;
}
#cancel:active{
color:blue;
}
form{
padding: 5px;
}
</style>
9. login.php
<?php
require ('server.php');
session_start();
$id="";
$status = "Login";
date_default_timezone_set('Asia/Manila');
$date = date('Y-m-d H:i:s');
if (isset($_POST['login'])) {
$usertype = $_POST['usertype'];
$username = $_POST['username'];
$password = $_POST['password'];
$select_query = "select * from t_users where usertype = '$usertype' and
username = '$username' and password = '$password'";
$_SESSION['usertype'] = $_POST['usertype'];
$_SESSION['username'] = $_POST['username'];
$_SESSION['password']= $_POST['password'];
$select_result = mysqli_query($db, $select_query);
if ($select_result) {
if (mysqli_num_rows($select_result)) {
while ($row=mysqli_fetch_array($select_result)) {
$id = $row['userID'];
$_SESSION['userID'] = $row['userID'];
}
if ($usertype == "Administrator") {
window.location = 'main2.php';
alert('Welcome {$usertype}');
</script>";
}elseif ($usertype == "Doctor"){
window.location = 'doctor.php';
</script>";
}elseif ($usertype=="Staff") {
window.location = 'staff.php';
</script>";
}else{
window.location = 'patient.php';
</script>";
}
}else{
window.location = 'login.php';
alert('Account is not registered! Ask the Administrator for
Assistance!');
</script>";
}
}
}
?>
<title>Login Form</title>
<link rel="stylesheet" type="text/css" href="css/LogINs.css">
<body>
<div class = "title" style="text-align: center; "><h1>Login</h1></div>
<div class="left">
<center><br><br><br><br><p>Sulop Birthing
<br>Home</p></center>
</div>
<center>
<div class="right">
<form class= "formbox" method="post">
<label>Usertype</label><br>
<select name="usertype" required/>
<option></option>
<option>Administrator</option>
<option>Doctor</option>
<option>Staff</option>
<option>Patient</option>
</select><br>
<label>Username</label><br>
<input type="text" name="username" placeholder="Username"
required/><br>
<label>Password</label><br>
<input type="password" name="password"
placeholder="Password" required/><br>
<button name="login" id="login">Login</button><br><br>
<span><a href="index.php">Back to Home</span></a>
</form>
</div>
</center>
</div>
</body>
<style>
body{
}
small{
color: white;
}
body{
margin: 0;
padding: 0;
background-repeat:no-repeat;
font-family: sans-serif;
}.container .left{
float: left;
width: 50%;
height: 700px;
background-repeat:no-repeat;
}
.title{
text-align: center;
padding: 50px 0px 20px;
}
.title h1{
margin: 0;
padding: 0;
color: #262626;
text-transform: uppercase;font-size: 36px;
}
.container{
width: 50%;
height: 450px;
background: white;
margin: 0 auto;
border: 2px solid white;
box-shadow: 0 15px 40px rgba(0,0,0,.5);
}
.container .right{
float: right;
width: 50%;
height: 450px;
}
.formbox{
width: 70%;
padding: 50px 40px;
height: 350px;
background: white;
}
.formbox p{
margin: 0;
padding: 0;
font-weight: bold;
font-size: 24px;
color: #a6af13;
}
.formbox input, select{
width: 100%;
margin-bottom: 20px;
}
.formbox input[type ="text"],
.formbox input[type ="password"]{
border: none;
border-bottom: 2px solid blue;
outline: none;
height: 40px;
}
select{
border: none;
outline: none;
height: 40px;
}
.formbox input[type ="text"]:focus,
.formbox input[type ="password"]:focus{
border-bottom: 2px blue;
}
#login{
border: none;
outline: none;
height: 40px;
color: white;
background: blue;
cursor: pointer;
width: 100%;
}
#login:active{
background: #a6af13;
}
.formbox a{
color: blue;
font-size: 12px;
font-weight: bold;
}
.formbox a:hover{
color: blue;
}
.left p{
color: blue;
font-size: 50px;
font-family:Academy Engraved LET italic;
}
</style>
10. logout.php
<?php
session_start();
$stat = "Logout";
$id = $_SESSION['userID'];
mysqli_query($db,$sql);
session_unset();
session_destroy();
header('Location:index.php');
?>
11. updatePatient.ph
<?php
include 'server.php';
}
$usertype = $_SESSION['usertype'];
$fname = "";
$mname = "";
$lname = "";
$sex = "";
$age = "";
$address = "";
$birthday = "";
$status = "";
$pNum = "";
$email = "";
$occupation = "";
if (isset($_POST['save'])) {
if ($_POST['fname'] == "") {
alert('Please Input the Patient Name');
window.location = 'staff.php?file=updatePatient';
</script>";
}else{
$address = $_POST['address'];
$birthday = $_POST['birthday'];
$status = $_POST['status'];
$pNum = $_POST['pNum'];
$occupation = $_POST['occupation'];
//Husband
$Hfname = $_POST['Hfname'];
$Hmname = $_POST['Hmname'];
$Hlname = $_POST['Hlname'];
$Hsex = $_POST['Hsex'];
$Hage = $_POST['Hage'];
$Haddress = $_POST['Haddress'];
$Hbday = $_POST['Hbday'];
$Hstatus = $_POST['Hstatus'];
$HpNum = $_POST['HpNum'];
$Hemail = $_POST['Hemail'];
$Hoccup = $_POST['Hoccup'];
//Guardian
$Gfname = $_POST['Gfname'];
$Gmname = $_POST['Gmname'];
$Glname = $_POST['Glname'];
$Gsex = $_POST['Gsex'];
$Gage = $_POST['Gage'];
$Gaddress = $_POST['Gaddress'];
$Gbday = $_POST['Gbday'];
$Gstatus = $_POST['Gstatus'];
$GpNum = $_POST['GpNum'];
$GEmail = $_POST['GEmail'];
$GOccup = $_POST['GOccup'];
$Grelationship = $_POST['Grelationship'];
$id = $_POST['pID'];
$select = "select * from t_patient where patientID = '$id'";
$select_query = mysqli_query($db, $select);
if ($select_query) {
$update = "update t_patient set patientFname = '$fname',
patientMname = '$mname', patientLname = '$lname', patientSex = '$sex',
patientAge = '$age', patiendAddress = '$address', patientBirthday =
'$birthday', patientStatus = '$status', patientPhone = '$pNum',
patientEmail = '$email', patientOccupation = '$occupation' where
patientID = '$id'";
$update_query = mysqli_query($db, $update);
$update_husband = "update t_husband set Hfname =

'$Hfname', Hmname = '$Hmname', Hlname = '$Hlname', Hsex = '$Hsex',
Hage = '$Hage', Haddress = '$Haddress', Hbday = '$Hbday', Hstatus =
'$Hstatus', HpNum = '$HpNum', Hemail = '$Hemail', Hoccup = '$Hoccup'
where patientID = '$id'";
$update_query = mysqli_query($db, $update_husband);
$update_guardian = "update t_guardian set Gfname =

'$Gfname', Gmname = '$Gmname', Glname = '$Glname', Gsex = '$Gsex',
Gage = '$Gage', Gaddress = '$Gaddress', Gbday = '$Gbday', Gstatus =
'$Gstatus', GpNum = '$GpNum', GEmail = '$GEmail', GOccup = '$GOccup',
Grelationship = '$Grelationship' where patientID = '$id'";
$update_query = mysqli_query($db, $update_guardian);
if ($usertype == "Staff") {
alert('Patient Succesfully Updated!');
</script>";
}else{
alert('Patient UnSuccesfully Updated!');
</script>";
}
}else{
alert('Kindly Fill all the fields !!');
</script>";
}
}
}
$select = "select * from t_patient where patientID = '$pID'";
$id = $row['patientID'];
$fname = $row['patientFname']; $mname =
$row['patientMname']; $lname = $row['patientLname'];
$age = $row['patientAge']; $sex = $row['patientSex']; $email
= $row['patientEmail'];
$pNum = $row['patientPhone']; $status =
$row['patientStatus']; $birthday = $row['patientBirthday'];
$occupation = $row['patientOccupation']; $address =
$row['patiendAddress'];
}
}
?>
<body>
<h2 style = "font-size: 37.5px; text-align: center;">Update Patient
Information </h2>
<center>
<b><label>Patient Information</label></b><br><br><br>
<span><button name ="search" style="width: 20%; padding:
5px; background-color: white">Search</button></span>
placeholder="Patients ID" value = "<?php echo $id;
?>"/><option></option>
<?php
$select=mysqli_query($db, "select * from t_patient");
echo '<option>'.$row['patientID'].'</option>';
}
?>
</select> <br>
<span/>First Name : <input type="text" name="fname"
style="margin-left:35px;" value="<?php echo $fname; ?>" />
<span/>Middle Name : <input type="text" name="mname"
style="margin-left:35px;" value="<?php echo $mname ; ?>"/><br>
<span/>Last Name : <input type="text" name="lname"
style="margin-left:35px;"value="<?php echo $lname; ?>"/>
<span/>Sex : <input type="text" name="sex" style="margin-
left:35px;"value="<?php echo $sex; ?>"/><br>
<span/>Age : <input type="number" name="age"
style="margin-left:35px;"value="<?php echo $age; ?>"/>
<span/>Address : <input type="text" name="address"
style="margin-left:35px;"value="<?php echo $address ; ?>"/><br>
<span/>Birthday : <input type="date" name="birthday"
style="margin-left:35px;"value="<?php echo $birthday; ?>"/>
<span/>Status : <input type="text" name="status"
style="margin-left:35px;"value="<?php echo $status; ?>"/><br>
<span/>Phone Number : <input type="number" name="pNum"
style="margin-left:35px;"value="<?php echo $pNum; ?>"/>
<span/>Email : <input type="text" name="email" style="margin-
left:35px;"value="<?php echo $email; ?>"/><br>
<span/>Occupation : <input type="text" name="occupation"
style="margin-left:35px;"value="<?php echo $occupation;
?>"/><br><br><br>
<b><label>Husband Information</label></b><br><br><br>
<span/>First Name : <input type="text" name="Hfname"
style="margin-left:35px;"/>
<span/>Middle Name : <input type="text" name="Hmname"
style="margin-left:35px;"/><br>
<span/>Last Name : <input type="text" name="Hlname"
<span/>Sex : <input type="text" name="Hsex" style="margin-
left:35px;"/><br>
<span/>Age : <input type="number" name="Hage"
<span/>Address : <input type="text" name="Haddress"
<span/>Birthday : <input type="date" name="Hbday"
<span/>Status : <input type="text" name="Hstatus"
<span/>Phone Number : <input type="number" name="HpNum"
<span/>Email : <input type="text" name="Hemail"
<span/>Occupation : <input type="text" name="Hoccup"
style="margin-left:35px;"/><br><br><br>
<b><label>Guardian Information</label></b><br><br><br>
<span/>First Name : <input type="text" name="Gfname"
<span/>Middle Name : <input type="text" name="Gmname"
<span/>Last Name : <input type="text" name="Glname"
<span/>Sex : <input type="text" name="Gsex" style="margin-
left:35px;"/><br>
<span/>Age : <input type="number" name="Gage"
<span/>Address : <input type="text" name="Gaddress"
<span/>Birthday : <input type="date" name="Gbday"
<span/>Status : <input type="text" name="Gstatus"
<span/>Phone Number : <input type="number" name="GpNum"
<span/>Email : <input type="text" name="GEmail"
<span/>Occupation : <input type="text" name="GOccup"
<span/>Relation : <input type="text" name="Grelationship"
style="margin-left:35px;"/><br><br><br>
<button type="submit" name="save" id="name"/>Save
</form>
</center>
</body>
<style>
label{
font-size: 30px;
}
a{
}
input, select{
padding:5px;
margin:5px;
border-radius:2px;
width:20%;
text-align:center;
}
#name{
padding:10px;
width:15%;
color:white;
border-radius:20px;
}
#name:active{
color:black;
}
#cancel{
padding:10px;
width:10%;
color:black;
border-radius:20px;
margin-left:2%;
}
#cancel:active{
color:blue;
}
form{
padding: 5px;
}
</style>
12. server.php
<?php
$db = mysqli_connect('localhost','root','','despues');
?>
13. discharge.php
<?php
$admit = $_POST['admit'];
$name = $_POST['name'];
$physName = $_POST['physName'];
$duedate = $_POST['duedate'];
$delType = $_POST['delType'];
$ddate = $_POST['ddate'];
if ($_POST['delType']=="") {
alert('Invalid!!');
</script>";
}else{
$insert = mysqli_query($db, "insert into t_discharge (admit, name,
physName, duedate, delType, ddate) values ('$admit', '$name',
'$physName', '$duedate', '$delType','$ddate')");
window.location = 'doctor.php?file=viewAdmittedPatient';
alert('Successfully Saved!!');
</script>";
}
}
?>
<body>
<h1 style="text-align: center">Discharge</h1>
<center>
<h2 style = "font-size: 37.5px;">Patient Information </h2>
<span/>Admission Date :<input type="date"
name="admit"style="margin-left:20px;" value="<?php echo
($_GET['addmid']);?>"/>
<span/>Patient Name :<input type="text"
name="name"style="margin-left:35px;"value="<?php echo
($_GET['id']);?>"/><br>
<span/>Physicians Name :<input type="text"
name="physName"style="margin-left:25px;" value="<?php echo
($_GET['name']);?>"/>
<span/>Due Date :<input type="date"
name="duedate"style="margin-left:20px;"value="<?php echo
($_GET['addko']);?>"/><br>
<span/>Delivery Type :<input type="text"
name="delType"style="margin-left:23px;"/>
<span/>Discharge Date : <input type="date"
name="ddate"style="margin-left:20px;"/><br><br><br>
</center>
12px; margin-left: 37%;"/>Discharge Patient
</form>
</body>
<style>
label{
font-size: 30px;
}
a{
}
input, select{
padding:5px;
margin:5px;
border-radius:2px;
width:20%;
text-align:center;
}
#name{
padding:10px;
width:10%;
color:white;
border-radius:20px;
}
#name:active{
color:black;
}
#cancel{
padding:10px;
width:10%;
color:black;
border-radius:20px;
margin-left:2%;
}
#cancel:active{
color:blue;
}
form{
padding: 5px;
}
</style>
14. index.css
body{
}
.dropbtn {
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropbtn1 {
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
float: right;

.dropdown-content {
display: none;
position: absolute;
min-width: 190px;
z-index: 1;
}
display: none;
position: absolute;
min-width: 90px;
z-index: 1;
}
color: black;
padding: 12px 14px;
display: block;
}
color: black;
padding: 12px 14px;
display: block;
}
display: block;
}
display: block;
}
}
}
.transaction-form{
padding: 5px;
}
.div-header{
margin: 0px;
padding: 0px;
width: 100%;
height: 10%;
}
.container {
margin-top: 2%;
font-size: 24px;
15. login.css
.title{
text-align: center;
}
.title h1{
margin: 0;
padding: 0;
color: #262626;
}
.container{
width: 50%;
height: 400px;
background: white;
margin: 0 auto;
border: 2px solid white;
}
.container .right{
float: right;
width: 50%;
height: 400px;
}
.formbox{
width: 70%;
padding: 50px 40px;
height: 240px;
background: white;
}
.formbox p{
margin: 0;
padding: 0;
font-weight: bold;
font-size: 24px;
color: #a6af13;
}
width: 100%;
}
border: none;
outline: none;
height: 40px;
}
select{
border: none;
outline: none;
height: 40px;
}
border-bottom: 2px blue;
}
#login{
border: none;
outline: none;
height: 40px;
color: white;
background: blue;
cursor: pointer;
width: 100%;
}
#login:active{
}
#back{
border: none;
outline: none;
height: 40px;
color: white;
background: blue;
cursor: pointer;
width: 100%;
}
#back:active{
}
.formbox a{
color: blue;
font-size: 12px;
font-weight: bold;
}
.formbox a:hover{
color: blue;
}
.left p{
color: blue;
font-size: 50px;
}
16. style.css
.title{
text-align: center;
}
.title h1{
margin: 0;
padding: 0;
color: blue;
}
.container{
width: 50%;
height: 400px;
background: white;
margin: 0 auto;
border: 2px solid blue;
}
.container .right{
float: right;
width: 50%;
height: 400px;
}
.formbox{
width: 70%;
padding: 50px 40px;
height: 240px;
background: white;
}
.formbox p{
margin: 0;
padding: 0;
font-weight: bold;
color: blue;
}
width: 100%;
}
border: none;
outline: none;
height: 40px;
}
select{
border: none;
outline: none;
height: 40px;
}
border-bottom: 2px solid #262626;
}
#login{
border: none;
outline: none;
height: 40px;
width: 40px;
color: #fff;
background: #262626;
cursor: pointer;
width: 200%;
}
#login:active{
background: blue;
}
.formbox a{
color: blue;
font-size: 12px;
font-weight: bold;
}
.formbox a:hover{
color: blue;
}
.left p{
color: blue;
font-size: 30px;
}
17. slideshow.css
*{
box-sizing: border-box;
}
/* Position the image container (needed to position the left and right
arrows) */
.container {
position: relative;
}
/* Hide the images by default */

.mySlides {
display: none;
}
/* Add a pointer when hovering over the thumbnail images */

.cursor {
cursor: pointer;
}
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 90%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
/* Position the "next button" to the right */

.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */

.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* Container for image text */
.caption-container {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}
.row:after {
content: "";
display: table;
clear: both;
}
/* Six columns side by side */

.column {
float: left;
width: 16.66%;
}
/* Add a transparency effect for thumnbail images */

.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
18. checkup.php
<?php require 'server.php';

$app = "";
$id = "";
$fname = "";
$mname = "";
$lname = "";
$age = "";
$sex = "";
$email = "";
$pNum = "";
$aPPdate = "";
$appType = "";
$select = "select * from t_appointment where appdate = '$pID'";
$fname = $row['patientFname']; $mname =
$row['patientMname']; $lname = $row['patientLname'];
$age = $row['age']; $sex = $row['sex']; $email=
$row['email']; $pNum = $row['pNum']; $aPPdate = $row['appdate'];
$appType = $row['app_type'];
}
}
$pNum = $_POST['pNum'];
$appdate = $_POST['aPPdate'];
$apptype = $_POST['apptype'];
$physiName = $_POST['psyName'];
$diag = $_POST['diag'];
$dueDate = $_POST['dueDate'];
$Prescription = $_POST['presCrip'];
if ($_POST['diag']=="") {
alert('Invalid!!');
</script>";
}else{
$insert = mysqli_query($db, "insert into t_diagnosis (pFname,
pMname, pLname, pAge, pSex, pEmail, pPnum, appDate, appType,
physiName, Diagnosis, dueDate, Prescription) values ('$fname', '$mname',
'$lname', '$age', '$sex', '$email', '$pNum', '$appdate', '$apptype',
'$physiName', '$diag', '$dueDate', '$Prescription')");
window.location = 'doctor.php?file=checkUp';
alert('Successfully Saved!!');
</script>";
}
}
?>
<body>
<h1 style="text-align: center">Check Up Patient</h1>
<div class="left">
<h2 style = "font-size: 30.5px;">Patient Information</h2>
<span><button name ="search" style="width: 20%; padding: 5px;
background-color: white">Search</button></span>
placeholder="Patients ID" value = "<?php echo $id;
?>"/><option></option>
<?php
$select=mysqli_query($db, "select * from t_appointment");
echo '<option>'.$row['appdate'].'</option>';
}
?>
</select> <br><br>
<label>First Name :</label>
<input style="width: 55%;" name="fname" type="text"
placeholder="First Name" value="<?php echo $fname
?>"/></input><br>
<label>Middle Name :</label>
<input style="width: 51%;" name="mname" type="text"
placeholder="Middle Name" value="<?php echo $mname
?>"/></input><br>
<label>Last Name :</label>
<input style="width: 55%;" name="lname" type="text"
placeholder="Last Name" value="<?php echo $lname
?>"/></input><br>
<label>Age</label>
<input style="width: 28%;" name="age" type="text"
placeholder="Age" value="<?php echo $age ?>"/></input>
<label>Sex</label>
<input style="width: 28%;" name="sex" type="text"
placeholder="Sex" value="<?php echo $sex ?>"/></input><br>
<label>Email</label>
<input style="width: 40%" name="email" type="text"
placeholder="Email Address" value="<?php echo $email
?>"/></input><br>
<label>Phone Number</label>
<input id="id1" name="pNum" type="text" placeholder="Phone
Number" value="<?php echo $pNum ?>"/></input><br>
</div>
<div class="right">
<h2 style = "font-size: 30.5px;">Diagnosis Details</h2>
<label>Appointment Date :</label>
<input style="width: 35%;" name="aPPdate" type="text"
placeholder="Appointment Date" value="<?php echo $aPPdate
?>"/></input><br>
<label>Appointment Type :</label>
<input style="width: 45%;" name="apptype" type="text"
placeholder="Appointment Date" value="<?php echo $appType
?>"/></input><br>
<label>Physicians Name :</label>
<input style="width: 51%;" name="psyName" type="text"
placeholder="Physicians Name" /></input><br>
<label>Diagnosis :</labl>
<input style="width: 55%;" name="diag" type="text"
placeholder="Diagnosis" /></input><br>
<label>Expected Labor Date :</label>
<input style="width: 28%;" name="dueDate" type="date"
placeholder="Expected Labor Date" /></input><br>
<h3 style = "font-size: 30.5px; color: black;">Presciption
Details</h3>
<label>Prescription :</label>
<input style="width: 51%;" name="presCrip" type="text"
placeholder="Physicians Name" /></input><br>
</div>
12px; margin-left: 37%;"/>Save
</form>
</div>
</body>
<style>
input,select{
padding:5px;
margin: 10px;
border-radius:10px;
width:40%;
text-align:center;
font-size: 15px;
font-family: Tahoma;
}
#save_btn{
align-self: center;
}
.container .left{
margin-top: 5px;
float: left;
width: 50%;
text-align: left;
}
.container .right{
margin-top: 5px;
float: right;
width: 50%;
text-align: left;
}
label{
font-size: 25px;
color: blue;
}
#save_btn{
padding:10px;
width:8%;
color:black;
border-radius:20px;
font-size: 15px;
margin-left: 1%;
}
#save_btn:active{
color:black;
}
#cancel_btn{
padding:10px;
width:8%;
color:blue;
border-radius:20px;
font-size: 15px;
margin-left: 1%;
}
#cancel_btn:active{
color:black;
}
</style>
Appendix II. Evaluation Tool

Appendix III. Sample Input/Output/Reports
1. Sample Input
2. Sample Output
3. Sample Report
Appendix IV. User’s Guide
Main Page
Click Log In to login
Click About Us to see

developer profile
Click Sign Up to
Click Home to go back
create user
at Home Page
Click Top button to
go back on top
About the Developer
Click Back to Home to

return in Home Page
Log in Page
Step 1:
Choose the Usertype.
Step 2:
Input the
Username and
Password
Step 3:
Press Login
Add New
Step 1:
Click the
Doctors, to Add
New Doctor.
Step 2:
Click the Midwife,
to Add New Note:
Midwife. The Usertype is
the
Administrator
List
Step 4:
Click the
Patient, to view
Patient List. Step 5:
Click the Doctor,
to view Doctor
List.
Step 6:
Click the Staff,
Step 7: to view Staff
ClickStep 3: the List.
Midwife,
Click tothe
viewStaff,
Midwife
to List.
Add New
Staff.
Create User
Step 7:
Click the
Create User,
to create new
user.
Add New Doctor
Step 4:
Input the
Data for
the Doctor
Step 5:
Press Save
Add New Midwife
Step 6:
Step 7: Input
Press Save the Data
for the
Midwife
Registrat
Add New Staff
Step 8:
Input the
Data for
the Staff
Registrati
Step 9:
Press
Save
Patient List
Patient
List
Doctor List
Doctors
List
Staff List
Staffs List
Midwife List
Midwifes
Create New User
Step
15:
Step 14: Fill the
Fill the Create
informatio User
n
Step 16:
Click Save to add new
user
Doctor Main Page
Main Page Note:

for Doctor The Usertype
is the Doctor
Pages of the Doctor
Step 1:
Click View Patient
to View Patient
Step 2:
Click View
Admitted Patient
to View Admitted
Patient List
Check Up Patient of the Doctor
Step 3:
Click Diagnose
Patient to Check-
up Patient
Patient List
Patient
List
View Admitted Patient
Admitted
Patient List
Click Discharge
to Discharge
Patient
Discharge Patient
Fill
Data
Click Discharge
Patient to Discharge
Patient
Check Up Patient
Step 1:
Click to browse for
Step 2: the Patient
Click Search to Appointment Date
search the data
Input
Data to
Diagnos
e
Patient
Step 3:
Click Save to the
Check-up Details
Staff Main Page
Note:
The Usertype is
Staff
Main Page for Staff
Staff Pages
Step 1:
Click Appointment
to Add
Appointment
Step 2:
Click to Admit
Patient
Staff Add New Patient
Step 3:
Click Patient to
add new patient
Staff History
Step 4:
Click to View
Patient History
Step 5:
Click to Update
Patient
Staff Set Appointment
Step 1:
Click to choose
appointment type
Fill all the data

needed
Step 2:
Click Save to save
appointment
Staff Admission
Step 2:
Click to Search Step 1:
Click to
browse the
appointment
date
Step 3:
Click to Save
admit patient
Staff Add New Patient
Fill all the

data
needed
Fill all the
data
needed
Staff Appointment List
Appointment
List
Staff Update Patient Information
Step 1:
Click to browse
patient
Step 2:
Discharge Date
Click to Search
Fill all
the data
Fill all the

data
Patient Main Page
Note:
The Usertype is
Patient
Main Page for
Patient
Patient Page
Click to Set
Appointment
Patient History
Click to View
Appointment
List
Patient Set Appointment
Step 1:
Click to choose
appointment type
Step 2: Fill all the data

Click Save to needed
save
appointment
Patient Appointment List
Appointment
List
Appendix V. Relevant Document
Appendix VI. Grammarian’s Certification
May 25, 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 capstone project entitled “WEB – BASED BIRTHING
HOME MANAGEMENT SYSTEM” as against the set of structural rules
that govern the composition of sentences, phrases, and words in the
English language.
Signed:
CHARMIE MARIE P. DELA CRUZ, MAED

Grammarian
CURRICULUM VITAE
Personal Data:
Name : Gliceirl John B.
Despues
Address : Sulop, Davao del
Sur
Date of Birth : November 12, 1997
Place of Birth : Digos City
Sex : Male
Height : 5’4”
Weight : 45kls
Status : Single
Nationality : Filipino
Tribe : Bisaya
Religion : Roman Catholic
Parents
Father : Glicerio L. Despues
Mother : Juliet B. Despues
Educational Background
Elementary
School : Sulop Central Elementary Sulop
Year Attended : 2004 – 2010
Awards/Honors : With Honors
Received
Secondary
School : Sulop National High School
Year Attended : 2010 - 2014
Awards/Honors : None
Received
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 Experience
Agency : Kiblawan National High School
Inclusive Dates : January 1, 2018 – March 30,
2015
Position/Designation : On-The-Job Trainee
Affiliation
Name of Organization : InfoTech Society
Position : Member
Inclusive Dates : 2014 – 2017
Personal Data:
Name : Jovaira L. Panggulo
Address : Lower Balas, Davao
Occidental
Date of Birth : September 29, 1996
Place of Birth : Lower Balas
Sex : Female
Height : 5’7’’
Weight : 52kls
Status : Single
Nationality : Filipino
Tribe : Sangil
Religion : Islam
Parents
Father : Joel T. Panggulo
Mother : Nora L. Panggulo
Educational Background
Elementary
School : Mana Central Elementary
School
Year Attended : 2003 – 2009
Awards/Honors : With Honors
Received
Secondary
School : Benjamin V. Bautista Special High
School
Year Attended : 2009 - 2013
Awards/Honors : None
Received
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 Experience
Agency : Sur Telemedia
Inclusive Dates : January 1, 2018 – March 30,
2015
Position/Designation : On-The-Job Trainee
Affiliation
Name of Organization : InfoTech Society
Position : Member
Inclusive Dates : 2014 – 2017

Web-Based Birthing Home Management System

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Web-Based Birthing Home Management System

Caricato da

Copyright:

Formati disponibili

ABSTRACT

DESPUES, GLICEIRL JOHN B. and PANGGULO, JOVAIRA L.

Adviser: BAILINA P. DALAM, MIT

Web – Based Birthing Home Management System is an online

a module that administer patient information, store and retrieved patient

The study used the waterfall model during its development; it

starts from preliminary investigation down to maintenance phase. Each

phase in the development has process that directly provides an output.

Sublime Text as programming language was used to develop the system.

The system was able to perform all its functionalities, it provides an

During the system testing, it recommended that there will be a SMS

notification to patient for their next appointment, improvement in the

billing module and patient could pay bills online.

GLICEIRL JOHN B. DESPUES

CAPSTONE PROJECT STUDY SUBMITTED TO THE FACULTY OF THE

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

of this would be possible.

Gliceirl & Jovaira

The researchers would like to express their special appreciation and

careers have been invaluable.

They would also like to thank their committee members, the

researcher’s Department Chairman Joselito J. Mebolos, Obea Rizzi B.

Omboy and Antonette R. Albaraccin for serving as their committee

members even at hardship. They would especially like to thank the

A special thanks to their parents and classmates who are always

PRELIMINARY PAGES PAGE

I BACKGROUND OF THE STUDY

II REVIEW OF RELATED LITERATURE

III TECHNICAL BACKGROUND

V SUMMARY, CONCLUSION AND

1 Water Fall Model 13

3 Functional Decomposition Diagram 16

5 Input, Process, and Output 21

6 System Flow Chart (Overall) 21

7 System Flow Chart (Administrator) 22

8 System Flow Chart (Doctor) 23

9 System Flow Chart (Staff) 24

11 Data Flow Diagram 26

12 Use Case Diagram 27

14 Sequence Diagram (Doctor) 29

15 Sequence Diagram (Staff) 31

16 Sequence Diagram (Patient) 32

17 Activity Diagram of Doctor 33

19 Activity Diagram of Staff 35

20 Entity Relationship Diagram 36

1 Result of Compatibility Checking 17

2 Cost and Benefits of the Project 20

3 Data Dictionary of the System 37

I Relevant Source Code 48

II Evaluation Tool 116

III Sample Input/Output/Reports 117

IV User’s Guide 119

V Relevant Documents 138

VI Grammarian’s Certification 139

BACKGROUND OF THE STUDY

to depend on computer to function and to live. It is a fact that performing

manually processes are prone to errors. Thus, by using the manual

system, the output of the processing was in accurate or has no good

quality. To keep up with the speedy development of the community, it

Ladocsi and Miller (2008) a life expectancy management system

which comprises: a storage means which is capable of storing data, such

chronic and routine health events, emergency health events, pregnancy

data and medical advancements; and a prediction modeling logic which