ReFlex Logo
ReFlex (Title)
Documentation
Navigation

Case Study: Construction Progress Visualization

Table of Contents

  1. Research Questions
  2. Features and Limitations
  3. Scenario
  4. Findings and Discussion

Case Study: Construction Progress Visualization

Profile field Description
Title Layered Maps
Year 2020
Focus Concept, Implementation
Format Elastic Display wall
Framework dSense
Sensor Microsoft Kinect 2
Architecture Client-server (.NET Core / WPF)
Scenario Construction progress visualization
Features - combining layered data with zoomable user interfaces
- mode switching through an external foot switch
- gesture development
Publication Müller, M., Lier, E., Groh, R. & Hannß, F. (2020): A Tangible Concept for Layered Map Visualizations: Supporting on-site Civil Engineering Construction Consultations using Elastic Displays. In: C. Hansen, A. Nürnberger & B. Preim (Eds.): Mensch und Computer 2020 - Workshopband. Bonn, Germany: Gesellschaft für Informatik e. V. (GI). DOI: 10.18420/muc2020-ws121-368.

The eighth case study explored combining zoomable maps and layered information for construction planning and consultation. The profile describes the historical dSense implementation, following the conventions in the case study overview.

Research Questions

Earlier studies suggested that layered content and zoomable user interfaces could complement one another. DeepZoom had taken an initial step by adding information overlays to magnified images. Layered Maps investigated this combination in a practical civil-engineering scenario, using zoom and layer navigation as separate interaction modes.

The study addressed four main questions:

A retained maximum zoom level on an undeformed surface illustrated the tension between physical and virtual state. At the same time, retaining a view could let users step back from the wall and inspect it without continuing to press.

The scenario was informed by a detailed requirements and data analysis. The analysis and initial concepts were discussed with a domain expert to align the design with civil-engineering problems.

⬆ back to top

Features and Limitations

Extending the Existing Zoom Client

The implementation followed DeepZoom’s WPF/.NET client-server approach, using dSense and a Microsoft Kinect 2 to capture surface deformation. Only minor adaptations were made to the framework and server. Most changes were on the client, where the existing zoom implementation was extended to handle layered data.

An external foot switch provided a dedicated mode-switching input. Alternatives used a specific surface gesture or the number of detected contacts. Gesture recognition took place on the client, so the case study did not establish a general gesture-recognition component in the framework.

Context-Dependent Depth Interaction

Deformation depth controlled either the map’s magnification or the selected data layer, depending on the active mode. Zooming and panning affected the full map; layer navigation used a local magic lens. The lens supplied feedback about the active mode and context, including the zoom level and/or current process layer.

The two-hand lens used a fixed size. Early trials found that continuously changing its diameter while users pressed the surface interfered with layer selection and made the lens appear unstable. Alternative size controls remained proposals for further development.

Scope of the Application

The study focused on construction execution, particularly progress monitoring, schedule updates, and cost control within a Building Information Modeling (BIM) context. It developed a map-based visualization and interaction concept rather than addressing the full project lifecycle.

Its layer model related construction phases to their physical depth. This suited the chosen civil-engineering scenario, but constrained transfer to projects with simultaneous work at different heights. The case study focues on map interaction, gesture development, planning visualizations, and mode switching.

⬆ back to top

Scenario

Map-Interaction on the Elastic Display

Supporting Construction Consultations

The application was intended to help participants communicate project status, examine dependent processes, and negotiate responses to delays or conflicts. The construction plan occupied the centre of the display, with compact schedule and cost summaries along the top and left edges. Expanding these summaries provided access to detailed planning views.

The visualization concept combined semantic zoom, interactive lenses, and an extended Gantt chart. The PlanningLineGlyph approach provided a basis for representing task hierarchies, dependencies, temporal tolerances, shifts, and delays.

Semantic zoom kept the initial map uncluttered and progressively revealed more detail as users pressed into the surface. Pressing near the map’s edges panned the view.

Semantic layers filtered the map by construction process. In the selected scenario, work in deeper ground layers generally preceded work above them; completed layers were sealed before subsequent work began. The ordering of underground services, road construction, and landscaping therefore allowed physical depth and process sequence to share a layer representation.

Layer Navigation

Full-map navigation and local layer inspection were separated visually: the map could be magnified and moved, while the magic lens exposed a selected process layer within its surrounding context. Deformation depth selected the layer displayed inside the lens.

Three ways of switching between these interactions were explored:

Mode-switching variant Interaction
Foot switch Use a separate physical control to switch between map and lens interaction.
Number of contacts Navigate the map with one hand; adding a second hand opens the layer lens between the hands and redirects input to layer navigation.
Together-and-Apart Bring the hands together and move them apart again within a short interval, using shallow deformation, to open or close the lens.

Schedule and Cost Views

The compact timeline showed deviations from the original schedule for individual tasks and the project phase as a whole. It also related current progress to the planned state and showed a forecast completion date. Blue indicated time savings; red indicated delays. Start and end markers restricted the period shown in the map.

Pressing the timeline expanded it into a hierarchical Gantt chart with three levels, allowing processes to be expanded or collapsed. Dependencies were represented using the critical-path method. PlanningLineGlyph features communicated temporal tolerances and changes, including critical changes that caused dependency conflicts or delayed the overall project.

Interface Concept

Pressing a task provided semantic zoom through three information levels:

Detail level Information shown
Default Task identifier and name
Intermediate A short label, quantities such as material or working hours, or prices
Maximum A detailed description

The cost concept followed a similar structure with a vertical layout and cost bars. Its overview compared planned and actual costs, task-level and overall savings or overruns, and the projected total. Map elements likewise used blue for savings or earlier completion and red for additional costs or delays.

Cost ranges were omitted because, in the scenario, these figures were not normally communicated between clients and contractors. Interaction development concentrated on schedule adjustment; the cost overview supported assessment of alternative conflict resolutions.

Manipulating Tasks and Resetting the Application

Interaction Concept

The Shift gesture adapted the two-contact translation concept from Glyphboard. Contacts near a task bar were interpreted according to their positions relative to it:

This context-sensitive interpretation distinguished moving an entire interval from changing its length. A separate Pull-and-Release gesture, implemented by pulling the surface outward and releasing it shortly afterwards, reset the application.

⬆ back to top

Findings and Discussion

Persistent Views and Physical State

A dedicated mode switch offered a further benefit: retaining the current view allowed users to step away from the wall and see the complete visualization. This addressed the difficulty of inspecting a large display while holding a deformation.

Persistence also complicated the direct correspondence between surface shape and application state. Returning to a saved view could restore a zoom level that the current deformation did not express. The study raised this issue alongside the limits of the natural reset and introduced an explicit reset gesture, but did not establish a general solution for reconciling physical and retained virtual states.

Two-Hand Roles and Collaborative Use

Using contact count to select a mode constrained collaboration. Detected pressure points could not be assigned explicitly to individual users, so simultaneous input from several people automatically activated the lens. This prevented other combinations of collaborative actions, such as zooming and marking.

Both user tests and observations indicated that future concepts should consider distinct roles for the two hands. The number of detected contacts alone did not reliably express users’ intended tasks, especially when several people shared the display.

Lens Size and Independent Spatial Navigation

Users repeatedly requested adjustable lens size. Two alternatives were proposed to avoid the instability of continuous resizing: switching between predefined sizes only after a substantial change in hand spacing, or setting the diameter from the initial distance between the hands when entering lens mode. Neither was reported as the implemented solution in this study.

The coupling of construction phase and physical depth also had a clear boundary. Multi-storey buildings can involve different trades working simultaneously on different floors. Supporting such projects would require spatial navigation independent of process sequence, extending the chosen layer concept.

Implications for Framework Development

For the forthcoming requirements analysis, the study provides evidence for the following areas:

These implications connect the prototype and its observed limitations to later design decisions. They do not imply that framework-level gesture recognition, user identification, or independent spatial and temporal navigation were implemented in this case study.

⬆ back to top