-
Notifications
You must be signed in to change notification settings - Fork 5
/
noisecapture_protocol.html
382 lines (336 loc) · 21.8 KB
/
noisecapture_protocol.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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Noise-Planet - Scientific tools for environmental noise assessment">
<meta name="author" content="Gwendall Petit (CNRS , Lab-STICC UMR 6285 / DECIDE Team)">
<meta name="author" content="Judicael Picaut (Univ Eiffel / UMRAE)">
<title>Noise-Planet - NoiseCapture protocol</title>
<!-- Bootstrap core CSS -->
<link href="./assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link rel="shortcut icon" href="./assets/ico/favicon.png">
<link href="./assets/css/main.css" rel="stylesheet">
<link href="./assets/css/font-awesome.min.css" rel="stylesheet">
<link href="./assets/css/animate-custom.css" rel="stylesheet">
<link href='./assets/css/lato.css' rel='stylesheet' type='text/css'>
<link href='./assets/css/raleway.css' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main" class="txlive">
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- NAVIGATION BAR -->
<script src="./navbar.js"></script>
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- ==== Presenation ==== -->
<div class="container" id="Presentation" name="Presentation">
<div class="row">
<h1 class="centered"><img class="img-responsive" style="display: inline;" src="./assets/img/logos/Logo_noisecapture.png" height="80px" width="80px" alt="Logo NoiseCapture" /> NoiseCapture protocol </h1>
<hr>
<p align="center">In this page you will find informations about the use of the NoiseCapture app.</p>
</div><!-- row -->
</div><!-- container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- ==== NoiseCapture install ==== -->
<div class="container" id="Noisecapture_install" name="Noisecapture_install">
<div class="row">
<h2 class="centered">Install NoiseCapture</h2>
<hr>
<div class="col-lg-offset-2 col-lg-8">
<p align="justify">
<b>NoiseCapture</b> is an Android application. To install it, you have to follow these instructions:
<ul>
<li>Go on the <a href="https://play.google.com/store" target="blank">Google Play Store</a> and sign in <i>(an account is needed to have the right to install applications)</i>,</li>
<li>Use the search engine to find the "NoiseCapture" app,</li>
<li>Once you are in the "NoiseCapture" page, click on the "Install" icon.
</ul>
</div><!-- col-lg -->
</div><!-- row -->
<div class="row">
<div class="col-lg-6">
<p align="center">You can also click <br> on the following shortcut ...
<br>
<a href='https://play.google.com/store/apps/details?id=org.noise_planet.noisecapture&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1' target="blank"><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png'/ width="164px" height="63px"></a></p>
</div>
<div class="col-lg-6">
<p align="center">...or flash the this QR Code.
<br>
<img class="img-responsive" src="./assets/img/noisecapture_party/qrcode.png" alt="NoiseCapture QrCode" height="200px" width="200px"></p>
</div>
</div><!-- row -->
<div class="row">
<div class="col-lg-offset-2 col-lg-8">
<p align="center">Alternatively, you can also download NoiseCapture from the free Aptoide store. <br> <a href="https://noisecapture.en.aptoide.com/" target="blank"><img src="./assets/img/noisecapture/aptoide-logo.png" alt data-caption="NoiseCapture on Aptoide" width="25%"></a>
</p>
</div>
</div><!-- row -->
</div><!-- container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- ==== NoiseCapture - How to measure ==== -->
<div class="container" id="how_to_measure" name="how_to_measure">
<div class="row">
<h2 class="centered">How to measure noise?</h2>
<hr>
<div class="col-lg-offset-2 col-lg-8">
<p align="center">Below is presented a full description on how to use NoiseCapture, allowing to record noise in a good conditions:
</p>
</div><!-- col-lg -->
</div><!-- row -->
</div><!-- container -->
<!-- Requirements -->
<div class="container" id="requirements" name="requirements">
<div class="row">
<h3 class="centered">Requirements</h3>
<div class="col-lg-offset-2 col-lg-8">
<p align="justify">To use NoiseCapture, there is only two requirements:
<ol>
<li>Use a smartphone that is equiped with a <b>GPS</b>. Before starting to record noise, you have to <b>activate the geolocalization</b> (your GPS),</li>
<li>Your smartphone has to have <b>at least Android 4.0.3</b>.</li>
</ol>
<br>
In addition, we encourage (if possible) users to <b>calibrate</b> their smartphones. For more informations, please consult <a href="./noisecapture_calibration.html">this page</a>.
</p>
</div><!-- col-lg-6 -->
</div><!-- row -->
</div><!-- container -->
<!-- Home page -->
<div class="container" id="home_page" name="home_page">
<div class="row">
<h3 class="centered">Starting home page</h3>
<div class="col-lg-6">
<br>
<p align="justify">Once you launched the application, you will arrive on this "home page" (see on the right). In this interface, you have:
<ol>
<li><b>dB value</b>: real time noise level (exprimed in dB(A)),</li>
<li><b>GPS precision</b>: exprimed in meter, this information show you if your smartphone is well geolocalized or not. We assume that the localization is good under 10 meters,</li>
<li>Noise representation <i>(see "Measuring modes" below)</i>,</li>
<li><b>Recording</b> button: press it to start the measure.</li>
</ol>
</p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_home_page.png" alt="NoiseCapture measures" width="300px"></p>
</div><!-- col-lg-6 -->
<br>
</div><!-- row -->
</div><!-- container -->
<!-- Start measuring -->
<div class="container" id="start_measuring" name="start_measuring">
<div class="row">
<h3 class="centered">Start measuring</h3>
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_during_measure.png" alt="Start measuring" width="300px"></p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="justify">Once you started the recording (you clicked on the dedicated icon), you obtain this interface (on the left), with the following informations:
<ol>
<li><b>dB value</b>: real time noise level (exprimed in dB(A)),</li>
<li>Noise <b>statistics</b>: min, moy and max noise dB values,</li>
<li>Measure's <b>duration</b>,</li>
<li><b>GPS precision</b>, exprimed in meter,</li>
<li>Noise representation <i>(see "Measuring modes" below)</i>,</li>
<li><b>Stop recording</b> button: press it to stop the measure,</li>
<li><b>Pause recording</b> button: press it to pause the measure.</li></li>
</ol>
</p>
</div><!-- col-lg-6 -->
</div><!-- row -->
</div><!-- container -->
<!-- Measuring modes -->
<div class="container" id="measures_mode" name="measures_mode">
<div class="row">
<h3 class="centered">Measuring modes</h3>
<div class="col-lg-6">
<br>
<p align="justify">During the recording, you have the possibility to change the representation mode. Here, by clicking on the dedicated tabs, you have the choice between:
<ol>
<li><b>Spectrum</b>: the noise is represented thanks to frequencies bands,</li>
<li><b>Spectrogram</b>: the noise is displayed as a graph with two geometric dimensions: the horizontal axis represents time, while the vertical axis is frequency; a third dimension (color) indicating the amplitude in dB(A),</li>
<li><b>Map</b> : follow in real time on the map where you already made measures and where you should go.</li>
</ol>
</p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_measure.png" alt="NoiseCapture measures" width="700px"></p>
</div><!-- col-lg-6 -->
<br>
</div><!-- row -->
</div><!-- container -->
<!-- Describe measure -->
<div class="container" id="describe" name="describe">
<div class="row">
<h3 class="centered">Describe your measure</h3>
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_describe.png" alt="Describe your measure" width="300px"></p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="justify">When your measure is finished, you are invited* to describe your track through the following entries:
<ol>
<li><b>Free description</b>: Describe your measure thanks to a free text**,</li>
<li><b>NoiseCapture party code</b>: specify the code of your party (see <a href="./noisecapture_party.html">NoiseCapture party</a>),</li>
<li>Take a <b>photo</b> to illustrate your track**,</li>
<li><b>Pleasantness</b> indicator: rate your measure,</li>
<li><b>Measure conditions</b>: click on the appropriate tags,</li>
<li><b>Main noise sources</b>: click on the appropriate tags <i>(in this example, "Roads" and "Industrial" are selected)</i>,</li>
<li><b>Clear</b> the measure,</li>
<li><b>Validate</b> the description and your measure.</li>
</ol>
* If you don't want to add description, just press the "Validate" icon,
<br>
** This information is <b>private</b> and is <b>not</b> uploaded on our server.
</p>
</div><!-- col-lg-6 -->
</div><!-- row -->
</div><!-- container -->
<!-- Results -->
<div class="container" id="results" name="results">
<div class="row">
<h3 class="centered">Results</h3>
<div class="col-lg-6">
<br>
<p align="justify">Once you validated the description part, you can see the resulting measure informations. Here you have:
<ol>
<li><b>Noise indicators</b>: min, LA90, LA50, LA10 and max values,</li>
<li><b>Mean noise level</b>, exprimed in dB(A),</li>
<li><b>Noise exposure distribution</b>: time repartition of the different dB classes,</li>
<li>Mean noise spectrum chart,</li>
<li><b>Share</b> the mesure (thanks to e-mail, ...) or your Twitter account,</li>
<li>Go back to "Measure" panel,</li>
<li>If your smartphone has no internet connexion, the measure will not been uploaded to our server. Once you obtain a connexion, press this button to send us your measure,</li>
<li><b>Show</b> the resulting measure <b>in the map</b>.</li>
</ol>
</p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_results_page.png" alt="Measure results" width="300px"></p>
</div><!-- col-lg-6 -->
<br>
</div><!-- row -->
</div><!-- container -->
<!-- Show map -->
<div class="container" id="show_map" name="show_map">
<div class="row">
<h3 class="centered">Visualize maps</h3>
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_visualize_map.png" alt="Visualize maps" width="300px">
</p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="justify">In the map panel, you have:
<ol>
<li><b>Zoom</b> tools,</li>
<li><b>Background layer</b> selector: choose between "OpenStreetMap" layer, or a satellite imagery,</li>
<li><b>Noise layer</b> selector: check the layer you want to display. You choose to visualize your last measurement, all your past contributions or the community map*,</li>
<li>The <b>map</b>, displaying the choosen layers,</li>
<li>The <b>legend</b>.</li>
</ol>
* You can also access this <b>community map</b> with a web browser from a computer <i>(recommended solution for better display)</i> with the following web link: <a href="./map_noisecapture/index.html">https://noise-planet.org/map_noisecapture/index.html</a>.
</p>
</div><!-- col-lg-6 -->
</div><!-- row -->
</div><!-- container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- Manage -->
<div class="container" id="manage" name="manage">
<div class="row">
<h2 class="centered">Manage your measures</h2>
<hr>
<div class="col-lg-6">
<br>
<p align="justify">In the application menu, you can access to the "History" page. Here you can:
<ol>
<li>See the <b>list of all your past measures</b>. A color indicator gives you an indication on the mean dB level of the measure. Informations concerning the duration and the date are also displayed,</li>
<li>Visualize a <b>cloud icon</b> that indicates if the measure has been <b>uploaded</b> or not on our server <i>(blue means that it has been uploaded)</i>.</li>
</ol>
</p>
</div><!-- col-lg-6 -->
<div class="col-lg-6">
<br>
<p align="center"><img class="img-responsive" src="./assets/img/noisecapture/NoiseCapture_history_page.png" alt="Manage results" width="300px"></p>
</div><!-- col-lg-6 -->
<br>
</div><!-- row -->
</div><!-- container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- Recommandations mesures -->
<div class="container" id="Noisecapture_user" name="Noisecapture_user">
<div class="row">
<h2 class="centered">Recommendations for measures</h2>
<hr>
<div class="col-lg-offset-2 col-lg-8">
<p align="justify">
Guidelines for a relevant measure:
<ul>
<li>Do not hesitate to move (walking) during a same measurement, trying however not to add a noise that would be related to your displacement (the measurement in two-wheels or in car should be avoided).</li>
<li>If you are in a rather quiet place, it is recommended to do the measurement without moving, but by regularly changing position (i.e. one separate measure by location).</li>
<li>The duration of a measurement is an important point: prefer a measurement over a long duration (several tens of seconds), than several measurements of a short duration.</li>
</ul>
</p>
<p align="justify">
Practical tips for measurement:
<ul>
<li>The measurement shall be carried out outside buildings,</li>
<li>The smartphone should not be in the pocket,</li>
<li>The smartphone must be held by hand,</li>
<li>The smartphone microphone should not be hidden,</li>
<li>Make a noise measurement without making any noise yourself!</li>
<li>Do not measure under rainy or windy conditions,</li>
<li>It is possible to use an external calibrated microphone with a better quality.</li>
</ul>
</p>
</div><!-- col-lg -->
</div><!-- row -->
</div><!-- container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- In case of problems -->
<div class="container" id="Noisecapture_user" name="Noisecapture_user">
<div class="row">
<h2 class="centered">What to do in case of problems?</h2>
<hr>
<div class="col-lg-offset-2 col-lg-8">
<p align="justify">
<ul>
<li>Contact the NoiseCapture team at <a href="mailto:[email protected]">[email protected]</a>,</li>
<li>Ask your questions online at <a href="https://github.com/Ifsttar/NoiseCapture/issues" target="blank">https://github.com/Ifsttar/NoiseCapture/issues</a> <i>(requires a free GitHub account)</i>,</li>
<li>Allow an error report to be sent if the application is stopped prematurely.</li>
</ul>
</p>
</div><!-- col-lg -->
<br>
</div><!-- row -->
</div><!-- container -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------>
<!-- FOOTER & CREDITS-->
<!-- Include content present in the "footer_credits.js" file -->
<script src="./footer_credits.js"></script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="./assets/js/jquery.min.js"></script>
<script type="text/javascript" src="./assets/js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="./assets/js/html5shiv.js"></script>
<script src="./assets/js/respond.min.js"></script>
<![endif]-->
<!-- Transifex script -->
<script type="text/javascript">window.liveSettings={api_key:"4c31aac0398149cf971660ee00d6106b"};</script>
<script type="text/javascript" src="//cdn.transifex.com/live.js"></script>
<!-- for GitHub widget -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script type="text/javascript" src="./assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./assets/js/retina.js"></script>
<script type="text/javascript" src="./assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="./assets/js/jquery-func.js"></script>
</body>
</html>