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

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 → Create 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/

Récupérer un dossier sur Github Pages

 Cette opérationn'est pas possible directement. 

Alors, entrer l'URL : https://download-directory.github.io/

Coller l'URL du dossier sur Github ==> Entrer

Exemple : https://github.com/BernardHoyez/PWA/tree/main/kmz-photos/2026-roubier_test_rougiers

On récupère un zip dans le dossier téléchargement

Exemple : BernardHoyez PWA main kmz-photos-2026-roubier_test_rougiers.zip

On dézippe pour récupérer le dossier intégralement.

Ceci n'est pas possible sur Cloudflare, donc on ne peut importer que de Github ou du local.

Ou avec wrangler :

# Installation de Wrangler

npm install -g wrangler  (wrangler est déjà installé chez moi avec PowerShell)

# Connexion à ton compte Cloudflare wrangler login 

# Déployer un dossier local wrangler pages deploy ./mon-dossier --project-name=mon-projet

Par exemple :

 mon-dossier :  2026-Roubier_test_Favieres (le dossier issu de marando_v3 sut Github)

project-name=mon-projet    project-name=randovar

3 applications coordonnées de navigation

 Préparation en chambre d'un parcours  GPXstudio

https://gpx.studio/

Préparation d'un fond de carte

ign2mbt

Déplacement

Guru Maps Android

Guru Maps iOS

Mode d’emploi résumé de gpx.studio

1. Présentation générale

gpx.studio est une application en ligne qui permet de :

• Créer des itinéraires (randonnée, vélo, trail…)
• Modifier des fichiers GPX existants
• Visualiser des traces sur carte
• Exporter au format GPX

Aucun compte n’est nécessaire, tout fonctionne directement dans le navigateur.

---

2. Interface et prise en main

Carte principale

7

L’écran est dominé par une carte interactive (OpenStreetMap ou autres fonds).

Éléments clés :

• Barre supérieure : ouvrir, sauvegarder, exporter
• Barre latérale : outils d’édition
• Carte centrale : affichage et dessin de la trace
• Profil altimétrique (en bas) : visualisation du relief

---

3. Créer une trace GPX

Étapes simples :

1. Cliquer sur “Nouvelle trace”
2. Cliquer sur la carte pour poser des points
3. La trace se dessine automatiquement entre les points

Astuces :

• Le tracé suit les chemins (routing automatique)
• Possibilité de désactiver le routage pour tracer librement

---

4. Modifier une trace

Actions principales

6

• Déplacer un point : cliquer-glisser
• Ajouter un point : cliquer sur la trace
• Supprimer un point : clic droit ou option dédiée
• Couper une trace : outil de découpe
• Fusionner des traces : combiner plusieurs segments

---

5. Importer un fichier GPX

• Cliquer sur “Ouvrir”
• Charger un fichier .gpx depuis l’ordinateur

Fonctionnalités :

• Affichage immédiat
• Modification possible comme une trace créée
• Gestion de plusieurs traces simultanées

---

6. Analyse du parcours

Profil altimétrique

6

• Visualisation du dénivelé
• Distance totale
• Pente

Interaction :

• Survol du profil = position sur la carte
• Permet d’identifier montées et descentes

---

7. Outils utiles

Fonds de carte

• OpenStreetMap
• Satellite
• Cartes topo (selon disponibilité)

Options importantes :

• Inverser une trace
• Simplifier (réduire le nombre de points)
• Ajouter des waypoints

---

8. Exporter une trace

• Cliquer sur “Exporter”
• Choisir format GPX

Options possibles :

• Fusionner toutes les traces
• Exporter individuellement
• Inclure ou non les points intermédiaires

Mode d’emploi – IGN2MBT

1. Objectif de l’application

IGN2MBT est une application web (PWA) permettant de :

• Télécharger des tuiles cartographiques IGN
• Les convertir en fichier MBTiles
• Utiliser ces cartes hors ligne (ex : smartphone, tablette, logiciel SIG)

👉 Le format MBTiles est un standard pour stocker des tuiles raster dans un seul fichier.

---

2. Principe de fonctionnement

L’application repose sur un fonctionnement simple :

1. Définir une zone géographique
2. Choisir les niveaux de zoom
3. Télécharger automatiquement les tuiles
4. Générer un fichier MBTiles

Ce type d’outil s’appuie sur les services web cartographiques (tuiles raster IGN, géoservices)

---

3. Interface et éléments principaux

Carte interactive

• Permet de positionner la zone à extraire
• Navigation classique : zoom / déplacement

Paramètres principaux

• Centre de la zone (clic carte ou coordonnées)
• Rayon ou emprise
• Zoom minimum / maximum

Bouton clé

• Générer MBTiles : lance le téléchargement et la conversion

---

4. Procédure d’utilisation

Étape 1 – Définir la zone

• Cliquer sur la carte pour positionner le centre
  ou
• Entrer les coordonnées (lat / lon)

Étape 2 – Régler les paramètres

• Choisir un rayon (ex : 2 à 10 km)
• Définir :
  • Zoom min (ex : 12 → vue globale)
  • Zoom max (ex : 15–17 → détail)

⚠️ Plus le zoom est élevé → plus le fichier sera lourd

---

Étape 3 – Lancer la génération

• Cliquer sur “Générer MBTiles”
• L’application :
  • Télécharge les tuiles
  • Les assemble
  • Produit un fichier unique

---

Étape 4 – Récupérer le fichier

• Le fichier est enregistré localement
• Utilisable dans :
  • Applications mobiles (carto hors ligne)
  • Logiciels SIG
  • Visionneuses MBTiles

---

5. Bonnes pratiques

• Limiter la zone (évite des fichiers énormes)
• Adapter le zoom :
  • 14–15 : rando standard
  • 16–17 : détail terrain
• Tester le fichier avant usage terrain

---

6. Avantages

• Fonctionne directement dans le navigateur
• Pas d’installation
• Permet du hors-ligne complet
• Très utile pour :
  • Randonnée
  • Terrain sans réseau
  • Préparation de missions

---

7. Limites

• Dépend de la connexion Internet pour générer
• Temps de calcul long si zone trop grande
• Volume de données important aux forts zooms

---

Conclusion

IGN2MBT est un outil simple et efficace pour fabriquer rapidement des cartes IGN hors ligne à partir de tuiles web.

C’est clairement un utilitaire de terrain : rapide, direct, sans interface inutile.

Mode d’emploi résumé de Guru Maps

---

1. Présentation générale

8

Guru Maps est une application mobile (iOS / Android) dédiée à la navigation GPS hors ligne. Elle permet de :

• Consulter des cartes sans connexion
• Enregistrer des traces GPS
• Importer / exporter des fichiers GPX
• Naviguer sur le terrain (randonnée, VTT, terrain scientifique…)

👉 Elle repose principalement sur des données OpenStreetMap.

---

2. Installation et prise en main

Installation

• Disponible sur App Store et Google Play
• Version gratuite + version payante (fonctionnalités avancées)

Première ouverture

• Autoriser l’accès à la localisation
• Télécharger une zone de carte pour un usage hors ligne

---

3. Interface principale

Carte

• Affichage en temps réel de votre position GPS
• Zoom / déplacement classique (gestes tactiles)

Éléments clés

• Bouton localisation : recentre la carte
• Menu principal : accès aux cartes, traces, paramètres
• Bouton enregistrement : démarre une trace GPS

---

4. Télécharger des cartes hors ligne

8

Procédure

1. Ouvrir le menu Cartes
2. Choisir une région ou définir une zone
3. Télécharger

Conseils

• Télécharger avant de partir
• Vérifier l’espace de stockage
• Plus la zone est grande → plus le fichier est lourd

Une carte MBtiles : avec le gestionnaire de fichiers, sélectionner la carte dans le dossier Downloads.
Ouvrir avec Guru Maps
La carte se charge automatiquement.

ou encore :

Par défaut, les chemins d'accès ressemblent à ceci :

• Mémoire interne : Mémoire interne/Android/data/com.bodunov.galileo/files/ ou /com.bodunov.galileo.pro/files/

• Carte SD externe (si vous l'avez configurée) : Carte SD/Android/data/com.bodunov.galileo/files/

Avec Locus Maps :

Mémoire interne/Android/data/menion.android.locus/files/Locus/

---

5. Enregistrer une trace GPS

Démarrage

• Appuyer sur “Enregistrer”

Pendant l’enregistrement

• Distance parcourue
• Temps
• Vitesse

Arrêt

• Stopper puis sauvegarder

👉 La trace est enregistrée en interne (export possible en GPX)

---

6. Importer / exporter des fichiers GPX

Import

• Ouvrir un fichier GPX depuis :
  • Email
  • Stockage
  • Cloud

Export

• Sélectionner une trace
• Exporter en .gpx

👉 Compatible avec :

• GPS de randonnée
• Logiciels SIG
• Outils comme gpx.studio

---

7. Navigation et suivi d’itinéraire

8

Suivre une trace

1. Charger un GPX
2. Afficher sur la carte
3. Suivre la ligne

Fonctions utiles

• Distance restante
• Position en temps réel
• Orientation

⚠️ Pas un GPS routier classique : guidage simplifié

---

8. Ajouter des points (waypoints)

• Appui long sur la carte
• Ajouter un point

Utilisations :

• Point de départ
• Observation terrain
• Repère géologique

---

9. Paramètres importants

• Unités (métrique)
• Fréquence d’enregistrement GPS
• Précision / batterie
• Thème de carte

👉 Ajuster selon :

• autonomie souhaitée
• précision nécessaire

---

10. Bonnes pratiques terrain

• Télécharger les cartes avant départ
• Activer le mode avion pour économiser la batterie
• Vérifier la précision GPS
• Toujours avoir une solution de secours (carte papier)

---

11. Avantages

• Fonctionne hors ligne complet
• Interface simple
• Compatible GPX
• Bonne précision GPS

---

12. Limites

• Guidage routier limité
• Dépend de la qualité OpenStreetMap
• Certaines fonctions payantes

---

Conclusion

Guru Maps est une application robuste et efficace pour :

• randonnée
• terrain scientifique
• exploration hors réseau

Elle remplace avantageusement un GPS dédié dans la majorité des usages, à condition de bien préparer ses données.

Itinéraire Google Maps ==> GPX

https://mapstogpx.com/