Randonner : avant, pendant et après

Avant

Les bases de donnés de traces de randonnées :

1. Plateformes communautaires et partages d'itinéraires

• Visorando : Très populaire en France, propose une vaste bibliothèque de randonnées avec descriptions détaillées et téléchargement de traces GPX pour la plupart des fiches.

• Wikiloc : Une immense communauté mondiale d'utilisateurs partageant des millions de parcours de randonnée, de VTT ou d'alpinisme avec téléchargement GPX direct.

• Altituderando : Le site de référence pour la randonnée en montagne et l'alpinisme. Il met à disposition de nombreux topos accompagnés de leurs tracés GPX.

• TraceGPS : Une plateforme dotée d'une très large base de données de parcours originaux en France, avec options de visualisation (notamment 3D) et téléchargement GPX.

2. Outils de planification et cartographie avancée

• Komoot : Idéal pour planifier ses propres itinéraires ou trouver des suggestions (randonnée, vélo, VTT) avec une synchronisation facile et l'export/import de fichiers GPX.

• Openrunner : Un planificateur de tracés très utilisé par les passionnés d'activités outdoor pour créer, modifier et exporter des itinéraires au format GPX.

• VisuGPX : Un outil web puissant pour visualiser, analyser, modifier et partager des traces GPS, ou piocher dans sa base de données d'itinéraires.

• Outdooractive : Une plateforme très complète combinant cartes détaillées, suggestions d'itinéraires et outils d'import/export de fichiers GPX.
  __________________________________________________________________

Les formats GPX et KML

Le format GPX (GPS Exchange Format) est un standard ouvert basé sur le XML, spécifiquement conçu pour les données GPS. Il est idéal pour la randonnée car il stocke nativement les waypoints (points de passage), les routes et les traces (trackpoints) avec des métadonnées précises comme l'altitude, la vitesse et le temps. Il est universellement accepté par tous les appareils GPS portables (Garmin, etc.) et applications de plein air.

Le format KML (Keyhole Markup Language), développé à l'origine pour Google Earth, est également basé sur XML mais orienté vers la cartographie 3D et la visualisation géospatiale. En plus des tracés et des points, il gère la mise en forme visuelle (couleurs, épaisseurs de lignes, icônes) et peut intégrer du texte enrichi, des images ou des liens web. Il est parfait pour présenter un projet sur une carte interactive, mais moins optimisé pour les montres et GPS de randonnée.

 Une application PWA de conversion bidirectionnelle kml <--> gpx : kml2gpx

(https://bernardhoyez.github.io/kml2gpx/)

Pendant

Une application native de randonnée à télécharger : Randos (https://github.com/BernardHoyez/randos/releases/latest/download/randos.apk)

Comment utiliser cette application en tant que débutant

(https://github.com/BernardHoyez/randos/blob/main/%23%20%F0%9F%A5%BE%20randos%20%E2%80%94%20Guide%20pour%20d%C3%A9butants.md)

Comment utiliser cette application en tant qu'habitué

(https://github.com/BernardHoyez/randos/blob/main/README.md)

_______________________________________________________________________

Une application PWA pour connaître la géologie en suivant une trace : randogeol

(https://bernardhoyez.github.io/randogeol/)

Après

Une application PWA de traitement des waypoints : geotour

(https://bernardhoyez.github.io/geotour/)

_______________________________________________________________________

La géolocalisation dans les données EXIF intègre les coordonnées GPS (latitude, longitude, altitude) directement dans les métadonnées d'une photo.
Capturée par le capteur GPS de l'appareil au moment de la prise de vue, elle repose sur des balises spécifiques (GPSLatitude, GPSLongitude, etc.). Utilité : Elle permet de classer et de retrouver automatiquement vos clichés par lieu sur une carte interactive dans les applications de galerie.
Une application PWA qui géotague ou modifie les coordonnées EXIF d'un lot de photos : synchrophoto
(https://bernardhoyez.github.io/synchrophoto/)

Créer une APK

 Avec Claude dans le navigateur

Claude crée le projet Android complet, 

Récupération du  ZIP.
Dézippage.
Ouverture dans Android Studio.

APK de debug : npm run apk:debug 

produit android/app/build/outputs/apk/debug/app-debug.apk.

 Installez-le avec adb install -r.

APK de release : 

créez un keystore (keytool -genkeypair -v -keystore rando-release.jks -alias rando -keyalg RSA -keysize 2048 -validity 10000),

 puis passez par Android Studio (Build > Generate Signed App Bundle / APK)

 ou npm run apk:release 

avec un signingConfig.

Gardez ce keystore précieusement : sans lui, vous ne pourrez plus publier de mise à jour.

Android/keys/bernard-release.jks

selected key : bernard-release

selected app fr.bernardhoyez.randos

 

Avec Power Shell (par exemple), se mettre dans le dossier racine contenant le source.

Puis

npm run sync

npm run apk/debug

L'APK provisoire se trouve dans le dossier racine à :

android > app > build > outputs > apk > debug > app-debug.apk

1. Procédure de création de la release (localement)

a) Générer l'APK signé

Dans Android Studio : Build → Generate Signed Bundle / APK…

• Type : APK
• Keystore : C:\Android\Keys\bernard-release.jks, alias bernard-release
• Variante : release uniquement (pas debug)
• Destination : laissez le dossier par défaut proposé

Vous obtenez :

android\app\release\app-release.apk   (C'est là qu'il faut regarder où see trouve l'apk signée)

b) Vérifier la signature (à ne jamais sauter)

bash

apksigner.bat verify --print-certs "android\app\release\app-release.apk"
keytool -list -v -keystore C:\Android\Keys\bernard-release.jks -alias bernard-release

Les deux empreintes SHA-256 doivent être identiques.

c) Mettre à jour les numéros de version avant de construire

Dans android/app/build.gradle : incrémenter versionCode (nombre entier) et versionName (ex. "1.0.3"), pour que cette release soit reconnue comme une mise à jour par Android. Pensez aussi à APP_BUILD dans www/app.js et CACHE_NAME dans www/sw.js si le code a changé depuis la dernière release — ce qui est le cas ici (Tracklogs, sauvegarde auto, etc.).

2. Procédure de déploiement sur GitHub

a) Renommer l'APK

app-release.apk → randos.apk (nom exact obligatoire pour que le lien /releases/latest/download/randos.apk continue de fonctionner).

b) Créer la release

Sur https://github.com/BernardHoyez/randos → onglet Releases → Draft a new release :

• Tag : v1.0.3 (suite logique de v1.0.2)
• Title : randos v1.0.3
• Notes : un résumé des changements depuis v1.0.2 — utile pour vous-même plus tard. Vu l'ampleur de ce qui a changé, ça vaut le coup d'être un peu détaillé, par exemple :
  • Correction : plugins Capacitor absents (package.json incomplet)
  • Export automatique des traces/waypoints dans Téléchargements/randos/Tracklogs/
  • Correctifs sur les sauvegardes automatiques et l'affichage du bandeau de statut
• Attach binaries : glissez randos.apk
• Publish release

Par ligne de commande, si gh est installé :

bash

gh release create v1.0.3 android/app/release/app-release.apk#randos.apk --title "randos v1.0.3" --notes "Export Tracklogs, correctifs sauvegarde automatique et statut"

c) Vérifier

Ouvrez https://github.com/BernardHoyez/randos/releases/latest/download/randos.apk dans un navigateur : le téléchargement doit démarrer, et le lien dans Atlas (planche PL.15) continue de fonctionner sans rien changer de son côté.

Ajouter un skill (compétence) à Claude

 Exemple : ajouter le skill Frontend-Design :

Avec Power Shell

$skills = "$env:USERPROFILE\.claude\skills"

New-Item -ItemType Directory -Force -Path $skills | Out-Null

git clone https://github.com/wenkang-deepblue/frontend-design.git "$skills\frontend-design"

Albatre : une application de visionnage de coupes de terrain

albatre est une application qui catalogue un certain nombre de coupes géologiques faites sur les falaises littorales de craie en Normandie. Les coupes téléchargées sont utilisables directement sur le terrain, en hors-ligne c'est-à-dire sans réseau. La position de l'observateur est indiquée par un marqueur bleu.

Le workflow est le suivant :

1) Récupérer le fichier KMZ généré par l'application de randonnée Orux Maps

2) Expurger les données inutiles  et modifier d'autres donnés (titre par exemple) avec Google Earth et "sauvegarder le lieu sous" : donner un nom au nouveau fichier KMZ.
Si les photos ne sont pas toutes bien positionnées, utiliser l'application photo2kml qui les corrigera (elle exporte aussi le KMZ)

3) Avec geotour (ou ign2mbt), créer un fichier .mbtiles de la zone couverte par le KMZ précédent.

Puis sauvegarder le KMZ dans geotour (Ce KMZ contient les photos)

4) Ouvrir la PWA terrain et choisir l'option Générer un circuit

    - entrer le KMZ généré par geotour
    - entrer le MBtiles
    - donner un titre au circuit (développé, c'est celui qui sera vu sur la fiche)
    - générer le paquet dans un dossier donné. Le paquet porte le nom du titre précédent avec des tirets et le mot terrain à la fin. Le laisser ainsi pour éviter du travail de renommage.

5) Dézipper le paquet

6) Déposer le dossier dézippé sur le dépôt d'archivage (spots.tld par exemple)

7) Récupérer le lien https du dossier archivé (par exemple --> https://bernardhoyez.github.io/spots/spots.tld/mesnilval-criel-terrain

8) Dans albatre, modifier le fichier coupes.json : ajouter URL et son lien.
Ne pas oublier la virgule et les accolades.
C'est la seule intervention manuelle sur l'application albatre.

Randonnées à Rolleville : un exemple de site de randonneurs

 Voici trois hébergements de ce site :

Sur netlify : https://rollevillerando.netlify.app/
Sur Cloudflare : https://rollevillerando.bhoyez.workers.dev/
Sur Github : https://bernardhoyez.github.io/rollevillerando/

Pour héberger un site, il est nécessaire de disposer d'un compte qui peut être par exemple :

• Github
• Netlify
• Cloudflare
  

On suppose donc que vous disposez d'un hébergement votre site statique.

Voici le workflow :

1) Enregistrement avec Orux Maps de la randonnée, trace + photos géolocalisées, au format KMZ.

2) Avec Google Earth, simplification du KMZ original : Suppression des tracks, nommage des waypoints. Puis sauvegarde sous un fichier KMZ épuré.

3) Import du KMZ épuré dans la PWA geotour.

Ajout de commentaire, aidé par IA intégrée.
Sauvegarde sous forme d'un nouveau KMZ (pas nécessaire, mais par sécurité)
Déploiement > un fichier ZIP (package)  est créé.

4) Dézipper le package fourni par geotour.

Le site "Randonnées à Rolleville" est bébergé par exemple : 

 https://rollevillerando.bhoyez.workers.dev/ a été généré par l'IA Claude.

ou encore : https://bernardhoyez.github.io/rollevillerando

Accéder à la racine du site, voici un exemple des fichiers :

Dans ce dossier, il y a :

• un fichier randonnees.json
• un dossier randonnees

randonnees.json contient par exemple : 

[

  "rolleville-montivilliers",

  "autour-de-villainville_villainville",

  "le_tour_de_l_etang_du_moulin_rolleville",

  "hermeville-maneglise","turretot_rolleville",

  "2026-08-25_090205_rolleville_rolleville"

]

On pourra lui adjoindre d'autres randonnées après une virgule

Le dossier randonnées contient des dossiers de différentes randonnées, en voici le contenu de l'une, généré par geotour :

Un dossier de randonnée contient un fichier rando.json et un fichier vignette.jpg que nous allons ajouter.

Ce fichier rando.json type sera écrit et modifié à partir du fichier suivant, puis téléversé dans la randonnée ajoutée :

{

  "titre": "Autour de Villainville",

  "vignette": "vignette.jpg",

  "visite": "autour-de-villainville.html",

  "kml": "autour-de-villainville.kml",

  "gpx": "autour-de-villainville.gpx",

  "distance": "5 km",

  "duree": "2 h 10"

}

1) Choisir un titre parlant et accrocheur

2) On crée une vignette 800x800 pixels (avec Photoshop par exemple). Cette vignette (on peut laisser vignette.jpg) apparaîtra dans la page d'accueil.

3) On copie/colle les 3 noms de fichiers HTML, KML et GPX

4) On simplifie les distance et durée

5) On ajoutera le dossier de déploiement généré par geotour.

Et voici le portage du site rollevillerando à un autre site de randonnée randovar

 :

https://bernardhoyez.github.io/randovar/
https://randovar.bhoyez.workers.dev/
https://randovar.netlify.app/

Une simplification pour créer une fiche de randonnées avec generateur-fiche.html dans randovar

https://bernardhoyez.github.io/randovar/generateur-fiche.html

dans randovar :

generateur-fiche.html est un outil autonome livré pour randovar : on y dépose le zip « Déploiement » exporté depuis geotour, et il :

• calcule automatiquement la distance et le D+ à partir de la trace,
• propose une vignette par défaut avec recadrage glisser/zoom,
• ne demande que le titre et la durée à saisir manuellement,
• télécharge en retour un zip prêt à déposer dans le dossier randonnees/ du site.

Son but était de remplacer le travail manuel pénible (écriture à la main de rando.json + recomposition manuelle de la vignette).

Terrain : une PWA pour une visite sur le terrain en hors-ligne total

 Voici une PWA intitulée

 terrain

Elle prend en entrée :

• un fichier kmz généré par l'application geotour
• un fichier mbtiles généré également par l'application geotour

Ces deux fichiers sont sauvegardés sur l'ordinateur.

 Une archive .zip est générée par terrain, prête à déployer sur un hébergement statique (dossier dédié).

Dézipper cette archive.

Les coupes sont sauvegardées dans le dépôt public spots dans le dossier spots.tld

exemple : spots.tld/spot_du_treport_mesnil_val-terrain

https://bernardhoyez.github.io/terrain/?circuit=https://bernardhoyez.github.io/spots/spots.tld/spot_du_treport_mesnil_val-terrain

ou encore

https://bernardhoyez.github.io/terrain/?circuit=https://bernardhoyez.github.io/spots/spots.tld/bivcen-terrain

Dans l'application terrain, après avoir supprimé les sites inutiles, on introduira :

https://bernardhoyez.github.io/spots/spots.tld/bivcen-terrain

ou

https://bernardhoyez.github.io/spots/spots.tld/spot_du_treport_mesnil_val-terrain

Publier son site sur Netlify ou Cloudflare

Netlify

 Créer un nouveau projet (site)

Votre page d'accueil principale doit obligatoirement s'appeler index.html (en minuscules).
Vos fichiers (HTML, CSS, JavaScript, images) doivent être regroupés dans un dossier local sur votre ordinateur.

Changer le nom du sous-domaine Netlify : Allez dans Site settings > General > Site details > Change site name. Vous pourrez choisir un nom plus propre (ex: mon-super-site.netlify.app).

Modifier un site (projet)

- Production Deploys
- Glisser/Déposer le dossier présent sur l'ordinateur dans cette zone

Supprimer un projet (site)

1) Sélectionner le projet
2) Aller dans Projet Configurations
3) Delete this project

Cloudflare

Aller sur Account Home.
Les sites sont des workers.
Cliquer sur le worker voulu.
Clique sur le bouton bleu "Visit" pour visualiser le site.

Pour créer une application :

Account Home > Workers > Create Application.

Démarrer soit avec une page "Hello World" ou "Télécharger ses fichiers statiques"
Glisser/Déposer son fichier ou son dossier dans la zone rectangulaire de dépôt.

Déployer

Pas possible de modifier le nom d'une application. Il faut en créer une nouvelle avec Hello World.

Supprimer un worker

Le Sélectionner.
Settings > Danger Zone > Delete

Changer le nom : Settings > General

Cartographie d'un platier rocheux

Il est possible de confronter la vision globale par imagerie aérienne et la vision locale au sol.
Les niveaux-repères sont cartographiés et numérisés avec l'aide de l'application QGIS et d'une application de randonnée.

Identifier les linéaments avec QGIS

Ouvrir la BD Ortho photos 20 cm

1) Créer une couche

> Nouvelle couche Geopackage
- Nouveau fichier (exemple lineaments.jpkg, choisir le dossier
-type de géométrie :Polyligne
- Projection : EPSG : 4326 (WGS 84)
- Nom de champ (exemple L1).

Placer cette couche au sommet de la pile

2) Dessin

Cliquer sur l'icône Crayon jaune (Bascule en mode Edition)
Cliquer sur l'icône Polyligne (Ajouter un entité linéaire)

Le pointeur se transforme en un réticule.

Dessiner la polyligne point par point.
Pour terminer la ligne, cliquer à droite.

Propriétés > Symbologie : Ajuster couleur et épaisseur du trait

3) Exportation

Sélectionner la couche
Exporter > Sauvegarder les entités
Format : KML
Nom de fichier : Exemple Linéament
SCR EPSG: 4326
Exporter aussi la symbologie.
OK : un message indique le nom du fichier .kml sauvegardé.

4) Vérification

Ouvrir le fichier KML dans Google Earth

Disposer d'un fond cartographique hors-ligne

L' objectif est la préparation d'un fond cartographique exploitable sur le terrain avec une application de randonnée.
Ce fond est la photographie aérienne recalée dans un système de projection, c'est la BD Ortho au pas de 20 cm. Elle est disponible gratuitement sur le site de l'IGN.

Ce fond doit être disponible hors-ligne sur le smartphone pour éviter l'absence de connexion internet.
Pour ne pas encombrer la mémoire du téléphone, on restreint le fond topographique à la zone étudiée spécifiquement.

L'application choisie est MOBAC.

Source de carte : Géoplateforme IGN (orthoimagerie)
Niveau de zoom : 14 à 19
Atlas : Nouvel Atlas

    - Nom du nouvel atlas (exemple : Criel)

    - Format de l'atlas : MBTiles SQlite . Ce format est le plus reconnu par différentes applications.

Sélectionner la zone rectangulaire à l'aide de la souris.
    - Donner un nom à la sélection
    - Ajouter la sélection

Créer l'Atlas. Cela peut demander quelques minutes.

Le fichier .mbtiles est créé dans le dossier Atlas

Préparer son application GPS

Pour suivre sur le terrain un linéament géologique (un niveau-repère), on peut utiliser une application de randonnée. Celle-ci enregistre le déplacement de l'utilisateur.
Quelle application choisir ?

Celle-ci doit pouvoir importer deux éléments :

1) des tracés (le format GPX sera abandonné au profit du format KML)
2) des fonds de carte.

Peu d'applications autorisent l'import de cartes hors-ligne (sauf en version Premium).
Nous n'en retiendrons que deux : Orux Maps et Locus Map

Orux Maps n'est disponible que sous Android
Locus Maps est disponible sur Android et iOS

Pour Orux Maps, la manière la plus simple pour importer la cartographie est d'utiliser une connexion filaire USB. Les cartes sont dans le dossier Mapfiles.

Montelephone\Espace de stockage interne partagé\Android\data\com.orux.oruxmapsDonate\files\oruxmaps\mapfiles

C'est dans ce dossier mapfiles que l'on rangera le fichier  XXXXX.mbtiles

Pour Locus Map, on peut utiliser une autre manière.
Sauvegarder le fichier .mbtiles dans un dossier accessible librement, par exemple Documents ou Téléchargements.

Avec un explorateur de fichiers, on sélectionne le fichier .mbtiles.

Plus > Ouvrir avec > Locus Map > importer

Enregistrer sur le terrain

L'application de randonnée dispose d'une fonction d'enregistrement de tracé. Préciser de sauvegarder le tracé en KML. 
Si l'on utilise une application de randonnée qui n'enregistre qu'en GPX, on convertira le fichier en KML à l'aide d'une moulinette informatique.
Ce fichier sera ensuite exploité aevc QGIS

Importation d'une entité KML

Parmi les objets représentés, il y a les waypoints et parmi ceux-ci les waypoints photographiques, c'est-à-dire qu'une photographie est associée à ce waypoint. Les fichiers KMZ comportent des waypoints associés à un média et plus précisément dans notre cas une photographie.

Lorsqu'on dézippe un fichier kmz, celui-ci se décompose en un fichier doc.kml et un dossier files renfermant les photographies.

Avec Google Earth, on peut examiner les propriétés de chaque waypoint.

Le waypoint possède un numéro. Dans ses attributs, à la suite du mot SRC se trouve l'étiquette de la photographie (IMGxxxxxx).

En ouvrant la photographie, on reconnaît le principal sujet (exemple marne XXXXX).
On peut remplacer le numéro du waypoint par le nom du sujet principal

On sélectionne le waypoint, puis on fait "enregistre sous..". On donne un nom à ce waypoint.

Avec QGIS.

Couche > Ajouter une couche

Sélectionner le fichier KML > Ajouter.
Le waypoint s'affiche (attention à le mettre au-dessus du fond carto)
Dans ses propriétés, modifier la symbologie.

Taille, couleur, texte de l'étiquette (valeur : name, couleur : blanc)

Moyens à disposition pour explorer la zone littorale

 Visionneuse ROLNHF

Ortho 2023-2024   
https://maps.rolnhdf.fr/portal/apps/experiencebuilder/experience/?id=44ac66a58e7345ebaa410d7e0a059a97&page=Page&views=Ortho-2023-2024

Ortho 2020 

https://maps.rolnhdf.fr/portal/apps/experiencebuilder/experience/?id=44ac66a58e7345ebaa410d7e0a059a97&page=Page&views=Ortho-2020

Demande de données LIDAR auprès du ROLNHF
https://maps.rolnhdf.fr/portal/apps/experiencebuilder/experience/?id=2d24e44ad5684d1a9f197a5084c7eaa7&page=Etape-1-%3A-s%C3%A9lection-des-dalles#data_s=id%3AdataSource_1-19c7114fef5-layer-11%3A4283

Visionneuse IGN

https://cartes.gouv.fr/explorer-les-cartes/

Cliquer sur l'icône Dossier pour choisir son type de carte

Exemples :

Cours d'eau BCAE 2026 pour l'hydrographie
Plan IGN
Photographies aériennes
Carte Topo 25 (Scan 25)
Carte de Cassini
Restrictions UAS (Survol)
Relief du terrain (MNT
Relief du sur-sol (MNS)
Carte du littoral (Toponymie littorale)
Courbes de niveau
Dénomination géographique (Toponymie)

Flux WMTS pour intégration dans QGIS ou Orux Maps

BD Ortho 20 cm : URL du flux WMTS à choisir pour intégration via un flux (QGIS ou Orux Maps)
https://data.geopf.fr/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetCapabilities

Nuage de points LIDAR HD = Visualisation en niveaux de gris des altitudes
https://cartes.gouv.fr/rechercher-une-donnee/dataset/IGNF_NUAGES-DE-POINTS-LIDAR-HD

Carte d'assemblage de NUAGES-DE-POINTS-LIDAR-HD
https://cartes.gouv.fr/telechargement/IGNF_NUAGES-DE-POINTS-LIDAR-HD
Zoomer, Sélectionner les dalles, puis les télécharger dans la colonne de droite

Téléchargement de dalles pour Hors-ligne

Enregistrer sa trace de rando (pour les nuls)

Préalable 

1) Télécharger l'application VISORANDO version gratuite sur son smartphone
        Android     I-phone

2) Activer un compte Visorando

3) Installer l'application Google Earth sur son ordinateur

Sur le terrain

1) Ouvrir l'application Visorando

2) S'assurer que dans les réglages l'option Economiseur de batterie a été décochée

3) Appuyer sur le bouton "Démarrer la randonnée" ou sur + "Démarrer la randonnée"

4) Démarrer sa marche en évitant d'enfouir le smartphone pour bien capter le signal GPS

5) Lorqu'un point remarquable est atteint, cliquer sur + et "Ajouter un waypoint".  Lui donner un nom.

6) Si vous voulez associer une photo à ce waypoint, prenez une photo avec votre smartphone

7) Continuer votre marche et répéter 5 et 6 si vous avez d'autres waypoints à enregistrer

8) A la fin de la randonnée, cliquer sur + et "Terminer cette randonnée".

Que s'est -il passé ?

La trace de votre randonnée ainsi que les waypoints associés sont transmis sur le site de Visorando.

Sur votre ordinateur

1) Créer un album Google Photos à partir des photos prises à chaque waypoint

2) Aller sur le site Visorando et se loguer sur son compte.

3) Cliquer sur l'onglet "Mon compte" et "Choisir mes randonnée"

4) Cliquer  sur la randonnée qui a été enregistrée sur le serveur Visorando

5) Cliquer sur "Télécharger le GPX", ce qui a pour effet de mettre le fichier GPX dans votre dossier "Téléchargement".
A ce stade, vous pouvez visualiser le tracé et les marqueurs de waypoints dans toute application de randonnée ou l'importer sur Google Maps par exemple. Cela peut suffire, mais pour associer les photos, il est nécessaire de poursuivre le traitement.

6) Ouvrir Google Earth

7) Ouvrir le fichier GPX de la randonnée (attention pour le voir dans le dossier Téléchargements, il faut spécifier le format GPX dans le menu déroulant.

8) Ouvrir une autre fenêtre avec votre Album Photo et cliquer sur une photo correspondant à un waypoint.

9) Cliquer sur la souris à droite. Dans la fenêtre qui s'ouvre choisir "Copier l'adresse de l'image"

10) Revenir sur Google Earth. Cliquer à droite sur le waypoint >>> Propriétés

11) Cliquer sur "Ajouter une image Web" . Coller le lien (adresse web de l'mage). Valider.

12) Répéter la même opération pour chaque waypoint avec une photo.

13) Sélectionner le lieu temporaire. 

14) Cliquer à droite >> Enregister le lieu sous >> Donner un nom et un emplacement sur l'ordinateur. Votre randonnée est immortalisée sur votre ordinateur au format KMZ. Vous pourrez l'ouvrir ultérieurement avec Google Earth.

Transformer son KMZ en lien HTML

1) Aller sur le lien Ma Rando

2) Glisser / Déposer le fichier KMZ de sa rando

3) Récupérer le fichier HTML fonctionnel sur son ordinateur et qui peut être envoyé en PJ  à toute personne

Création d'un nouveau dépôt sur Github Pages

 

Étapes pour créer votre site

1. Créez un nouveau dépôt (Repository)

   • Connectez-vous à votre compte GitHub.

   • Cliquez sur le bouton "+" en haut à droite, puis sur "New repository".

   • Donnez un nom à votre dépôt (ex: mon-site-perso).

   • Assurez-vous qu'il est en mode "Public" (obligatoire pour la version gratuite).

   • Cochez la case "Add a README file" pour faciliter l'initialisation.

   • Cliquez sur "Create repository".

2. Ajoutez votre contenu

   • Une fois dans votre dépôt, cliquez sur "Add file" > "Create new file".

   • Nommez le fichier index.html.

   • Écrivez un simple code HTML dans l'éditeur (par exemple : <h1>Bonjour, bienvenue sur mon site !</h1>).

   • En bas de page, cliquez sur "Commit changes".

3. Activez GitHub Pages

   • Dans votre dépôt, cliquez sur l'onglet "Settings" (en haut).

   • Dans la barre latérale gauche, cliquez sur la section "Pages".

   • Sous "Build and deployment", assurez-vous que "Source" est réglé sur "Deploy from a branch".

   • Sous la section "Branch", sélectionnez la branche main (ou master) dans le menu déroulant et cliquez sur "Save".

Accès à votre site

Une fois les réglages sauvegardés, GitHub va générer votre site. Cela prend généralement 1 à 2 minutes.

• Restez sur la page "Settings > Pages".

• Un message s'affichera en haut : "Your site is live at..." suivi d'un lien. C'est l'adresse de votre nouveau site !

Note : Si vous souhaitez utiliser un générateur de site statique (comme Jekyll, Hugo ou un simple framework JS), vous pouvez changer la source dans les paramètres sous "Build and deployment" pour utiliser des "GitHub Actions" à la place.

Résumé des concepts clés

Pour bien comprendre le fonctionnement, voici les éléments fondamentaux :

• Dépôt (Repository) : C'est votre dossier projet sur GitHub.

• Branche : La version de votre code qui est "publiée" (généralement main).

• Fichier index.html : La page d'accueil par défaut que GitHub Pages cherche pour afficher votre site.

Disposer de ses randonnées en-ligne

 Le randonneur chevronné enregistre généralement ses tracés de randonnée pour les raisons suivantes :

- Garder un souvenir
- Retrouver le même chemin pour une seconde fois
- Partager avec des amis ou d'autres amatreurs.

Le format classique ou traditionnel est le format GPX. Le format GPX (ou GPS eXchange Format) a été créé à l'origine par la société américaine TopoGrafix. L'idée de TopoGrafix était de créer un format ouvert et universel, basé sur le langage XML, pour permettre aux utilisateurs d'échanger facilement des points d'intérêt (waypoints), des itinéraires (routes) et des tracés (tracks) entre n'importe quel appareil, logiciel ou site web. Bien que TopoGrafix en soit l'auteur initial et gère l'hébergement du schéma officiel, le GPX est un format ouvert et collaboratif qui a évolué grâce à l'implication d'une large communauté de développeurs à travers le monde.

Le format KML (pour Keyhole Markup Language) est un autre format de fichier très populaire dans le monde de la randonnée et de la cartographie, au même titre que le GPX. À l'origine, le format KML a été développé par la société Keyhole Inc. pour alimenter leur logiciel de cartographie en 3D, Keyhole Earth Viewer. En 2004, Google a racheté cette entreprise et a renommé le logiciel qui est devenu le célèbre Google Earth. Depuis, le KML est devenu un standard international (géré par l'OGC - Open Geospatial Consortium) et reste le format natif de Google Earth et Google Maps.

Le format KMZ (pour Keyhole Markup Language Zipped) est la version compressée du format KML. Si vous pratiquez la randonnée, le trail ou le voyage, c'est un format que vous rencontrez très souvent, notamment sur Google Earth. Un fichier KMZ est en réalité une simple archive ZIP qui porte l'extension .kmz au lieu de .zip. Si vous changez manuellement l'extension d'un fichier rando.kmz en rando.zip, vous pourrez l'ouvrir avec n'importe quel logiciel de décompression (comme WinRAR ou 7-Zip). À l'intérieur, vous trouverez :

• Un fichier principal nommé obligatoirement doc.kml (qui contient toutes les coordonnées géographiques du tracé).

• Des dossiers annexes contenant des images, des photos, des icônes personnalisées ou des textures 3D.

Peu importe le format dans lequel vous enregistrez votre randonnée, le traitement qui est proposé à la suite accepte ces formats en entrée.
Toutes les applications de randonnée n'acceptent pas la sauvegarde aux formats KML ou KMZ. Par contre, le format GPX est toujours retenu.

Le format KMZ possède l'avantage de conserver les images ou les photos géolocalisées attachées à un waypoint. Il vaut mieux dans ce cas privilégier le KMZ.

Traitement du tracé

On utilise l'application marando_V3 qui est une PWA c'est-à-dire une application fonctionnant dans un navigateur. Il est préférable de l'utiliser sur un ordinateur pour des raisons de commodité visuelle, mais on peut aussi l'utiliser sur un smartphone.

Vous en trouverez le mode d'emploi.

En sortie, cette application génère un fichier KMZ (xxxxx.kmz).

Il suffit de désarchiver ce fichier avec un archiveur (ZIP, RAR, 7_ZIP) pour obtenir un dossier qui ressemble à cela: 

2026-05-22_085221vis_vins-sur-caramy.

Il contient toutes les données modifiées de votre parcours. C'est ce dossier qui sera utilisé dans la publication.

Application randonneur4 déployée sur vercel : chenillard sur la trace

avec Power Shell :

 C:\Users\bibi\downloads\randonneur4-vercel\randonneur4-vercel> vercel --prod

En-ligne : https://randonneur4-vercel.vercel.app/

Sur mobile : copier le KMZ dans un dossier accessible avec le gestionnaire de fichiers du système (téléchargements, documents)

_______________________________________________________

Sur Github : quelque chose comme çà (exemple pour l'appli rtv):

Le ZIP contient le dossier public/ — son contenu est ce qui doit être à la racine du dépôt :

# Dézipper, puis depuis le dossier public/ :
git init
git add .
git commit -m "RTV v2"
git remote add origin https://github.com/BernardHoyez/rtv.git
git branch -M main
git push -u origin main

Ensuite dans Settings → Pages : source = main / / (root) → Save.

L'app sera live sur https://BernardHoyez.github.io/rtv après ~2 min.

________________________________________________________

Publication de la randonnée

Pour rendre public le parcours de randonnée, il faut le rendre disponible sur un site.
Il existe de nombreux hébergeurs de sites Web statiques dont certains sont gratuits.
Nous avons choisi ici Neocities pour sa facilité d'emploi, mais il en existe d'autres comme Cloudflare.
Il vous faudra créer un compte pour créer le site et le gérer comme administrateur.

Rendez-vous sur le site officiel : neocities.org.
Remplissez le formulaire d'inscription en choisissant :
Un nom de site : Il définira votre adresse URL gratuite (par exemple, mon-super-site.neocities.org).
Des mots-clés (tags) : Pour que la communauté trouve votre site selon vos passions (ex: art, blog, gaming).
Un mot de passe et une adresse email valide.

Choisissez le plan gratuit (il offre déjà 1 Go d'espace et 200 Go de bande passante par mois, ce qui est largement suffisant pour débuter).

Confirmez votre adresse email grâce au lien reçu.

Une fois connecté, vous arrivez sur votre interface de gestion. Cliquez sur le bouton "Edit Site" (Modifier le site) pour accéder à l'arborescence de vos fichiers.
Par défaut, Neocities crée automatiquement trois fichiers de base pour vous aider :

• index.html : C'est la page d'accueil de votre site. C'est le fichier le plus important, celui qui s'affiche par défaut lorsqu'un visiteur tape votre adresse.

• style.css : Le fichier qui gère toute la mise en page, les couleurs, les polices et le design.

• not_found.html : La page d'erreur 404 qui s'affichera si un visiteur clique sur un lien cassé.

Déposer les fichiers suivants sur votre site :

https://github.com/BernardHoyez/PWA/tree/main/affiche_mes_sites

Il ne vous reste qu'à téléverser votre dossier dans le dossier randonnees sur Neocities.

Votre fichier sur Neocities vous apparaît comme dans cet exemple :

https://varando.neocities.org/