Lab 02: Code Implementation Report

Back to Lab 02 Dashboard

1. Introduction

This lab involves implementing a web-based solution for the HospitalDB database system. The solution includes interfaces for patient registration, staff login, department management, employee/doctor information, appointment booking, and hospital information display.

2. Implementation Details

The project consists of the following HTML pages:

• homePage.html: The main landing page providing an overview of the hospital, departments, about section, and contact information with navigation to all modules.
• login.html: A staff login form for hospital employees to access the system.
• pat_reg.html: A patient registration form for collecting patient details and registering new patients in the system.
• departments.html: A page displaying information about various hospital departments and their services.
• employees.html: A comprehensive page showing doctor and staff information, including their specialties and contact details.
• Appointments.html: An appointment booking interface allowing patients to schedule visits with doctors.
• dashboard.html: A central dashboard providing navigation to all lab components including problem statement, live demo, and documentation.

3. Design Decisions

The interfaces are built using HTML with CSS styling for enhanced user experience. The design follows a modern, clean aesthetic with a blue and white color scheme. A consistent navigation bar is used across all pages for easy navigation. The layout utilizes flexbox and grid systems for responsive design, ensuring proper structure and alignment. Interactive elements include hover effects on cards and buttons, creating an engaging user interface. The stylesheet.css file contains shared styles to maintain consistency across all pages.