-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (131 loc) · 8.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Here we present a methodology and a prototype tool powered by machine learning algorithms that allows for near real time threat (and loss) monitoring of vulnerable plant species, using open data (ground-truthed and remotely sensed). Improvements in machine learning algorithms and access to high quality remotely sensed data (top down) has enabled “remote” monitoring of the earth’s status. The applicability of insights obtained can be further improved by incorporating ground truthed (bottom up) data. The proposed tool leverages upon the ease at which one can access GBIF’s high quality spatialized data in a standardized format at scale, further augments this with remote sensing data and machine learning algorithms in order to monitor threat status of plant species. This tool mashes multiple datasets, merges geospatial layers, to generate new insights, and provides a new use case of open data, further supporting the call for FAIR (Findable, Accessible, Interoperable and Reusable) data. Biodiversity monitoring is central to Sustainable Development Agenda, we propose to use this case-study as an example to promote spatialization and FAIR access of national biodiversity records currently held by various government agencies.">
<meta name="keywords" content="ciat, gbif, terrai, terra-i, earth observation data, big data, analytics, bda, ecological diversity "/>
<meta name="author" content="CIAT, d.burra@cgiar.org, l.reymondin@cgiar.org, l.palao@cgiar.org, m.barua@cgiar.org, ciatph">
<link rel="icon" href="images/icons/ciat-icon-48.ico">
<title>Terra-i and GBIF</title>
<!-- Styles -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/main.css" type="text/css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125238836-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-125238836-1');
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://ciatph.000webhostapp.com/analytics/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="https://ciatph.000webhostapp.com/analytics/piwik.php?idsite=2&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
</head>
<body>
<!-- navigation bar -->
<nav class="navbar site-header sticky-top py-1 navbar-expand-lg navbar-dark">
<div class="container d-flex flex-column flex-md-row justify-content">
<a class="py-2" href="#">
<img src="images/logo/ciat-icon-48.png" width="30" height="30"/>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active" id="map_sa">
<a class="nav-link" href="#" onclick="Main.toggleMap('la')">South America</a>
</li>
<li class="nav-item" id="map_asia">
<a class="nav-link" href="#" onclick="Main.toggleMap('asia')">Asia</a>
</li>
</ul>
</div>
<div style="float:right; font-size: 12px; margin-top:3px;">
<a class="py-2 d-none d-md-inline-block" href="https://figshare.com/s/0b556b9d4c4a5d6f0e9c">FigShare Poster</a>
<a class="py-2 d-none d-md-inline-block" href="https://github.com/ciatph/terrai-gbif">GitHub Repository</a>
<a class="py-2 d-none d-md-inline-block" href="analytics.html">Analytics</a>
</div>
</div>
</nav>
<!-- map -->
<div id="mapid" style="border-bottom: 4px solid #80ff80;"></div>
<!-- content: layers descriptions -->
<div class="container" style="margin-top: 40px;">
<h1 id="page_header">South America</h1>
<hr>
<!-- Example row of columns -->
<div class="row description">
<!-- insert layer text here -->
</div>
<hr><br>
</div> <!-- /container -->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="about">
<img src="images/logo/CIAT-Logo-255x128-1.png" class="img-responsive center-block" alt="">
<p>A Terra-i and GBIF project by <a href="https://blog.ciat.cgiar.org/">CIAT</a> for the <a href="https://www.gbif.org/news/1GQURfK5jS4Iq4O06Y0EK4/2018-gbif-ebbe-nielsen-challenge-seeks-open-data-innovations-for-biodiversity">2018 Ebbe Nielsen Challenge</a></p>
</div>
</div>
</div>
</div>
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p>Copyright © 2018. CIAT.</p>
</div>
<div class="col-sm-6"></div>
</div>
</div>
</section>
</footer>
<!-- Modal -->
<div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="messageModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-info" id="messageModalLabel">Server Migration Notification</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Our GeoServer instance is currently being migrated to another Microsoft Azure server until September 23, 2018.</p>
<p>Some map layers may not render properly during migration. Please wait for further notifications until updates are finished and data can be served properly. Thank you.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Scripts
================================================== -->
<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js" integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA==" crossorigin=""></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/pnotify.custom.min.js"></script>
<script src="js/jquery.loading-indicator.js"></script>
<script src="js/map.js" type="text/javascript"></script>
<script src="js/main.js"></script>
</body>
</html>