{"id":132,"date":"2019-12-13T00:12:30","date_gmt":"2019-12-12T23:12:30","guid":{"rendered":"http:\/\/marchedudimanche.be\/wordpress\/?page_id=132"},"modified":"2020-01-15T22:44:08","modified_gmt":"2020-01-15T21:44:08","slug":"openrunner","status":"publish","type":"page","link":"http:\/\/marchedudimanche.be\/wordpress\/openrunner\/","title":{"rendered":"Openrunner"},"content":{"rendered":"\n<p class=\"has-text-align-right\"> <a href=\"http:\/\/marchedudimanche.be\/wordpress\/openrunner\/print\/\" title=\"Imprimer cet article\" rel=\"nofollow\"><img decoding=\"async\" class=\"WP-PrintIcon\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/plugins\/wp-print\/images\/printer_famfamfam.gif\" alt=\"Imprimer cet article\" title=\"Imprimer cet article\" style=\"border: 0px;\" \/><\/a> <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Openrunner est une application en ligne permettant de tracer un parcours de randonn\u00e9e en utilisant la cartographie <a href=\"http:\/\/openstreetmap.org\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Openstreetmap (opens in a new tab)\">Openstreetmap<\/a>. <\/p>\n\n\n\n<p>Cette application s&rsquo;utilise via <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"http:\/\/www.openrunner.com\" target=\"_blank\">http:\/\/www.openrunner.com<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Pour acc\u00e9der aux outils du site \u00ab\u00a0Openrunner\u00a0\u00bb, il faut au pr\u00e9alable<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>cr\u00e9er un compte gratuit en communiquant son adresse E-mail et un mot de passe particulier.<\/li><li>ouvrir l&rsquo;E-mail envoy\u00e9 par Openrunner et confirmer son inscription<\/li><\/ul>\n\n\n\n<p>Une fois inscrit ou connect\u00e9,  vous pourrez cr\u00e9er, modifier, imprimer, exporter, importer et partager des parcours num\u00e9ris\u00e9s.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Cr\u00e9ation d&rsquo;un parcours de randonn\u00e9e:<\/h4>\n\n\n\n\n\n<p>La cr\u00e9ation d&rsquo;un parcours de randonn\u00e9e se fera sous forme d&rsquo;une succession de tron\u00e7ons en ligne droite avec l&rsquo;aide d&rsquo;une carte interactive.<\/p>\n\n\n\n<p>Voyons comment proc\u00e9der avec Openrunner.<\/p>\n\n\n\n<p>a) Se connecter dans Openrunner avec son compte et cliquer sur le lien<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-1.png\" alt=\"This image has an empty alt attribute; its file name is image-1.png\" width=\"96\" height=\"65\"\/><figcaption> <\/figcaption><\/figure>\n\n\n\n<p>Une carte interactive s&rsquo;affichera:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"888\" height=\"451\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-2.png\" alt=\"\" class=\"wp-image-161\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-2.png 888w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-2-300x152.png 300w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-2-768x390.png 768w\" sizes=\"(max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p>b)  Pour se d\u00e9placer dans la carte interactive, 2 manipulations sont possibles:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Cliquer sur la souris et la d\u00e9placer (clic maintenu), ce qui permet de faire d\u00e9filer la carte affich\u00e9e.<\/li><li>Utiliser la molette de la souris (ou cliquer sur les boutons + et &#8211; en haut \u00e0 gauche de la carte), ce qui permet d&rsquo;agrandir ou de r\u00e9duire (zoom) la carte affich\u00e9e.<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>L&rsquo;utilisation conjointe de ces manipulations permet de localiser un lieu particulier \u00e0 partir duquel vous envisagez de construire un parcours.<\/p>\n\n\n\n<p>Exemple: la cit\u00e9 Degorges \u00e0 Hornu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"711\" height=\"480\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-3.png\" alt=\"\" class=\"wp-image-170\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-3.png 711w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-3-300x203.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>c) En cliquant sur le bouton rouge \u00ab\u00a0Cr\u00e9er un nouveau parcours\u00a0\u00bb, une barre d&rsquo;outils s&rsquo;affichera en haut de la carte interactive:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"671\" height=\"42\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-4.png\" alt=\"\" class=\"wp-image-171\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-4.png 671w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-4-300x19.png 300w\" sizes=\"(max-width: 671px) 100vw, 671px\" \/><\/figure>\n\n\n\n<p>Cela signifie qu&rsquo;on peut commencer \u00e0 placer les points du parcours.<\/p>\n\n\n\n<p>d) Apr\u00e8s avoir positionn\u00e9 la souris \u00e0 proximit\u00e9 de la \u00ab\u00a0cit\u00e9 Hades\u00a0\u00bb  (coin de la rue Henri Degorge et Rue de Wasmes) et proc\u00e9d\u00e9 \u00e0 un clic droit, un disque vert avec la lettre D s&rsquo;affichera pour illustrer le point de d\u00e9part du parcours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"298\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-6.png\" alt=\"\" class=\"wp-image-175\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-6.png 341w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-6-300x262.png 300w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/figure>\n\n\n\n<p> e) Apr\u00e8s avoir positionn\u00e9 la souris face \u00e0 l&rsquo;entr\u00e9e du grand Hornu et proc\u00e9d\u00e9 \u00e0 un clic gauche, un 2me disque rouge avec la lettre A s&rsquo;affichera pour illustrer le point d&rsquo;arriv\u00e9e du parcours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"249\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-7.png\" alt=\"\" class=\"wp-image-176\"\/><\/figure>\n\n\n\n<p>La fl\u00e8che rouge repr\u00e9sente le seul et unique tron\u00e7on du parcours.<\/p>\n\n\n\n<p>f) Apr\u00e8s avoir positionn\u00e9 la souris au coin de la place verte et proc\u00e9d\u00e9 \u00e0 un clic gauche, le parcours est prolong\u00e9 et le disque rouge avec la lettre A est d\u00e9plac\u00e9. 2 fl\u00e8ches successives illustrent les 2 tron\u00e7ons du parcours.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"247\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-8.png\" alt=\"\" class=\"wp-image-177\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-8.png 307w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-8-300x241.png 300w\" sizes=\"(max-width: 307px) 100vw, 307px\" \/><\/figure>\n\n\n\n<p>g) En r\u00e9p\u00e9tant l&rsquo;op\u00e9ration, on peut ajouter des tron\u00e7ons suppl\u00e9mentaires et dessiner le parcours point par point.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"432\" height=\"232\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-9.png\" alt=\"\" class=\"wp-image-178\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-9.png 432w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-9-300x161.png 300w\" sizes=\"(max-width: 432px) 100vw, 432px\" \/><\/figure>\n\n\n\n<p>h) En cas d&rsquo;erreur, il est possible de supprimer le dernier point marqu\u00e9 en utilisant la fl\u00e8che \u00e0 gauche (Annuler) de la barre d&rsquo;outils.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"241\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-10.png\" alt=\"\" class=\"wp-image-180\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-10.png 333w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-10-300x217.png 300w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/figure>\n\n\n\n<p>Le point d&rsquo;arriv\u00e9e illustr\u00e9 par le disque rouge A se repositionne sur le point pr\u00e9c\u00e9dent du parcours.<\/p>\n\n\n\n<p>En r\u00e9p\u00e9tant des clics sur la fl\u00e8che \u00e0 gauche (Annuler) de la barre d&rsquo;outils, on peut supprimer progressivement les derniers tron\u00e7ons du parcours.<\/p>\n\n\n\n<p>i) Comme il est toujours possible de faire d\u00e9filer l&rsquo;\u00e9cran et de zoomer, il devient alors tr\u00e8s simple de r\u00e9aliser un parcours sur un espace g\u00e9ographique \u00e9tendu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"422\" height=\"359\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-11.png\" alt=\"\" class=\"wp-image-184\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-11.png 422w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-11-300x255.png 300w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/figure>\n\n\n\n<p> Remarque: D&rsquo;autres boutons sont disponibles sur la barre d&rsquo;outils pour ajouter\/ins\u00e9rer des points, supprimer des points, etc&#8230; Nous n&rsquo;aborderons pas leur usage dans ce document introductif.<\/p>\n\n\n\n<p>j) Une fois le parcours con\u00e7u, il faudra le sauver. Pour cela il suffit de cliquer sur la disquette illustr\u00e9e sous le bouton rouge \u00ab\u00a0cr\u00e9er un nouveau parcours\u00a0\u00bb.<\/p>\n\n\n\n<p> <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"229\" height=\"169\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-12.png\" alt=\"\" class=\"wp-image-188\"\/><\/figure>\n\n\n\n<p>Une fen\u00eatre surgissante s&rsquo;ouvrira pour <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>nommer le parcours,<\/li><li>s\u00e9lectionner le type de randonn\u00e9e (cyclisme, marche, etc&#8230;)<\/li><li>le type de parcours<\/li><li>le type de terrain majoritaire (route, chemin, sentier, etc&#8230;)<\/li><li>une description du parcours.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"532\" height=\"496\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-13.png\" alt=\"\" class=\"wp-image-190\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-13.png 532w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-13-300x280.png 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><\/li><\/ul>\n\n\n\n<p>Apr\u00e8s avoir cliqu\u00e9 sur le bouton rouge \u00ab\u00a0enregistrer\u00a0\u00bb, le parcours ainsi cr\u00e9\u00e9 sera sauvegard\u00e9 sur le site \u00ab\u00a0Openrunner\u00a0\u00bb et associ\u00e9 \u00e0 votre compte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Liste des parcours:<\/h4>\n\n\n\n<p>Plusieurs parcours peuvent \u00eatre cr\u00e9\u00e9s avec votre compte sur Openrunner.<\/p>\n\n\n\n<p>En cliquant sur votre adresse E-mail en haut \u00e0 droite de l&rsquo;application Openrunner, une menu surgissant vous permet de cliquer sur l&rsquo;option \u00ab\u00a0Mon Compte\u00a0\u00bb.<\/p>\n\n\n\n<p>Vous avez alors acc\u00e8s \u00e0 votre espace et \u00e0 la liste de vos parcours cr\u00e9\u00e9s dans Openrunner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-14-1024x560.png\" alt=\"\" class=\"wp-image-194\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-14-1024x560.png 1024w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-14-300x164.png 300w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-14-768x420.png 768w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-14.png 1047w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En cliquant sur le nom d&rsquo;un parcours enregistr\u00e9, la carte interactive sera de nouveau ouverte, ce qui vous permettre de r\u00e9\u00e9diter le parcours, le modifier et \u00e9ventuellement le sauver sous un autre nom.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Exportation d&rsquo;un parcours<\/h4>\n\n\n\n<p>L&rsquo;exportation d&rsquo;un parcours enregistr\u00e9 dans Openrunner est une op\u00e9ration permettant de r\u00e9cup\u00e9rer dans un fichier les coordonn\u00e9es des points successifs du parcours. Le fichier cr\u00e9\u00e9 est au format <a href=\".\/gpx\">GPX<\/a>, utilis\u00e9 et reconnu par de nombreux autres logiciels de cartographie ou mat\u00e9riels.<\/p>\n\n\n\n<p>Le fichier GPX d\u00e9crivant le parcours peut alors \u00eatre<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>utilis\u00e9 sur un GPS<\/li><li>stock\u00e9 sur votre PC pour \u00eatre recharg\u00e9 dans un autre logiciel<\/li><li>\u00e9chang\u00e9 par E-mail<\/li><li>etc&#8230;<\/li><\/ul>\n\n\n\n\n\n<h4 class=\"wp-block-heading\">Importation d&rsquo;un parcours<\/h4>\n\n\n\n<p>L&rsquo;importation d&rsquo;un parcours dans Openrunner est aussi possible. Cette disposition permet de recharger un fichier GPX dont vous n&rsquo;\u00eates pas l&rsquo;auteur dans Openrunner pour le visualiser ou le modifier.<\/p>\n\n\n\n<p>Pour pouvoir importer un parcours, il faut au pr\u00e9alable proc\u00e9der \u00e0 la cr\u00e9ation d&rsquo;un nouveau parcours. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"527\" height=\"35\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-16.png\" alt=\"\" class=\"wp-image-199\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-16.png 527w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-16-300x20.png 300w\" sizes=\"(max-width: 527px) 100vw, 527px\" \/><\/figure>\n\n\n\n<p>Le premier ic\u00f4ne de la barre d&rsquo;outils est alors utilisable (d\u00e9gris\u00e9). En cliquant dessus, l&rsquo;explorateur de fichiers de votre PC s&rsquo;ouvrira pour vous permettre de s\u00e9lectionner le fichier GPX \u00e0 recharger dans Openrunner.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Partage de parcours<\/h4>\n\n\n\n<p>Diff\u00e9rentes dispositions sont pr\u00e9vues par Openrunner pour diffuser un parcours, en particulier sa mise en ligne sur un site web comme le site www.marchedudimanche.be.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"376\" src=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-15.png\" alt=\"\" class=\"wp-image-196\" srcset=\"http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-15.png 625w, http:\/\/marchedudimanche.be\/wordpress\/wp-content\/uploads\/2019\/12\/image-15-300x180.png 300w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Openrunner est une application en ligne permettant de tracer un parcours de randonn\u00e9e en utilisant la cartographie Openstreetmap. Cette application s&rsquo;utilise via http:\/\/www.openrunner.com Pour acc\u00e9der aux outils du site \u00ab\u00a0Openrunner\u00a0\u00bb, il faut au pr\u00e9alable cr\u00e9er un compte gratuit en communiquant son adresse E-mail et un mot de passe particulier. ouvrir l&rsquo;E-mail envoy\u00e9 par Openrunner et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":40,"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":601,"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/pages\/132\/revisions\/601"}],"wp:attachment":[{"href":"http:\/\/marchedudimanche.be\/wordpress\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}