HEALTH CARE ACCESS PORTAL

A PROJECT REPORT

Submitted in partial fulfillment of the requirements for the award of the degree of

Bachelor of Technology
in
COMPUTER SCIENCE and DATA SCIENCE

BY

S. RAM SAI B. CHANDINI

(22331A4446) (22331A4404)

K.LOHITH SATYAM NAIDU

(23331A4424)

Under the Supervision

of
Mr.S.Papa Rao
ASSISTANT
PROFESSOR

1|Page
 DEPARTMENT OF DATA ENGINEERING

MVGR COLLEGEOF ENGINEERING

(Autonomous) VIZIANAGARAM- 535005, AP (INDIA)
(Accredited by NBA, NAAC, and Permanently Affiliated to Jawaharlal
NehruTechnological University Kakinada)

CERTIFICATE

This is to certify that the project report entitled HEALTH CARE ACCESS PORTAL
being submitted by SRIPATHI RAM SAI, BANKURU CHANDINI,
KANTUBHUKTHA LOHITH SATYAM NAIDU bearing roll numbers 22331A4446,
22331A4404, 22331A4424 respectively, in partial fulfillment for the award of the degree
of “Bachelor of Technology” in Computer Science with Data Science is a record of
Bonafide work done by them under my supervision during the academic year 2022-2026.

Dr. P.Sateesh Mr. S.Papa Rao

Head of the Department Assistant Professor
Dept. of Data Engineering Dept. of Data Engineering
 ACKNOWLEDGEMENTS

We place on record and warmly acknowledge the continuous encouragement,

invaluable supervision, timely suggestions and inspired guidance offered by our guide
Mr.S.Papa Rao Assistant Professor, Department of Computer Science and Data
Science MVGR College of Engineering in bringing this report to a successful
completion.
We consider it out privilege to express our deepest gratitude to Dr. P,Sateesh,
Head of the Department for his valuable suggestions and constant motivation that
greatly helped the project work to get successfully completed.

1|Page
 INDEX

S.No. TITLE Pg.No.

1. Introduction 3-3
2. Study of the existing work/ Literature Review 3-4
3. Requirement specification 4-6
4. Methodology 7-12
5. Code snipets 12-29

6. Results 29-33
7. Conclusion and Feature scope 34-34
8. References 35-35

2|Page
INTRODUCTION:

In today's rapidly evolving digital landscape, the healthcare sector is increasingly leveraging
technology to enhance patient care and streamline operations. One of the most impactful
advancements is the adoption of online appointment systems, which allow patients to easily
schedule appointments, access health information, and communicate with healthcare
providers. This project focuses on developing a hospital online appointment system, designed
to address common challenges in patient management and optimize healthcare delivery.

The primary aim of this system is to provide a user-friendly platform for both patients and
healthcare providers. Patients can conveniently book appointments, view doctor profiles,
receive automated reminders, and access their medical records securely. Healthcare
providers, in turn, benefit from an organized system that reduces administrative tasks and
helps them manage their schedules effectively. With features like appointment booking,
digital health records, and feedback mechanisms, this system enhances the patient experience
and promotes efficient resource allocation.

By integrating these functionalities, the project not only strives to improve operational
efficiency within hospitals but also to empower patients with easy, accessible healthcare
services.
STUDY OF THE EXISTING WORK / LITERATURE REVIEW:

As healthcare institutions increasingly transition to digital solutions, online appointment

systems have become a focal point for improving patient experience and optimizing clinical
workflows. Existing research and implementations highlight the critical role that these systems
play in healthcare management, streamlining patient scheduling, and reducing wait times.

Traditional Appointment Systems

Historically, appointment scheduling in hospitals relied on manual booking, requiring patients
to either call or visit the hospital physically. This process often led to long wait times, high
administrative workloads, and potential scheduling errors. Although some hospitals adopted
basic digital booking systems, these were often limited in functionality and lacked integration
with other health services, limiting their effectiveness.

Current Online Appointment Systems

Modern online appointment systems have transformed patient-provider interactions by
allowing for direct booking, automated reminders, and seamless communication. Systems like
3|Page
Zocdoc and Practo have set a benchmark by enabling patients to view doctor profiles, check
availability, and book appointments in real-time. Studies indicate that such systems reduce
patient wait times, improve appointment adherence, and enhance patient satisfaction by
providing a more transparent booking process.

Key Components in Literature

Research studies underscore several essential components of effective online appointment
systems:

Ease of Access: A user-friendly interface allowing patients to book appointments and view
records effortlessly.
Data Security and Privacy: Protecting patient information through robust security measures
and compliance with health regulations like HIPAA is a core requirement.
Integration with Health Records: Studies highlight that integrating digital health records within
these systems helps providers access complete patient histories, improving diagnosis and
treatment planning.
Feedback Mechanisms: Including feedback and rating options enables hospitals to assess
service quality and fosters continuous improvement.
Challenges and Limitations
Despite their advantages, online appointment systems also face certain challenges. Key issues
include patient reluctance to adopt digital systems, especially among older demographics, and
concerns around data privacy. Additionally, some systems lack scalability, leading to issues as
patient volume increases. Literature suggests that incorporating flexible and scalable
architecture and providing digital literacy support can help address these limitations.

In summary, existing research and solutions reveal a strong demand for comprehensive online
appointment systems that facilitate efficient scheduling, protect patient data, and provide a
seamless user experience. By studying these existing works, our project aims to develop a
hospital online appointment system that combines the strengths of current solutions while
addressing common challenges. This study provides a foundation for building a system that
enhances the patient journey and supports healthcare providers in delivering quality care.

REQUIREMENT SPECIFICATION:

a. Need for the Project:

The demand for healthcare services that prioritize convenience, accessibility, and efficiency
has significantly increased in the digital era. Traditional appointment scheduling methods,
often reliant on phone or in-person bookings, are no longer sufficient to meet the needs of
modern patients or healthcare providers. Patients increasingly expect quick, convenient, and

4|Page
flexible ways to access healthcare services, while hospitals seek solutions that reduce
administrative burdens, optimize schedules, and improve patient flow.

An online appointment system is essential to address these needs, providing a digital platform
where patients can easily book appointments, receive reminders, access health records, and
give feedback. The system streamlines hospital workflows and enhances patient satisfaction by
making healthcare more accessible and organized.
b. Flaws in the Existing System:
1)Inconvenience and Accessibility Issues
Traditional appointment systems often require patients to visit or call the hospital to schedule
appointments, which can be time-consuming and inconvenient, especially for those with
limited mobility or residing in remote areas. This reliance on manual processes limits patient
accessibility and flexibility.

2)Long Wait Times and Overbooking

Due to inefficient scheduling, patients often face long wait times or overbooked schedules.
This lack of real-time data on appointment slots leads to crowded waiting rooms and delays,
impacting patient satisfaction and doctor efficiency.

3)High Administrative Workload

Hospitals using traditional scheduling methods must rely on administrative staff to book
appointments, send reminders, and manage patient schedules manually. This increases the
workload, leading to potential errors in scheduling and resource allocation.

4)Lack of Patient Engagement and Feedback

Many current systems lack options for patients to provide feedback on their experience,
limiting hospitals' ability to gather insights and improve services. This gap can result in missed
opportunities for enhancing patient satisfaction and care quality.

5)Security and Privacy Concerns

With limited security measures in place, traditional systems may expose patient information to
privacy risks. Data breaches or unauthorized access to sensitive health records are concerns
that can erode trust between patients and healthcare providers.

c. Advancements from the Existing System:

1)Convenient Online Access
The new system allows patients to schedule, modify, and cancel appointments online, making
the process more accessible and flexible. Patients can check real-time availability and select
times that work best for them, eliminating the need to call or visit the hospital.

5|Page
2)Automated Reminders and Notifications
By incorporating automated email and SMS reminders, the system helps reduce missed
appointments and ensures patients are well-informed about their scheduled visits. This
enhancement benefits both patients, who avoid missed appointments, and hospitals, which
experience more efficient scheduling.

3)Digital Health Records

The system integrates patients' health records, allowing them to access medical history, test
results, and prescriptions securely. This feature facilitates continuity of care, making it easier
for patients to stay informed and engaged in their healthcare journey.

4)Feedback and Rating Mechanism

Patients can provide feedback and ratings after their appointments, enabling hospitals to
monitor patient satisfaction and improve services. This feedback mechanism is invaluable for
quality assurance and aligns with patient-centered care approaches.

5)Enhanced Security and Privacy

The system ensures that patient data is protected through robust encryption, authentication,
and authorization protocols. Compliance with healthcare data privacy standards like HIPAA
safeguards sensitive information and builds patient trust in the digital system.

d. Target Audience:
1)Patients
The primary audience for this system includes patients who seek convenient and accessible
healthcare services. The system is especially beneficial for busy individuals, elderly patients,
and those living in remote areas who can now easily access scheduling services and
healthcare records from anywhere.

2)Healthcare Providers (Doctors and Specialists)

Healthcare providers benefit from an organized system that offers real-time access to
appointment schedules and patient records, allowing them to manage their time effectively
and prepare for each patient visit.

3)Hospital Administrative Staff

By automating scheduling and reducing manual tasks, the system alleviates the workload for
hospital administrative staff. They gain a streamlined system to manage patient appointments,
send reminders, and access patient records, enabling them to focus on other essential duties.

4)Hospital Management
For hospital administrators and managers, this system provides insights into hospital
efficiency and resource allocation, allowing them to make data-driven decisions. Feedback
and rating features also offer a means to assess service quality and implement improvements.

6|Page
5)IT and Security Teams
IT and security teams are responsible for maintaining the system's infrastructure and ensuring
that it adheres to data privacy and security regulations. They play a key role in protecting
patient data and keeping the system operational and secure.

METHODOLOGY

a. Model:
1)Requirement Gathering and Analysis
In this phase, the needs of patients, doctors, and hospital administrative staff are analyzed to
define requirements for each module:

Appointment Booking Module: Allows patients to view available time slots and schedule
appointments.
Doctor Profiles Module: Provides profiles with details on doctors’ specialties, qualifications,
and availability.
Automated Reminders Module: Sends reminders to patients for upcoming appointments.
Digital Health Records Module: Provides patients with secure access to their medical history,
test results, and prescriptions.
Feedback and Ratings Module: Enables patients to give feedback on their appointments,
helping others make informed decisions.

2)Modular System Design

The system design involves developing a flexible architecture where each module functions
independently yet integrates seamlessly. The design includes:

3)Database Design: Structured to store patient and doctor details, health records, appointment
schedules, feedback, and notifications securely.
User Interface (UI) Design: Ensures a user-friendly interface for each module, tailored to
both patients and healthcare providers.
Security Framework: Employs robust encryption and authentication protocols to safeguard
patient data, aligning with healthcare privacy regulations.

4)Sprint-Based Modular Development

7|Page
In each sprint, one or more modules are developed and tested as standalone features. This
allows the team to manage the complexity of each module and ensure high quality. Example
sprint breakdown:

Sprint 1: Development and testing of the Appointment Booking Module.

Sprint 2: Development and testing of the Doctor Profiles Module and integration with the
booking system.
Sprint 3: Development of Automated Reminders Module, integrated with booking data.
Sprint 4: Development of Digital Health Records Module, focusing on data security and
accessibility.
Sprint 5: Development of Feedback and Ratings Module, allowing patients to provide post-
appointment feedback.

5)Testing and Quality Assurance

Testing is performed at the end of each sprint to verify the functionality and reliability of each
module, ensuring they work individually and as part of the integrated system. Key testing
methods include:

Unit Testing: For each feature within a module, such as booking or reminders.
Integration Testing: To ensure modules work together and data flows correctly across them.
User Acceptance Testing (UAT): Engages end-users—patients, doctors, and admin staff—to
validate the system’s usability and effectiveness.
Deployment and Implementation
Once all modules have been developed and tested, the system is deployed in the hospital
environment. Training is provided to hospital staff and healthcare providers to familiarize
them with the platform, ensuring smooth adoption and usability.

6)Feedback Collection and Iterative Improvement

After deployment, feedback is collected from patients, doctors, and administrative staff,
identifying potential improvements and fine-tuning the system. Agile’s iterative nature
enables ongoing enhancements based on real-time user feedback.

This methodology section demonstrates a comprehensive and structured approach to

developing your hospital online appointment system, highlighting the modular and Agile-
driven structure as essential for managing the project’s complexity and achieving high-
quality, user-centered results.

8|Page
b. Flow Diagram of the work:

c. Description of Technology:
The HEALTH CARE ACCESS PORTAL platform leverages a combination of front-end and
back-end technologies, along with a robust database solution, to create a seamless and efficient
user experience. Below is a detailed description of each technology used in the project.

Front-End Technologies:

1. HTML (Hyper Text Markup Language):

9|Page
 HTML is the foundational markup language used to structure the content of web pages.
It enables the creation of elements like headings, paragraphs, links, images, and forms,
which are essential for user interaction within the HEALTH CARE ACCESS PORTAL
platform.

2. CSS (Cascading Style Sheets):

CSS is used to style the HTML elements, allowing for the customization of layouts,
colors, fonts, and overall aesthetics of the platform. By utilizing CSS, HEALTH CARE
ACCESS PORTAL ensures a visually appealing and user-friendly interface that
enhances the user experience.

3. JavaScript (JS):
JavaScript is a dynamic scripting language that enables interactive features on web
pages. In HEALTH CARE ACCESS PORTAL, it is used for client-side validation,
asynchronous data fetching (through AJAX), and enhancing user interactions (e.g.,
handling form submissions and providing real-time updates).

Back-End Technologies:

1. Python:
Python is a high-level, interpreted programming language known for its readability and
simplicity. It has a vast ecosystem of libraries and frameworks, making it suitable for
various applications, used in web development .

2. Django:
Django is a high-level web framework built on Python that encourages rapid
development and clean, pragmatic design. It follows the model-template-views (MTV)
architectural pattern.Django plays an vital role in our HEALTH CARE ACCESS
PORTAL project.

Database Technology:

1. SQLite:
SQLite is a widely used relational database management system (RDBMS) that stores
and manages the data for the HEALTH CARE ACCESS PORTAL platform. It provides
robust data integrity, security, and scalability, ensuring that all lost and found item
records, user profiles, and communication logs are efficiently organized and easily
accessible.

d. Software and Hardware Requirements:

10 | P a g e
To ensure the successful development, deployment, and operation of the GOTIT platform, both
software and hardware requirements must be met. Below is a detailed overview of the
necessary specifications.

Software Requirements:

1. Front-End Technologies:

o Web Browser:
A modern web browser (such as Google Chrome, Mozilla Firefox, or
Microsoft Edge) for testing and accessing the GOTIT platform.

o HTML/CSS/JavaScript:
No specific installation is required, but a code editor (e.g., Visual Studio Code,
Sublime Text) is recommended for development.

2. Back-End Technologies:

o Database Management System:

SQLite for managing the database.

o Django:
Django is a powerful and versatile python web framework that simplifies the
process of building comppex web applications.

Hardware Requirements:

1. Development Machine:

o Processor:
Dual-core processor or higher (Intel i5 or equivalent).
o RAM:
Minimum of 8 GB RAM recommended for smooth performance during
development.
o Storage:
At least 256 GB SSD for faster data access and application loading times.

11 | P a g e
 o Operating System:
Windows 10, macOS Mojave (or later), or a Linux distribution (Ubuntu,
CentOS, etc.).
o
2. Server Requirements for Deployment:

o Cloud Hosting or Local Server:

A cloud server (e.g., AWS, Heroku, DigitalOcean) or local server with:
▪ Processor:
Minimum of a quad-core processor for handling multiple requests.
▪ RAM:
At least 16 GB RAM to accommodate multiple users.
▪ Storage:
1 TB SSD for database and application storage, with options for
scaling as needed.
▪ Operating System:
Linux-based OS (Ubuntu preferred) for optimal performance with
Node.js and MySQL.

3. Network Requirements:

o Internet Connection:
A stable and high-speed internet connection is essential for hosting the
platform, especially if using cloud services.

o Firewall and Security:

Proper firewall settings and security protocols to protect the server and data
from unauthorized access.

By fulfilling these software and hardware requirements, the GOTIT platform will be able to
operate effectively, ensuring a reliable and user-friendly experience for students and staff in
managing lost and found items on campus.

Codesnipets:
HTML:
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>

12 | P a g e
 <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doctor Appointment System</title>
<link rel="stylesheet" href="{% static 'css/styles.css' %}"> <!-- Link to the external CSS
file -->
</head>
<body>
<!-- Header Section -->
<header>
<div class="logo">
<h1>HealthConnect</h1>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Find a Doctor</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Login/Sign Up</a></li>
</ul>
</nav>
</header>

<!-- Hero Section -->

<section class="hero-image">
<img src="https://assets.onecompiler.app/42t2fn3hy/42vpsajuh/Screenshot_2024-10-21-
00-22-54-164_com.google.android.googlequicksearchbox.png" alt="Doctors and patient">
<div class="hero-text">
<h2>Easily Book Appointments with Doctors in Your Area</h2>
<p>Follow a simple process to find the right doctor for you.</p>
</div>
</section>

<!-- How It Works Section -->

<section class="how-it-works">
<h3>How It Works</h3>
<div class="steps">
<div class="step">
<h4>Step 1: Select Your Area</h4>
<p>Choose your location from the list of available areas.</p>
13 | P a g e
 </div>
<div class="step">
<h4>Step 2: Provide Your Details</h4>
<p>Fill in your personal details and the reason for your visit.</p>
</div>
<div class="step">
<h4>Step 3: Select Your Doctor</h4>
<p>View a list of available doctors based on your selection.</p>
</div>
<div class="step">
<h4>Step 4: Confirm Your Appointment</h4>
<p>Review your appointment details and confirm the booking.</p>
</div>
</div>
</section>

<!-- Area Selection Section -->

<section class="area-selection">
<h2>Select Your Area to Proceed</h2>

<form id="areaForm">
<label for="area">Select Area:</label>
<select id="area" name="area" required>
<option value="" disabled selected>Select your area</option>
<option value="vizianagaram">Vizianagaram</option>
<option value="srikakulam">Srikakulam</option>
<option value="seethanagaram">Seethanagaram</option>
<!-- Add more options here -->
</select>
<button type="submit">Proceed to OP Form</button>
</form>
</section>

<!-- Footer Section -->

<footer>
<div class="footer-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">FAQ</a></li>
14 | P a g e
 <li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="contact-info">
<p>Email: info@healthconnect.com</p>
<p>Phone: +91 1234567890</p>
</div>
</footer>
<script>
// JavaScript for form redirection
document.getElementById("areaForm").addEventListener("submit", function(e) {
e.preventDefault(); // prevent form submission from refreshing the page
var area = document.getElementById("area").value;

if (area) {
window.location.href = `{% url 'opform' %}`;
} else {
alert("Please select an area before proceeding.");
}
});
</script>
</body>
</html>

OP_FORM.HTML:

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Patient OP Form</title>
<link rel="stylesheet" href="{% static 'css/op_form_styles.css' %}">

</head>
<body>
<header>
15 | P a g e
 <div class="logo">
<h1>HealthConnect</h1>
</div>
<nav>
<ul>
<li><a href="{% url 'index' %}">Home</a></li>
<li><a href="#">Find a Doctor</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</header>

<section class="op-form">
<h2>Book Your Appointment</h2>
{% if messages %}
<div class="messages">
{% for message in messages %}
<div class="alert {{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
</div>
{% endfor %}
</div>
{% endif %}
<form action="{% url 'book_appointment' %}" method="POST" class="form-
container">
{% csrf_token %}
<div class="form-section">
<h3>Step 1: Patient Details</h3>
<label for="name">Patient Name:</label>
<input type="text" id="name" name="patient_name" required>

<label for="phone">Phone Number:</label>

<input type="tel" id="phone" name="phone_number" required>

<label for="dob">Date of Birth:</label>

<input type="date" id="dob" name="dob" required>

<label for="reason">Reason for Visit:</label>

<input type="text" id="reason" name="reason_for_visit" required>
16 | P a g e
 </div>

<div class="form-section">
<h3>Step 2: Choose Doctor Type</h3>
<label>
<input type="radio" name="doctor_type" value="general" required>
General Doctor
</label>
<label>
<input type="radio" name="doctor_type" value="specialist" required>
Specialist
</label>

<div id="specialization-section" style="display: none;">

<label for="specialization">Select Specialization:</label>
<select id="specialization" name="specialization" required>
<option value="" selected disabled>Select</option>
<option value="cardiologist">Cardiologist</option>
<option value="dermatologist">Dermatologist</option>
<option value="neurologist">Neurologist</option>
<option value="orthopedic">Orthopedic</option>
</select>
</div>
</div>

<div class="form-section">
<h3>Step 3: Select Your Doctor</h3>
<div class="doctor-list">
<p>Select a doctor based on availability:</p>
<label for="doctor">Doctor Name:</label>
<select id="doctor" name="doctor" required>
<option value="">Select a doctor</option>
{% for doctor in general_doctors %}
<option value="{{ doctor.id }}">{{ doctor.name }} - General
Physician</option>
{% endfor %}
</select>
</div>
</div>

17 | P a g e
 <div class="form-section">
<h3>Step 4: Appointment Details</h3>
<label for="appointment-date">Preferred Appointment Date:</label>
<input type="date" id="appointment-date" name="appointment_date" required>

<label for="appointment-time">Preferred Appointment Time:</label>

<input type="time" id="appointment-time" name="appointment_time" required>
</div>

<div class="form-section" style="display: flex;justify-content: center;">

<button type="submit">Confirm Appointment</button>
</div>
</form>
</section>

<footer>

<p>© 2024 HealthConnect. All rights reserved.</p>

</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<script>
const specialistRadio = document.querySelector('input[value="specialist"]');
const generalRadio = document.querySelector('input[value="general"]');
const specializationSection = document.getElementById('specialization-section');
const doctorSelect = document.getElementById('doctor');

specialistRadio.addEventListener('change', () => {
specializationSection.style.display = 'block';
doctorSelect.innerHTML = '<option value="">Select a doctor</option>';
});

generalRadio.addEventListener('change', () => {
specializationSection.style.display = 'none';
doctorSelect.innerHTML = '<option value="">Select a doctor</option>';
{% for doctor in general_doctors %}
doctorSelect.innerHTML += `<option value="{{ doctor.id }}">{{ doctor.name }} -
General Physician</option>`;
{% endfor %}
18 | P a g e
 });

const specializationSelect = document.getElementById('specialization');

specializationSelect.addEventListener('change', () => {
const selectedSpecialization = specializationSelect.value;
doctorSelect.innerHTML = '<option value="">Select a doctor</option>';

fetch(`/get_doctors/?specialization=${selectedSpecialization}`)
.then(response => response.json())
.then(doctors => {
doctors.forEach(doctor => {
doctorSelect.innerHTML += `<option value="${doctor.id}">${doctor.name} -
${doctor.specialization}</option>`;
});
})
.catch(error => console.error('Error fetching doctors:', error));
});
</script>
</body>
</html>

CSS:
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}

header {
background-color: #007bff;
color: white;
padding: 1rem 0;
text-align: center;
}

.logo h1 {
margin: 0;
font-size: 2rem;
19 | P a g e
 margin-bottom: 20px;
}

nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

nav li {
display: inline-block;
margin: 0 1rem;
}

nav a {
color: white;
text-decoration: none;
}

.op-form {
background-color: white;
padding: 2rem;
margin: 2rem auto;
max-width: 600px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.op-form h2 {
text-align: center;
margin-bottom: 1rem;
}

.form-container {
display: flex;
flex-direction: column;
gap: 1rem;
}

20 | P a g e
.form-section {
margin-bottom: 1rem;
}

label {
display: block;
margin-bottom: 10px;
margin-top: 10px;
font-weight: bold;
}

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="time"],
select {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

input[type="radio"] {
margin-right: 5px;
}

button[type="submit"] {
background-color: #007bff;
color: white;
padding: 1rem 2rem;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}

button[type="submit"]:hover {
background-color: #0056b3;
}
21 | P a g e
.messages {
list-style: none;
padding: 0;
margin-bottom: 20px;
}

.messages {
padding: 10px 15px;
margin-bottom: 5px;
border-radius: 4px;
text-align: center;
}

.messages {
background-color: #d4edda;
border-color: #c3e6cb;
color: #155724;
}
footer {
background-color: #333;
color: white;
padding: 0.1rem 0;
text-align: center;
}

footer a {
color: white;
text-decoration: none;
}

/* General Styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

header {
background-color: #2c3e50; /* Dark blue color */
22 | P a g e
 color: white;
padding: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}

header .logo h1 {
font-size: 1.8rem;
font-weight: bold;
margin: 0;
color: #ecf0f1; /* Light text color */
}

nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px; /* Space between nav items */
}

nav ul li {
display: inline-block;
}

nav ul li a {
color: #ecf0f1; /* Light grey color for better contrast */
text-decoration: none;
font-weight: bold;
font-size: 1.1rem;
}

nav ul li a:hover {
color: #3498db; /* Hover color for links */
}

/* Hero Section */
.hero-image {
position: relative;
23 | P a g e
 text-align: center;
}

.hero-image img {
width: 100%;
height: 60vh; /* Adjust height for better appearance */
object-fit: cover; /* Cover the area without distortion */
}

.hero-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Dark shadow for better readability */
}

.hero-text h2 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}

.hero-text p {
font-size: 1.2rem;
}

/* How It Works Section */

.how-it-works {
padding: 2rem;
text-align: center;
}

.how-it-works h3 {
margin-bottom: 1.5rem;
}

.how-it-works .steps {
display: flex;
justify-content: space-around;
24 | P a g e
 flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.how-it-works .step {
background-color: #ecf0f1; /* Light grey background */
border: 1px solid #bdc3c7; /* Border color */
border-radius: 8px; /* Rounded corners */
padding: 1rem;
width: 22%; /* Width of each step box */
margin: 1rem; /* Spacing between boxes */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Shadow for depth */
}

.how-it-works .step h4 {
color: #2980b9; /* Blue color for step titles */
}

/* Area Selection Section */

.area-selection {
padding: 2rem;
text-align: center;
}

.area-selection form {
display: inline-block;
}

.area-selection select {
padding: 0.5rem;
margin-right: 10px;
}

.area-selection button {
padding: 0.5rem 1rem;
background-color: #2980b9; /* Button color */
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
25 | P a g e
.area-selection button:hover {
background-color: #3498db; /* Lighter blue on hover */
}

/* Footer Section */
footer {
background-color: #2c3e50; /* Dark blue color */
color: white;
text-align: center;
padding: 1rem 0;
}

footer ul {
list-style: none;
padding: 0;
}

footer ul li {
display: inline-block;
margin-right: 10px;
}

footer ul li a {
color: white;
text-decoration: none;
font-size: 1rem;
}

PYTHON:

from django.contrib import admin

from .models import Doctor, Patient, Appointment

class DoctorAdmin(admin.ModelAdmin):
list_display = ('name', 'specialization')
search_fields = ('name', 'specialization')

class PatientAdmin(admin.ModelAdmin):
list_display = ('name', 'phone_number', 'date_of_birth')
26 | P a g e
 search_fields = ('name', 'phone_number')

class AppointmentAdmin(admin.ModelAdmin):
list_display = ('patient', 'doctor', 'doctor_type', 'appointment_date', 'appointment_time')
list_filter = ('doctor_type', 'appointment_date')
search_fields = ('patient__name', 'doctor__name')

admin.site.register(Doctor, DoctorAdmin)
admin.site.register(Patient, PatientAdmin)
admin.site.register(Appointment, AppointmentAdmin)

from django.apps import AppConfig

class OpappConfig(AppConfig):
default_auto_field = 'django.db.models.BigAutoField'
name = 'opapp'

from django.db import models

class Doctor(models.Model):
id=models.AutoField(primary_key=True)
name = models.CharField(max_length=100)
specialization = models.CharField(max_length=100, blank=True, null=True)
def __str__(self):
return self.name

class Patient(models.Model):
name = models.CharField(max_length=100)
phone_number = models.CharField(max_length=15)
date_of_birth = models.DateField()
reason_for_visit = models.TextField()

def __str__(self):
return self.name

class Appointment(models.Model):
patient = models.ForeignKey(Patient, on_delete=models.CASCADE)
doctor = models.ForeignKey(Doctor, on_delete=models.CASCADE)
doctor_type = models.CharField(max_length=20, choices=[
27 | P a g e
 ('general', 'General Doctor'),
('specialist', 'Specialist')
])
appointment_date = models.DateField()
appointment_time = models.TimeField()

def __str__(self):
return f"Appointment for {self.patient.name} with {self.doctor.name}"

from django.test import TestCase

from django.shortcuts import render, redirect

from .models import Doctor, Patient, Appointment
from django.http import HttpResponseRedirect,JsonResponse
from django.urls import reverse
from django.contrib import messages

def index(request):
return render(request,'index.html')

def opform(request):
doctors = Doctor.objects.all()
general_doctors = doctors.filter(specialization__isnull=True)
specilized_doctors=doctors.filter(specialization__isnull=False)
context = {
'specilized_doctors': specilized_doctors,
'general_doctors': general_doctors,
}
print(context)
return render(request, 'op_form.html', context)

def get_doctors(request):
specialization = request.GET.get('specialization')
doctors = Doctor.objects.filter(specialization=specialization)
doctor_list = [{'name': doctor.name, 'specialization': doctor.specialization,'id':doctor.id} for
doctor in doctors]
return JsonResponse(doctor_list, safe=False)

def book_appointment(request):
if request.method == 'POST':
28 | P a g e
 patient_name = request.POST.get('patient_name')
phone_number = request.POST.get('phone_number')
date_of_birth = request.POST.get('dob')
reason_for_visit = request.POST.get('reason_for_visit')
doctor_type = request.POST.get('doctor_type')
specialization = request.POST.get('specialization')
doctor_id = request.POST.get('doctor')
appointment_date = request.POST.get('appointment_date')
appointment_time = request.POST.get('appointment_time')
try:
doctor = Doctor.objects.get(id=doctor_id)
except Doctor.DoesNotExist:

messages.error(request, 'Invalid doctor selection.')

return redirect('opform')

patient, created = Patient.objects.get_or_create(

name=patient_name,
phone_number=phone_number,
date_of_birth=date_of_birth,
reason_for_visit=reason_for_visit
)
appointment = Appointment.objects.create(
patient=patient,
doctor=doctor,
doctor_type=doctor_type,
appointment_date=appointment_date,
appointment_time=appointment_time
)
if appointment:
messages.success(request, 'Appointment booked successfully!')
else:
messages.error(request, 'Failed to book appointment.')

return redirect('opform')
else:
return redirect('opform')

29 | P a g e
RESULTS:
a. Screen shots of output

HOME PAGE:

SELECTION OF DIFFERENT CITIES IN HOME PAGE:

30 | P a g e
OP REGISTARTION FORM:

31 | P a g e
SELECTION OF SPECIALIOST DOCTOR IN OP FORM:

APPOINTMENT IN SPECIFIC TIME SLOT:

32 | P a g e
APPOINTMENT BOOKING:

33 | P a g e
ADMIN PAGE FOR LOGIN:

ADMIN DASHBOARD:

34 | P a g e
Tables:

10. CONCLUSION

The implementation of an online appointment system in hospitals significantly enhances the

patient experience by providing a user-friendly interface for managing appointments. This
project aims to streamline patient care through features such as appointment booking,
detailed doctor profiles, automated reminders, digital health records, and feedback
mechanisms. By adopting this technology, hospitals can minimize wait times, improve
efficiency, and foster better communication between healthcare providers and patients. As a
result, patient satisfaction increases, administrative burdens are reduced, and resources are
allocated more effectively, ultimately leading to improved healthcare delivery.

Future Scope

The future scope of the online appointment system project is broad and promising. Potential
developments include:

1)Telemedicine Integration: Incorporating video consultations can allow patients to connect

with doctors remotely, expanding access to care, especially for those in remote areas.

35 | P a g e
2)Mobile Application Development: Creating a dedicated mobile app can enhance user
accessibility and engagement, allowing patients to manage their appointments on-the-go.

3)AI-Powered Chatbots: Implementing AI chatbots can provide immediate assistance to

patients, answering queries and helping with appointment scheduling 24/7.

4)Data Analytics for Resource Management: Leveraging data analytics can help hospitals
predict peak times and allocate resources effectively, further improving operational
efficiency.

Enhanced Security Features: As patient data is sensitive, future enhancements should focus
on robust security measures, including advanced encryption and two-factor authentication, to
protect personal health information.

11. REFERENCES

• Journals:
1)M. D. G. M. Chou, C. Y. Chen, H. Y. Cheng, & Y. C. Wang. (2020). "The
Impact of an Online Appointment System on Patient Flow and Satisfaction."
Journal of Healthcare Management, 65(3), 180-192.

2)Arora, S., & Desai, S. (2018). "Patient Engagement in Telehealth: A Review

of the Literature." Telemedicine and e-Health, 24(8), 628-634.

3)Miller, D. R., & Magenheim, E. (2018). "Digital Health Records: Patient

Perspectives and the Use of Health Technology." Health Information Science
and Systems, 6(1), 1-10.

• Websites:
1)Centers for Medicare & Medicaid Services (CMS). (2023). "Telehealth
Services." CMS. https://www.cms.gov/

2)American Medical Association (AMA). (2023). "Digital Health

Implementation Playbook." AMA. https://www.ama-assn.org/

36 | P a g e