[{"data":1,"prerenderedAt":335},["ShallowReactive",2],{"DefaultLayouten":3,"language-cases-slug-15-apps-for-water-research-at-deltares-i18n-slugs":134,"language-cases-slug-en-15-apps-for-water-research-at-deltares":141},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png","B Corp logo",404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",[135,138],{"locale":136,"value":137},"en","15-apps-for-water-research-at-deltares",{"locale":139,"value":140},"nl","15-apps-voor-wateronderzoek-bij-deltares",{"page":142,"cases":255},{"title":143,"slug":137,"i18nSlugs":144,"social":147,"heroIllustration":151,"caseTeaser":156,"content":163,"metaData":214,"quote":173,"author":173,"pivots":242},"15 Apps for water research at Deltares",[145,146],{"locale":136,"value":137},{"locale":139,"value":140},{"title":148,"description":149,"image":150},"Webapplication development for Water Research | De Voorhoede","For Deltares we developed in 3 years 15 different apps for water research in The Netherlands. Curious about the web applications we made? Read more. ",null,{"url":152,"alt":153,"width":154,"height":155},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1693838218-global-water-watch-deltares-edited.png","map of europe with highlighted blue lines",4916,2973,{"title":157,"image":158},"In 3 years, 15 apps for water research ",{"url":159,"alt":160,"width":161,"height":162},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1684226321-webapplicaties-deltares.png","3 apps with similar functionalities",1307,875,[164,169,179,183,189,192,207],{"__typename":165,"id":166,"title":167,"body":168},"TextSectionRecord","122972591","The challenge: how can we make the results of scientific models accessible for professionals in an efficient way? ","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Deltares is the largest and leading knowledge institute in the field of water and subsurface in the Netherlands. \u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">For research and advice nationally and Internationally, Deltares uses complex models and large data sets. This provides valuable information for governments and businesses. All with different questions: what is the probability of flooding? What is the effect of increasing green roofs in my city? To answer these questions, Deltares develops all kinds of tools for specific target groups with information for their daily work. The result: a lot of separate applications, which are constantly redeveloped from start to finish. That should be more efficient. How can we develop different tools in a fast and consistent way?\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":170,"id":171,"testimonial":172},"TestimonialBlockRecord","122972592",{"company":173,"author":174,"id":175,"quote":176,"validated":177,"fullwidth":178},"","Gerard van der Kolff, Head of Software Datamanagement and Innovation","54346457","De Voorhoede has helped us build a toolkit which we use to prototype and develop faster every day. That leaves us with more time for research!",true,false,{"__typename":165,"id":180,"title":181,"body":182},"122972593","The solution: a toolkit with a shared approach and reusable components","\u003Cp>\u003Cspan style=\"font-weight: 400;\">What do these various tools at Deltares share? They are all map applications with buttons and other elements for interaction, linked to web services for data and simulation models. Together with Deltares, we defined a fixed toolkit for this: Mapbox for \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fservices\u002Fdata-visualisation\u002F\">interactive maps\u003C\u002Fa>, Vue.js as a framework to structure the applications, linked to geoservers and a design system. This \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fservices\u002Fdesign-system\u002F\">design system\u003C\u002Fa> consists of principles on how to design the applications and a set of reusable components for shared functionalities and with the same look & feel:\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":184,"id":185,"image":186,"caption":187,"captionPosition":188},"ImageRecord","122972594",{"url":159,"alt":160,"width":161,"height":162},"Three apps from Deltares with similar functionalities","bottom",{"__typename":165,"id":190,"title":173,"body":191},"122972595","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Yet every new tool is different from the previous one: different data, a different calculation model, different target groups and different user flows. How do we ensure that we continue to put user needs first when customization is required, and do not lose ourselves in the efficiency of the toolkit? For this we use a shared project approach:\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":193,"id":194,"storyItem":195},"StorytellingBlockRecord","122972596",{"title":196,"items":197},"Our project approach",[198,201,204],{"title":199,"body":200,"image":150},"Inventory","\u003Cp>\u003Cspan style=\"font-weight: 400;\">In an inventory workshop we map out the purpose and needs of the specific tool. We determine which parts we can make with the toolkit, which functionalities require our own solution and which project-specific risks we see.\u003C\u002Fspan>\u003C\u002Fp>",{"title":202,"body":203,"image":150},"Validation","\u003Cp>\u003Cspan style=\"font-weight: 400;\">After inventory, we develop a proof-of-concept for the technical approach. We frequently  link here with new scientific models, so that we can be sure that this works. Do we need something specific to convince the stakeholders? Then we also make a clickable Design Prototype with which we can discuss the end goal.\u003C\u002Fspan>\u003C\u002Fp>",{"title":205,"body":206,"image":150},"Realization","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Meanwhile, we have developed 15 apps in 3 years using this approach. Such as the Adaptation Support Tool, that urban planners use when realizing a sustainable urban environment. And the Kitchen Table Tool is intended to enable farmers and regional water authorities to determine together what effective measures are to improve water quality.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":184,"id":208,"image":209,"caption":211,"captionPosition":188},"122972597",{"url":210,"alt":211,"width":212,"height":213},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1630077783-deltares.jpg","Testing the Adaptation Support Tool on a touch screen",1600,809,{"expertisesTitle":215,"expertises":216,"deliverableTitle":223,"deliverables":224,"technologiesTitle":229,"technologies":230,"interestedTitle":239,"interestedLinkUrl":240,"interestedLinkLabel":241},"Expertises",[217,219,221],{"title":218},"Vue",{"title":220},"Component Library",{"title":222},"Data visualisation","Deliverable",[225,227],{"title":226},"Web app",{"title":228},"Design System","Technologies",[231,233,235,237],{"title":232},"DatoCMS",{"title":234},"Netlify",{"title":236},"Vue.js",{"title":238},"Mapbox","See result","https:\u002F\u002Fcrctool.org\u002Fen\u002F","Go to the Adaptation Support Tool",[243],{"title":244,"body":173,"links":245,"mailchimpValue":173,"mailchimpName":173,"mailchimpId":173,"formType":246,"contactPerson":247},"Let's discuss what we can do",[],"contact",{"name":248,"lastName":249,"jobTitle":250,"image":251},"Flip","van Eijndhoven","Business Director",{"url":252,"alt":150,"width":253,"height":254},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[256,259,262,265,268,271,274,275,278,281,284,287,290,293,296,299,302,305,308,311,314,317,320,323,326,329,332],{"slug":257,"title":258},"quantum-inspire","Quantum Inspire",{"slug":260,"title":261},"life-terra","Life Terra",{"slug":263,"title":264},"geldmaat","Geldmaat",{"slug":266,"title":267},"pathe-thuis","Pathé Thuis",{"slug":269,"title":270},"viriciti","ViriCiti",{"slug":272,"title":273},"drop-and-fly","Drop & Fly",{"slug":137,"title":143},{"slug":276,"title":277},"a-brand-new-funda","A brand new Funda",{"slug":279,"title":280},"bouwen-is-macht","Bouwen is Macht",{"slug":282,"title":283},"world-water-atlas","World Water Atlas",{"slug":285,"title":286},"pick-up-10","Pick Up 10",{"slug":288,"title":289},"hike-one","Hike One",{"slug":291,"title":292},"dlr-inspection-app","DLR Inspection app",{"slug":294,"title":295},"tradus","Tradus",{"slug":297,"title":298},"trouw","Trouw, Volkskrant and Parool",{"slug":300,"title":301},"abn-amro-loan-wizard","ABN-AMRO loan wizard",{"slug":303,"title":304},"npo-dashboard","NPO Dashboard",{"slug":306,"title":307},"hotel-and-bungalowspecials","Hotel- and BungalowSpecials",{"slug":309,"title":310},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":312,"title":313},"2dehands-be","2dehands.be",{"slug":315,"title":316},"swipe-and-shop","Swipe & Shop",{"slug":318,"title":319},"ziggo-interactive-television","Ziggo Interactive Television",{"slug":321,"title":322},"giftforyou","GiftForYou",{"slug":324,"title":325},"commtrac","Commtrac",{"slug":327,"title":328},"stamp-postnl-design-system","PostNL",{"slug":330,"title":331},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":333,"title":334},"privacy-by-design-in-je-bol","In je bol",1776256136834]