Logo de la boutique bi1sur.com et entrée dans la boutique.

 

EnVadrouille : photos et randos géolocalisées sur une carte

Fonctionnalités : 

  • Validez l'installation dans l'administration (http://vous.fr/envadrouille/admin/)

Installation :

Configuration :

  • Validez l'installation dans l'administration (http://vous.fr/envadrouille/admin/)
  • Ajoutez des dossiers contenant des photos/videos/gpx dans le dossier ./pics
  • Ajoutez éventuellement une description à  vos galeries dans l'administration.

 

Présentation de EnVadrouille.org par son auteur

À la fin de cette présentation vous trouverez un paragraphe sur la façon, ma façon, d'utiliser EnVadrouille.

 

 Petit globe terrestre

Il y a presque 5 ans je présentais EnVadrouille, une galerie photo orientée petits voyages et randonnées. Cinq ans, 50 mises à jours, c'est le moment de refaire le point.

 

Récapitulatif

EnVadrouille permet d'afficher des photos, des vidéos et des traces gps. Les photos sont automatiquement placées sur la carte en utilisant les données exif ou la trace gps (corrélation entre le moment de la prise de vue et la trace). Ça ressemble à ça :

Capture de l'affichage d'une galerie



On peut aussi afficher des statistiques sur les parcours :

Capture de l'affichage des statistiques d'un parcours



Il y a un support des thèmes et des plugins (reconnaissance faciale entre autre).

 

Nouveautés

    • Passage à leaflet, openstreetmap et elevation-api.io.

      Il y a 5 ans la galerie utilisait Google Maps pour afficher les cartes et corriger les altitudes des fichiers GPX. Ca faisait un moment que j'avais envie de changer ça, et le récent changement de politique tarifaire de Google Maps m'a finalement motivé. Il est maintenant possible d'afficher des fonds de cartes depuis n'importe quel site supporté par leaflet (mapbox, nextzen, ign, swisstopo, …) et la galerie n'utilise plus du tout l'API Google.

    • Vue globale de toutes les galeries sur une carte.

      Manque d'inspiration pour trouver un coin où randonner / voyager ? Une carte peut aider. J'enregistre toutes mes randos depuis 5 ans (~60Mo de fichiers gpx), la galerie simplifie tout ça et affiche le résultat sur une carte (tiens, je ne suis jamais allé dans le Diemtigtal, bonne idée pour ce week-end):

      Capture d'une carte avec toutes les traces enregistrées

    • Un bouton pour télécharger le contenu d'une galerie.

      Capture avec le bouton de téléchargement et le lecteur vidéo

    • Beaucoup de changements pour être un peu plus "mobile friendly".

      Support des gestures (glisser pour passer à la photo suivante, etc.). Il reste un peu de boulot, je compléterai ça de temps en temps.

      Capture de l'affichage d'une photo dans la lightbox

    • On peut maintenant envoyer un lien vers une image dans une galerie.

      Par exemple

    • Quelques "bug fix", support des petites blagues des développeurs de PHP (super idée de faire un PHP7 non 100% rétrocompatible avec PHP6) et des fournisseurs d'API de reconnaissance faciale qui changent d'URL tous les 3 jours.



Techniquement

La galerie fonctionne toujours 100% en javascript lors de la consultation des photos, affichage des cartes ou recherche. Seul le téléchargement des galeries et l'administration nécessitent PHP (et quelques dépendances comme curl, php_exif et gd).

La galerie est toujours sous licence MIT et gratuite.

 

Et bien sûr…

Si vous avez des commentaires ou si il vous manque certaines fonctionnalités, n'hésitez pas :)



Capture du planisphère avec tous les emplacements des photos et traces

 

Comment utiliser EnVadrouille ?


J'explique ici la façon dont j'ai fini par utiliser EnVadrouille après plusieurs échanges avec son auteur.

Au départ je voulais simplement reprendre mes dossiers de photos avec toute leur arborescence, les copier dans EnVadrouille, mettre les fichiers gpx dans les dossiers/sous-dossiers correspondants et le tour est joué... EnVadrouille ne fonctionne pas ainsi !

1 - Les fichiers GPX

Dans l'idéal c'est un dossier avec une seule trace gpx et les photos/vidéos correspondantes : plusieurs traces gpx dans un dossier me semblaient une bonne chose pour récapituler tout un voyage par exemple mais ça ne fonctionne pas bien.

2 - Nommer le dossier

Il faut nommer les dossiers sous la forme yyyy-mm-dd nom du dossier : par exemple 2021-05-13 mon premier album
EnVadrouille gère la date pour l'afficher correctement à la française et classer les albums par année, puis par date.

À partir du moment où l'on respecte ce fonctionnement il n'y a plus aucun problème

3 - Le champ Descr

C'est le champ description utilisé pour cette présentation.
La bonne surprise est qu'il interprête le code htlm et que si l'on utilise un éditeur wysiwyg, comme sur n'importe quel forum ou CMS par exemple, et que l'on copie/colle le code dedans et bien tout fonctionne parfaitement : on peut ainsi faire une présentation élaborée avec des liens, des images, des titres... tout ce que l'on veut.
MAIS cela ne fonctionne bien qu'avec le thème par défaut qui n'affiche pas la description de chaque album sur sa page d'accueil : avec les deux autres thèmes c'est le bordel car toutes les descriptions se superposent.

4 - Usage au jour le jour en déplacement

Outre le fait de garder trace de toutes nos pérégrinations un autre intérêt est de communiquer, sinon en temps réel du moins quotidiennement, à nos proches où nous sommes et ce que nous avons fait d'une façon agréable... et en une seule fois pour tous. Et cela sans que nos activités avec photos/vidéos/traces gpx/commentaires soient à la disposition de tout internet.
Cela demande un tout petit peu d'organisation, mais vraiment pas trop.
En dehors de l'installation de EnVadrouille qui est très simple, cf le site de l'auteur, puisque un simple copier/coller des fichiers décompressés sur son hébergement est suffisant, il suffit d'un peu d'organisation.
Tout le monde dispose d'un abonnement internet et donc sans peut-être le savoir d'un hébergement compris avec : ces hébergement "gratuits" sont parfois très petits mais il n'est pas rare d'avoir 1Go... mais arrivera toujours un moment où se sera rempli et il sera alors temps de chercher un hébergeur ou de prendre une option avec plus d'espace chez votre FAI (Fournisseur d'Accès Internet).

4.1 - La première chose que j'ai faite est d'indiquer à mon smartphone d'inclure les coordonnées gps dans les exifs des photos : c'est propre à votre smartphone et au logiciel que vous utilisez pour prendre des photos.

4.2 - Ensuite dans les paramètres du logiciel de l'appareil photo j'ai également indiqué d'enregistrer les photos dans un dossier à la date du jour : ils proposent tous cela ce qui est parfait pour EnVadrouille

4.3 - Là c'est le plus compliqué car il s'agit de pouvoir se connecter avec votre smartphone sur votre hébergement afin de déposer le dossier des photos du jour dans EnVadrouille : il faut utiliser un gestionnaire de fichiers qui permet les connexions distantes en FTP.
Sur un smartphone Android j'utilise depuis longtemps tout bêtement Gestionnaire de fichiers édité par File Manager Plus, en version gratuite. Il permet de définir une connexion distante par différents moyens. Ici c'est FTP qui nous intéresse.
Il n'y a pas grand chose à indiquer :
- l'hôte est votre serveur, il n'y a que votre hébergeur qui peut vous le communiquer et pour ne pas passer son temps à répondre à tous ses clients il vous l'a déjà certainement communiqué et de toute façon vous devez le retrouver dans le profil de votre compte ;
- le port est complété par défaut sur 21 et FTP sélectionné ;
- ensuite il faut compléter votre nom d'utilisateur puis votre mot de passe, laisser anonyme décoché puis simplement cliquer sur OK.
Si tout est correctement complété pas d'erreur, et vous êtes connecté à distance à votre hébergement. Sinon il y a forcément quelque chose qui n'est pas correctement complété.
Depuis peu j'ai découvert Cx Explorateur de Fichiers qui fonctionne de la même façon mais n'a pas de pubs. Il y a en fait plein de possibilités pour faire cela.

4.4 - Maintenant vous pouvez par simple copier/coller du dossier photos à la date du jour transférer vos photos sur votre EnVadrouille dans le dossier /pics... sous réserve d'avoir une connexion internet lors de vos déplacements.
Une fois le transfert terminé il faut renommer le dossier de destination en ajoutant à la date du jour le nom de la journée (pas obligatoire, seulement pour différencier différentes balades sur une même journée).

4.5 - De la même façon si vous avez enregistré vos balades avec le gps de votre smartphone vous transférez le fichier gpx correspondant dans le dossier photos que vous venez de renommer. Si vous n'avez pas enregistré vos balades ce n'est pas grave, vos photos seront tout de même disponibles sur votre EnVadrouille et positionnées sur une carte (sous réserve qu'elles soient géoréférencées).

4.6 - Maintenant il n'y a plus qu'à se connecter depuis votre smartphone/tablette... dans la partie admin de votre EnVadrouille via votre navigateur préféré pour ajouter l'album qui a automatiquement été détecté. Et si vous le souhaitez vous pouvez même décrire votre journée dans le champ Descr.
EnVadrouille n'est pas encore complètement responsive et cette partie là n'est pas très pratique à faire car pas encore adaptée aux petits écrans. Mais comme il n'y a pas grand chose à faire on s'en sort facilement.

Avant de faire cela depuis votre smartphone assurez vous de maîtriser déjà la procédure bien confortablement depuis chez vous.
Toutes ces opérations sont très rapides, seul le temps de transfert du dossier des photos dépend de votre connexion internet et de la quantité de photos, de leur poids donc (peut-être réduire la taille des photos depuis les paramètres du logiciel de prise de vues).

Si vous utilisez différentes sources pour vos photos, smartphone et appareil photos par exemple, il est important que la date et l'heure soient les mêmes sur l'ensembles des appareils. Si votre appareil photo ne permet pas d'enregistrer la position de chaque photo EnVadrouille a une option pour utiliser la date et l'heure de la prise de vue pour caler la photo sur la trace gpx.

admin 25 septembre 2023 10:30

Pas encore de commentaire

Ou