Jong geleerd

Nieuwe waterwebsite voor kids van 6 tot 14 jaar

De vernieuwde kidswebsite van De Watergroep laat kinderen op een speelse manier kennismaken met de drinkwaterproductie.

In 2019 vernieuwde De Watergroep haar waterwebsite voor kinderen en tieners van 6 tot 14 jaar. “Je kunt de website het best beschouwen als een ‘ontdekplek’. Samen met Sam en haar hond Flapstaart gaan kinderen op ontdekking in de waterwereld Arcadia. Daar maken ze kennis met alle aspecten van drinkwaterproductie en -distributie, tot en met de afvoer en zuivering van het afvalwater”, vertelt Judith De Kerpel, deskundige Communicatie. “We zetten sterk in op gamification: op het einde van elke scène bouwden we een spelletje in. Uiteindelijk willen we dat kinderen beseffen dat kraanwater een duurzaam en kwaliteitsvol product is. Jong geleerd is oud gedaan!” De website vormt een leuke aanvulling bij het bestaande lesplatform van De Watergroep.

Ga naar de kidswebsite >>

introductie foto Nieuwe waterwebsite voor kids van 6 tot 14 jaar
function swipedetect(el, callback){ var touchsurface = el, swipedir, startX, startY, distX, distY, threshold = 200, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime, handleswipe = callback || function(swipedir){} touchsurface.addEventListener('touchstart', function(e){ var touchobj = e.changedTouches[0] swipedir = 'none' dist = 0 startX = touchobj.pageX startY = touchobj.pageY startTime = new Date().getTime() // record time when finger first makes contact with surface e.preventDefault() }, false) touchsurface.addEventListener('touchmove', function(e){ e.preventDefault() // prevent scrolling when inside DIV }, false) touchsurface.addEventListener('touchend', function(e){ var touchobj = e.changedTouches[0] distX = touchobj.pageX - startX // get horizontal dist traveled by finger while in contact with surface distY = touchobj.pageY - startY // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime // get time elapsed if (elapsedTime <= allowedTime){ // first condition for awipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipedir = (distX < 0)? 'left' : 'right' // if dist traveled is negative, it indicates left swipe } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint){ // 2nd condition for vertical swipe met swipedir = (distY < 0)? 'up' : 'down' // if dist traveled is negative, it indicates up swipe } } handleswipe(swipedir) e.preventDefault() }, false) } window.addEventListener('load', function(){ var el = document.getElementById('prevnextbar') var nextpage = document.getElementById('nextpage') var prevpage = document.getElementById('prevpage') swipedetect(el, function(swipedir){ if (swipedir != 'right'){ prevpage.click() } if (swipedir != 'left'){ nextpage.click() } }) }, false)