PageSourceSearch

https://plasticadrift.org/nl/index.html

html plasticadrift.org collected 2026-10-02 17:27:08 UTC 20,601 bytes, 310 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4  <link rel="stylesheet" href="lib/ol/ol.css" type="text/css">
5  <link rel="stylesheet" href="lib/bootstrap-3.3.6-dist/css/bootstrap.min.css" type="text/css">
6
7  <link rel="stylesheet" href="css/style.css" type="text/css">
8  <title>Plastic Adrift</title>
9</head>
10
11<body>
12<div id="main" class="container container-full">
13  <nav class="navbar navbar-default">
14    <div class="col-lg-2"></div>
15    <div class="container-fluid">
16      <div class="navbar-header">
17        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
18          <span class="sr-only">Toggle navigation</span>
19          <span class="icon-bar"></span>
20          <span class="icon-bar"></span>
21          <span class="icon-bar"></span>
22        </button>
23        <a class="navbar-brand" href="index.html"><img id="logo" class="img-responsive" src="img/plasticadriftlogo.png" alt="Adrift"></a>
24      </div>
25      <div id="navbar" class="navbar-collapse collapse">
26        <ul class="nav navbar-nav">
27          <li><a id="howlink" href="#howBox">Hoe weten we dit?</a></li>
28          <li><a id="faqlink" href="#faqBox">FAQ</a></li>
29          <li><a id="teamlink" href="#teamBox">Team</a></li>
30          <li><a id="plasticlink" href="#plasticBox">Eendjes &amp; ander plastic</a></li>
31          <li><a id="downloadlink" href="#downloadBox">Download</a></li>
32          <li><a id="languagelink" href="#languageBox">Taal</a></li>
33        </ul>
34      </div>
35    </div>
36  </nav>
37
38  <div class="row">
39    <div id="mapContainer" class="col-md-12 content-container">
40
41      <!-- Infoboxes -->
42      <div style="display: none">
43        <!-- Forward Backward -->
44        <div id= "fwdbwdBox" class="textbox" ><h3>Kies de tijds-richting van je experiment</h3>
45          <div class="infoBoxPopUp">
46            <div id="backward" class="arrowBox" style="">
47              <a href="#backward">
48                <img src="img/fwdbwd/bwdbutton.png" class="img-responsive" alt="Forward">
49                <h4 class="infoBoxCaption">Terug</h4>
50              </a>
51            </div>
52            <div id="forward" class="arrowBox" style="">
53              <a href="#forward">
54                <img src="img/fwdbwd/fwdbutton.png" class="img-responsive" alt="Forward">
55                <h4 class="infoBoxCaption">Voorwaarts</h4>
56              </a>
57            </div>
58          </div>
59        </div>
60      </div>
61
62      <div style="display: none">
63        <div id= "howBox" class="textbox" >
64          <h3>Wat weten we?</h3>
65          <p>
66            De wetenschappelijke methoden die worden gebruikt om de paden van drijvend plastic door onze oceaan te berekenen in de 10 jaar nadat het de oceaan inkomt, zijn behoorlijk gecompliceerd. Het wordt misschien het best samengevat in onderstaande video
67          </p>
68          <iframe width="750" height="422" src="https://www.youtube.com/embed/M4UK9Yt6A-s" frameborder="0" allowfullscreen></iframe>
69          <p>
70            Onze oceaan beslaat 70 procent van het aardoppervlak en is constant in beweging. Gedreven door de zon en de wind ontwikkelen onze oceanen machtige stromingen en <a target="_blank" href="http://oceanservice.noaa.gov/facts/eddy.html">eddies</a> die er in sommige gevallen honderden jaren over kunnen doen om door de oceaanbekkens te circuleren.
71          </p>
72          <p>
73            Deze stromen bewegen ook in drie dimensies. Sommigen stijgen op uit de diepe oceaan in de buurt van kustlijnen, terwijl andere stromingen afdalen naar de diepste delen van de oceaan. Deze verticaal dalende stromingen bevinden zich vaak, maar niet altijd, in het midden van de oceaan in regio's die bekend staan als de <a target="_blank" href="https://nl.wikipedia.org/wiki/Gyre">vijf grote gyres</a>. Deze gyres zijn gigantische draaikolken die het hele oceaanbekken omspannen, waar water aan de oppervlakte langzaam naar binnen spiraalt totdat het zinkt.
74          </p>
75          <p>
76            Vrijwel alle plastic materialen en voorwerpen die lichter zijn dan water (zoals die boodschappen in een flesje) blijven echter aan de oppervlakte.
77          </p>
78          <p>
79            Sinds het einde van de jaren zeventig hebben oceaanwetenschappers drijvende boeien gevolgd, maar het was pas in 1982 dat het World Climate Research Program het idee naar voren bracht van een gestandaardiseerde wereldwijde reeks drijvende boeien. Deze boeien drijven met de stroming mee, net als plastic, behalve - zoals Twitter vanuit de zee - sturen ze om de paar uur een kort bericht naar wetenschappers over waar ze zijn en de omstandigheden op die locatie.
80          </p>
81          <p>
82            Met deze informatie hebben we een statistisch model kunnen maken van de oppervlaktestromingen in onze oceaan. De website van plasticadrift gebruikt dit model en genereert een animatie van het waarschijnlijke pad en de bestemming van drijvend plastic over een periode van tien jaar, hetzij in de toekomst of in het verleden.
83          </p>
84          <p>
85            Voor alle details kun je de wetenschappelijke artikelen <a target="_blank" href="https://iopscience.iop.org/article/10.1088/1748-9326/7/4/044040">Origin, dynamics and evolution of ocean garbage patches from observed surface drifters</a> en <a target="_blank" href="http://dx.doi.org/10.1016/j.jembe.2014.09.002">Adrift.org.au - a free, quick and easy tool to quantitatively study planktonic surface drift in the global ocean</a> lezen. Als je nog verdere vragen hebt kun je <a target="_blank" href="https://www.uu.nl/staff/EvanSebille">contact opnemen met Erik van Sebille</a>.
86          </p>
87
88        </div>
89      </div>
90
91      <div style="display: none">
92        <div id= "faqBox" class="textbox" >
93          <h3> Veelgestelde vragen</h3>
94          <p>
95            <i><b>Q:</b> Waarom blijft mijn plastic afval in de Middellandse Zee?</i>
96          </p>
97          <p>
98            <b>A:</b> Dit is ook een dekkingsprobleem, zie ook de kaart hierboven. In de hele 30 jaar van het drifterproject is er nooit een drijvende boei geweest die de Straat van Gibraltar overstak. In onze transitiematrix is de Middellandse Zee dan ook volledig losgekoppeld van de rest van de wereldwijde oceaan.
99          </p>
100          <p>
101            <i><b>Q:</b> Wat betekent de schaal precies?</i>
102          </p>
103          <p>
104            <b>A:</b> De schaal rechtsonder loopt van 0% tot 1%. Dit klinkt misschien als een klein aantal, maar dat komt gewoon omdat het plastic zich heel snel over een groot gebied verspreidt. We hebben de gebieden waar de plasticconcentratie hoger is dan 1% gemaximaliseerd, om ons na een paar jaar te concentreren op de verspreiding van het plastic.
105          </p>
106          <p>
107            <i><b>Q:</b> Waarom kan ik  het plastic afval transport voor maximaal tien jaar zien?</i>
108          </p>
109          <p>
110            <b>A:</b> Het maximum van 10 jaar is een afweging tussen meer informatie en snellere responstijden. In principe kunnen we het plastic veel langer dan 10 jaar transporteren, maar dan duurt het veel langer voordat je het resultaat ziet. Als je het transport van plastic echt op langere tijdschalen wilt zien, kun je <a target="_blank" href="https://www.uu.nl/staff/EvanSebille">direct contact opnemen</a>.
111          </p>
112          <p>
113            <i><b>Q:</b> Kan ik de gegevens van het experiment downloaden? / Kan ik meerdere startpunten hebben?</i>
114          </p>
115          <p>
116            <b>A:</b> Via de knop 'Download' rechtsboven kun je de gegevens van elke simulatie downloaden. Als je iets meer speciaals wilt dan wat de site kan bieden, dan kun je <a target="_blank" href="https://surfdrive.surf.nl/files/index.php/s/ZhXmLMgqUyT03EX">de transitie matrix downloaden</a> en zelf analyseren, of <a target="_blank" href="https://www.uu.nl/staff/EvanSebille">contact opnemen</a>.
117          </p>
118          <p>
119            <i><b>Q:</b> What betekent de kolom 'probability' in de csv file die ik heb gedownload?</i>
120          </p>
121          <p>
122            <b>A:</b> De 'probability' is de fractie van de fractie van het plastic dat op een bepaald moment in een bepaalde rastercel is. Als de probability bijvoorbeeld 0.05 is, dan is 5% van het plastic in die rastercel, en de andere 95% is in andere rastercellen. 
123          </p>
124          <p>
125            <i><b>Q:</b> Waarom zie ik lengtegraden groter dan 180 in de csv file die ik heb gedownload?</i>
126          </p>
127          <p>
128            <b>A:</b> De breedtegraden in de csv file liggen tussen 0 en 360. Als je boijvoorbeeld een waarde van 200 tegenkomt, dan is dat equivalent aan een breedtegraad van -160 (oftewel 160W).
129          </p>
130          <p>
131            <i><b>Q:</b> Hoe kan ik de gedownloade gegevens specifieker filteren op een regio of land?</i>
132          </p>
133          <p>
134            <b>A:</b> Dat zul je moeten doen in een programma zoals Excel. Je kunt de gegevens filteren op lengte- en breedtegraad en je kunt de gegevens ook op tijd f
134ilteren. Als je bijvoorbeeld wilt weten hoeveel plastic zich in de Indische Oceaan bevindt als functie van de tijd, moet je de gegevens filteren op breedtegraad (30S tot 30N) en lengtegraad (20E tot 120E) en optellen over elk jaar. In Excel kun je hiervoor de functie SUMIF() gebruiken of een draaitabel gebruiken.
135          </p>
136        </div>
137      </div>
138
139      <div style="display: none">
140        <div id= "teamBox" class="textbox" >
141          <h3>Teamleden</h3>
142          <div class="team_member col-md-4">
143            <img src="img/erik.jpg" class="team-member-image img-responsive" alt="erik">
144            <p></p>
145            <p>
146              <b>Prof Erik van Sebille</b> is fysisch oceanograaf aan de Universiteit Utrecht, die de grootschalige circulatie van de oceaan bestudeert. Hij is vooral geïnteresseerd in het verband tussen oceaanbekkens en de processen die bepalen hoeveel water van het ene oceaanbekken naar het andere 'lekt'. Deze verbindingen zijn belangrijk voor het mondiale klimaat en voor de paden van zowel mariene organismen als afval. Voor meer informatie, zie <a target="_blank" href="https://www.uu.nl/staff/EvanSebille"> https://www.uu.nl/staff/EvanSebille</a>. </p>
147          </div>
148          <div class="team_member col-md-4">
149            <img src="img/david.jpg" class="team-member-image img-responsive" alt="david">
150            <p></p>
151            <p>
152              <b>David Fuchs</b> is een solution architect met meer dan dertien jaar ervaring in software vari&euml;rend van voice over IP tot toepassingen van machine learning technieken tot grote datasets. David brengt gecombineerde ervaring in zowel techniek als wetenschap met zich mee en is momenteel ge&iuml;nteresseerd in softwaretoepassingen voor grote hoeveelheden data in het algemeen en klimaatdata in het bijzonder. </p>
153          </div>
154          <div class="team_member col-md-4">
155            <img src="img/jack.jpg" class="team-member-image img-responsive" alt="jack">
156            <p></p>
157            <p>
158              <b>Jack Murray</b> is een software engineer gespecialiseerd in het ontwikkelen van webapplicaties met ervaring in het schrijven van code voor zowel frontend als backend. Jack hielp met de initi&euml;le implementatie van de frontend en backend.
159          </div>
160        </div>
161      </div>
162
163      <div style="display: none">
164        <div id= "plasticBox" class="textbox" >
165          <h3>Eendjes en ander plastic</h3>
166          <p>
167            We laten je een schattig rubberen eendje op de kaart zien, maar het experiment dat je doet als je op de kaart klikt, is eigenlijk heel triest. Je bent aan het onderzoeken <a target="_blank" href="https://plasticsoep.sites.uu.nl/">hoe drijvend plastic door de oceaan beweegt</a>.
168          </p>
169          <p>
170            Plastic vervuiling is een van de <a target="_blank" href="https://plasticsoep.sites.uu.nl/prijskaartje/">grootste problemen in onze oceaan</a>. Het kan <a target="_blank" href="https://plasticsoep.sites.uu.nl/dierenleed/">dieren in zee verstikken, of ze kunnen het plastic voor voedsel aanzien en het opeten</a>. Als dat gebeurt, dan komt het plastic <a target="_blank" href="https://plasticsoep.sites.uu.nl/plastic-dieet/">in het voedselweb</a>, en vooral de <a target="_blank" href="https://plasticsoep.sites.uu.nl/plastic-op-ons-bord/">chemicali&euml;n in het plastics</a> kunnen heel schadelijk zijn.
171          </p>
172          <p>
173            Gelukig kun je ook <a target="_blank" href="https://plasticsoep.sites.uu.nl/kom-zelf-in-actie/">zelf dingen doen</a> om plastic vervuiling in de oceaan te voorkomen: gebruik minder plastic, recycle en <a target="_blank" href="https://plasticsoep.sites.uu.nl/onderzoek/">help de wetenschappers</a>.
174          </p>
175        </div>
176      </div>
177
178      <div style="display: none">
179        <div id= "downloadBox" class="textbox" >
180          <h3>Download de data</h3>
181          <p>
182            Via onderstaande link kun je de data van het experiment op het scherm downloaden
183          </p>
184          <p>
185          <div id="downloadbar_text">
186            <i>Klik eerst op een punt op de kaart</i>
187          </div>
188          </p>
189          <p>
190            De data staat in een door komma's gescheiden bestand dat in Excel kan worden geladen. Het heeft vijf kolommen: het jaar, de maand, de breedtegraad, de lengtegraad en de hoeveelhied plastic ('probability'; de fractie van het plastic dat op een bepaald moment in een bepaalde rastercel is; zie ook de FAQ)). Elke rij in het bestand komt overeen met &eacute;&eacute;n rasterpunt op de kaart en rijen met dezelfde jaar- en maandgegevens worden als &eacute;&eacute;n momentopname in de animatie weergegeven. De som van hoeveelheid plastic voor een bepaald jaar en maand is altijd 1, behalve dat rastercellen waar het gewicht kleiner is dan 0,00025 niet worden vermeld.
191          </p>
192          <p>
193            Je bent van harte welkom om de data van deze website te gebruiken. Ik vraag alleen dat je <a href="http://iopscience.iop.org/1748-9326/7/4/044040/">dit wetenschappelijke artikel</a> citeert in een publicatie die deze data gebruikt. Zowel de data als het artikel zijn gelicenseerd met een <a href="http://creativecommons.org/licenses/by/3.0/">
193Creative Commons Attribution license</a>. De map tiles zijn van <a href="http://stamen.com">Stamen Design</a>, en gebruikt met een <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. De data van de map tiles zijn van <a href="http://openstreetmap.org">OpenStreetMap</a>, en gebruikt met een <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>. De code van deze pagina staat <a href="https://github.com/adriftICL/adriftOpenLayers"> op GitHub</a>.
194          </p>
195          <p>
196            Als je vragen hebt hoe de data te gebruiken, <a href="https://www.uu.nl/staff/EvanSebille">neem dan contact op</a>.
197          </p>
198        </div>
199      </div>
200
201      <div style="display: none">
202        <div id= "languageBox" class="textbox" >
203          <h3><a href="../index.html">English</a></h3>
204          <p></p>
205          <h3><a href="index.html">Nederlands (Dutch)</a></h3>
206        </div>
207      </div>
208
209      <div style="display: none">
210        <div id= "accessBox" class="textbox" >
211          <h3>Web Content Accessibility Statement</h3>
212          <p>
213            The PlasticAdrift.org  Website  has not been formally assessed for compliance against Web Content Accessibility Guidelines (WCAG).
214          </p><p>
215            The software providers (Imperial College and Utrecht University) have undertaken a lot of usability improvements to the pages to improve the experience for users with disabilities and visual impairments.
216        </p><p>
217            The Website  is considered to be partially conformant with WCAG 2.1 AA standards,. Partially conformant means that some parts of the content do not conform to the accessibility standards.
218        </p><p>
219            We will do our best to address all reasonable requests regarding this website and its use. Please contact <a href="https://www.uu.nl/staff/EvanSebille">contact me</a>. I endeavour to respond within 7 days.
220          </p>
221        </div>
222      </div>
223
224      <!-- the main map div -->
225      <div id="testingDiv">
226        <div id="mapClass" class="mapClass">
227          <!-- The loading bars -->
228          <div class="spinner">
229            <div class="rect1"></div>
230            <div class="rect2"></div>
231            <div class="rect3"></div>
232            <div class="rect4"></div>
233            <div class="rect5"></div>
234          </div>
235
236          <div id="warningBox" class="infoBox">
237            Klik op een punt in de oceaan
238          </div>
239          <div id="fwdbwd" class="infoBox"><a id="fwdbwdlink" href="#fwdbwdBox">Laat zien waar plastic eindigt</a></div>
240          <div id="dateBox" class="infoBox">Klik op een punt in de oceaan</div>
241
242        </div>
243      </div>
244    </div> <!-- testing div -->
245
246  </div>
247
248  <div class="push"></div>
249</div>
250<div class="footer">
251  <div class="row">
252    <div class="col-xs-2 col-sm-2 col-md-1 col-lg-1">
253      <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">
254        <img id="ccbutton" src="img/by.png" class="img-responsive" alt="CC">
255      </a>
256    </div>
257
258    <div class="col-xs-10 col-sm-10 col-md-5 col-lg-5">
259      Je bent van harte welkom om de data van deze website te gebruiken. Ik vraag alleen dat je <a href="http://iopscience.iop.org/1748-9326/7/4/044040/">dit wetenschappelijke artikel</a> citeert in een publicatie die deze data gebruikt. Zowel de data als het artikel zijn gelicenseerd met een <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution license</a>. De map tiles zijn van <a href="http://stamen.com">Stamen Design</a>, en gebruikt met een <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. De data van de map tiles zijn van <a href="http://openstreetmap.org">OpenStreetMap</a>, en gebruikt met een <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>. De code van deze pagina staat <a href="https://github.com/adriftICL/adriftOpenLayers"> op GitHub</a>. <a id="accesslink" href="#accessBox">Web Content Accessibility Statement</a>.
260      Als je een vraag hebt over de website of de data, kun je me <a href="https://www.uu.nl/staff/EvanSebille">bereiken</a>.
261    </div>
262
263    <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
264      <a href="https://www.imperial.ac.uk/" target="_blank">
265        <img id="impLogo" src="img/imperialLogo.png" class="img-responsive" alt="Imperial College London">
266      </a>
267    </div>
268    <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
269      <a href="https://www.uu.nl/" target="_blank">
270        <img id="UULogo" src="img/UU_logo_EN_RGB.jpg" class="img-responsive" alt="Utrecht University">
271      </a>
272    </div>
273    <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
274      <a href="http://www.climatescience.org.au/" target="_blank">
275        <img id="cofeLogo" src="img/cofe.png" class="img-responsive" alt="ARC Centre of Excellence for Climate System Science">
276      </a>
277    </div>
278  </div>
279</div>
280<div>
281</div>
282<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
vendor: 2 bytes, line 282
282
283<script src="lib/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 283
283
284<script src="lib/ol/ol.js" type="text/javascript"></script>
vendor: 2 bytes, line 284
284
285<script src="js/mapScript.js"></script>
vendor: 2 bytes, line 285
285
286<script src="js/analytics.js"></script>
vendor: 2 bytes, line 286
286
287<script src="lib/colorbox/jquery.colorbox-min.js"></script>
287
288<link rel="stylesheet" href="css/colorbox.css" type="text/css">
289
290
291
292<script>
293    /* colorbox script TESTING*/
294    $(document).ready(function(){
295        console.log("running the colorbox function");
296        $(".inlineTextBox").colorbox({inline:true, width:"40%"});
297        $("#fwdbwdlink").colorbox({inline:true, width:"40%"});
298        $("#howlink").colorbox({inline:true, width:"70%"});
299        $("#faqlink").colorbox({inline:true, width:"70%"});
300        $("#teamlink").colorbox({inline:true, width:"70%"});
301        $("#plasticlink").colorbox({inline:true, width:"70%"});
302        $("#downloadlink").colorbox({inline:true, width:"70%"});
303        $("#languagelink").colorbox({inline:true, width:"300px"});
304        $("#accesslink").colorbox({inline:true, width:"70%"});
305    });
306
307</script>
307
308
309</body>
310</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.