samedi 22 août 2026

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.



mercredi 12 août 2026

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

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

dimanche 9 août 2026

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