GUJARAT TECHNOLOGICAL UNIVERSITY

Chandkheda, Ahmedabad

Apollo Institute of Engineering and technology

Under the Subject

Responsive web page design
(4330705)
A project on

Hospital Management System

Submitted By
Himanshu Raykuvad 214550307041

Vraj Patel 214550307042

Aayush Chelani 214550307043

Yash Korat 214550307044

Department:-Computer Engineering

Guided By

Prof. Jadeja Poonam

(Internal Guide)

Academic Year
(2022-23)

pg. 1
Prerequisites

1. Install XAMPP web server

2. Any Editor (Preferably VS Code or Sublime Text)
3. Any web browser with latest version

Languages and Technologies used

1. HTML5/CSS3
2. JavaScript (to create dynamically updating content)
3. Bootstrap (An HTML, CSS, and JS library)
4. XAMPP (A web server by Apache Friends)
5. Php
6. MySQL (An RDBMS that uses SQL)
7. TCPDF (to generate PDFs)

Steps to run the project in your machine

1. Download and install XAMPP in your machine

2. Clone or download the repository
3. Extract all the files and move it to the 'htdocs' folder of your XAMPP directory.
4. Start the Apache and Mysql in your XAMPP control panel.
5. Open your web browser and type 'localhost/phpmyadmin'
6. In phpmyadmin page, create a new database from the left panel and name it as 'myhmsdb'
7. Import the file 'myhmsdb.sql' inside your newly created database and click ok.
8. Open a new tab and type 'localhost/foldername' in the url of your browser
9. Hurray! That's it!

SOFTWARES USED
• XAMPP was installed on the Ubuntu 19.04 machine and APACHE2 Server and MySQL were initialized.
And, files were built inside opt/lampp/htdocs/myhmsp
• Sublime Text 3.2 was used as a text editor.
• Google Chrome Version 77.0.3865.90 was used to run the project (localhost/myhmsp was used as the
url).

Starting Apache And MySQL in XAMPP:

The XAMPP Control Panel allows you to manually start and stop Apache and MySQL. To start
Apache or MySQL manually, click the ‘Start’ button under ‘Actions’.

pg. 2
GETTING INTO THE PROJECT:

Hospital Management System in php and mysql. This system has a ‘Home’ page from where
the patient, doctor & administrator can login into their accounts by toggling the tabs
accordingly. Fig 1.1 shows the ‘Home’ page of our project.

'About Us' page (Fig 1.2) allows us to get some more information about the quality and the services of the
hospital.

pg. 3
‘Contact’ page allows users to provide feedback or queries about the services of the hospital. Fig 1.3 shows
the ‘Contact’ page.

pg. 4
The ‘Home’ page consists of 3 modules:

1. Patient Module
2. Doctor Module
3. Admin Module

Patient Module:
This module allows patients to create their account, book an appointment to see a doctor
and see their appointment history. The registration page(in the home page itself) asks patients
to enter their First Name, Last Name, Email ID, Contact Number, Password and radio buttons to
select their gender.

Once the patient has created his/her own account after clicking the ‘Register’ button, then he will be
redirected to his/her Dashboard(Fig 1.5).

pg. 5
he Dashboard page allows patients to perform two operations:

1. Book his/her appointment:

Here, the patients can able to book their appointments to see a doctor. The appointment
form(Fig 1.6) requires patients to select the doctor that they want to see, Date and Time that
they want to meet with the doctor. The consultancy fee will be shown accordingly to the
patient as it was already determined by the doctor.

pg. 6
After clicking on the ‘Create new entry’ button, the patient will receive an alert that acknowledges the
successful appointment of the patient.(See Fig 1.7)

2. View patients’ Appointment History:

Here, the patient can see their appointment history which contains Doctor Name,
Consultancy Fee, Appointment Date and Time.(See Fig 1.8).

nce the patient has logged out of his account, if he wants to go into his account again, he can login his
account, instead of register his account again. Fig 1.9 shows the login page. Clicking on ‘Login’ button will
redirect the patient to his dashboard page which we have seen earlier (Fig 1.5)

pg. 7
This is how the patient module works. On the whole, this module allows patients to register
their account or login their account(if he/she has one), book an appointment and view his/her
appointment history.

Admin Module:
This module is the heart of our project where an admin can see the list of all patients.
Doctors and appointments and the feedback/queries received from the ‘Contact’ page. Also
admin can add doctor too. Login into admin account can be done by toggling into admin
tab of the Home page. Fig 1.13 shows the login page for admin. username: admin, password:
admin123

pg. 8
On clicking the ‘Login’ button, the admin will be redirected to his/her dashboard as shown in
Fig 1.14.

This module allows admin to perform five major operations:

1. View the list of all patients registered:

pg. 9
Admin can able to view all the patients registered. This includes the patients’ First Name,
Last Name, Email ID, Contact Number and Password. (See Fig 1.15).As like in doctor module,
admin can also search for a patient by their contact number in the search box.

2. View the list of all doctors registered:

Details of the doctors can also be viewed by the admin. This details include the Name of
the doctor, Password, Email and Consultancy fees, shown in Fig 1.16. Searching for a doctor can
be done by using the doctor’s Email ID in the search box.

pg. 10
3. View the Appointment lists:

Admin can also able to see the entire details of the appointment that shows the
appointment details of the patients with their respective doctors. This includes the First Name,
Last Name, Email and Contact Number of patients, doctor’s name, Appointment Date, Time and
the Consultancy Fees. (See Fig 1.17).

pg. 11
4. Add Doctor:

Admin alone can add a new doctor since anyone can register as a doctor if we put this
section on the home page. This form asks Doctor’s Name, Email ID, Password and his/her
Consultancy Fees.(See Fig 1.18)

After adding a new doctor, if we check the doctor’s list, we will see the details of new doctor is
added to the list as shown in the Fig 1.19

5. View User’s feedback/Queries:

pg. 12
Admin is allowed to view the feedback/Query that has been given by the user in the
‘Contact’ page (Refer Fig 1.3). This includes User’s Name, Email Id, Contact Number and the
message(Feedback/ Query) as shown in the Fig 1.20.

Taking everything into consideration, admin can able to view the details of patients and
doctors, appointment details, Feedback by the user and can add a new doctor. Once everything
is done, the admin can logout from his account.

Thanks for watching this

microproject.

pg. 13