-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathlong_description.html
240 lines (229 loc) · 10.7 KB
/
long_description.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<div class="row-fluid">
<div class="span12">
<p>
Tropical forests provide habitat for most of the world’s known terrestrial plant and animal species. These ecosystems are under increasing threat worldwide. During the last decades, several million hectares of humid tropical forest were lost each year. Despite the proliferation of new remote sensing technologies, information about the status of world’s forest is limited and unevenly distributed.</p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<img class="img-polaroid pull-left" src="http://forestwatchers.net/assets/images/carousel/burning.jpg">
</div>
<div class="span8">
<p>
The immense task of protecting for future generations an adequate share of world’s remaining forest is outside the reach of traditional conservation strategies alone. It calls for collective action to complement existing initiatives.</p>
<p>
ForestWatchers proposes a new paradigm in conservationism based on the convergence of volunteer computing/thinking with free (or donated) catalogs of high-resolution Earth imagery.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<p style="padding-top:10px">
<p><strong>This application tries to reflect one of the first steps carried out by deforestation experts when they assess deforestation for a given area of the forest</strong>.
</p>
In this first step, <i>the experts compare several satellite images from the same area using pictures from different days</i>. Why? Because some days some parts of the selected area will be fully or partially covered by clouds making impossible to analyze the deforestation. For this reason, the experts "cut & copy" the good areas creating a "collage", or composite image, that will be almost "cloud-free". This final image will be used in the next steps to study and analyze the deforestation of the area.
</p>
<p>
The ForestWatchers application gives you the option to participate and become one of these experts as you will be able to choose from different days which are the best parts of the image for creating the final one. With the collaboration of many volunteers this step could be done much faster and probably better. Thus, if you want to help just <a href="http://forestwatchers.net/pybossa/app/besttile/newtask">start contributing!</a>
</p>
<p><span class="label label-info"><i class="icon icon-bullhorn"></i> Info</span><a href="http://www.flickr.com/photos/gsfc/6163474157/"> Application Icon cortesy of NASA</a></p>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h2>Preliminary results <small>updated 4 times per day</small></h2>
<p>The results presented here are based on the answers from volunteers. The resulting images are updated 4 times per day.</p>
<p>If you click on the Layers button on the right-hand side, you can select
to see just the tasks that are completed, which are those tasks where a
minimum of 30 people agreed on the best tile.</p>
<p>You can also <strong>overlay rivers</strong> (hydrography), <strong>conservation areas</strong> and <strong>indigenous reserves</strong>.</p>
<p><i>If a task is not completed</i>, the image shown is that from the first day of
the series.</p>
<p>The <strong>Heat map</strong> represents the confidence in the selected tile. Red color is used to represent when the community does not fully agree on the same tile for an area, while blue is used to represent when most of the volunteers agree on the same time:</p>
<div class="well well-small span7">
<h4>Heat Map Legend <small>percentage of acknowledgement</small></h4>
<div class="row-fluid">
<div class="span3">
[0%]
</div>
<div class="span3" style="background-color:rgb(255,0,0);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
<div class="span3">
[51%-60%]
</div>
<div class="span3" style="background-color:rgb(0,0,127);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
</div>
<div class="row-fluid">
<div class="span3">
[01%-10%]
</div>
<div class="span3" style="background-color:rgb(229,0,0);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
<div class="span3">
[61%-70%]
</div>
<div class="span3" style="background-color:rgb(0,0,153);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
</div>
<div class="row-fluid">
<div class="span3">
[11%-20%]
</div>
<div class="span3" style="background-color:rgb(204,0,0);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
<div class="span3">
[71%-80%]
</div>
<div class="span3" style="background-color:rgb(0,0,178);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
</div>
<div class="row-fluid">
<div class="span3">
[21%-30%]
</div>
<div class="span3" style="background-color:rgb(178,0,0);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
<div class="span3">
[81%-90%]
</div>
<div class="span3" style="background-color:rgb(0,0,204);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
</div>
<div class="row-fluid">
<div class="span3">
[31%-40%]
</div>
<div class="span3" style="background-color:rgb(153,0,0);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
<div class="span3">
[91%-99%]
</div>
<div class="span3" style="background-color:rgb(0,0,229);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
</div>
<div class="row-fluid">
<div class="span3">
[49%-50%]
</div>
<div class="span3" style="background-color:rgb(127,0,0);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
<div class="span3">
[100%]
</div>
<div class="span3" style="background-color:rgb(0,0,255);width:30px;height:14px;margin-top:2px;margin-left:-3px;">
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span10">
<p>We are building <strong>two heat maps</strong>:</p>
<ol>
<li>for <strong>completed tasks</strong> only, i.e., tasks that already received at least 30 votes from the volunteers; and </li>
<li>another one for <strong>all the desired area</strong>.</li>
</ol>
<p>We are expecting that the heat map for the entire area will be dominated by blue color since it has not received enough votes yet.</p>
</div>
</div>
<div id="map" style="width:800px; height:800px;border: 1px solid black;"></div>
<script src="/static/openlayers/OpenLayers.js"></script>
<script type="text/javascript">
<!--
var map, layer1, layer1b, layer2, layer2b, vector1, vector2, vector3, vector4, vector5, point1, point2;
var mapfile = "map=/home/forestwatchers/map/maps2012.map"
var infomapfile = "map=/home/forestwatchers/map/infoshapes.map"
var server1 = "http://forestwatchers.net/cgi-bin/mapserv?" + mapfile
var server2 = "http://forestwatchers.net/cgi-bin/mapserv?" + infomapfile
point1 = new OpenLayers.Geometry.Point(-58.6, -13.2);
point2 = new OpenLayers.Geometry.Point(-49.4, 5.7);
var bounds = new OpenLayers.Bounds();
bounds.extend(point1);
bounds.extend(point2);
bounds.toBBOX();
function init(){
map = new OpenLayers.Map( 'map' );
layer1 = new OpenLayers.Layer.WMS( "All tasks", server1,
{
layers: 'preliminaryall',
isBaseLayer: true
} );
layer1b = new OpenLayers.Layer.WMS( "Heat map All tasks", server1,
{
layers: 'heatall',
} );
layer2 = new OpenLayers.Layer.WMS( "Completed tasks", server1,
{
layers: 'preliminarycompleted',
} );
layer2b = new OpenLayers.Layer.WMS( "Heat map Completed tasks", server1,
{
layers: 'heatcompleted',
} );
vector1 = new OpenLayers.Layer.WMS( "Brazil (political map)", server2,
{
layers: 'shp_brazil',
transparent: true
}, {
opacity: 1.0
} );
vector2 = new OpenLayers.Layer.WMS( "Indigenous reserve", server2,
{
layers: 'shp_indigenous',
transparent: true,
}, {
visibility: false,
opacity: 0.5
} );
vector3 = new OpenLayers.Layer.WMS( "Federal Conservation Areas", server2,
{
layers: 'shp_conservation',
transparent: true
}, {
visibility: false,
opacity: 0.5
} );
vector4 = new OpenLayers.Layer.WMS( "Brazilian Amazon Hydrography", server2,
{
layers: 'amazonhydro',
transparent: true
}, {
visibility: false,
opacity: 0.5
} );
vector5 = new OpenLayers.Layer.WMS( "World (political map)", server2,
{
layers: 'shp_world',
transparent: true
}, {
visibility: false,
opacity: 1.0
} );
map.addLayer(layer1);
map.addLayer(layer1b);
map.addLayer(layer2);
map.addLayer(layer2b);
map.addLayer(vector5);
map.addLayer(vector1);
map.addLayer(vector2);
map.addLayer(vector3);
map.addLayer(vector4);
map.zoomToExtent(bounds);
map.zoomTo(8);
map.addControl(new OpenLayers.Control.LayerSwitcher());
}
init();
</script>