You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

457 lines
19 KiB

3 weeks ago
  1. ---
  2. title: Tutoriel Sentiers PR du Gard
  3. ---
  4. On va voir ci-dessous comment utiliser l'application pour contribuer à entrer
  5. les sentiers de Petite Randonnée dans le département du Gard.
  6. ## Démarrage
  7. Se rendre sur le site de l'application
  8. <https://vps-3fba2a8a.ynh.fr/gestionnaire-de-taches-simple/>
  9. ![Page d'accueil de l'application](illus-accueil.png)
  10. Se connecter avec ses identifiants OSM en cliquant sur l'entrée de menu
  11. principal « Connexion ».
  12. Renseigner les champs « Nom d’utilisateur » et « Mot de passe » puis cliquer
  13. sur le bouton « Connexion ».
  14. Cette étape sera ignorée si on est déjà connecté à OSM.
  15. ![Page de connexion OSM](illus-connexion.png)
  16. Cliquer sur « Autoriser » pour accorder à l'application la possibilté
  17. d'identifier l'utilisateur OSM.
  18. ![Autorisations à accorder à l'application](illus-autorisation.png)
  19. De retour sur l'application, on peut voir les différents projets en cliquant
  20. sur le bouton « Voir les projets ».
  21. On peut voir que l'on est connecté (ici en tant que « caboulot ») dans le menu
  22. principal.
  23. Pour se déconnecter on peut cliquer sur son nom d’utilisateur puis sur l'entrée
  24. « Déconnexion » du menu déroulant qui apparaît.
  25. ![Retour à l'application](illus-retour.png)
  26. ## Projets
  27. On peut voir la liste des projets sur la page «
  28. [Projets](https://vps-3fba2a8a.ynh.fr/gestionnaire-de-taches-simple/project/) »
  29. de l’application.
  30. ![Page projets](illus-projets.png)
  31. Pour chacun des projets, on trouve une fiche de résumé montrant son titre,
  32. l'utilisateur qui l'a créé, quand, ainsi que sa description.
  33. Les projets sont classés dans l'ordre chronologique.
  34. Pour en savoir plus cliquer sur le bouton « Voir le détail ».
  35. En l'occurrence celui qui nous intéresse ici s'intitule « Sentiers PR du
  36. Gard ».
  37. Il est possible à ce niveau de créer un nouveau projet en cliquant sur le
  38. bouton « Créer un projet ».
  39. ![Formulaire de création d'un projet](illus-form-projet.png)
  40. On verra ailleurs comment faire plus en détail.
  41. ## Projet Sentiers PR du Gard
  42. Sur la page d'un projet on peut voir et faire différentes choses selon que l'on
  43. est connecté ou pas et quand on est connecté que l'on soit le créateur du
  44. projet ou pas.
  45. ![Vue déconnecté](illus-projet-deco.png)
  46. ![Vue connecté en tant que simple utilisateur](illus-projet-user.png)
  47. ![Vue connecté en tant que créateur du projet](illus-projet-auteur.png)
  48. La page se décompose en plusieurs parties :
  49. * Le nom du projet.
  50. * Le nom de l'utilisateur qui a créé le projet et la date à laquelle il l'a
  51. fait.
  52. * La description du projet.
  53. * Une barre d'outil permettant de manipuler le projet.
  54. * La carte représentant les tâches du projet.
  55. * Une barre de progression globale dénombrant les tâches par l'état dans lequel
  56. elles peuvent être.
  57. * La liste des tâches triable par leur nom, leur état, leur importance ou leur
  58. urgence.
  59. * Et les commentaires associés aux tâches du projet dans l'ordre
  60. antéchronologique.
  61. ### Paramtères d'un projet
  62. Ce que l'on ne voit pas sur cette page ainsi mais peut être renseigné lors de
  63. la création ou la modification du projet c'est :
  64. * Une liste de hashtags. Ils seront utilisés par la télécommande JOSM pour
  65. construire le commentaire du groupe de changements lors de la contribution.
  66. * Un gabarit de source. Il sera utilisé par la télécommande JOSM comme source
  67. pour le groupe de changement lors de la contribution.
  68. * Une imagerie. Elle sera utilisée pour charger un fond via la télécommande
  69. JSOM.
  70. * Une requête Overpass. Cette requête servira à montrer sur la carte du projet
  71. ce que l'on est censé mapper. A priori au début ça ne devrait rien renvoyer
  72. et à la fin on devrait voir représenter tout ce qu'on est censé mapper.
  73. Par exemple en ce qui nous concerne ici, les sentiers PR du Gard, l'imagerie
  74. suggerée est « fr.orthohr » (imagerie aérienne la plus récente de l'IGN) et la
  75. requête Overpass est la suivante.
  76. ```
  77. area[admin_level=6][name="Gard"]->.searchArea;
  78. relation["ref"~"PR.+"](area.searchArea);
  79. ```
  80. C'est-à-dire, toutes les relations ayant un attribut `ref` dont la valeur
  81. contient le mot `PR` suivi d'au moins un caractère dans le département dont le
  82. nom est « Gard ».
  83. ### La barre d'outils
  84. Le bouton « Revenir aux projets » permet de remonter à la liste des projets.
  85. Le bouton « Modifier le projet » permet de personnaliser le projet. Cette
  86. possibilité n’est accessible qu'à l'utilisateur ayant créé le projet. On verra
  87. ailleurs comment faire plus en détails.
  88. Le bouton « Supprimer le projet » permet de le supprimer. Cette possibilité
  89. n’est accessible qu’à l’utilisateur ayant créé le projet. Une confirmation sera
  90. demandée car la suppression est définitive et entrainne la suppression des
  91. tâches du projet ainsi que des commentaires associés.
  92. Le bouton « Requêter Overpass » met à jour la valeur stockée dans le projet qui
  93. correspond au résultat de la requête Overpass du projet. Cette requête n'est
  94. pas jouée automatiquement pour éviter de surcharger le serveur et il faut
  95. cliquer sur ce bouton de temps en temps pour remonter dans l'application les
  96. changements à OSM apportés par les contributions. N’importe quel utilisateur
  97. connecté y a accès dans la mesure où il peut s'approprier une tâche et donc
  98. contribuer.
  99. Le bouton « Importer des tâches » permet d'ajouter *en masse* des tâches aux
  100. projets en uploadant une feuille de calcul contenant les champs nécessaires. On
  101. verra ailleurs plus en détail comment faire. N’importe quel utilisateur
  102. connecté peut importer des tâches.
  103. Le bouton « Exporter les tâches » fait très exactement l'inverse et produit une
  104. feuille de calcul contenant toutes les tâches du projet. Là encore n'importe
  105. quel utilisateur connecté peut exporter les tâches.
  106. A priori on devrait pouvoir importer le fichier que l'on vient d'exporter
  107. puisque le format est le même mais cela dupliquerait toutes les tâches et
  108. n'aurait pas beaucoup d'intérêt dans la mesure où il n'est pas aisé pour le
  109. moment de supprimer beaucoup de tâches à la fois et rien n'est en place pour
  110. prévenir la duplication.
  111. Le bouton « Créer un tâche » permet d'ajouter une tâche au projet via un
  112. formulaire. On verra ailleurs comment procéder. Il faut être connecté pour
  113. pouvoir créer une tâche.
  114. Le bouton « Piocher une tâche » permet de se rendre sur une tâche « à faire »
  115. au hasard.
  116. ### La carte
  117. Une légende peut être ouverte sous la carte. Où l'on peut voir les couleurs
  118. associés aux différentes formes que l'on peut voir dessinées sur le fond de
  119. carte :
  120. * En bleu ciel, le résultat de la requête Overpass du projet.
  121. * En rouge, les tâches « à faire ».
  122. * En orange, les tâches « en cours ».
  123. * En vert, les tâches « terminées ».
  124. Les tracés bleu ciel sont légèrement plus épais que ceux servant pour les
  125. tâches dans la mesure où les tracés sont amenés à être superposés.
  126. Un bouton en haut à droite de la carte permet de n'afficher que certaines
  127. couches parmi celle où sont tracées les tâches et celle où est tracé le
  128. résultat de la requête Overpass.
  129. Il est possible de cliquer sur les tracés bleu ciel pour voir une popup avec
  130. les informations sur l’élément représenté :
  131. ![Popup Overpass](illus-popup.png)
  132. La liste des étiquettes de l'élément sont affichées et plusieurs liens sont
  133. proposés selon le cas :
  134. * « Voir sur OSM » envoie sur la page OSM de l'élément.
  135. * « sur Panoramax » envoie sur Panoramax autour de l'élément si on veut voir à
  136. quoi ça ressemble sur place.
  137. * « sur WayMarkedTrails » envoie sur <https://hiking.waymarkedtrails.org/> pour
  138. avoir plus de détails concernant la randonnées (notamment le profil
  139. d'altitude).
  140. * « dans JOSM » ouvre JOSM et charge cet élément dans un calque de données,
  141. prêt pour être modifié.
  142. Il est possible de cliquer sur le tracé d'une tâche pour arriver directement
  143. sur la page de celle-ci. Si on se contente de survoler son tracé on verra
  144. apparaître son nom.
  145. Un marqueur est ajouté au centroïde du chemin pour rendre visible les plus
  146. petits d'entre eux quand on dézoome beaucoup. Ce marqueur réagit comme le tracé
  147. au survol et au clic.
  148. ### La barre de progression
  149. Le code couleur des tâches est repris pour voir ce qui est fait (en vert) et ce
  150. qui reste à faire (en rouge).
  151. Si on survole la barre on a un peu plus de chiffres.
  152. ![Plus de chiffres](illus-stats.png)
  153. ### La liste des tâches
  154. Il est possible de trier les tâches selon leur nom, leur état, leur importance
  155. ou leur urgence. Un symbole indique s'il y a un tri et dans quel sens il est.
  156. Par défaut la liste n'est pas triée et la tâches apparaissent dans l'ordre dans
  157. lequel elles ont été ajoutées au projet.
  158. On peut remarquer que le tri se fait dans l'ordre alphabétique et que ça
  159. marche moyen avec les nombres.
  160. Cliquer sur une tâche permet d'aller sur la page correspondant à celle-ci.
  161. ### Les commentaires
  162. Les commentaires sont présentés dans l'ordre antéchronologique. Les
  163. commentaires de toutes les tâches du projet sont agrégés ici. On trouve pour
  164. chacun d'eux, le nom de la tâche commentée, l'auteur du commentaire et la date
  165. à laquelle il a eu lieu.
  166. Il n'est pas possible de commenter au niveau du projet. On peut le faire au
  167. niveau de la tâche par contre.
  168. On peut aussi noter qu'un certain nombre de commentaires sont générés
  169. automatiquement, notamment lors du changement d'état d'une tâche.
  170. ## Tâche PR12 Sentier de Roquefeuil
  171. On a cliqué sur « Piocher une tâche » et on est arrivé là. La tâche est « à
  172. faire ».
  173. ![Tâche PR12 Sentier de Roquefeuil à faire](illus-projet.png)
  174. La page d’un tâche se décompose ainsi :
  175. * Nom et état de la tâche (avec le code couleur).
  176. * La barre d'outil spécifique à la tâche.
  177. * Utilisateur ayant créé la tâche et quand.
  178. * Description de la tâche.
  179. * Carte montrant la tâche.
  180. * Les commentaires.
  181. Le fil d'Ariane est toujours présent en haut de la page pour remonter à la
  182. liste des projets ou au projet de la tâche.
  183. ### Paramtres d'une tâche
  184. Comme pour les projets, chaque tâche est personnalisée mais tout n'est pas
  185. affiché directement sur la page. Notamment :
  186. * Une tâche contient des données GeoJSON représentant une géométrie qui pourra
  187. être téléchargée au format GeoJSON ou GPX. Dans le cas des sentiers PR du
  188. Gard il s'agit du tracé de la randonnée. Le fichier GPX pourra être chargé
  189. dans JOSM lors de la contribution et servir de guide pour la relation à
  190. créer.
  191. * Une tâche peut également contenir des données OSM (au format XML) qui
  192. serviront de base à la contribution et seront transmises à JOSM par la
  193. télécommande. En ce qui nous concerne ici ce sera une nouvelle relation avec
  194. les étiquettes correspodantes. On peut imaginer pour d'autres cas que ce soit
  195. des nœuds, des chemins, des polygones, etc.
  196. * L’état d'une tâche permet d'en distinguer les différentes étapes de son cycle
  197. de vie. Ce cycle de vie est décrit un peu plus loin.
  198. * L'urgence et l'importance des tâche est un nombre optionnel permettant de
  199. hiérarchiser les tâches entre elles dans [une matrice
  200. d’Eisenhover](https://fr.wikipedia.org/wiki/Matrice_d'Eisenhower).
  201. ### Cycle de vie d'une tâche
  202. ![Cycle de vie d'une tâche](illus-task-lifecycle.svg)
  203. Les ronds représentent les états et les carrés les transitions.
  204. ### La barre d'outils
  205. Le bouton « Revenir au projet » permet de remonter au projet dont la tâche fait
  206. partie.
  207. La bouton « Modifier la tâche » permet de la personnaliser dans un formulaire
  208. qui cela à été fait lors de sa création. On verra ailleurs comment le faire.
  209. Le bouton « Supprimer la tâche » permet de supprimer la tâche. Une conformation
  210. devrait éviter de supprimer définitivement par inadvertence la tâche et ses
  211. commentaires.
  212. Le bouton « Tâche suivante » permet de passer à la tâche suivante dans l'ordre
  213. dans lequel elles ont été ajoutées.
  214. Selon l'état de la tâche on peut trouver des boutons *de transition* et des
  215. boutons *contextuels*.
  216. Quand on est dans une tâche « à faire » :
  217. * On peut « Commencer la tâche » ce qui la fait basculer dans l’état « en cours ».
  218. Quand on est ans une tâche « en cours » :
  219. * On peut « Terminer la tâche » ce qui la fait basculer dans l'état « terminée ».
  220. * On peut « Abandonner la tâche » ce qui la remet dans l’état « à faire ».
  221. * On peut « Télécharger la tâche » au format GeoJSON ou GPX.
  222. * On peut utiliser la « Télécommande JOSM » pour piloter autant que possible
  223. JSOM depuis l'application.
  224. Quand on est dans l'état « terminé » :
  225. * On peut « Recommencer la tâche » ce qui la fait revenir à l'état « à faire ».
  226. ### La carte
  227. La carte fonctionne de la même façon que sur la page du projet à ceci prêt
  228. qu'on ne voit que la tâche qui nous concerne.
  229. ### Les commentaires
  230. Ils sont affichés dans l'ordre antéchronologique et on ne voit que ceux de la
  231. tâche concernée.
  232. Sous les commentaire on trouve un champ texte libre où l'on peut mettre son
  233. commentaire (au format [Markdown](https://fr.wikipedia.org/wiki/Markdown)) puis
  234. cliquer sur le bouton « Commenter ».
  235. Il n’est pas possible pour l'instant de supprimer ou modifier un commentaire.
  236. ## Contribution
  237. On a cliqué sur le bouton « Commencer la tâche » et on est arrivé ici :
  238. ![Tâche PR12 Sentier de Roquefeuil en cours](illus-projet-doing.png)
  239. Le tracé à changé de couleur car l'état de la tâche à changé.
  240. On peut remarquer sous la description les suggestions de commentaire et de
  241. source qui seront envoyées à JOSM pour la contribution. Il arrive qu'il les
  242. perde, on pourra les retrouver ici. On a prévu un bouton en fin de ligne pour
  243. copier dans le presse papier automatiquement le texte.
  244. Une fois assuré que JSOM est bien lancé on est prêt pour contribuer !
  245. D'abord, récupérons la trace GPX correspondant au chemin de randonnées en
  246. cliquant sur « Télécharger la tâche » puis « .gpx ». On devrait récupérer le
  247. fichier « pr12-sentier-de-roquefeuil.gpx ».
  248. Ensuite, cliquons sur « Télécommande JOSM ». JSOM devrait se mettre au premier
  249. plan, charger le fond de carte « Ortho HR IGN » et proposer un calque de
  250. données portant le nom de la tâche « PR12 Sentier de Roquefeuil », contenant
  251. les données associées à la tâche, le tout zoomé sur celles-ci. Ici une relation
  252. intitulée « Sentier de Roquefeuil » avec diverses étiquettes et un unique nœud
  253. « A SUPPRIMER » comme membre. En effet, on ne pourrait pas localiser la
  254. relation s'il n'y avait pas au moins un membre.
  255. ![JOSM ouvert](illus-josm.png)
  256. Enfin chargeons la trace GPX téléchargée plus tôt en se rendant dans le menu
  257. « Fichier » puis « Ouvrir » de JSOM.
  258. Il est possible de rendre un peu plus visible la trace GPX, en faisant un clic
  259. droit sur le calque de la trace et en choisissant « Personnaliser le dessin des
  260. traces ». Dès lors on peut changer par exemple l’« Épaisseur du dessin des
  261. traces GPS ». Avec la valeur `10` par exemple.
  262. On peut alors télécharger les données OSM le long de la trace, en faisant un
  263. clic droit sur le calque de la trace puis un choisissant « Télécharger le long
  264. de cette trace ».
  265. ![Télécharger le long de cette trace](illus-josm-gpx1.png)
  266. Dans notre cas, 15 m autour de la trace suffit et il faut « Télécharger » dans
  267. le même calque de données et pas un nouveau pour que la relation soit dans les
  268. données téléchargées que l'on est susceptible de modifier également.
  269. ![Données téléchargées](illus-josm-gpx2.png)
  270. Un clic droit puis « Modifier » sur la relation « Sentier de Roquefeuil » ouvre
  271. une fenêtre avec les propriétés de la relation. C'est là qu'on va pouvoir
  272. accumuler les chemins qui vont former le sentier de randonnée.
  273. **Attention !** Il est possible que la relation existe déjà et dans ce cas il
  274. faut supprimer celle que l'on a ajouté (qui ne contient qu'un membre) et
  275. apporter nos modifications dans celle qui existe déjà.
  276. On commence avec un seul membre qui est le nœud « À SUPPRIMER ». Un clic droit
  277. puis « Zoomer à » sur ce membre permet de zoomer sur lui.
  278. ![Zoom sur le nœud à supprimer](illus-josm-noeud.png)
  279. On sélectionne le chemin sous la trace GPX et on l'ajoute aux membres de la
  280. relation (icône avec la flêche bleue et l'entrée rouge en bas) et on retire le
  281. nœud à supprimer (icône en forme de poubelle).
  282. Il est nécessaire de mettre à jour la relation (icône en forme de disquette).
  283. ![Premier chemin de la relation](illus-josm-chemin.png)
  284. Cela nous permet de supprimer le nœud « À SUPPRIMER » du calque de données et
  285. on est prêt pour ajouter les chemins suivants à la relation.
  286. Parfois il faut couper un chemin sur un nœud pour en ajouter qu'une partie à la
  287. relation.
  288. Parfois il en manque un bout et on peut faire un clic droit puis « Zoomer sur
  289. la séparation » pour trouver ce qui manque, qu'on peut alors insérer et ainsi
  290. boucher le trou.
  291. ![Zoomer sur la séparation](illus-josm-trou1.png)
  292. ![Trou bouché](illus-josm-trou2.png)
  293. Parfois il est nécessaire de tracer un chemin qui n'existe pas mais que l'on
  294. voit sur l'imagerie et ainsi pouvoir le rajouter à la relation.
  295. En tout cas il faut penser régulièrement à mettre à jour la relation pour éviter
  296. de devoir régler des conflits.
  297. Il est possible de trier les membres de la relation, cela peut aider à les
  298. ordonner.
  299. Dans notre cas les sentiers de randonnée forme une boucle. C'est visuellement
  300. signalé dans la dernière colonnes des membres. Et certains chemins apparaissent
  301. en rouge car ils sont empruntés plusieurs fois (dans un sens à l'aller puis
  302. dans l'autre au retour).
  303. ![Chemin en boucle](illus-josm-boucle.png)
  304. Une fois la relation correctement remplie, on « Valide » et on peut envoyer les
  305. modifications comme on le fait d'habitude.
  306. ![Envoi des modifications](illus-josm-commit.png)
  307. Le commentaire et la source devraient être préremplies, il n'y a plus qu'à
  308. « Envoyer ».
  309. Et c'est terminé pour JSOM.
  310. De retour sur la page de la tâche, on clique sur « Terminer la tâche » pour
  311. passer dans l'état « terminé ».
  312. ![Tâche terminée](illus-tache-done.png)
  313. Sur la carte le tracé de la tâche a de nouveau changé de couleur et on peut
  314. constater la présence de blocs « Groupe de modification » au dessus de la
  315. carte. Cliquer dessus les déplie et permet de visualiser les groupes de
  316. modifications réalisés par l'utilisateur entre le moment où la tâche à été
  317. commencée et le moment où la tâche a été terminée, donc fort probablement le
  318. groupe de modifications correspondant à notre contribution. Deux liens sont
  319. proposés pour voir la modification sur [OSM](https://www.openstreetmap.org/) ou
  320. [OSMCha](https://osmcha.org).
  321. ![Groupe de modification](illus-tache-changeset.png)
  322. Et voilà ! Il est temps de « Revenir au projet » et de « Piocher une tâche »
  323. pour poursuivre la contribution;