Interactive Web-based Flood Simulation System for Realistic Experiments of Flooding and Flood Damage Ibrahim Demir
Big Data We are generating data on a petabyte scale through observations and modeling Data contains valuable information that can drive insights, innovations, and discoveries Data can be difficult to access and digest Visualization can help us pair science and design to simplify the complexity, and drive a deeper understanding of the context
Scientific Visualization Visualization is a key technology analyzing and presenting environmental observations and simulation results communicating research results to decision makers and to the general public in an easily-understandable way identifying the underlying properties in the data such as patterns and statistical relations between the variables
Trends in Visualization and Learning Online / web-based Universal access (pc, smartphone, tablet, ) Interactive self-service environments High-end graphics (2D/3D) + GPU Acceleration Virtual and Augmented Reality (smartphones, tablets) Immersive Reality (heads-up display, motion tracking) New ways to interact (gestures, motion tracking, ) Gamification (competition, social, achievements, )
Concepts & Examples
WEB-BASED INTERACTIVE FLOOD INUNDATION MAP MAP-BASED
ANIMATION 2D FLOOD SIMULATOR GAME GAMIFICATION
DYNAMIC DATA STREAM FLOW VISUALIZATION HIGH-RESOLUTION
FOLDABLE CHILDREN S BOOK EDUCATION
3-DIMENSIONAL FLOOD MAP FLIGHT SIMULATOR REMOTE INTERACTION
RAINFALL ANIMATION DAILY RAINFALL CUMULATIVE RAINFALL MAP OVERLAYS
550 hours (2200 steps) of data 3D PERSPECTIVE VIEW RAINFALL & RIVER DRAINAGE
GPU Acceleration and WebGL Parallel Processing Multicore GPU Image / Video Processing Data Analytics Interactive Interfaces Desktop-like Games Web Technologies AMD Radeon HD 7990 4096 Streaming Processing Units $899 8.2 TFLOPs Single Precision compute power (1 st 2001, 250 th 2007)
XPOL RADAR DATA BROWSER WEBGL GOOGLE MAPS API
RADAR DATA BROWSER
RAINFALL PRODUCT DATA BROWSER
Hydrological Simulation System
Project Background Goal: Develop a web-based interactive learning and simulation environment to support teaching hydrological concepts in engineering and science curriculum First use case on flooding and flood damage Supported by Google to develop the core simulation engine using latest web technologies
Physical Model
Learning Opportunities Support learning how hydrological systems work and how they are connected Hand-on experience on hydrological concepts with real-time data Rich visualizations and animations to observe hydrological concepts and their effects in real-time Easy to integrate the platform to curriculum using a web-browser Open architecture allows adding new concepts and functionality
Learning Opportunities
Technology HTML5 and JavaScript WebGL (Web Graphics Library) GPU accelerated physics and image processing Augmented Reality Libraries marker tracking and detection WebRTC webcam support for Augmented Reality Iowa Geographic Map Server LiDAR Hillshade Terrain Data
Hardware and Development Resources Hardware support from NVidia, Mozilla Foundation, BlackBerry, Leap Motion IIHR computational resources (real-time data acquisition and storage) Iowa Flood Information System Active for last 2 years 80,000 unique users Real-time data and information
Platform Features Open and modular structure allows easy expansion Real-time data for hydrology (terrain) and rainfall Visualization Modes Virtual Reality Augmented Reality Controls and Interaction Desktop (mouse, keyboard) Remote (smartphones, tablets)
Visuals and Video
Simulation Controls Levee/Dam Dynamic Objects River System Static Objects VIRTUAL REALITY GAME PHYSICS RICH GRAPHICS
VIRTUAL REALITY
Webcam MARKER DETECTION AUGMENTED REALITY Augmented Projection Marker
Table Marker Augmented Projection MARKER DETECTION AUGMENTED REALITY
AUGMENTED REALITY
Usage and Evaluation Platform will be self-explanatory Training to TAs and instructors for using and/or expanding (new concepts and functionality) the system Guest lectures for introduction, usage and development of the platform for courses Evaluation using ICON Quizzes Feedback from students and TAs Surveys for student engagement and satisfaction
Ongoing & Future Work Immersive Reality using heads-up displays Gamification: Scenario analysis, mitigation challenges Social Networks integration for competing with friends, high score lists Gesture controls and body tracking with Leap Motion and Microsoft Kinect Remote interaction with tablets and smartphones Projector integration for improved Augmented Reality
Distorted Projection of Scene HEADS-UP DISPLAY IMMERSIVE REALITY Heads-up Display
Controls and Interaction Gesture Tracking Motion Tracking Remote Interaction MOTION TRACKING GESTURE CONTROLS
Thank you Questions Ibrahim Demir ibrahim-demir @ uiowa.edu http://myweb.uiowa.edu/demir/