INTRODUCTION

1.1 OVERVIEW OF THE PROJECT

 This project is aimed at developing an The project Hospital Management system

includes registration of patients, storing their details into the system. The software has

the facility to give a unique id for every patient and stores the details of every patient .

 The Hospital Management System can be entered using a username and password. It

is accessible either by an administrator .Only they can add data into the database. The

data can be retrieved easily. The interface is very user-friendly. The data are well

protected for personal use and makes the data processing very fast.

 Hospital Management System is powerful, flexible, and easy to use and is designed

and developed to deliver real conceivable benefits to hospitals.

 Hospital Management System is designed for multispecialty hospitals, to cover a wide

range of hospital administration and management processes. It is an integrated end-to-

end Hospital Management System that provides relevant information across the hospital

to support effective decision making for patient care, hospital administration and critical

financial accounting, in a seamless flow.

 Hospital Management System is a software product suite designed to improve the

quality and management of hospital management in the areas of clinical process analysis

and activity-based costing. Hospital Management System enables you to develop your

organization and improve its effectiveness and quality of work. Managing the key

processes efficiently is critical to the success of the hospital helps you manage your

processes.

1.2 MODULE and DESCRIPTION

  Admin Dashboard
 Doctors
 Users
 Patients
 Appointment History
 Contact us Queries
 Doctor Session Logs:
 User Session Logs:
 Reports:
 Patient Search
 User Session Logs

MODULE DESCRIPTION

 Admin Dashboard:
 In this section, admin can view the Patients, Doctors, Appointments and New
queries.
 Doctors:
 In this section, admin can add doctor’s specialization and mange doctors
(Add/Update).
 Users:
 In this section, admin can view users detail(who take online appointment) and
also have right to delete irrelevant user.
 Patients:
 In this section, admin can view patient’s details.
 Appointment History:
 In this section, admin can view appointment history.
 Contact us Queries:
 In this section, admin can view queries which are send by users.
 Doctor Session Logs:
 In this section, admin can see login and logout time of doctor.

 User Session Logs:

 In this section, admin can see login and logout time of user.
  Reports:
 In this section, admin can view reports of patients in particular periods.
 Patient Search:
 In this section, admin can search patient with the help of patient name and
mobile number.
 User Dashboard:
 In this section, patients can view the his/her profile, Appointments and Book
Appointment.
 Book Appointment:
 In this section, Patient can book his/her appointment.
 Appointment History:
 In this section, Patients can see his/her own appointment history.
 Medical History:
 In this section, Patients can see his/her own appointment history.
 Doctor Dashboard:
 In this section, doctor can view his/her own profile and online appointments.
 Appointment History:
 In this section, Doctor can see patient’s appointment history.
 Patients:
 In this section, doctor can manage patients (Add/Update).
 Search:
 In this section, doctor can search patient with the help of patient name and
mobile number.

1.3 SYSTEM SPECIFICATION

It comprises of the requirement details on both hardware and software. The details are
described under the sub headings Hardware specification and Software specification.
1.3.1 HARDWARE SPECIFICATION

Platform : Windows 7

Ram : 2 GB

Hard disk : 250GB

Processor : Intel core i3

1.3.2 SOFTWARE SPECIFICATION

Front end : PHP5.5

Backend : My SQL 5.3

User Interface Design : HTML, CSS

Web Browser : Mozilla, Google Chrome, IE8, OPERA

Software : XAMPP Server

1.4 SOFTWARE FEATURS

1.4.1 FEATURES OF PHP (FRONT END)

PHP is a powerful server-side scripting language for creating dynamic and interactive
websites. PHP widely used; free and efficient alternative to competitors such as Microsoft’s
ASP.PHP is perfectly suited for Web development and can be embedded directly into the
HTML code. The PHP syntax is similar to pearl and C.

PHP is open source that it is readily available and absolutely free. Stability, flexibility and
speed are chief qualities that attract to choose PHP.PHP have multiple extensions and is
extremely scalable.

1.4.2 FEATURES OF MySQL (BACK END)

MySQL are very fast and much reliable for any type of application. MySQL is very
Lightweight application. MySQL command line tool is very powerful and can be used to run
SQL queries against database. MySQL supports indexing and binary objects. It is allowed
changes to structure of table while server is running. MySQL has a wide user base. It is a
very fast thread-based memory allocation system. MySQL code is tested with different
compilers. MySQL is available as a separate program for use in a client/server network
environment. The MySQL available for the most UNIX operating platform.

MySQL are the available for window operating system window NT, window 95, and window
98. MySQL available for OS/2. Programming libraries for C, Python, PHP, Java, Delphi etc.
are available to connect to MySQL database. MySQL is very reliable and high-performance
relational database management system. It can used to store many GB's of data into database.
MySQL source code is available that's why now you can recompile the source code. In the
standard MySQL supports more than twenty different platform including the major Linux
distribution. Mac OS X, UNIX and Microsoft windows.

2 SYSTEM STUDY
2.1 EXISTING SYSTEM
Hospitals currently use a manual system for the management and maintenance of
critical information. The current system requires numerous paper forms, with data stores
spread throughout the hospital management infrastructure. Often information is incomplete or
does not follow management standards. Forms are often lost in transit between departments
requiring a comprehensive auditing process to ensure that no vital information is lost
Multiple copies of the same information exist in the hospital and may lead to inconsistencies
in data in various data stores.

2.1.1 DISADVANTAGES OF EXISTING SYSTEM

• Requires large database.

• The admin has to manually keep updating the information by entering the details in
the system.

• Need Internet connection.

2.2 PROPOSED SYSTEM

The Hospital Management System is designed for any hospital to replace their existing
manual paper based system. The new system is to control the information of patients. Room
availability, staff and operating room schedules and patient invoices. These services are to be
provided in an efficient, cost effective manner, with the goal of reducing the time and
resources currently required for such tasks .
2.2.1 ADVANTAGES OF PROPOSED SYSTEM
• The system automates the manual procedure of managing hospital activities.
• Doctors can view their patients’ treatment records and details easily.
• It even generates an instant bill.
• The system is convenient and flexible to be used.
• It saves their time, efforts, money and resources.
3 SYSTEM DESIGN AND DEVELOPMENT
3.1 INPUT DESIGN
Input design is a part of overall system design. The main objective during the input design is as
given below:
 To produce a cost-effective method of input.
 To achive the highest possible level of accuracy.
 To ensure that the input is acceptable and understood by the user.

INPUT STAGES:
The main input stages can be listed as below:
 Data recording
 Data transcription
 Data conversion
 Data verification
 Data control
 Data transmission
 Data validation
 Data correction

INPUT TYPES:
It is necessary to determine the various types of inputs. Inputs can be categorized as follows:
 External inputs, which are prime inputs for the system.
 Internal inputs, which are user communications with the system.
 Operational, which are computer department‟s communications to the system?
 Interactive, which are inputs entered during a dialogue.
INPUT MEDIA:
At this stage choice has to be made about the input media. To conclude about the input media
consideration has to be given to;
Type of input
 Flexibility of format
 Speed
 Accuracy
 Verification methods
 Rejection rates
 Ease of correction
 Storage and handling requirements
 Security
 Easy to use
 Portability

3.2 DATABASE DESIGN

Software design sits at the technical kernel of the software engineering process and is applied
regardless of the development paradigm and area of application. Design is the first step in the
development phase for any engineered product or system. The designer’s goal is to produce a
model or representation of an entity that will later be built. Beginning, once system
requirement have been specified and analyzed, system design is the first of the three technical
activities -design, code and test that is required to build and verify software

3.2.1 TABLE DESIGN

Admin

Column Type Null Default Links to Comments MIME

id (Primary) int(11) No

username varchar(255) No

password varchar(255) No

updationDate varchar(255) No

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 0 A No
Y

Appointment

Links
Column Type Null Default Comments MIME
to

id (Primary) int(11) No

doctorSpecialization varchar(255) Yes NULL

doctorId int(11) Yes NULL

userId int(11) Yes NULL

consultancyFees int(11) Yes NULL

appointmentDate varchar(255) Yes NULL

appointmentTime varchar(255) Yes NULL

postingDate timestamp Yes current_timestamp()

userStatus int(11) Yes NULL

doctorStatus int(11) Yes NULL

updationDate timestamp Yes NULL

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 5 A No
Y

Doctors

Column Type Null Default Links to Comments MIME

id (Primary) int(11) No

specilization varchar(255) Yes NULL

doctorName varchar(255) Yes NULL

address longtext Yes NULL

docFees varchar(255) Yes NULL

contactno bigint(11) Yes NULL

docEmail varchar(255) Yes NULL

password varchar(255) Yes NULL

creationDate timestamp Yes current_timestamp()

updationDate timestamp Yes NULL

Indexes
Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 9 A No
Y

Doctorslog

Column Type Null Default Links to Comments MIME

id (Primary
int(11) No
)

uid int(11) Yes NULL

username varchar(255) Yes NULL

userip binary(16) Yes NULL

loginTime timestamp Yes current_timestamp()

logout varchar(255) Yes NULL

status int(11) Yes NULL

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 9 A No
Y

DoctorSpecilization

Column Type Null Default Links to Comments MIME

id (Primary) int(11) No

specilization varchar(255) Yes NULL

creationDate timestamp Yes current_timestamp()

updationDate timestamp Yes NULL

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 12 A No
Y

Contactus

Column Type Null Default Links to Comments MIME

id (Primary) int(11) No

fullname varchar(255) Yes NULL

email varchar(255) Yes NULL

contactno bigint(12) Yes NULL

message mediumtext Yes NULL

PostingDate timestamp Yes current_timestamp()

AdminRemark mediumtext Yes NULL

LastupdationDate timestamp Yes NULL

IsRead int(11) Yes NULL

Indexes
Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 4 A No
Y

Medicalhistory

Column Type Null Default Links to Comments MIME

ID (Primary) int(10) No

PatientID int(10) Yes NULL

BloodPressure varchar(200) Yes NULL

BloodSugar varchar(200) No

Weight varchar(100) Yes NULL

Temperature varchar(200) Yes NULL

MedicalPres mediumtext Yes NULL

CreationDate timestamp No current_timestamp()

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No ID 6 A No
Y

Patient

Column Type Null Default Links to Comments MIME

ID (Primary) int(10) No
Docid int(10) Yes NULL

PatientName varchar(200) Yes NULL

PatientContno bigint(10) Yes NULL

PatientEmail varchar(200) Yes NULL

PatientGender varchar(50) Yes NULL

PatientAdd mediumtext Yes NULL

PatientAge int(10) Yes NULL

PatientMedhis mediumtext Yes NULL

CreationDate timestamp Yes current_timestamp()

UpdationDate timestamp Yes NULL

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No ID 4 A No
Y

Userlog

Column Type Null Default Links to Comments MIME

id (Primary
int(11) No
)

uid int(11) Yes NULL

username varchar(255) Yes NULL

userip binary(16) Yes NULL

loginTime timestamp Yes current_timestamp()

logout varchar(255) Yes NULL

status int(11) Yes NULL

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 6 A No
Y

Users

Column Type Null Default Links to Comments MIME

id (Primary) int(11) No

fullName varchar(255) Yes NULL

address longtext Yes NULL

city varchar(255) Yes NULL

gender varchar(255) Yes NULL

email varchar(255) Yes NULL

password varchar(255) Yes NULL

regDate timestamp Yes current_timestamp()

updationDate timestamp Yes NULL

Indexes

Keyname Type Unique Packed Column Cardinality Collation Null Comment

PRIMAR
BTREE Yes No id 0 A No
Y

email BTREE No No email 0 A Yes

3.2.2 ENTITY RELATIONSHIP DIAGRAM

3.2.3 Data Flow Diagram
3.3 CODE DESIGN

Code design sits at the technical kernel of the software engineering process and
is applied regardless of the development paradigm and area of application.
Design is the first step in the development phase for any engineered product or
system. The designer‟s goal is to produce a model or representation of an
entity that will later be built. Beginning, once system requirement have been
specified and analyzed, system design is the first of the three technical
activities -design, code and test that is required to build and verify software.

3.3 OUTPUT DESIGN

Outputs from computer systems are required primarily to communicate the results of processing to
users. They are also used to provides a permanent copy of the results for later consultation. The
various types of outputs in general are:
 External Outputs, whose destination is outside the organization.
 Internal Outputs whose destination is with in organization and they
are the
 User‟s main interface with the computer.
 Operational outputs whose use is purely with in the computer
department.
 Interface outputs, which involve the user in communicating directly
with

4 SYSTEM TESTING AND IMPLEMENTATION

TESTING INTRODUCTION
Testing is carried out after the development of the proposed system. The principle activity of
system development is preparing the source code. In this system the source code is developed
for each module separately. The source code is prepared for master files and they are
compiled and corrected. Then the source code for the transaction files are prepared, compiled
and corrected. Then the modules are combined and corrected as a whole module.
A strategy for software testing must accommodate low-level tests that are necessary to verify
that all small source code segments has been correctly implemented as well as high-level tests
that validate major system functions against customer requirements. Testing is a process of
executing program with the intent of finding error. A good test case is one that has high
probability of finding an undiscovered error. If testing is conducted successfully it uncovers
the errors in the software. Testing cannot show the absence of defects, it can only show that
software defects present. Test configuration includes test plan and test cases and test tools.
TESTING OBJECTIVES
Software Testing has different goals and objectives. The major objectives of Software testing
are as follows:
 Finding defects which may get created by the programmer while developing
the software.
 Gaining confidence in and providing information about the level of quality.
 To prevent defects.
 To make sure that the end result meets the business and user requirements.
 To ensure that it satisfies the BRS that is Business Requirement Specification
and SRS that is System Requirement Specifications.
 To gain the confidence of the customers by providing them a quality product
4.1 Testing methodologies
Testing methodologies are the strategies and approaches used to test a particular product to
ensure it is fit for purpose. Testing methodologies usually involve testing that the product
works in accordance with its specification, has no undesirable side effects when used in ways
outside of its design parameters and worst case will fail-safely (e.g. a nuclear reactor will shut
down on failure).

UNIT TESTING
Unit testing is essential for the verification of the code produced during the coding
phase and hence the goal is to test the internal logic of the modules. Using the detailed design
description as a guide, important paths are tested to uncover errors within the boundary of the
modules. These tests were carried out during the programming stage itself.

INTEGRATION TESTING
Integration testing is a systematic technique for constructing the program structure while at
the same time conducting tests to uncover error associated within the interface. The objective
is to take unit tested modules and build a program structure that has been dictated by design.
All modules are combined in this step. The entire program is tested as whole. And chaos in
interfaces may usually result. A set of errors is encountered in such a case.

VALIDATION TESTING
Here in the validation testing we want to check whether the given conditions to the text box
are working correctly. Because in the name place we want to enter the characters and the
special symbols only we should not enter the numbers in the name field. Here while on
runtime we entered numeric values in the string specified columns of product inwards. It
raises error. In this phase each module has been tested by wrong inputs, for example
Employee Name should be a character as well as their age should be in numbers.

FUNCTIONAL TESTING
The functional testing part of a testing methodology is typically broken down into four
components - unit testing, integration testing, system testing and acceptance testing – usually
executed in this order. Entire system is working properly or not will be tested here, and
specified path connection IS correct or not, and giving output or not are tested here these
verifications and validations are done by giving input values to the system and by comparing
with expected output.

WHITE BOX TESTING

WHITE BOX TESTING (also known as Clear Box Testing, Open Box Testing,
Glass Box Testing, Transparent Box Testing, Code-Based Testing or Structural Testing) is a
software testing method in which the internal structure/design/implementation of the item
being tested is known to the tester. The tester chooses inputs to exercise paths through the
code and determines the appropriate outputs.
Programming know-how and the implementation knowledge is essential. White box testing is
testing beyond the user interface and into the nitty-gritty of a system.
This method is named so because the software program, in the eyes of the tester, is like a
white/transparent box; inside which one clearly sees.
Definition by ISTQB

 White-box testing: Testing based on an analysis of the internal structure of

the component or system.
 White-box test design technique: Procedure to derive and/or select test cases
based on an analysis of the internal structure of a component or system.
BLACK BOX TESTING
Black box testing, also known as Behavioral Testing, is a software testing method in which
the internal structure/design/implementation of the item being tested is not known to the
tester. These tests can be functional or non-functional, though usually functional.
This method is named so because the software program, in the eyes of the tester, is like a
black box; inside which one cannot see. This method attempts to find errors in the following
categories:
 Incorrect or missing functions
 Interface errors
 Errors in data structures or external database access
 Behavior or performance errors
 Initialization and termination errors
Definition by ISTQB
 Black box testing: Testing, either functional or non-functional, without
reference to the internal structure of the component or system.
 Black box test design technique: Procedure to derive and/or select test cases
based on an analysis of the specification, either functional or non-functional, of a
component or system without reference to its internal structure.

Acceptance testing
This testing is done to verify the readiness of the system for the implementation. Acceptance
testing begins when the system is complete. Its purpose is to provide the end user with the
confidence that the system is ready for use. It involves planning and execution of functional
tests, performance tests and stress tests in order to demonstrate that the implemented system
satisfies its requirements. Tools to special importance during acceptance testing include:
Test coverage Analyzer
Records the control paths followed for each test case.
Timing Analyzer
Also called a profiler, reports the time spent in various regions of the code
are areas to concentrate on to improve system performance.
4.3 SYSTEM IMPLEMENTATION
Implementation is the stage in the project where the theoretical design is turned into a
working system and is giving confidence on the new system for the users that it will work
efficiently and effectively. It involves careful planning, investigation of the current system
and its constraints on implementation, design of methods to achieve the change over, an
evaluation of change over methods. Apart from planning major task of preparing the
implementation are education and training of users. The implementation process begins with
preparing a plan for the implementation of the system.
According to this plan, the activities are to be carried out, discussions made regarding the
equipment and resources and the additional equipment has to be acquired to implement the
new system. In network backup system no additional resources are needed. Implementation is
the final and the most important phase. The most critical stage in achieving a successful new
system is giving the users confidence that the new system will work and be effective. The
system can be implemented only after thorough testing is done and if it is found to be
working according to the specification. This method also offers the greatest security since the
old system can take over if the errors are found or inability to handle certain type of
transactions while using the new system. As the part of system testing we execute the
program with the intent of finding errors and missing operations and also a complete
verification to determine whether the objectives are met and the user requirements are
satisfied. The ultimate aim is quality assurance.

5 CONCLUSION
The application works according to the restrictions provided in their respective browsers.
The application satisfies both the company and Customer by eliminating more input. The
speed of the transactions become more enough now.
The Website creation is the web designing project created for displaying the details about the
web portal using the coding languages like Html & Css for designing. The interface are so
designed and channeled the customer can never make any mistake while using the
application, till the time either they save or cancel the current operation all other operations
are blocked.
6 FUTURE ENHANCEMENT
Further enhancements can be made to the application, so that the application functions very
interactive and useful to existing application. The application satisfies both the company and
Customer by eliminating more input. The speed of the transactions become more enough
now.
This project has been successfully developed and interpreted and system was developed
according to the customer requirements. The system produces accurate results and it also
reduces a lot of overheads, which the manual system faced. The information requirements
may still increase in the near future. Any further enhancement can easily accompanied with
the existing module without alteration. In future, instructor details modules can also be
included.

7 BIBLIOGRAPHY

REFERENCE BOOKS:
 Matt Doyle, Beginning PHP 5.3, Published by Wiley Publishing, Inc. 10475
Cross point *Boulevard, Indianapolis, IN 46256.
 Larry Ullman, PHP and MySQL for Dynamic Web Sites Fourth Edition ,
Peach pit Press, 1249 Eighth Street, Berkeley, CA 94710.
 Luke Welling and Laura Thompson PHP and MySQL Web Development
Second Edition, Same Publishing, 201 West 103rd Street, Indianapolis, Indiana
46290.
 Hasin Hayder,Object-Oriented Programming with PHP5 Learn to leverage
PHP5's OOP features to write manageable applications with ease, Published by
Packt Publishing Ltd. 32 Lincoln Road Olton Birmingham, B27 6PA, UK.
 Jack Franklin, query Beginner
write better and more efficient java script with jury, published by Après.
Websites Reference:
 http://www.php.net/manual/en/
 www.w3schools.com
  www.tutorialpoint.com
 www.bootstrap.com
 www.mysql.com

8 APPENDIX

A)SAMPLE SCREEN REPORTS

Home Page
Contact Us

Admin Login

Admin Dashboard
Change Password
Add Doctor Specialization

Add Doctor
Manage Hospital

Doctor Info
Manage Users

View Patient
DOCTOR MANAGE PATIENTS

PATIENTS APPOINTMENT HISTORY

Manage Unread Queries

Manage Read Queries

Query Detail
Doctor Logs

User Logs
Reports

Between Dates Reports

Patient Search
Doctor Login

Doctor Dashboard

Profile
Change Password

Appointment History
Add Patient

Manage Patient
Edit Patient

View Patient Medical history

Search

Forgot Password

Reset Password
User Login

User Dashboard

Edit Profile
Change Password

Book Appointment
Appointment History

Forgot Password

Patient Registration
B) SAMPLE CODING

<?php
include_once('include/config.php');
if(isset($_POST['submit']))
{
$fname=$_POST['full_name'];
$address=$_POST['address'];
$city=$_POST['city'];
$gender=$_POST['gender'];
$email=$_POST['email'];
$password=md5($_POST['password']);
$query=mysql_query("insert into users(fullname,address,city,gender,email,password)
values('$fname','$address','$city','$gender','$email','$password')");
if($query)
{
echo "<script>alert('Successfully Registered. You can login now');</script>";
}
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
<title>User Registration</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="" name="description" />
<meta content="" name="author" />
<link href="http://fonts.googleapis.com/css?
family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|
Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/fontawesome/css/font-
awesome.min.css">
<link rel="stylesheet" href="vendor/themify-icons/themify-icons.min.css">
<link href="vendor/animate.css/animate.min.css" rel="stylesheet"
media="screen">
<link href="vendor/perfect-scrollbar/perfect-scrollbar.min.css"
rel="stylesheet" media="screen">
<link href="vendor/switchery/switchery.min.css" rel="stylesheet"
media="screen">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/plugins.css">
<link rel="stylesheet" href="assets/css/themes/theme-1.css"
id="skin_color" />
 </head>

<body class="login">
<!-- start: REGISTRATION -->
<div class="row">
<div class="main-login col-xs-10 col-xs-offset-1 col-sm-8 col-sm-
offset-2 col-md-4 col-md-offset-4">
<div class="logo margin-top-30">
<img src="assets/images/logo.png" alt="Clip-Two"/>
</div>
<!-- start: REGISTER BOX -->
<div class="box-register">
<form name="registration" id="registration"
method="post">
<fieldset>
<legend>
Sign Up
</legend>
<p>
Enter your personal details
below:
</p>
<div class="form-group">
<input type="text" class="form-
control" name="full_name" placeholder="Full Name" required>
</div>
<div class="form-group">
<input type="text" class="form-
control" name="address" placeholder="Address" required>
 </div>
<div class="form-group">
<input type="text" class="form-
control" name="city" placeholder="City" required>
</div>
<div class="form-group">
<label class="block">
Gender
</label>
<div class="clip-radio radio-
primary">
<input type="radio"
id="rg-female" name="gender" value="female" >
<label for="rg-female">
Female
</label>
<input type="radio"
id="rg-male" name="gender" value="male">
<label for="rg-male">
Male
</label>
</div>
</div>
<p>
Enter your account details below:
</p>
<div class="form-group">
<span class="input-icon">
<input type="email"
class="form-control" name="email" id="email" onBlur="userAvailability()"
placeholder="Email" required>
 <i class="fa fa-
envelope"></i> </span>
<span id="user-
availability-status1" style="font-size:12px;"></span>
</div>
<div class="form-group">
<span class="input-icon">
<input type="password"
class="form-control" id="password" name="password" placeholder="Password" required>
<i class="fa fa-lock"></i>
</span>
</div>
<div class="form-group">
<span class="input-icon">
<input type="password"
class="form-control" name="password_again" placeholder="Password Again" required>
<i class="fa fa-lock"></i>
</span>
</div>
<div class="form-group">
<div class="checkbox clip-check
check-primary">
<input type="checkbox"
id="agree" value="agree">
<label for="agree">
I agree
</label>
</div>
</div>
<div class="form-actions">
<p>
Already have an account?
 <a href="user-
login.php">
Log-in
</a>
</p>
<button type="submit"
class="btn btn-primary pull-right" id="submit" name="submit">
Submit <i class="fa fa-
arrow-circle-right"></i>
</button>
</div>
</fieldset>
</form>
<div class="copyright">
&copy; <span
class="current-year"></span><span class="text-bold text-uppercase"> HMS</span>.
<span>All rights reserved</span>
</div>
</div>
</div>
</div>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/modernizr/modernizr.js"></script>
<script src="vendor/jquery-cookie/jquery.cookie.js"></script>
<script src="vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="vendor/switchery/switchery.min.js"></script>
<script src="vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/login.js"></script>
<script>
 jQuery(document).ready(function() {
Main.init();
Login.init();
});
</script>

<script>
function userAvailability() {
$("#loaderIcon").show();
jQuery.ajax({
url: "check_availability.php",
data:'email='+$("#email").val(),
type: "POST",
success:function(data){
$("#user-availability-status1").html(data);
$("#loaderIcon").hide();
},
error:function (){}
});
}
</script>

</body>
<!-- end: BODY -->
</html>

B) SAMPLE CODING
APPOINTENT HISTORY
<?php
session_start();
//error_reporting(0);
include('include/config.php');
include('include/checklogin.php');
check_login();
if(isset($_GET['cancel']))
{
mysql_query("update appointment set userStatus='0' where id = '".
$_GET['id']."'");
$_SESSION['msg']="Your appointment canceled !!";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>User | Appointment History</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="" name="description" />
<meta content="" name="author" />
<link href="http://fonts.googleapis.com/css?
family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|
Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/fontawesome/css/font-
awesome.min.css">
<link rel="stylesheet" href="vendor/themify-icons/themify-icons.min.css">
 <link href="vendor/animate.css/animate.min.css" rel="stylesheet"
media="screen">
<link href="vendor/perfect-scrollbar/perfect-scrollbar.min.css"
rel="stylesheet" media="screen">
<link href="vendor/switchery/switchery.min.css" rel="stylesheet"
media="screen">
<link href="vendor/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css"
rel="stylesheet" media="screen">
<link href="vendor/select2/select2.min.css" rel="stylesheet" media="screen">
<link href="vendor/bootstrap-datepicker/bootstrap-
datepicker3.standalone.min.css" rel="stylesheet" media="screen">
<link href="vendor/bootstrap-timepicker/bootstrap-timepicker.min.css"
rel="stylesheet" media="screen">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/plugins.css">
<link rel="stylesheet" href="assets/css/themes/theme-1.css"
id="skin_color" />
</head>
<body>
<div id="app">
<?php include('include/sidebar.php');?>
<div class="app-content">

<?php include('include/header.php');?>
<!-- end: TOP NAVBAR -->
<div class="main-content" >
<div class="wrap-content container" id="container">
<!-- start: PAGE TITLE -->
<section id="page-title">
<div class="row">
<div class="col-sm-8">
 <h1
class="mainTitle">User | Appointment History</h1>

</div>
<ol class="breadcrumb">
<li>
<span>User
</span>
</li>
<li class="active">

<span>Appointment History</span>
</li>
</ol>
</div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: BASIC EXAMPLE -->
<div class="container-fluid container-fullw bg-
white">

<div class="row">
<div class="col-md-12">

<p style="color:red;"><?
php echo htmlentities($_SESSION['msg']);?>
<?php echo
htmlentities($_SESSION['msg']="");?></p>
<table class="table table-
hover" id="sample-table-1">
<thead>
<tr>
 <th
class="center">#</th>
<th
class="hidden-xs">Doctor Name</th>

<th>Specialization</th>

<th>Consultancy Fee</th>

<th>Appointment Date / Time </th>

<th>Appointment Creation Date </th>

<th>Current Status</th>

<th>Action</th>

</tr>
</thead>
<tbody>
<?php
$sql=mysql_query("select doctors.doctorName as docname,appointment.* from appointment
join doctors on doctors.id=appointment.doctorId where appointment.userId='".
$_SESSION['id']."'");
$cnt=1;
while($row=mysql_fetch_array($sql))
{
?>

<tr>
<td
class="center"><?php echo $cnt;?>.</td>
<td
class="hidden-xs"><?php echo $row['docname'];?></td>
 <td><?php echo $row['doctorSpecialization'];?></td>

<td><?php echo $row['consultancyFees'];?></td>

<td><?php echo $row['appointmentDate'];?> / <?php echo

$row['appointmentTime'];?>

</td>

<td><?php echo $row['postingDate'];?></td>

<td>
<?php if(($row['userStatus']==1) && ($row['doctorStatus']==1))
{
echo "Active";
}
if(($row['userStatus']==0) && ($row['doctorStatus']==1))
{
echo "Cancel by You";
}

if(($row['userStatus']==1) && ($row['doctorStatus']==0))

{
echo "Cancel by Doctor";
}
?
></td>
<td
>

<div class="visible-md visible-lg hidden-sm hidden-xs">

 <?php if(($row['userStatus']==1) &&
($row['doctorStatus']==1))
{ ?>
<a href="appointment-history.php?id=<?php echo $row['id']?>&cancel=update"
onClick="return confirm('Are you sure you want to cancel this appointment ?')"class="btn
btn-transparent btn-xs tooltips" title="Cancel Appointment" tooltip-placement="top"
tooltip="Remove">Cancel</a>
<?php } else {

echo "Canceled";
} ?>

</div>

<div class="visible-xs visible-sm hidden-md hidden-lg">

<div class="btn-group" dropdown is-open="status.isopen">

<button type="button" class="btn btn-primary btn-o btn-sm dropdown-toggle"

dropdown-toggle>

<i class="fa fa-cog"></i>&nbsp;<span class="caret"></span>

</button>

<ul class="dropdown-menu pull-right dropdown-light" role="menu">

<li>

<a href="#">

Edit

</a>

</li>
 <li>

<a href="#">

Share

</a>

</li>

<li>

<a href="#">

Remove

</a>

</li>

</ul>

</div>

</div></td>
</tr>

<?php
$cnt=$cnt+1;
}?>

</tbody>
</table>
 </div>
</div>
</div>

<!-- end: BASIC EXAMPLE -->

<!-- end: SELECT BOXES -->

</div>
</div>
</div>
<!-- start: FOOTER -->
<?php include('include/footer.php');?>
<!-- end: FOOTER -->

<!-- start: SETTINGS -->

<?php include('include/setting.php');?>

<!-- end: SETTINGS -->

</div>
<!-- start: MAIN JAVASCRIPTS -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/modernizr/modernizr.js"></script>
<script src="vendor/jquery-cookie/jquery.cookie.js"></script>
<script src="vendor/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="vendor/switchery/switchery.min.js"></script>
<!-- end: MAIN JAVASCRIPTS -->
<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
<script src="vendor/maskedinput/jquery.maskedinput.min.js"></script>
 <script src="vendor/bootstrap-touchspin/jquery.bootstrap-
touchspin.min.js"></script>
<script src="vendor/autosize/autosize.min.js"></script>
<script src="vendor/selectFx/classie.js"></script>
<script src="vendor/selectFx/selectFx.js"></script>
<script src="vendor/select2/select2.min.js"></script>
<script
src="vendor/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script
src="vendor/bootstrap-timepicker/bootstrap-timepicker.min.js"></script>
<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
<!-- start: CLIP-TWO JAVASCRIPTS -->
<script src="assets/js/main.js"></script>
<!-- start: JavaScript Event Handlers for this page -->
<script src="assets/js/form-elements.js"></script>
<script>
jQuery(document).ready(function() {
Main.init();
FormElements.init();
});
</script>
<!-- end: JavaScript Event Handlers for this page -->
<!-- end: CLIP-TWO JAVASCRIPTS -->
</body>
</html>