## 4 Our Prototype
### Web User Interface  
In addition to the UI already presented in [41], other UIs specifically designed to manage emergencies have been developed: Floor Map and Emergency Analysis. Figure 2 depicts the Floor Map UI. On the top of the page, there is the floor selection panel which is an essential component designed to offer quick and seamless navigation between different floors of the building. It provides a user-friendly interface for selecting and viewing floor-specific maps. A clear, prominent indicator highlights the currently selected floor, ensuring that users are always aware of the context in which they are operating. This panel is designed with efficiency in mind, enabling emergency responders to move swiftly between floors without losing crucial time. For buildings with many floors, the panel may include a scrollable list to accommodate all levels without cluttering the interface. The design prioritizes accessibility and ease of use, incorporating features like keyboard navigation and screen reader compatibility to ensure it can be used effectively in high-stress situations. Additionally, the panel might include visual cues, such as colour-coding or icons, to quickly convey the evacuation status of each floor, helping users to identify areas that require immediate attention at a glance. The floor map display is the central feature, occupying the main area of the interface. This display provides a detailed, scaled map of the selected floor, highlighting the layout of rooms, laboratories, corridors, and other essential areas. Each room and laboratory is clearly outlined, ensuring that users can quickly identify specific locations. The map is designed to be interactive, allowing users to zoom in and out and pan across the floor plan for a closer examination of particular areas. To facilitate real-time monitoring, it uses a dynamic colour-coding system to indicate the evacuation status of each room and laboratory. Rooms that have been fully evacuated are shaded in green, signalling to emergency personnel that these areas are clear. Rooms that still contain people are highlighted in red, drawing immediate attention to areas where assistance is needed. Additionally, rooms where an evacuation is in progress or incomplete are marked in yellow, indicating that these areas require follow-up. This colour-coded approach provides an at-a-glance overview of the floor's status, enabling quick decision-making and prioritization of effort. The floor map display also incorporates interactive features that enhance usability and provide detailed information regarding demand. When users click on a specific room or laboratory, a pop-up window or side panel appears, displaying comprehensive information about the room, such as the number of occupants remaining, any special conditions (e.g., the presence of hazardous materials), and notes from emergency personnel. These interactive elements ensure that users have access to all necessary information without cluttering the main display, maintaining a clean and focused interface. Furthermore, the map is equipped with real-time updates, automatically refreshing to reflect the latest status changes and to ensure that emergency responders have the most current information at their fingertips. The other UI, Emergency Analysis, is designed to provide comprehensive statistical insights and analytical data related to emergencies. This page serves as a resource for post-event analysis, performance review, and strategic planning, offering detailed numerical data and visualizations that help users understand the effectiveness of emergency responses and identify areas for improvement. It contains several components, listed below from top to bottom. The Summary Panel, depicted in Figure 3, is the top section of the Emergency Statistics page, and is designed to provide users with a high-level overview of key emergency statistics at a glance. This panel is the first point of interaction for users, offering a quick and comprehensive snapshot of recent emergency events and their critical metrics.