🛏️ Managing Wards and Beds – Visual Layout & Interaction

The core strength of the Perfect Hospital Bed Management System lies in its interactive floor plan, where beds and wards are represented graphically. This section will guide you through managing wards, adding and positioning beds, and maintaining accurate bed statuses.

🧱 A. Understanding the Ward View Layout

When you select a ward, its floor layout appears in the main canvas area. Each bed is shown as a colored rectangle with:

• Bed name (e.g., Bed A1)
• Status (e.g., Available, Reserved, Untidy)
• Patient name if assigned
• Description of the Patient Illness (if applicable)

You’ll also see a legend at the top-left showing what each color means:

🏢 B. Selecting and Switching Between Wards

To select a ward:

1. Use the ward dropdown in the toolbar.
2. All existing wards will be listed.
3. Once selected, the layout and bed statuses update instantly.

To add a new ward:

1. Click the ➕ icon beside the dropdown.
2. Fill in the ward name in the popup form.
3. Save to create the new ward entry.

🧠 Tip: Set up all your wards first before designing the bed layouts.

➕ C. How to Add Beds to a Ward

To create new beds and position them on the floor plan:

1. Click on the “Add Bed” button on the top toolbar.
2. Then click anywhere on the canvas to place the new bed.
3. A form appears to input:
   • Bed name (e.g., Bed A12)
   • Isolation flag (optional)
   • Initial status (Available, Reserved, etc.)
4. Save the bed.

You’ll now see the bed appear on the map and in statistics.

🎛 D. Dragging & Positioning Beds

To reposition beds on the layout:

1. Select “Drag” mode from the toolbar.
2. Click and drag the bed to the desired location.
3. Beds are bound within the ward area and won’t overlap with others.

🔁 E. Rotating Beds

To rotate a bed:

1. Click on a bed to select it.
2. Switch to “Rotate” mode in the toolbar.
3. Use the rotation knob or manually enter the angle in degrees (0–360°).
4. Click the Save icon to apply the rotation.

This helps orient beds according to your actual ward layout.

🖼 F. Uploading and Adjusting Ward Floor Plan

To enhance the realism of your layout:

1. Click on “Floor Plan” in the toolbar.
2. Upload an image (JPG/PNG) that represents the ward layout.
3. Enter the width and height in pixels to resize the canvas appropriately.
4. Save changes.

The beds will now sit on top of your real hospital layout, aiding visual clarity.

🛠 G. Changing Bed Status

To update a bed's current condition:

1. Click “Update Bed Status” mode.
2. Select the bed on the map.
3. Choose from:
   • Available
   • Occupied
   • Untidy
   • Faulty
   • Reserved
   • Discharging

Each change updates the statistics, and some statuses (like “Occupied”) can only be set through admission.