Logo image
Interactive hydrological modelling and simulation on client-side web systems: an educational case study
Journal article   Open access   Peer reviewed

Interactive hydrological modelling and simulation on client-side web systems: an educational case study

Gregory Ewing, Ricardo Mantilla, Witold Krajewski and Ibrahim Demir
Journal of hydroinformatics, Vol.24(6), pp.1194-1206
11/02/2022
DOI: 10.2166/hydro.2022.061
url
https://doi.org/10.2166/hydro.2022.061View
Published (Version of record) Open Access

Abstract

Computational hydrological models and simulations are fundamental pieces of the workflow of contemporary hydroscience research, education, and professional engineering activities. In support of hydrological modelling efforts, web-enabled tools for data processing, storage, computation, and visualization have proliferated. Most of these efforts rely on server resources for computation and data tasks and client-side resources for visualization. However, continued advancements of in-browser, client-side compute performance present an opportunity to further leverage client-side resources. Towards this end, we present an operational rainfall-runoff model and simulation engine running entirely on the client side using the JavaScript programming language. To demonstrate potential uses, we also present an easy-to-use in-browser interface designed for hydroscience education. Although the use case presented here is self-contained, the core technologies can extend to leverage multi-core processing on single machines and parallelization capabilities of multiple clients or JavaScript-enabled servers. These possibilities suggest that client-side hydrological simulation can play a central role in a dynamic, interconnected ecosystem of web-ready hydrological tools.
Computer Science Engineering Physical Sciences Technology Computer Science, Interdisciplinary Applications Engineering, Civil Environmental Sciences Environmental Sciences & Ecology Life Sciences & Biomedicine Science & Technology Water Resources UIOWA OA Agreement

Details

Metrics

Logo image