[{"data":1,"prerenderedAt":330},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-cases-slug-15-apps-voor-wateronderzoek-bij-deltares-i18n-slugs":132,"language-cases-slug-nl-15-apps-voor-wateronderzoek-bij-deltares":139},{"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},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__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},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"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",null,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":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",[133,136],{"locale":134,"value":135},"en","15-apps-for-water-research-at-deltares",{"locale":137,"value":138},"nl","15-apps-voor-wateronderzoek-bij-deltares",{"page":140,"cases":250},{"title":141,"slug":138,"i18nSlugs":142,"social":145,"heroIllustration":148,"caseTeaser":152,"content":159,"metaData":209,"quote":169,"author":169,"pivots":237},"15 Apps voor wateronderzoek bij Deltares",[143,144],{"locale":134,"value":135},{"locale":137,"value":138},{"title":146,"description":147,"image":104},"15 apps voor wateronderzoek voor Deltares | De Voorhoede","Voor Deltares ontwikkelden wij in 3 jaar tijd 15 verschillende apps ten behoeve van wateronderzoek in Nederland. Benieuwd naar de webapplicaties? Lees meer.",{"url":149,"alt":104,"width":150,"height":151},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1693838218-global-water-watch-deltares-edited.png",4916,2973,{"title":153,"image":154},"In 3 jaar tijd, 15 apps voor wateronderzoek ",{"url":155,"alt":156,"width":157,"height":158},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1684226321-webapplicaties-deltares.png","Drie tools van Deltares met gedeelde functionaliteiten",1307,875,[160,165,175,179,184,187,202],{"__typename":161,"id":162,"title":163,"body":164},"TextSectionRecord","48632998","De uitdaging: hoe maken we resultaten van wetenschappelijke modellen op efficiënte manier toegankelijk voor professionals?","\u003Cp>Deltares is Nederlands grootste en toonaangevende kennisinstituut op het gebied van water en ondergrond. Voor onderzoek en adviezen nationaal en internationaal maakt Deltares gebruik van complexe modellen en grote datasets. Dit levert waardevolle informatie op voor overheden en het bedrijfsleven. Allemaal met een andere vraag: hoe groot is de kans op overstroming? Wat is het effect van toenemende groene daken in mijn stad? \u003C\u002Fp>\n\u003Cp>Om deze vragen te beantwoorden ontwikkelt Deltares allerlei tools voor specifieke doelgroepen met informatie voor hun dagelijkse werkzaamheden. Het resultaat: een hoop losse applicaties, die telkens van A tot Z opnieuw worden ontwikkeld. Dat moet efficiënter kunnen. Hoe kunnen we op een snelle en consistente manier verschillende tools ontwikkelen?\u003C\u002Fp>",{"__typename":166,"id":167,"testimonial":168},"TestimonialBlockRecord","54346515",{"company":169,"author":170,"id":171,"quote":172,"validated":173,"fullwidth":174},"","Gerard van der Kolff, Afdelingshoofd Software Datamanagement en Innovatie","54346457","De Voorhoede heeft ons geholpen een toolkit op te bouwen waarmee we steeds sneller kunnen prototypen en ontwikkelen. Zo houden we meer tijd over voor het doen van onderzoek!",true,false,{"__typename":161,"id":176,"title":177,"body":178},"48633001","De oplossing: een toolkit met een gedeelde aanpak en herbruikbare componenten","\u003Cp>Wat delen deze uiteenlopende tools bij Deltares? Het zijn allemaal kaartapplicaties met knoppen en andere elementen voor interactie, gekoppeld aan webservices voor data- en simulatiemodellen. Samen met Deltares definieerden we daarvoor een vaste toolkit: Mapbox voor \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Fdatavisualisatie\u002F\">interactieve kaarten\u003C\u002Fa>, Vue.js als framework om de applicaties te structureren, gekoppeld aan geoservers en een \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Fdesign-system\u002F\" title=\"design system\">design system\u003C\u002Fa>. Dit design system bestaat uit uitgangspunten over hoe de applicaties vorm te geven en een set van herbruikbare componenten voor gedeelde functionaliteiten en met dezelfde look & feel:\u003C\u002Fp>",{"__typename":180,"id":181,"image":182,"caption":156,"captionPosition":183},"ImageRecord","48633002",{"url":155,"alt":156,"width":157,"height":158},"bottom",{"__typename":161,"id":185,"title":169,"body":186},"48633003","\u003Cp>Toch is elke nieuwe tool weer anders dan de vorige: andere data, een ander rekenmodel, andere doelgroepen en andere user flows. Hoe zorgen we ervoor dat we de gebruikersbehoefte voorop blijven stellen als maatwerk nodig is, en ons niet verliezen in de efficiëntie van de toolkit? Daarvoor gebruiken we een gedeelde projectaanpak:\u003C\u002Fp>",{"__typename":188,"id":189,"storyItem":190},"StorytellingBlockRecord","48633004",{"title":191,"items":192},"Onze projectaanpak",[193,196,199],{"title":194,"body":195,"image":104},"Inventarisatie","\u003Cp>I\u003Cspan class=\"thread-229104736575832288759244 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zaz83zz76zz73zgwz79zz76zz79zz122zyz65zz73zz74zz81zgmz71zp52ld9\">n een \u003C\u002Fspan>\u003Cspan class=\"attrlink url thread-229104736575832288759244 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zaz83zz76zz73zgwz79zz76zz79zz122zyz65zz73zz74zz81zgmz71zp52ld9\">\u003Ca target=\"_blank\" class=\"attrlink\" data-target-href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" rel=\"noreferrer nofollow noopener\">i\u003C\u002Fa>\u003C\u002Fspan>\u003Cspan class=\"attrlink url thread-229104736575832288759244 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz66z4z69zxa0z78zz76zz82zz65z1dndndz65zz86zz68z0daz66zjz122z\">\u003Ca target=\"_blank\" class=\"attrlink\" data-target-href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" rel=\"noreferrer nofollow noopener\">nventory \u003C\u002Fa>\u003C\u002Fspan>\u003Cspan class=\"attrlink url thread-229104736575832288759244 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zaz83zz76zz73zgwz79zz76zz79zz122zyz65zz73zz74zz81zgmz71zp52ld9\">\u003Ca target=\"_blank\" class=\"attrlink\" data-target-href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" rel=\"noreferrer nofollow noopener\">w\u003C\u002Fa>\u003C\u002Fspan>\u003Cspan class=\"attrlink url thread-229104736575832288759244 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz66z4z69zxa0z78zz76zz82zz65z1dndndz65zz86zz68z0daz66zjz122z\">\u003Ca target=\"_blank\" class=\"attrlink\" data-target-href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002Finventory-workshop\u002F\" rel=\"noreferrer nofollow noopener\">orkshop\u003C\u002Fa>\u003C\u002Fspan>\u003Cspan class=\"thread-229104736575832288759244 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zaz83zz76zz73zgwz79zz76zz79zz122zyz65zz73zz74zz81zgmz71zp52ld9\"> brengen we het doel en de behoeften van de specifieke tool in kaart. We bepalen welke onderdelen we met de toolkit kunnen maken, welke functionaliteiten om een eigen oplossing vragen en welke projectspecifieke risico’s we zien.\u003C\u002Fspan>\u003C\u002Fp>",{"title":197,"body":198,"image":104},"Validatie","\u003Cp>Hierna ontwikkelen we een proof-of-concept voor de technische aanpak. Vaak maken we hier de koppeling met nieuwe wetenschappelijke modellen, zodat we zeker weten dat dit werkt. Hebben we vooral iets nodig om de stakeholders te overtuigen? Dan maken we ook een klikbaar Design Prototype waarmee we in gesprek kunnen over het einddoel. \u003C\u002Fp>",{"title":200,"body":201,"image":104},"Realisatie","\u003Cp>ondertussen hebben we met deze aanpak 15 apps in 3 jaar tijd ontwikkeld. Zoals de \u003Cstrong>Adaptation Support Tool \u003C\u002Fstrong>die stedenbouwkundigen gebruiken bij het realiseren van een duurzame stedelijke omgeving. En de \u003Cstrong>Keukentafeltool\u003C\u002Fstrong> bedoeld om agrariërs en waterschappen samen te laten bepalen wat effectieve maatregelen zijn om de waterkwaliteit te verbeteren.\u003C\u002Fp>",{"__typename":180,"id":203,"image":204,"caption":206,"captionPosition":183},"48633005",{"url":205,"alt":206,"width":207,"height":208},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1630077783-deltares.jpg","Testen van de Adaptation Support Tool op een touch screen",1600,809,{"expertisesTitle":210,"expertises":211,"deliverableTitle":218,"deliverables":219,"technologiesTitle":224,"technologies":225,"interestedTitle":234,"interestedLinkUrl":235,"interestedLinkLabel":236},"Expertises",[212,214,216],{"title":213},"Vue",{"title":215},"Component Library",{"title":217},"Datavisualisatie","Deliverable",[220,222],{"title":221},"Web app",{"title":223},"Design System","Technologie",[226,228,230,232],{"title":227},"DatoCMS",{"title":229},"Netlify",{"title":231},"Vue.js",{"title":233},"Mapbox","Bekijk het resultaat","https:\u002F\u002Fcrctool.org\u002Fen\u002F","Ga naar de Adaptation Support Tool",[238],{"title":239,"body":169,"links":240,"mailchimpValue":169,"mailchimpName":169,"mailchimpId":169,"formType":241,"contactPerson":242},"Laten we bespreken wat we kunnen doen",[],"contact",{"name":243,"lastName":244,"jobTitle":245,"image":246},"Flip","van Eijndhoven","Business Director",{"url":247,"alt":104,"width":248,"height":249},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1760339734-flip-edit.jpeg",2201,2928,[251,254,257,260,263,266,269,270,273,276,279,282,285,288,291,294,297,300,303,306,309,312,315,318,321,324,327],{"slug":252,"title":253},"quantum-inspire","Quantum Inspire",{"slug":255,"title":256},"life-terra","Life Terra",{"slug":258,"title":259},"geldmaat","Geldmaat",{"slug":261,"title":262},"pathe-thuis","Pathé Thuis",{"slug":264,"title":265},"viriciti","ViriCiti",{"slug":267,"title":268},"drop-and-fly","Drop & Fly",{"slug":138,"title":141},{"slug":271,"title":272},"het-nieuwe-funda","Het nieuwe Funda",{"slug":274,"title":275},"bouwen-is-macht","Bouwen is Macht",{"slug":277,"title":278},"world-water-atlas","World Water Atlas",{"slug":280,"title":281},"pick-up-10","Pick Up 10",{"slug":283,"title":284},"hike-one","Hike One",{"slug":286,"title":287},"dlr-inspectie-app","DLR Inspectie app",{"slug":289,"title":290},"tradus","Tradus",{"slug":292,"title":293},"trouw","Trouw, Volkskrant en Parool",{"slug":295,"title":296},"abn-amro-lening-kieswijzer","ABN-AMRO lening kieswijzer",{"slug":298,"title":299},"npo-dashboard","NPO Dashboard",{"slug":301,"title":302},"hotel-en-bungalowspecials","Hotel- en BungalowSpecials",{"slug":304,"title":305},"rtl-weekend-magazine","RTL Weekend Magazine",{"slug":307,"title":308},"2dehands-be","2dehands.be",{"slug":310,"title":311},"swipe-and-shop","Swipe & Shop",{"slug":313,"title":314},"ziggo-interactieve-televisie","Ziggo Interactieve Televisie",{"slug":316,"title":317},"giftforyou","GiftForYou",{"slug":319,"title":320},"commtrac","Commtrac",{"slug":322,"title":323},"stamp-postnl-design-system","PostNL",{"slug":325,"title":326},"tu-delft-spacefinder","TU Delft Spacefinder",{"slug":328,"title":329},"privacy-by-design-in-je-bol","In je bol",1776256145033]