docs: Mise a jour documentation page equipe

- guide-page-equipe.md: Architecture basee sur team-block-script.js
- architecture.md: Mise a jour structure et fonctionnement
- deploiement.md: Scripts Python pour Navigation et _document
- team-block-script.js: Utilise layout cose integre (pas cose-bilkent)
This commit is contained in:
syoul
2025-12-09 17:50:23 +01:00
parent 3553f1d839
commit 240988ed61
4 changed files with 286 additions and 213 deletions

View File

@@ -16,14 +16,15 @@ TechradarDev/
│ ├── FORMAT-BLIP.md # Format des blips business
│ └── README.md # Documentation du radar business
├── public/ # Fichiers statiques publics
│ ├── images/ # Images utilisées dans les descriptions
│ ├── images/ # Images utilisees dans les descriptions
│ ├── logo.svg # Logo AJR
│ ├── favicon.ico # Icône du site
│ ├── favicon.ico # Icone du site
│ ├── robots.txt # Configuration pour les robots
│ ├── strategie-script.js # Script pour les pages de stratégie dynamiques
│ ├── strategie-link.js # Script alternatif pour les liens stratégie
│ ├── team.html # Page HTML statique pour la visualisation équipe
── team-visualization-data.json # Données JSON pour les visualisations
│ ├── strategie-script.js # Script pour les pages de strategie dynamiques
│ ├── strategie-link.js # Script alternatif pour les liens strategie
│ ├── team-block-script.js # Script principal pour la page equipe (injection DOM)
── _team-content # Contenu HTML de reference pour la page equipe
│ └── team-visualization-data.json # Donnees JSON pour les visualisations
├── scripts/ # Scripts utilitaires
│ ├── serve-business.sh # Script pour servir le radar business en local
│ ├── start-business.sh # Script de démarrage pour Docker
@@ -92,12 +93,14 @@ Le projet utilise le framework **aoe_technology_radar** qui est basé sur :
Le projet apporte plusieurs modifications au framework de base :
#### 1. Page Équipe (`/team`)
#### 1. Page Equipe (`/team`)
- **Fichier source** : `public/team.html` (HTML statique avec Cytoscape.js et ECharts)
- **Route Next.js** : `.techradar/src/pages/team.tsx` (générée par `Dockerfile.business`)
- **Intégration** : La page Next.js charge `team.html` via un iframe
- **Données** : `public/team-visualization-data.json` généré par `scripts/generate-team-visualization-data.js`
- **Script principal** : `public/team-block-script.js` (injection du contenu et visualisations)
- **Route Next.js** : `.techradar/src/pages/team.tsx` (page vide, le script remplace le contenu)
- **Chargement** : Le script est charge via `_document.tsx` avec `strategy="beforeInteractive"`
- **Bibliotheques** : Cytoscape.js et ECharts charges depuis CDN
- **Donnees** : `public/team-visualization-data.json` genere par `scripts/generate-team-visualization-data.js`
- **Layout** : Utilise le layout `cose` integre a Cytoscape (pas de plugin externe)
#### 2. Navigation modifiée