mardi 14 avril 2026

Cenomanum - partie 2 - Utilisateurs

 

cenoutil — Guide d'utilisation
PWA terrain · Cénomanien normand

cenoutil
Guide d'utilisation

Application de terrain pour l'exploration des falaises cénomaniennes entre Le Havre et Étretat. Fonctionne hors ligne.

Déploiement BernardHoyez.github.io/PWA/cenoutil
Auteurs de l'ouvrage B. Hoyez · J. Girard · N. Cottard
Fond cartographique IGN BD ORTHO z15–17
00

Qu'est-ce que cenoutil ?

cenoutil est une application de terrain destinée à l'exploration des falaises cénomaniennes normandes. Elle rassemble en un seul outil les informations géologiques, la carte des sites, et le catalogue des fossiles — le tout utilisable sans connexion réseau, directement sur les plages et au pied des falaises.

Informations géologiques

4 chapitres introductifs : géographie des falaises, accès aux sites, stratigraphie (avec coupes illustrées) et paléontologie générale.

Carte hors-ligne

Fond aérien IGN BD ORTHO (zoom 15–17) de la côte entre Le Havre et Étretat, chargé depuis le fichier MBTiles généré par littoextract.

Position GPS en temps réel

Bouton boussole sur la carte pour afficher la position de l'utilisateur, avec cercle de précision. Fonctionne sans réseau.

Catalogue de fossiles

12 groupes et 52 espèces du Cénomanien normand, navigables par groupe ou par recherche texte libre. Chaque fiche inclut photo et description.

~100 sites d'observation

Marqueurs géolocalisés de blocs éboulés et pans de falaise, chacun avec photo annotée, niveau stratigraphique et fossiles observés.

PWA installable

Installable sur Android, iOS et desktop comme une application native. Mise à jour automatique dès qu'une nouvelle version est disponible.

Pour qui ? cenoutil est destiné aux géologues, paléontologues, étudiants et amateurs éclairés souhaitant explorer les falaises cénomaniennes de la Côte d'Albâtre avec un outil de référence toujours disponible, même sans réseau mobile.

01

Installation de l'application

cenoutil est une PWA (Progressive Web App) : elle s'installe directement depuis le navigateur, sans passer par un store d'applications.

Sur Android (Chrome)
1
Ouvrir cenoutil dans Chrome

Naviguer vers BernardHoyez.github.io/PWA/cenoutil avec une connexion réseau disponible.

2
Installer via la bannière ou le menu

Une bannière « Ajouter à l'écran d'accueil » apparaît automatiquement. Sinon, ouvrir le menu ⋮Installer l'application.

3
Charger le fond de carte MBTiles

Dans l'onglet Carte, appuyer sur le bouton 📁 MBTiles et sélectionner le fichier .mbtiles généré par littoextract. Le fond est sauvegardé automatiquement pour une utilisation hors-ligne.

Sur iPhone / iPad (Safari)
1
Ouvrir cenoutil dans Safari

Naviguer vers l'URL de cenoutil. L'installation PWA n'est possible que depuis Safari sur iOS.

2
Appuyer sur le bouton Partager

Icône carrée avec flèche vers le haut, en bas de l'écran (iPhone) ou en haut (iPad).

3
Choisir « Sur l'écran d'accueil »

L'icône ammonite verte apparaît sur l'écran d'accueil comme une application native.

Sur ordinateur (Chrome ou Edge)
1
Ouvrir cenoutil dans Chrome ou Edge
2
Cliquer sur l'icône d'installation

Une icône installer apparaît dans la barre d'adresse (à droite). Cliquer dessus → Installer.

Sur ordinateur, le fond MBTiles est chargé via le bouton 📁 MBTiles dans l'onglet Carte. Il est sauvegardé dans l'OPFS (stockage privé du navigateur) pour une utilisation hors-ligne.

02

Écran d'accueil

L'écran d'accueil présente l'application et donne accès aux trois sections principales via des cartes cliquables.

Accueil
🏠 Logo ammonite, titre de l'ouvrage, auteurs, trois cartes d'entrée
Informations
📄 4 chapitres introductifs avec textes et figures
Carte
🗺 Fond IGN + marqueurs + GPS temps réel
Fossiles
🐚 12 groupes, 52 espèces, recherche texte

La navigation entre les sections se fait via la barre en bas de l'écran (icônes Accueil · Infos · Carte · Fossiles), toujours accessible sauf lorsqu'une fiche détail est ouverte.


03

Section Informations

La section Informations regroupe les chapitres introductifs de l'ouvrage de référence. Elle est consultable hors-ligne une fois l'application chargée.

Les 4 chapitres disponibles
ChapitreContenuIllustration
Introduction Géographie des falaises normandes, contexte structural, 24 km de coupes entre la Valleuse d'Antifer et le Cap de La Hève.
Accès aux 13 sites Tableau des 13 points d'accès avec coordonnées GPS, adresses, état des sentiers et informations pratiques.
Stratigraphie Biostratigraphie, hardgrounds, trois formations (Craie glauconieuse, Craie de Rouen, Craie d'Antifer). Corrélations NW européennes. Coupe synthétique
Paléontologie générale Groupes fossiles utilisés pour le découpage stratigraphique. Rôle des ammonites, inocérames et foraminifères. Zones d'ammonites
Images en tête de page : les chapitres Stratigraphie et Paléontologie générale affichent leur illustration en pleine largeur en haut de la page, avant le texte. Les images sont scrollables si elles dépassent la hauteur de l'écran.

04

Section Carte

La carte est le cœur de l'application sur le terrain. Elle affiche le fond aérien IGN sur la bande côtière Le Havre–Étretat, avec l'ensemble des marqueurs géolocalisés.

Types de marqueurs

Accès falaise — 13 marqueurs verts
Points d'accès à la base de la falaise (valleuses, sentiers, escaliers). Cliquer → fiche avec coordonnées GPS, état du sentier, description géologique et photo.
Observations de terrain — marqueurs ocre
Blocs éboulés ou pans de falaise documentés. Cliquer → fiche avec photo annotée, niveau stratigraphique, fossiles observés, commentaire, date et observateurs.
Position GPS — point bleu pulsant
Position de l'utilisateur en temps réel, avec cercle de précision. Activé par le bouton boussole.
Bouton boussole — position GPS
1
Appuyer sur le bouton boussole

Bouton rond en bas à droite de la carte. Le navigateur demande la permission d'accéder à la localisation.

2
Acquisition GPS

La barre de statut affiche Acquisition GPS… pendant quelques secondes, puis les coordonnées et la précision en mètres : 📍 49°38.860N 0°09.260E · précision ±8 m

3
Suivi continu

Le bouton devient bleu, la carte se centre sur la position et la suit en temps réel. Appuyer à nouveau pour désactiver.

Sans réseau. Le GPS est un capteur matériel indépendant du réseau. La localisation fonctionne parfaitement hors-ligne sur le terrain. La précision peut prendre 30–60 secondes à se stabiliser à l'air libre.
Charger le fond de carte MBTiles

Sans fond MBTiles chargé, la carte affiche le fond OpenStreetMap (nécessite une connexion). Pour utiliser le fond IGN hors-ligne :

1
Générer le fichier MBTiles avec littoextract

Depuis BernardHoyez.github.io/PWA/littoextract, extraire les tuiles aériennes IGN de la zone souhaitée et télécharger le fichier .mbtiles.

2
Appuyer sur le bouton 📁 MBTiles

Bouton en haut à droite de la carte. Sélectionner le fichier .mbtiles téléchargé.

3
Le fond est sauvegardé automatiquement

Il est stocké dans la mémoire privée du navigateur (OPFS) et rechargé automatiquement à chaque ouverture de cenoutil, sans ré-importation nécessaire.

Le fond MBTiles couvre la bande côtière ±200 m autour du trait de côte, niveaux de zoom 15 à 17 (résolution 40 cm/pixel au zoom max). Il fonctionne entièrement hors-ligne une fois chargé.
Consulter une fiche de site
1
Appuyer sur un marqueur

Une popup apparaît avec le nom du site, son état (accès) ou son niveau stratigraphique (observation), et un bouton Voir la fiche →.

2
Ouvrir la fiche complète

La fiche s'ouvre en plein écran au-dessus de la carte. Elle contient la photo, les coordonnées GPS, et toutes les informations associées au site.

3
Retourner à la carte

Appuyer sur le bouton en haut à gauche de la fiche.

Photo plein écran : dans les fiches d'observation, appuyer sur la photo ou sur le bouton ⛶ Plein écran pour l'afficher en taille maximale. Appuyer n'importe où pour revenir.

05

Section Fossiles

Le catalogue regroupe 52 espèces réparties en 12 groupes fossiles du Cénomanien normand. Il est navigable par groupe ou par recherche texte, et fonctionne entièrement hors-ligne.

Rechercher une espèce

Deux modes de navigation complémentaires :

A
Par groupe — pastilles de filtre

Appuyer sur une pastille de groupe pour filtrer la liste. Les pastilles défilent horizontalement si elles débordent.

B
Par recherche texte libre

Taper dans la barre de recherche en haut. La recherche porte sur le nom d'espèce, la famille et l'étage géologique. Ex : mantelliceras, cénomanien moyen, cidaridae.

Les 12 groupes fossiles

Céphalopodes
Échinides
Brachiopodes
Bivalves
Poissons
Autres
Céphalopodes — Ammonites Céphalopodes — Bélemnites Échinides réguliers Échinides irréguliers Astérides & Ophiurides Crinoïdes Crustacés Brachiopodes Bivalves Gastéropodes Poissons Spongiaires
Consulter une fiche fossile
1
Appuyer sur une espèce dans la liste

La liste affiche nom en italique, famille et étage géologique.

2
Lire la fiche détail

La fiche présente la photo du spécimen, le nom d'espèce, la famille, le groupe, le badge d'étage, le numéro de planche de l'ouvrage et la description morphologique.

3
Retourner au catalogue

Bouton en haut à gauche. Le filtre et la position de défilement sont conservés.

Photos manquantes : si une photo n'apparaît pas, un message indique le chemin attendu. Les photos doivent être placées dans photos/fossiles/ avec des noms en minuscules sans espaces, correspondant exactement aux valeurs du fichier fossiles.json.

06

Mode hors-ligne

cenoutil est conçu pour fonctionner sans aucune connexion réseau sur le terrain. Voici ce qui est disponible hors-ligne et ce qui nécessite une connexion.

FonctionnalitéHors-ligneRemarque
Pages d'information ✓ Oui Textes et figures mis en cache au premier chargement.
Fond de carte IGN ✓ Oui Après chargement du fichier MBTiles (une seule fois).
Marqueurs et fiches sites ✓ Oui Données JSON et photos mises en cache.
Catalogue fossiles ✓ Oui Toutes les fiches et photos disponibles hors-ligne.
Position GPS ✓ Oui Le GPS est matériel, indépendant du réseau.
Fond OpenStreetMap (fallback) ✗ Non Utilisé uniquement si le MBTiles n'est pas chargé.
Mises à jour de l'application ✗ Non Détectées automatiquement lors de la prochaine connexion.
Mise à jour automatique. Dès qu'une connexion réseau est disponible, cenoutil vérifie silencieusement si une nouvelle version est disponible. Si c'est le cas, une bannière verte ↻ Mise à jour disponible apparaît en bas de l'écran. Appuyer dessus pour recharger avec la nouvelle version.
Forcer le rechargement du cache

Si les nouvelles données ou photos n'apparaissent pas après une mise à jour :

PlateformeAction
Chrome Desktop Ctrl+Shift+R (Windows) ou Cmd+Shift+R (Mac)
Chrome Desktop (complet) F12 → Onglet Application → Storage → Clear site data
Android Chrome Menu ⋮ → Paramètres → Confidentialité → Effacer les données
iOS Safari Réglages → Safari → Avancé → Données de sites → Effacer
Toutes plateformes Désinstaller cenoutil et le réinstaller depuis le navigateur

07

Conseils d'utilisation sur le terrain

Quelques recommandations pour une utilisation optimale de cenoutil sur les plages et au pied des falaises cénomaniennes.

Avant de partir sur le terrain
1
Vérifier que cenoutil est bien installé

Ouvrir cenoutil depuis l'icône sur l'écran d'accueil (pas depuis le navigateur). L'application s'ouvre en mode standalone, sans barre de navigation du navigateur.

2
Charger le fond MBTiles si ce n'est pas fait

Depuis un emplacement avec réseau : Carte → 📁 MBTiles → sélectionner le fichier. L'opération ne dure que quelques secondes.

3
Activer le GPS à l'avance

Sur Android/iOS, activer la localisation dans les paramètres du téléphone avant d'arriver sur site. Le premier fix GPS prend 1–2 minutes à l'air libre.

4
Consulter les accès et marées

Dans Informations → Accès aux 13 sites, vérifier l'état des sentiers. Certains accès (Grand Hameau, Heuqueville) peuvent être impraticables selon les conditions et les marées.

Sur le terrain
!
Absence de réseau mobile

Une grande partie du secteur (entre Octeville et Saint-Jouin) n'est pas couverte par les réseaux mobiles. cenoutil fonctionne normalement — seules les mises à jour de l'application nécessitent une connexion.

!
Précision GPS variable

La précision GPS est généralement de ±5–15 m à l'air libre. Sous les surplombs ou en fond de valleuse, elle peut se dégrader à ±30–50 m. Le cercle de précision sur la carte reflète cette variabilité.

!
Identifier un bloc avec les marqueurs

Comparer la position GPS affichée avec les marqueurs ocre voisins sur la carte. Les photos annotées des fiches d'observation permettent d'identifier les niveaux visibles dans le bloc ou la falaise.

!
Économiser la batterie

La géolocalisation continue consomme la batterie. Désactiver le suivi GPS (deuxième appui sur le bouton boussole) lorsqu'il n'est plus nécessaire.

Sécurité. Les falaises de la Côte d'Albâtre sont soumises à des éboulements fréquents et imprévisibles. Ne jamais s'approcher du pied de la falaise vive. Certains secteurs sont inaccessibles à marée haute. Éviter les sorties solitaires sur l'ensemble du secteur entre Octeville et Saint-Jouin. L'utilisation de cenoutil ne se substitue pas à une reconnaissance préalable des conditions de terrain.
cenoutil — Application terrain Cénomanien normand
Le Cénomanien des falaises normandes · entre Le Havre et Étretat
B. Hoyez · J. Girard · N. Cottard

lundi 13 avril 2026

Cenomanum - partie 1 - édition

 

cenoprepa — Guide d'utilisation
PWA Expert · Cénomanien normand

cenoprepa
Guide d'utilisation

Outil de gestion et d'alimentation de l'application cenoutil — Le Havre · Étretat

Déploiement BernardHoyez.github.io/PWA/cenoprepa
Auteurs B. Hoyez · J. Girard · N. Cottard
Application cible cenoutil
00

Qu'est-ce que cenoprepa ?

cenoprepa est l'outil de gestion destiné au géologue expert. Il permet de créer, modifier et exporter le contenu de cenoutil — l'application terrain utilisée pour l'exploration des falaises cénomaniennes entre Le Havre et Étretat.

Marqueurs d'observation

Créer et gérer les ~100 points d'observation géolocalisés affichés sur la carte de cenoutil.

Accès falaise

Mettre à jour les 13 points d'accès à la base de la falaise (état des sentiers, coordonnées, photos).

Catalogue fossiles

Alimenter et organiser les 12 groupes et ~52 espèces fossiles du Cénomanien normand.

Pages d'information

Rédiger et modifier les chapitres introductifs : Introduction, Accès, Stratigraphie, Paléontologie.

Export bundle

Générer l'archive ZIP contenant tous les fichiers JSON mis à jour, prête à déployer sur GitHub.

Import JSON

Charger les données existantes de cenoutil pour les modifier, sans repartir de zéro.

Interface desktop. cenoprepa est conçu pour une utilisation sur ordinateur (Chrome ou Edge), en mode paysage. L'interface en vue split (liste à gauche, formulaire à droite) nécessite un écran d'au moins 900 px de large.

01

Tableau de bord

L'écran d'accueil de cenoprepa. Il affiche l'état actuel des données et donne accès aux outils d'import et d'export.

Compteurs en temps réel

Quatre compteurs affichent l'état courant des données chargées en mémoire :

Observations

Nombre de marqueurs d'observation (cercles ocre sur la carte).

Accès falaise

Nombre de points d'accès (13 par défaut, cercles verts).

Espèces fossiles

Total des espèces dans tous les groupes du catalogue.

Pages info

Nombre de chapitres introductifs rédigés.

Import des données existantes

Pour modifier les données actuelles de cenoutil, commencez toujours par importer les fichiers JSON existants depuis le dépôt GitHub.

1
Télécharger les fichiers JSON depuis GitHub

Dans le dépôt, naviguer vers PWA/cenoutil/data/ et télécharger les fichiers souhaités : observations.json, markers.json, fossiles.json ou pages.json.

2
Importer dans cenoprepa

Cliquer sur le bouton d'import correspondant dans le tableau de bord (ex : 📥 observations.json) et sélectionner le fichier téléchargé.

3
Vérifier le compteur

Le compteur correspondant se met à jour immédiatement. Les données sont maintenant disponibles pour modification.

Si cenoprepa et cenoutil sont déployés côte à côte sur le même domaine GitHub Pages (PWA/cenoprepa/ et PWA/cenoutil/), cenoprepa tente de charger les données automatiquement au démarrage.

02

Marqueurs d'observation

Les observations sont les ~100 marqueurs ocre que l'utilisateur voit sur la carte de cenoutil. Chaque marqueur correspond à un bloc éboulé ou un pan de falaise documenté sur le terrain.

Créer une nouvelle observation
1
Cliquer sur « + Nouvelle observation »

Le formulaire apparaît à droite avec une fiche vierge.

2
Remplir les champs d'identification

Saisir le nom du site et les coordonnées GPS. Le badge de validation confirme le format reconnu (DM ✓ ou DD ✓).

3
Renseigner les données géologiques

Choisir le niveau stratigraphique dans la liste déroulante, ajouter les fossiles observés (Entrée ou virgule pour valider chaque espèce), puis rédiger un commentaire de terrain.

4
Ajouter la photo

Cliquer sur la zone de photo et sélectionner le fichier JPEG. L'aperçu s'affiche immédiatement. Le chemin de destination est indiqué sous la zone : photos/observations/nom_fichier.jpg.

5
Cliquer sur « ✓ Sauvegarder »

La fiche apparaît dans la liste à gauche. L'indicateur ● Non exporté s'affiche dans la sidebar.

Champs du formulaire

ChampStatutDescription
Nom / titre Requis Description courte et localisante. Ex : Panneau sud — plage de Saint-Jouin
Coordonnées GPS Requis validé Format DM (49°38.86N 0°09.26E) ou DD (49.6477°N 0.1543°E). Converti automatiquement en décimal à 4 chiffres.
Niveau stratigraphique liste De l'Albien au Turonien basal, en passant par les sous-étages Ce1 à Ce3.
Fossiles observés chips Un chip par espèce. Saisir le nom + Entrée. Supprimer avec ×.
Commentaire texte libre Description de la coupe, niveaux visibles, intérêt stratigraphique.
Photo Optionnel fichier JPEG recommandé, max 300–500 Ko après rééchantillonnage. Le chemin est enregistré dans le JSON ; la photo est copiée manuellement sur GitHub.
Date calendrier Date de l'observation de terrain.
Observateurs texte libre Initiales ou noms. Ex : B. Hoyez, J. Girard

Formats GPS acceptés

Format DM — Degrés-Minutes décimaux
49°38.86N 0°09.26E
Format courant des GPS de terrain et appareils Garmin.
Format DD — Degrés décimaux
49.6477°N 0.1543°E
Format Google Maps, QGIS, et la plupart des SIG.
La conversion DM → DD est automatique et arrondie à 4 décimales (précision ≈ 11 m). Les coordonnées stockées dans le JSON seront toujours en degrés décimaux à 4 chiffres.

03

Accès falaise

Les 13 points d'accès à la base de la falaise sont les marqueurs verts fixes de cenoutil. Ils ne peuvent pas être créés ou supprimés depuis cenoprepa — seulement modifiés.

Modifier un point d'accès
1
Sélectionner le site dans la liste

Les 13 sites sont listés avec leur numéro, nom et état du sentier.

2
Modifier les champs souhaités

Coordonnées GPS, état du sentier (liste déroulante), informations d'accès, description géologique, photo.

3
Sauvegarder

Cliquer sur ✓ Sauvegarder. Les modifications sont en mémoire jusqu'à l'export.

États du sentier disponibles : Très bon · Bon · Entretenu · Moyen · Délicat · Difficile · Très difficile. La couleur de l'état s'affiche automatiquement dans cenoutil.

04

Catalogue fossiles

Le catalogue contient 12 groupes et ~52 espèces. Chaque espèce dispose d'une fiche avec photo visible dans cenoutil. De nouvelles espèces peuvent être ajoutées à n'importe quel groupe existant.

Ajouter une nouvelle espèce
1
Cliquer sur « + Nouvelle espèce »

Sélectionner d'abord le groupe cible dans la liste déroulante Groupe, puis cliquer sur le bouton.

2
Remplir la taxonomie

Nom d'espèce en italique (ex : Mantelliceras saxbii), famille, groupe, étage géologique, numéro de planche de l'ouvrage.

3
Rédiger la description

Morphologie, caractères diagnostiques, intérêt stratigraphique. Ce texte apparaît dans la fiche fossile de cenoutil.

4
Ajouter la photo

La photo sera cherchée dans photos/fossiles/ de cenoutil. Nommer le fichier sans espaces ni accents.

5
Sauvegarder

L'espèce apparaît dans la liste sous son groupe.

Changer de groupe : il est possible de déplacer une espèce vers un autre groupe en modifiant le champ Groupe dans le formulaire et en sauvegardant.

Groupes actuellement définis

Céphalopodes — Ammonites Céphalopodes — Bélemnites Échinides réguliers Échinides irréguliers Astérides & Ophiurides Crinoïdes Crustacés Brachiopodes Bivalves Gastéropodes Poissons Spongiaires

05

Pages d'information

Les pages d'information sont les chapitres introductifs accessibles depuis l'écran Informations de cenoutil. Chaque page comporte un titre, un résumé, un contenu textuel et une image optionnelle.

Syntaxe du contenu

Le contenu d'une page est rédigé dans une zone de texte libre. Les blocs sont séparés par une ligne vide. Deux types de blocs spéciaux sont disponibles :

SyntaxeRendu dans cenoutil
Texte du paragraphe… Paragraphe de texte courant.
[FIGURE: photos/pages/image.jpg | Légende] Figure avec image et légende.
L'image bannière (champ séparé) apparaît en tête de page dans cenoutil, avant le titre. Actuellement définie pour Stratigraphie (coupe_synthetique.jpg) et Paléontologie (coupe_biostrati.jpg).

06

Export vers cenoutil

Une fois les modifications faites et sauvegardées, il faut les exporter vers cenoutil. cenoprepa génère les fichiers JSON — les photos doivent être copiées séparément.

Export complet — bundle ZIP

Le bouton ↓ Exporter tout (ZIP) génère une archive contenant les 4 fichiers JSON mis à jour, prête à décompresser dans le dossier cenoutil/ sur GitHub.

data/markers.json data/observations.json data/fossiles.json data/pages.json LIRE_MOI.txt
Déployer sur GitHub Pages
1
Exporter le bundle ZIP

Depuis le panneau Export, cliquer sur ↓ Exporter tout (ZIP). Le fichier cenoutil_data_AAAA-MM-JJ.zip est téléchargé.

2
Copier les JSON sur GitHub

Dans le dépôt BernardHoyez.github.io, naviguer vers PWA/cenoutil/data/ et remplacer les fichiers modifiés.

3
Copier les photos manuellement

Les photos ne sont pas dans le ZIP. Les copier dans les sous-dossiers appropriés de PWA/cenoutil/photos/.

4
Incrémenter le service worker

Dans sw.js de cenoutil, changer 'cenoutil-v6''cenoutil-v7' pour forcer le rechargement du cache chez les utilisateurs.

Dossiers de destination des photos

TypeDossier GitHub
Photos d'observationsPWA/cenoutil/photos/observations/
Photos d'accès falaisePWA/cenoutil/photos/
Photos de fossilesPWA/cenoutil/photos/fossiles/
Images des pages infoPWA/cenoutil/photos/pages/

07

Workflow complet

Vue d'ensemble du cycle de mise à jour, du terrain à l'application cenoutil.

📷 Terrain
photo + GPS
cenoprepa
saisie fiche
Export ZIP
JSON mis à jour
GitHub
upload data/
cenoutil
mise à jour auto
Bonnes pratiques
!
Toujours importer avant de modifier

cenoprepa n'a pas de base de données persistante. Chaque session repart des JSON importés. Sans import préalable, les modifications écrasent les données existantes.

!
Noms de fichiers photos

Uniquement lettres minuscules, chiffres, tirets et underscores. Pas d'espaces, pas d'accents. GitHub Pages est sensible à la casse : Mantelliceras.jpgmantelliceras.jpg.

!
Taille des photos

Rééchantillonner avant import : 800–1200 px, qualité 75–80 %, max 300 Ko. Les photos volumineuses ralentissent cenoutil sur le terrain.

!
Incrémenter le service worker

À chaque déploiement, incrémenter VERSION dans sw.js de cenoutil. La mise à jour est alors automatique chez tous les utilisateurs connectés au réseau.

cenoprepa — Outil de gestion de cenoutil
Le Cénomanien des falaises normandes · entre Le Havre et Étretat
B. Hoyez · J. Girard · N. Cottard

Installer une PWA

📱 Installer une Progressive Web App (PWA)

Une PWA est une application web installable sur votre appareil. Elle fonctionne comme une application classique, sans passer par un store.

💻 Sur ordinateur (Windows, Mac, Linux)

Navigateurs recommandés : Chrome ou Edge

  • Ouvrez le site de la PWA dans votre navigateur.
  • Regardez à droite de la barre d’adresse :
    • Chrome : icône d’installation (ordinateur + flèche)
    • Edge : icône "application disponible"
  • Cliquez sur Installer.
  • L’application apparaît dans votre menu ou barre des tâches.

🤖 Sur Android

Navigateur recommandé : Chrome

  • Ouvrez le site dans Chrome.
  • Appuyez sur les trois points en haut à droite.
  • Sélectionnez "Installer l'application" ou "Ajouter à l'écran d'accueil".
  • Appuyez sur Installer.
  • L’icône apparaît sur votre écran d’accueil.

🍏 Sur iPhone / iPad (iOS)

Navigateur requis : Safari

  • Ouvrez le site dans Safari.
  • Appuyez sur l’icône Partager.
  • Choisissez "Sur l’écran d’accueil".
  • Donnez un nom puis appuyez sur Ajouter.
  • L’application est disponible sur votre écran d’accueil.
💡 Conseil : Une PWA peut fonctionner hors connexion et envoyer des notifications.

vendredi 3 avril 2026

Visualiseur de BD ortho littorale et sauvegarde en MBtiles

Visualiseur de BD ortho à partir de MBtiles


https://bernardhoyez.github.io/PWA/littoextract/


2 plugins à installer dans QGIS :


Plugin QuickMapServices (recommandé)

Menu → Extensions → Installer/Gérer les extensions → chercher QuickMapServices → Installer
Puis :

Menu → Web → QuickMapServices → OSM → OSM Standard

La carte OSM apparaît immédiatement dans le canevas.

le plugin QuickOSM 

Les bonnes sources vectorielles gratuites

OSM (la plus simple, immédiatement disponible)
Dans QGIS, installez le plugin QuickOSM puis lancez la requête :

Key: natural   Value: coastline

Sur l'emprise Le Havre–Étretat. Vous obtenez des LineString précises à ~10 m.

Étape 1 — Ouvrir QuickOSM

Menu → Vecteur → QuickOSM → QuickOSM

Étape 2 — Paramétrer la requête

Dans l'onglet Requête rapide :

ChampValeur  Clé : natural Valeur: coastline

Dans(laisser vide — on va utiliser l'emprise)
ÉtendueEmprise du canevas de la carte

→ Zoomez d'abord sur la zone Le Havre–Étretat dans QGIS avant de lancer, pour que l'emprise corresponde à votre secteur.

Étape 3 — Lancer et exporter

Cliquez Lancer la requête
Une couche temporaire lines apparaît dans le panneau Couches

Clic droit dessus → Exporter → Sauvegarder les entités sous...

Format : GeoJSON
SCR : EPSG:4326

Sauvegardez.

Ce que contient votre fichier MBTiles

Source : BD ORTHO IGN Géoplateforme
Zone : trait de côte Le Havre–Étretat ±200 m (OSM)
Zooms : 15, 16, 17
Format tuiles : JPEG
Convention : TMS (Y inversé) — standard MBTiles
Projection : Web Mercator EPSG:3857