docs: visite guidée complétée — 10 vraies pages (remplace les captures 404)
11 changed files +90 −38
modified
README.md
+43 −17
@@ -58,7 +58,8 @@ Toujours à jour, automatiquement.* | ||
| 58 | 58 | ## Visite guidée en 10 captures |
| 59 | 59 | |
| 60 | 60 | *Captures du site en production ([www.forma-ka.com](https://www.forma-ka.com)), |
| 61 | −prises le 2026-08-28 en 1440 × 900. Les fichiers sont dans | |
| 61 | +prises le 2026-08-28 en 1440 × 900 — plus une vue mobile 390 px. Les fichiers | |
| 62 | +sont dans | |
| 62 | 63 | [`docs/screenshots/`](docs/screenshots/) (voir aussi |
| 63 | 64 | [`manifest.txt`](docs/screenshots/manifest.txt) pour la correspondance |
| 64 | 65 | capture → URL).* |
@@ -119,7 +120,46 @@ complet (11 points), bloc **Admission / clientèle visée**, colonne des | ||
| 119 | 120 | source), puis le contenu original signé par la source. Chaque fiche renvoie |
| 120 | 121 | vers la page originale de l'établissement. |
| 121 | 122 | |
| 122 | −### 6 · Fiche événement — prix optionnel, dates offertes (CRHA · 5 à 7 estival) | |
| 123 | +### 6 · Fiche formation — les recommandations « Formations similaires » | |
| 124 | + | |
| 125 | + | |
| 126 | + | |
| 127 | +Le cœur d'une fiche vu de près : à gauche le **plan de la formation** point | |
| 128 | +par point et le bloc **Admission / clientèle visée** ; à droite la colonne de | |
| 129 | +recommandations **Formations similaires**, calculée par l'API (même catégorie, | |
| 130 | +même source, thèmes proches) avec pour chacune son type, son mode, sa durée et | |
| 131 | +son prix — un vrai moteur de découverte entre les 4 900+ fiches. | |
| 132 | + | |
| 133 | +### 7 · Accueil — la grille de résultats | |
| 134 | + | |
| 135 | + | |
| 136 | + | |
| 137 | +L'accueil, défilé jusqu'à la grille : cartes de formation en 3 colonnes avec | |
| 138 | +badge de type (Formation continue, Atelier…), établissement, titre, sigle, | |
| 139 | +mode (présentiel / en ligne) et durée, date de début (« Débute le 3 septembre | |
| 140 | +2026 ») et traitement franc du prix — **« Prix non affiché »** assumé (prix | |
| 141 | +optionnel), **« Gratuit »** mis en valeur, sinon le montant. | |
| 142 | + | |
| 143 | +### 8 · Accueil — cartes illustrées & pagination (411 pages) | |
| 144 | + | |
| 145 | + | |
| 146 | + | |
| 147 | +Plus bas sur l'accueil : les cartes reprennent les visuels originaux des | |
| 148 | +établissements (Institut de leadership, Événements Les Affaires…) avec prix | |
| 149 | +affiché (395 $, 545 $, 945 $), mode et ville. En pied de grille, la | |
| 150 | +**pagination** — « Page 1 de 411 — 4 930 formations » à 12 fiches par page — | |
| 151 | +puis le pied de page sombre avec la mission de l'agrégateur. | |
| 152 | + | |
| 153 | +### 9 · Fiche formation en mobile (390 px) | |
| 154 | + | |
| 155 | + | |
| 156 | + | |
| 157 | +La même fiche Data Studio sur téléphone : menu hamburger, ticker conservé, | |
| 158 | +fil d'Ariane et plan de la formation qui se replient proprement sur une | |
| 159 | +colonne — le socle mobile du Groupe Ka (zones tactiles, safe-area, PWA | |
| 160 | +installable) appliqué à Forma-Ka. | |
| 161 | + | |
| 162 | +### 10 · Fiche événement — prix optionnel, dates offertes (CRHA · 5 à 7 estival) | |
| 123 | 163 | |
| 124 | 164 |  |
| 125 | 165 | |
@@ -129,20 +169,6 @@ souplesse du schéma : un événement de réseautage RH **sans prix affiché** | ||
| 129 | 169 | 2026), ses **infos pratiques** (établissement, sigle, horaire affiché, date de |
| 130 | 170 | synchronisation) et ses thèmes régionaux (Comité régionale de Lanaudière). |
| 131 | 171 | |
| 132 | −### 7 à 10 · La page 404 signature | |
| 133 | − | |
| 134 | −Les captures [`06-doc.jpg`](docs/screenshots/06-doc.jpg), | |
| 135 | −[`07-contact.jpg`](docs/screenshots/07-contact.jpg), | |
| 136 | −[`08-recherche.jpg`](docs/screenshots/08-recherche.jpg) et | |
| 137 | −[`09-carte.jpg`](docs/screenshots/09-carte.jpg) visaient les URL `/doc`, | |
| 138 | −`/contact`, `/recherche` et `/carte` : ces routes n'existent pas dans la SPA | |
| 139 | −(la recherche vit sur l'accueil, le contact dans le pied de page). Elles | |
| 140 | −documentent donc la **page 404 signature** de Forma-Ka — boussole, « PAGE | |
| 141 | −INTROUVABLE », ticker toujours actif et pied de page complet (mission de | |
| 142 | −l'agrégateur + lien confidentialité + gestion des témoins) : | |
| 143 | − | |
| 144 | − | |
| 145 | − | |
| 146 | 172 | ### Galerie mobile & desktop (2026-08-25) |
| 147 | 173 | |
| 148 | 174 | *Captures WebP précédentes (mobile 390 × 844 · desktop 1440 × 900), conservées |
@@ -343,7 +369,7 @@ Chaque connecteur, peu importe le site source, produit des objets `Formation` | ||
| 343 | 369 | | `/stats` | Statistiques en direct | |
| 344 | 370 | | `/sources` | Registre des sources agrégées | |
| 345 | 371 | | `/confidentialite` | Politique de confidentialité & témoins | |
| 346 | −| `*` | Page 404 signature (boussole) | | |
| 372 | +| `*` | Page 404 (boussole) | | |
| 347 | 373 | |
| 348 | 374 | Le backend sert aussi le frontend bâti (`frontend/dist`) : `/assets` en |
| 349 | 375 | statique + rattrapage SPA sur toutes les autres routes. |
modified
docs/README.md
+43 −17
@@ -58,7 +58,8 @@ Toujours à jour, automatiquement.* | ||
| 58 | 58 | ## Visite guidée en 10 captures |
| 59 | 59 | |
| 60 | 60 | *Captures du site en production ([www.forma-ka.com](https://www.forma-ka.com)), |
| 61 | −prises le 2026-08-28 en 1440 × 900. Les fichiers sont dans | |
| 61 | +prises le 2026-08-28 en 1440 × 900 — plus une vue mobile 390 px. Les fichiers | |
| 62 | +sont dans | |
| 62 | 63 | [`docs/screenshots/`](docs/screenshots/) (voir aussi |
| 63 | 64 | [`manifest.txt`](docs/screenshots/manifest.txt) pour la correspondance |
| 64 | 65 | capture → URL).* |
@@ -119,7 +120,46 @@ complet (11 points), bloc **Admission / clientèle visée**, colonne des | ||
| 119 | 120 | source), puis le contenu original signé par la source. Chaque fiche renvoie |
| 120 | 121 | vers la page originale de l'établissement. |
| 121 | 122 | |
| 122 | −### 6 · Fiche événement — prix optionnel, dates offertes (CRHA · 5 à 7 estival) | |
| 123 | +### 6 · Fiche formation — les recommandations « Formations similaires » | |
| 124 | + | |
| 125 | + | |
| 126 | + | |
| 127 | +Le cœur d'une fiche vu de près : à gauche le **plan de la formation** point | |
| 128 | +par point et le bloc **Admission / clientèle visée** ; à droite la colonne de | |
| 129 | +recommandations **Formations similaires**, calculée par l'API (même catégorie, | |
| 130 | +même source, thèmes proches) avec pour chacune son type, son mode, sa durée et | |
| 131 | +son prix — un vrai moteur de découverte entre les 4 900+ fiches. | |
| 132 | + | |
| 133 | +### 7 · Accueil — la grille de résultats | |
| 134 | + | |
| 135 | + | |
| 136 | + | |
| 137 | +L'accueil, défilé jusqu'à la grille : cartes de formation en 3 colonnes avec | |
| 138 | +badge de type (Formation continue, Atelier…), établissement, titre, sigle, | |
| 139 | +mode (présentiel / en ligne) et durée, date de début (« Débute le 3 septembre | |
| 140 | +2026 ») et traitement franc du prix — **« Prix non affiché »** assumé (prix | |
| 141 | +optionnel), **« Gratuit »** mis en valeur, sinon le montant. | |
| 142 | + | |
| 143 | +### 8 · Accueil — cartes illustrées & pagination (411 pages) | |
| 144 | + | |
| 145 | + | |
| 146 | + | |
| 147 | +Plus bas sur l'accueil : les cartes reprennent les visuels originaux des | |
| 148 | +établissements (Institut de leadership, Événements Les Affaires…) avec prix | |
| 149 | +affiché (395 $, 545 $, 945 $), mode et ville. En pied de grille, la | |
| 150 | +**pagination** — « Page 1 de 411 — 4 930 formations » à 12 fiches par page — | |
| 151 | +puis le pied de page sombre avec la mission de l'agrégateur. | |
| 152 | + | |
| 153 | +### 9 · Fiche formation en mobile (390 px) | |
| 154 | + | |
| 155 | + | |
| 156 | + | |
| 157 | +La même fiche Data Studio sur téléphone : menu hamburger, ticker conservé, | |
| 158 | +fil d'Ariane et plan de la formation qui se replient proprement sur une | |
| 159 | +colonne — le socle mobile du Groupe Ka (zones tactiles, safe-area, PWA | |
| 160 | +installable) appliqué à Forma-Ka. | |
| 161 | + | |
| 162 | +### 10 · Fiche événement — prix optionnel, dates offertes (CRHA · 5 à 7 estival) | |
| 123 | 163 | |
| 124 | 164 |  |
| 125 | 165 | |
@@ -129,20 +169,6 @@ souplesse du schéma : un événement de réseautage RH **sans prix affiché** | ||
| 129 | 169 | 2026), ses **infos pratiques** (établissement, sigle, horaire affiché, date de |
| 130 | 170 | synchronisation) et ses thèmes régionaux (Comité régionale de Lanaudière). |
| 131 | 171 | |
| 132 | −### 7 à 10 · La page 404 signature | |
| 133 | − | |
| 134 | −Les captures [`06-doc.jpg`](docs/screenshots/06-doc.jpg), | |
| 135 | −[`07-contact.jpg`](docs/screenshots/07-contact.jpg), | |
| 136 | −[`08-recherche.jpg`](docs/screenshots/08-recherche.jpg) et | |
| 137 | −[`09-carte.jpg`](docs/screenshots/09-carte.jpg) visaient les URL `/doc`, | |
| 138 | −`/contact`, `/recherche` et `/carte` : ces routes n'existent pas dans la SPA | |
| 139 | −(la recherche vit sur l'accueil, le contact dans le pied de page). Elles | |
| 140 | −documentent donc la **page 404 signature** de Forma-Ka — boussole, « PAGE | |
| 141 | −INTROUVABLE », ticker toujours actif et pied de page complet (mission de | |
| 142 | −l'agrégateur + lien confidentialité + gestion des témoins) : | |
| 143 | − | |
| 144 | − | |
| 145 | − | |
| 146 | 172 | ### Galerie mobile & desktop (2026-08-25) |
| 147 | 173 | |
| 148 | 174 | *Captures WebP précédentes (mobile 390 × 844 · desktop 1440 × 900), conservées |
@@ -343,7 +369,7 @@ Chaque connecteur, peu importe le site source, produit des objets `Formation` | ||
| 343 | 369 | | `/stats` | Statistiques en direct | |
| 344 | 370 | | `/sources` | Registre des sources agrégées | |
| 345 | 371 | | `/confidentialite` | Politique de confidentialité & témoins | |
| 346 | −| `*` | Page 404 signature (boussole) | | |
| 372 | +| `*` | Page 404 (boussole) | | |
| 347 | 373 | |
| 348 | 374 | Le backend sert aussi le frontend bâti (`frontend/dist`) : `/assets` en |
| 349 | 375 | statique + rattrapage SPA sur toutes les autres routes. |
deleted
docs/screenshots/06-doc.jpg
+0 −0
Binary file not shown.
added
docs/screenshots/06-formation-detail.jpg
+0 −0
Binary file not shown.
added
docs/screenshots/07-accueil-resultats.jpg
+0 −0
Binary file not shown.
deleted
docs/screenshots/07-contact.jpg
+0 −0
Binary file not shown.
added
docs/screenshots/08-accueil-section-2.jpg
+0 −0
Binary file not shown.
deleted
docs/screenshots/08-recherche.jpg
+0 −0
Binary file not shown.
deleted
docs/screenshots/09-carte.jpg
+0 −0
Binary file not shown.
added
docs/screenshots/09-formation-mobile.jpg
+0 −0
Binary file not shown.
modified
docs/screenshots/manifest.txt
+4 −4
@@ -3,8 +3,8 @@ | ||
| 3 | 3 | 03-sources.jpg :: https://www.forma-ka.com/sources |
| 4 | 4 | 04-confidentialite.jpg :: https://www.forma-ka.com/confidentialite |
| 5 | 5 | 05-formation-isarta-3Adata-studio.jpg :: https://www.forma-ka.com/formation/isarta%3Adata-studio |
| 6 | −06-doc.jpg :: https://www.forma-ka.com/doc | |
| 7 | −07-contact.jpg :: https://www.forma-ka.com/contact | |
| 8 | −08-recherche.jpg :: https://www.forma-ka.com/recherche | |
| 9 | −09-carte.jpg :: https://www.forma-ka.com/carte | |
| 6 | +06-formation-detail.jpg :: https://www.forma-ka.com/formation/isarta%3Adata-studio (plan + formations similaires) | |
| 7 | +07-accueil-resultats.jpg :: https://www.forma-ka.com/ (grille de résultats) | |
| 8 | +08-accueil-section-2.jpg :: https://www.forma-ka.com/ (cartes illustrées + pagination) | |
| 9 | +09-formation-mobile.jpg :: https://www.forma-ka.com/formation/isarta%3Adata-studio (mobile 390 px) | |
| 10 | 10 | 10-formation-crha-3A202609035-407Lanaudiere.jpg :: https://www.forma-ka.com/formation/crha%3A202609035%407Lanaudiere |
| 11 | 11 | |