Line 92... |
Line 92... |
92 |
// Nombre d'observations max autorisé avant transmission
|
92 |
// Nombre d'observations max autorisé avant transmission
|
93 |
var OBS_MAX_NBRE = 10;
|
93 |
var OBS_MAX_NBRE = 10;
|
94 |
// Durée d'affichage en milliseconde des messages d'informations
|
94 |
// Durée d'affichage en milliseconde des messages d'informations
|
95 |
var DUREE_MESSAGE = 15000;
|
95 |
var DUREE_MESSAGE = 15000;
|
96 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
|
96 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
|
97 |
var SERVICE_NOM_COMMUNE_URL = "http://localhost/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
|
97 |
var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
|
98 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
|
98 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
|
99 |
var SERVICE_NOM_COMMUNE_URL_ALT = "http://localhost/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
|
99 |
var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
|
100 |
// URL du marqueur à utiliser dans la carte Google Map
|
100 |
// URL du marqueur à utiliser dans la carte Google Map
|
101 |
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
|
101 |
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
|
102 |
// URL de l'icône du chargement en cours
|
102 |
// URL de l'icône du chargement en cours
|
103 |
var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
|
103 |
var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
|
104 |
// URL de l'icône du calendrier
|
104 |
// URL de l'icône du calendrier
|
Line 120... |
Line 120... |
120 |
<div class="container">
|
120 |
<div class="container">
|
121 |
<div class="row-fluid">
|
121 |
<div class="row-fluid">
|
122 |
<div class="span6 page-header">
|
122 |
<div class="span6 page-header">
|
123 |
<div class="row">
|
123 |
<div class="row">
|
124 |
<div class="span6">
|
124 |
<div class="span6">
|
125 |
<h1><img class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Outil de saisie simplifiée (CEL)</h1>
|
125 |
<h1><img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" /> Ajout rapide d'observations</h1>
|
126 |
</div>
|
126 |
</div>
|
127 |
</div>
|
127 |
</div>
|
128 |
<div class="row">
|
128 |
<div class="row">
|
129 |
<div class="span6">
|
129 |
<div class="span6">
|
130 |
<p>
|
130 |
<p>
|
131 |
Ce widget de saisie vous permet de partager simplement vos observations avec le
|
131 |
Cet outil vous permet de partager simplement vos observations avec le
|
132 |
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>.
|
132 |
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
|
133 |
Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre").
|
- |
|
134 |
Retrouvez ensuite facilement ces observations dans
|
133 |
Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
|
135 |
<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
|
134 |
<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
|
- |
|
135 |
Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
|
- |
|
136 |
Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique?langue=fr">cartes et galeries photos </a> du site.
|
- |
|
137 |
</p>
|
- |
|
138 |
<p class="discretion">
|
- |
|
139 |
Pour toute question contactez <a href="mailto:cel_remarques@tela-botanica.org">cel_remarques@tela-botanica.org</a>
|
136 |
</p>
|
140 |
</p>
|
137 |
<p class="discretion">
|
141 |
<p class="discretion">
|
138 |
Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
|
142 |
Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
|
139 |
<button id="btn-aide" class="btn btn-mini btn-success">
|
143 |
<button id="btn-aide" class="btn btn-mini btn-success">
|
140 |
<span class="icon-question-sign icon-white"></span>
|
144 |
<span class="icon-question-sign icon-white"></span>
|
Line 149... |
Line 153... |
149 |
<div class="well">
|
153 |
<div class="well">
|
150 |
<h2>Observateur</h2>
|
154 |
<h2>Observateur</h2>
|
151 |
<form id="form-observateur" action="#" class="" autocomplete="on">
|
155 |
<form id="form-observateur" action="#" class="" autocomplete="on">
|
152 |
<div class="row-fluid">
|
156 |
<div class="row-fluid">
|
153 |
<div class="span6" rel="tooltip" data-placement="right"
|
157 |
<div class="span6" rel="tooltip" data-placement="right"
|
154 |
title="Saisissez votre courriel avec lequel vous être inscrit à Tela Botanica.
|
158 |
title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
|
155 |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
|
159 |
Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
|
156 |
ultérieurement. Des informations complémentaires vont vous être
|
160 |
ultérieurement. Des informations complémentaires vont vous être
|
157 |
demandées : prénom et nom.">
|
161 |
demandées : prénom et nom.">
|
158 |
<label for="courriel"
|
162 |
<label for="courriel"
|
159 |
title="Veuillez saisir votre adresse courriel.">
|
163 |
title="Veuillez saisir votre adresse courriel.">
|
Line 167... |
Line 171... |
167 |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
|
171 |
<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
|
168 |
</div>
|
172 |
</div>
|
169 |
</div>
|
173 |
</div>
|
170 |
<div id="zone-courriel-confirmation" class="span6 hidden">
|
174 |
<div id="zone-courriel-confirmation" class="span6 hidden">
|
171 |
<label for="courriel_confirmation"
|
175 |
<label for="courriel_confirmation"
|
172 |
title="Veuillez saisir confirmer votre adresse courriel.">
|
176 |
title="Veuillez saisir confirmer le courriel.">
|
173 |
<strong class="obligatoire">*</strong> Courriel (confirmation)
|
177 |
<strong class="obligatoire">*</strong> Courriel (confirmation)
|
174 |
</label>
|
178 |
</label>
|
175 |
<div class="input-prepend">
|
179 |
<div class="input-prepend">
|
176 |
<span class="add-on">
|
180 |
<span class="add-on">
|
177 |
<i class="icon-envelope"></i>
|
181 |
<i class="icon-envelope"></i>
|
Line 232... |
Line 236... |
232 |
</div>
|
236 |
</div>
|
233 |
</div>
|
237 |
</div>
|
234 |
<div class="row-fluid">
|
238 |
<div class="row-fluid">
|
235 |
<div class="span4">
|
239 |
<div class="span4">
|
236 |
<label for="map_canvas" title="Veuillez localiser l'observation">
|
240 |
<label for="map_canvas" title="Veuillez localiser l'observation">
|
237 |
<strong class="obligatoire">*</strong>
|
- |
|
238 |
Géolocalisation
|
241 |
Géolocalisation
|
239 |
</label>
|
242 |
</label>
|
240 |
</div>
|
243 |
</div>
|
241 |
<div class="span8 droite">
|
244 |
<div class="span8 droite">
|
242 |
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
|
245 |
<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
|
Line 303... |
Line 306... |
303 |
</div>
|
306 |
</div>
|
304 |
</div>
|
307 |
</div>
|
305 |
</div>
|
308 |
</div>
|
306 |
<div class="row-fluid">
|
309 |
<div class="row-fluid">
|
307 |
<div class="span4" rel="tooltip"
|
310 |
<div class="span4" rel="tooltip"
|
308 |
title="Le lieu-dit est la dénomination administrative du lieu
|
- |
|
309 |
que l’on peut trouver sur une carte au 1/25 000, sur le
|
311 |
title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
|
310 |
cadastre ou au dire des habitants locaux." >
|
- |
|
311 |
<label for="lieudit">Lieu-dit</label>
|
312 |
<label for="lieudit">Lieu-dit</label>
|
312 |
<div>
|
313 |
<div>
|
313 |
<input type="text" id="lieudit" class="span2" name="lieudit"/>
|
314 |
<input type="text" id="lieudit" class="span2" name="lieudit"/>
|
314 |
</div>
|
315 |
</div>
|
315 |
</div>
|
316 |
</div>
|
316 |
<div class="span4" rel="tooltip"
|
317 |
<div class="span4" rel="tooltip"
|
317 |
title="La station est la dénomination qui caractérise le lieu
|
318 |
title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
|
318 |
de la collecte d’un point de vue écologique. Il est
|
- |
|
319 |
recommandéde choisir une station qui soit homogène dans
|
- |
|
320 |
sa composition floristique afin de refléter le plus
|
- |
|
321 |
fidèlement possible son identité sous l’angle
|
- |
|
322 |
phytosociologique. Exemple : zone humide située au centre
|
- |
|
323 |
du près. " >
|
- |
|
324 |
<label for="station">Station</label>
|
319 |
<label for="station">Station</label>
|
325 |
<div>
|
320 |
<div>
|
326 |
<input type="text" id="station" class="span2" name="station"/>
|
321 |
<input type="text" id="station" class="span2" name="station"/>
|
327 |
</div>
|
322 |
</div>
|
328 |
</div>
|
323 |
</div>
|
329 |
<div class="span4" rel="tooltip"
|
324 |
<div class="span4" rel="tooltip"
|
330 |
title="Le milieu est un terme générique caractérisant la
|
325 |
title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
|
331 |
station. On peut se référer pour cela à des codes comme
|
- |
|
332 |
Corine Biotope ou le nom d’une unité phytosociologique.
|
- |
|
333 |
Exemple : prairie humide">
|
- |
|
334 |
<label for="milieux">Milieu</label>
|
326 |
<label for="milieux">Milieu</label>
|
335 |
<div>
|
327 |
<div>
|
336 |
<input type="text" id="milieu" class="span2" name="milieu" />
|
328 |
<input type="text" id="milieu" class="span2" name="milieu" />
|
337 |
</div>
|
329 |
</div>
|
338 |
</div>
|
330 |
</div>
|
Line 346... |
Line 338... |
346 |
<?php if(!$referentiel_impose) : ?>
|
338 |
<?php if(!$referentiel_impose) : ?>
|
347 |
<div class="row-fluid">
|
339 |
<div class="row-fluid">
|
348 |
<div rel="tooltip"
|
340 |
<div rel="tooltip"
|
349 |
title="Sélectionnez le référentiel associé à votre relevé">
|
341 |
title="Sélectionnez le référentiel associé à votre relevé">
|
350 |
<label for="referentiel" title="Réferentiel">
|
342 |
<label for="referentiel" title="Réferentiel">
|
351 |
<strong class="obligatoire">*</strong> Référentiel
|
343 |
Référentiel
|
352 |
</label>
|
344 |
</label>
|
353 |
<span class="input-prepend">
|
345 |
<span class="input-prepend">
|
354 |
<span id="referentiel-icone" class="add-on"><i class="icon-book"></i></span>
|
346 |
<span id="referentiel-icone" class="add-on"><i class="icon-book"></i></span>
|
355 |
<select id="referentiel" autocomplete="off">
|
347 |
<select id="referentiel" autocomplete="off">
|
356 |
<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
|
348 |
<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
|
Line 363... |
Line 355... |
363 |
<div class="row-fluid">
|
355 |
<div class="row-fluid">
|
364 |
<div class="span4" rel="tooltip"
|
356 |
<div class="span4" rel="tooltip"
|
365 |
title="Vous pouvez cliquer sur l'icône de calendrier pour
|
357 |
title="Vous pouvez cliquer sur l'icône de calendrier pour
|
366 |
sélectionner une date dans un calendrier.">
|
358 |
sélectionner une date dans un calendrier.">
|
367 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
359 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
368 |
<strong class="obligatoire">*</strong> Date du relevé
|
360 |
Date du relevé
|
369 |
</label>
|
361 |
</label>
|
370 |
<div class="input-prepend">
|
362 |
<div class="input-prepend">
|
371 |
<span id="date-icone" class="add-on"></span><input id="date"
|
363 |
<span id="date-icone" class="add-on"></span><input id="date"
|
372 |
class="input-small" name="date" type="text"
|
364 |
class="input-small" name="date" type="text"
|
373 |
placeholder="jj/mm/aaaa" />
|
365 |
placeholder="jj/mm/aaaa" />
|
374 |
</div>
|
366 |
</div>
|
375 |
</div>
|
367 |
</div>
|
376 |
<div id="taxon-input-groupe" class="span8" rel="tooltip"
|
368 |
<div id="taxon-input-groupe" class="span8" rel="tooltip"
|
377 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
369 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
378 |
votre nom au référentiel selectionné. Si vous rechargez
|
370 |
votre nom au référentiel selectionné. Si vous
|
379 |
la page le nom présent dans le champ ne sera plus lié au référentiel, il sera
|
- |
|
380 |
nécessaire de le sélectionner à nouveau dans la liste. Si vous
|
- |
|
381 |
le désirez vous pouvez aussi saisir un nom absent du référentiel
|
371 |
le désirez vous pouvez aussi saisir un nom absent du référentiel
|
382 |
(Ex. : Rosa sp.)." >
|
372 |
(Ex. : 'fleur violette' ou 'viola sinensis???')." >
|
383 |
<label for="taxon" title="Choisissez une espèce">
|
373 |
<label for="taxon" title="Choisissez une espèce">
|
384 |
<strong class="obligatoire">*</strong>
|
374 |
<strong class="obligatoire">*</strong>
|
385 |
Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?>
|
375 |
Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?> <em>(ou indication sur la plante)</em>
|
386 |
</label>
|
376 |
</label>
|
387 |
<div class="input-prepend">
|
377 |
<div class="input-prepend">
|
388 |
<span class="add-on">
|
378 |
<span class="add-on">
|
389 |
<i class="icon-leaf"></i>
|
379 |
<i class="icon-leaf"></i>
|
390 |
</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
|
380 |
</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
|