Web-Based Birthing Home Management System
Web-Based Birthing Home Management System
Web-Based Birthing Home Management System
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
medical records, create a module that could sort files and easy access to
patient records.
efficient and effective service to patient and employees, could store and
retrieved patient medical records and sort files and easy access to patient
records.
MAY 2018
DEDICATION
To our family and friends, without their guidance and prayers, none
thanks to their adviser Bailina P. Dalam, for being a good mentor. Further,
for encouraging their research and for allowing them to grow, their
midwives, staff, and employees in the Birthing Home. All of you have been
there to support them when they collected data for their study.
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
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
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
BIBLIOGRAPHY 47
APPENDICES 48
CURRICULUM VITAE 140
LIST OF FIGURES
FIGURE PAGE
2 Vicinity Map 14
4 Gantt Chart 19
10 Context Diagram 25
13 Class Diagram 28
21 Deployment Diagram 42
LIST OF TABLES
TABLE PAGE
4 Software Specification 40
5 Hardware Specification 41
LIST OF APPENDICES
APPENDIX PAGE
Introduction
Computer and technology are now part of daily life. We come upon
would be a must for the services to be able to cope up with the service
demands.
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:
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
That’s why the researchers create a system that help the Sulop
effectively.
web development. This will also benefit the next researchers since it will
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
Definition of Terms
administered. This remains the status quo, despite the increasingly large
improving quality of care and helping to control healthcare costs over the
long term.
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.
new venues have evolved, such as retail and urgent care clinics; however,
the emergency department has become the only service provider available
2009).
structured interviews with seven women who had given birth within 12
This project is unique due to the speed and spirit of collaboration with
costs and medical errors. These two concerns are correlated: eliminating
al., 2008).
outlines and defines the recommended set of health insurance benefits for
more children and young adults have become insured and have benefited
from health care coverage than at any time since the creation of the
et al., 2017).
CHAPTER III
TECHNICAL BACKGROUND
The Sulop Birthing Home gather and store data using a simple
manual method in which the staff and the midwife just use paper and
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
strategy of Sulop, Davao del Sur, and the researchers developed a system
system, a functional router which connects to the World Wide Web, and a
a modem with internet connections, and a printer that would print the
and text editor for code and prose that automates repetitive tasks. It
services that are running on the host via the loopback network interface.
hardware.
The project begins in Log-in where the authorized user will choose
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
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.
METHODOLOGY
Research Locale
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
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.
users of the system are computer professionals and know the advantage
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
shows the processes from each interface. The users enter his/her
specifications to make the system work. And the users must have
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
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.
better profits and solutions for traditional manual process. A Web – Based
provides a good quality of service to the patients. The midwife and the
patients will benefit from these modern methods that will lessen their
The system helps them to improve their facility, become well-known, and
Schedule Feasibility
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
Economic Feasibility
and benefits are evaluated. Economic analysis is used for evaluating the
shows the estimated cost of purchasing the system and its benefit in
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
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
Displaying the patient information and managing admission details are the
Start
Usename
Password
No
Verify ?
Yes
Yes
Yes
View Patient Load Doctors Page Load Patients Page Load Staff Page
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,
Start
Username
Password
No
Verify ?
Yes
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
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
Start
Username
Password
Verify
NO
Valid?
YES
Login
Yes
Load Doctors Page
Update
Diagnosis
No View Patient View Admitted Patient
Edit?
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
Start
Username
Password
Verify
NO
Valid?
YES
Login
Admit Patient
View History Has ?
Patients Information
YES
Admitted? NO End
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
Patient
Diagnosis Information
Diagnosis
Patient
Doctor Diagnosis
Diagnose
Patient Patient
Diagnosis
Detail Detail
Prescription
Patient
Prescription
Prescribe Patient Prescription
Detail
Discharge Detail
Discharge Patient
Discharge Date
Object Modelling
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
Manage
<<extend>>
Prescribe
<<extend>>
<<extend>>
<<extend>>
Doctor
Diagnose
Discharge
History
Set appointment
<<include>> Patient
Admit
<<extend>>
Manage
Staff
-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
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()
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
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
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
Patient Window
Filling up
Patient Information Add
Information
Submit Patient
Information Successful
Adding
Success Adding Information
Patient Information
the diagram, the sequence starts in patient login then the patient account
login. The patient was directed to main page; the patient can set
Patient Login
Login Patient Account
Successfully Login
Main Page
Set Appointment
Submit Appointment transaction
Main Page
View Consult
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
Data Design
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
Data Dictionary
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
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
MYSQL : v5.6.12
PhpMyAdmin : v5.4.16
WAMPSERVER : v2.4
Hardware Specification
Internal Parts:
External Parts:
touch screen
Programming Environment
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
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
hacked by itself.
Figure 22 shows the components used in the system and how they
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
functionality but there are some functions that are difficult for them to
use.
Test Items:
Features to be tested:
Modules
o Administrator
o Personnel
o Patient
o Component
Approach:
Testing Environment:
Summary
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.
Conclusion
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
were sought:
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="mySlides">
<div class="numbertext">2 / 3</div>
<img src="images/prenatal.jpg" style="width:100%; height: 85%;">
</div>
<div class="mySlides">
<div class="numbertext">3 / 3</div>
<img src="images/frenchOB-158-2.jpg" style="width:100%; height:
85%;">
</div>
// Next/previous controls
function plusSlides(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>
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 {
border: 2px solid #ccc;
background-color: white;
border-radius: 5px;
padding: 16px;
margin: 16px 0;
}
<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;
border: 1px solid #ccc;
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;
}
#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;
border: 3px solid #ccc;
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;
display: inline-block;
padding: 3px;
}
.left1 {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
</style>
</div>
</div>
</div>
</div>
<style>
body{
background-color: blue;
}
/* Style the tab content */
.column {
float: left;
width: 50%;
}
3. Main2.php
<?php
require 'server.php';
$header = "";
session_start();
if ($_SESSION['usertype']=="") {
header('location:login.php');
}
$usertype = "";
?>
<head>
<div class="container">
<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>
<div class="div-header">
<div class="dropdown">
<a href="main2.php" style="text-
decoration:none;color:white;"><button
class="dropbtn">Home</button></a>
</div>
<div class="dropdown">
<button class="dropbtn">Add New</button>
<div class="dropdown-content">
<a href="?file=addDoctor">Doctors</a>
<a href="?file=addMidwife">Midwife</a>
<a href="?file=addStaff">Staff</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">List</button>
<div class="dropdown-content">
<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>
<div class="dropdown">
<button class="dropbtn">Accounts</button>
<div class="dropdown-content">
<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 {
background-color: blue;
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
border-left: 1px solid white;
}
.dropbtn1 {
background-color: blue;
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;
display: inline-block;
}
.dropdown1 {
position: relative;
display: inline-block;
float: right;
4. Doctor.php
<?php
require 'server.php';
$header = "";
session_start();
if ($_SESSION['usertype']=="") {
header('location:login.php');
}
$usertype = "";
?>
<!--DOCTOR-->
<head>
<div class="container">
<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>
<div class="div-header">
<div class="dropdown">
<a href="doctor.php" style="text-
decoration:none;color:white;"><button
class="dropbtn">Home</button></a>
</div>
<div class="dropdown">
<button class="dropbtn">Pages</button>
<div class="dropdown-content">
<a href="?file=viewPatient">View Patient</a>
<a href="?file=viewAdmittedPatient">View Admitted Patient</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Check up Patient</button>
<div class="dropdown-content">
<a href="?file=checkUp">Diagnose Patient</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("doctor","viewPatient","viewAdmittedPatient","checkUp","discharge"
);
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 {
background-color: blue;
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
border-left: 1px solid white;
}
.dropbtn1 {
background-color: blue;
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
/* The container <div> - needed to position the drop;down content */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown1 {
position: relative;
display: inline-block;
float: right;
}
</style>
5. staff.php
<?php
require 'server.php';
$header = "";
session_start();
if ($_SESSION['usertype']=="") {
header('location:login.php');
}
$usertype = "";
?>
<head>
<div class="container">
<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>
<div class="div-header">
<div class="dropdown">
<a href="staff.php" style="text-
decoration:none;color:white;"><button
class="dropbtn">Home</button></a>
</div>
<div class="dropdown">
<button class="dropbtn">Pages</button>
<div class="dropdown-content">
<a href="?file=appointment">Appointment</a>
<a href="?file=admission">Admission</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Add New</button>
<div class="dropdown-content">
<a href="?file=addPatient">Patient</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">History</button>
<div class="dropdown-content">
<a href="?file=appointmentRec">View Patient History</a>
<a href="?file=updatePatient">Update Patient</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("updatePatient","appointment","admission","addPatient","admission
Rec","patientRec","appointmentRec","staff","contactUS","register","login")
;
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 {
background-color: blue;
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
border-left: 1px solid white;
}
.dropbtn1 {
background-color: blue;
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
/* The container <div> - needed to position the drop;down content */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown1 {
position: relative;
display: inline-block;
float: right;
}
}
</style>
6. patient.php
<?php
require 'server.php';
$header = "";
session_start();
if ($_SESSION['usertype']=="") {
header('location:login.php');
}
$usertype = "";
?>
<!--DOCTOR-->
<head>
<div class="container">
<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>
<div class="div-header">
<div class="dropdown">
<a href="patient.php" style="text-
decoration:none;color:white;"><button
class="dropbtn">Home</button></a>
</div>
<div class="dropdown">
<button class="dropbtn">Pages</button>
<div class="dropdown-content">
<a href="?file=appointment">Set Appointment</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">History</button>
<div class="dropdown-content">
<a href="?file=appoinmentPat">View Consultation</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("appointment","admission","patient","doctor","appoinmentPat","staff
","admissionRep","contactUS","register","login");
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 {
background-color: blue;
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
border-left: 1px solid white;
}
.dropbtn1 {
background-color: blue;
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
/* The container <div> - needed to position the drop;down content */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown1 {
position: relative;
display: inline-block;
float: right;
}
</style>
7. admission.php
<?php
require 'server.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')");
echo "<script language='javascript'>
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;
font-family:Book Antiqua;
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;
background-color: white;
padding: 5px;
}
</style>
8. appointment.php
<?php
require 'server.php';
$fname = "";
$mname = "";
$lname = "";
$age = "";
$sex = "";
$email = "";
$pnum = "";
$appDate = "";
$nxtappdate = "";
if (isset($_POST['save'])) {
$app = $_POST['app'];
$fname = $_POST['fname'];
$mname = $_POST['mname'];
$lname = $_POST['lname'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$email = $_POST['email'];
$pnum = $_POST['pnum'];
$appDate = $_POST['appDate'];
$nxtappdate = $_POST['nxtappdate'];
if ($_POST['app'] == "") {
echo "<script language='javascript'>
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')");
echo "<script language='javascript'>
window.location = 'staff.php?file=appointment';
alert('Appointment Saved!!');
</script>";
}
}
?>
<center>
<form method="post">
<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;
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;
font-family:Book Antiqua;
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;
background-color: white;
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") {
echo "<script language='javascript'>
window.location = 'main2.php';
alert('Welcome {$usertype}');
</script>";
}elseif ($usertype == "Doctor"){
echo "<script language='javascript'>
window.location = 'doctor.php';
alert('Welcome {$usertype}');
</script>";
}elseif ($usertype=="Staff") {
echo "<script language='javascript'>
window.location = 'staff.php';
alert('Welcome {$usertype}');
</script>";
}else{
echo "<script language='javascript'>
window.location = 'patient.php';
alert('Welcome {$usertype}');
</script>";
}
}else{
echo "<script language='javascript'>
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="container">
<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{
background-image: url(images/heart.png);
background-size: 50%;
}
small{
color: white;
}
body{
margin: 0;
padding: 0;
background-repeat:no-repeat;
background-size: 100%;
font-family: sans-serif;
}.container .left{
float: left;
width: 50%;
height: 700px;
background-size: 100%;
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;
background-size: 150%;
}
.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;
border-bottom: 2px solid blue;
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
require 'server.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';
if ($_SESSION['usertype']=="") {
header('location:login.php');
}
$usertype = $_SESSION['usertype'];
$fname = "";
$mname = "";
$lname = "";
$sex = "";
$age = "";
$address = "";
$birthday = "";
$status = "";
$pNum = "";
$email = "";
$occupation = "";
if (isset($_POST['save'])) {
if ($_POST['fname'] == "") {
echo "<script language='javascript'>
alert('Please Input the Patient Name');
window.location = 'staff.php?file=updatePatient';
</script>";
}else{
$fname = $_POST['fname'];
$mname = $_POST['mname'];
$lname = $_POST['lname'];
$sex = $_POST['sex'];
$age = $_POST['age'];
$address = $_POST['address'];
$birthday = $_POST['birthday'];
$status = $_POST['status'];
$pNum = $_POST['pNum'];
$email = $_POST['email'];
$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);
if(isset($_POST['search'])){
$pID = $_POST['pID'];
$select = "select * from t_patient where patientID = '$pID'";
$select_result = mysqli_query($db, $select);
while ($row = mysqli_fetch_array($select_result)) {
$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>
<form method="post">
<b><label>Patient Information</label></b><br><br><br>
<span><button name ="search" style="width: 20%; padding:
5px; background-color: white">Search</button></span>
<select style="width: 25%;" name="pID" type="text"
placeholder="Patients ID" value = "<?php echo $id;
?>"/><option></option>
<?php
$select=mysqli_query($db, "select * from t_patient");
while ($row=mysqli_fetch_array($select)) {
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"
style="margin-left:35px;"/>
<span/>Sex : <input type="text" name="Hsex" style="margin-
left:35px;"/><br>
<span/>Age : <input type="number" name="Hage"
style="margin-left:35px;"/>
<span/>Address : <input type="text" name="Haddress"
style="margin-left:35px;"/><br>
<span/>Birthday : <input type="date" name="Hbday"
style="margin-left:35px;"/>
<span/>Status : <input type="text" name="Hstatus"
style="margin-left:35px;"/><br>
<span/>Phone Number : <input type="number" name="HpNum"
style="margin-left:35px;"/>
<span/>Email : <input type="text" name="Hemail"
style="margin-left:35px;"/><br>
<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"
style="margin-left:35px;"/>
<span/>Middle Name : <input type="text" name="Gmname"
style="margin-left:35px;"/><br>
<span/>Last Name : <input type="text" name="Glname"
style="margin-left:35px;"/>
<span/>Sex : <input type="text" name="Gsex" style="margin-
left:35px;"/><br>
<span/>Age : <input type="number" name="Gage"
style="margin-left:35px;"/>
<span/>Address : <input type="text" name="Gaddress"
style="margin-left:35px;"/><br>
<span/>Birthday : <input type="date" name="Gbday"
style="margin-left:35px;"/>
<span/>Status : <input type="text" name="Gstatus"
style="margin-left:35px;"/><br>
<span/>Phone Number : <input type="number" name="GpNum"
style="margin-left:35px;"/>
<span/>Email : <input type="text" name="GEmail"
style="margin-left:35px;"/><br>
<span/>Occupation : <input type="text" name="GOccup"
style="margin-left:35px;"/>
<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;
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;
font-family:Book Antiqua;
text-transform: capitalize;
}
#name{
padding:10px;
width:15%;
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;
background-color: white;
padding: 5px;
}
</style>
12. server.php
<?php
$db = mysqli_connect('localhost','root','','despues');
?>
13. discharge.php
<?php
require 'server.php';
if (isset($_POST['data'])) {
$admit = $_POST['admit'];
$name = $_POST['name'];
$physName = $_POST['physName'];
$duedate = $_POST['duedate'];
$delType = $_POST['delType'];
$ddate = $_POST['ddate'];
if ($_POST['delType']=="") {
echo "<script language='javascript'>
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')");
echo "<script language='javascript'>
window.location = 'doctor.php?file=viewAdmittedPatient';
alert('Successfully Saved!!');
</script>";
}
}
?>
<body>
<h1 style="text-align: center">Discharge</h1>
<form method="post">
<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>
<button name="data" id="save_btn" style="width: 20%; padding:
12px; margin-left: 37%;"/>Discharge Patient
</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;
font-family:Book Antiqua;
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;
background-color: white;
padding: 5px;
}
</style>
14. index.css
body{
background-image: url(images/heart.png);
background-size: 100%;
}
/* Style The Dropdown Button */
.dropbtn {
background-color: blue;
color: white;
padding: 20px;
font-size: 16px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
border-left: 1px solid white;
}
.dropbtn1 {
background-color: blue;
color: white;
padding: 15px;
font-size: 15px;
border: none;
cursor: pointer;
margin: 0px;
height: 100%;
}
/* The container <div> - needed to position the drop;down content */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown1 {
position: relative;
display: inline-block;
float: right;
15. login.css
.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: 400px;
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: 400px;
background-size: 100%;
}
.formbox{
width: 70%;
padding: 50px 40px;
height: 240px;
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;
border-bottom: 2px solid blue;
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;
}
#back{
border: none;
outline: none;
height: 40px;
color: white;
background: blue;
cursor: pointer;
width: 100%;
}
#back: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;
}
16. style.css
.title{
text-align: center;
padding: 50px 0px 20px;
}
.title h1{
margin: 0;
padding: 0;
color: blue;
text-transform: uppercase;font-size: 36px;
}
.container{
width: 50%;
height: 400px;
background: white;
margin: 0 auto;
border: 2px solid blue;
box-shadow: 0 15px 40px rgba(0,0,0,.5);
}
.container .right{
float: right;
width: 50%;
height: 400px;
background-size: 100%;
}
.formbox{
width: 70%;
padding: 50px 40px;
height: 240px;
background: white;
}
.formbox p{
margin: 0;
padding: 0;
font-weight: bold;
color: blue;
}
.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;
border-bottom: 2px solid blue;
outline: none;
height: 40px;
}
.formbox input[type ="text"]:focus,
.formbox input[type ="password"]:focus{
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;
font-family:Academy Engraved LET italic;
}
17. slideshow.css
*{
box-sizing: border-box;
}
/* Position the image container (needed to position the left and right
arrows) */
.container {
position: relative;
}
.row:after {
content: "";
display: table;
clear: both;
}
.active,
.demo:hover {
opacity: 1;
}
18. checkup.php
$id = "";
$fname = "";
$mname = "";
$lname = "";
$age = "";
$sex = "";
$email = "";
$pNum = "";
$aPPdate = "";
$appType = "";
if(isset($_POST['search'])){
$pID = $_POST['pID'];
$select = "select * from t_appointment where appdate = '$pID'";
$select_result = mysqli_query($db, $select);
while ($row = mysqli_fetch_array($select_result)) {
$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'];
}
}
if (isset($_POST['data'])) {
$fname = $_POST['fname'];
$mname = $_POST['mname'];
$lname = $_POST['lname'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$email = $_POST['email'];
$pNum = $_POST['pNum'];
$appdate = $_POST['aPPdate'];
$apptype = $_POST['apptype'];
$physiName = $_POST['psyName'];
$diag = $_POST['diag'];
$dueDate = $_POST['dueDate'];
$Prescription = $_POST['presCrip'];
if ($_POST['diag']=="") {
echo "<script language='javascript'>
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')");
echo "<script language='javascript'>
window.location = 'doctor.php?file=checkUp';
alert('Successfully Saved!!');
</script>";
}
}
?>
<body>
<h1 style="text-align: center">Check Up Patient</h1>
<div class="container">
<form method="post">
<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>
<select style="width: 25%;" name="pID" type="text"
placeholder="Patients ID" value = "<?php echo $id;
?>"/><option></option>
<?php
$select=mysqli_query($db, "select * from t_appointment");
while ($row=mysqli_fetch_array($select)) {
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>
<button name="data" id="save_btn" style="width: 20%; padding:
12px; margin-left: 37%;"/>Save
</form>
</div>
</body>
<style>
input,select{
padding:5px;
margin: 10px;
border-radius:10px;
width:40%;
border:1px solid gray;
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%;
background-color: white;
color:black;
border-radius:20px;
font-size: 15px;
margin-left: 1%;
}
#save_btn:active{
background-color:white;
color:black;
}
#cancel_btn{
padding:10px;
width:8%;
background-color:white;
color:blue;
border-radius:20px;
font-size: 15px;
margin-left: 1%;
}
#cancel_btn:active{
background-color:white;
color:black;
}
</style>
1. Sample Input
2. Sample Output
3. Sample Report
Appendix IV. User’s Guide
Main Page
Click Sign Up to
Click Home to go back
create user
at Home Page
Click Top button to
go back on top
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
Step
15:
Step 14: Fill the
Fill the Create
informatio User
n
Step 16:
Click Save to add new
user
Doctor Main Page
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
Step 3:
Click Patient to
add new patient
Staff History
Step 4:
Click to View
Patient History
Step 5:
Click to Update
Patient
Step 1:
Click to choose
appointment type
Step 2:
Click to Search Step 1:
Click to
browse the
appointment
date
Step 3:
Click to Save
admit patient
Appointment
List
Staff Update Patient Information
Step 1:
Click to browse
patient
Step 2:
Discharge Date
Click to Search
Fill all
the data
Note:
The Usertype is
Patient
Main Page for
Patient
Patient Page
Click to Set
Appointment
Patient History
Click to View
Appointment
List
Step 1:
Click to choose
appointment type
Appointment
List
Appendix V. Relevant Document
Appendix VI. Grammarian’s Certification
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
English language.
Signed:
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