- 31 déc., 2025 2 validations
-
-
Hamadou Ba a écrit
- Remplacement de tous les composants Tailwind par Material-UI - Dashboard: AppBar, Container, Paper, Stack pour la mise en page - ScenarioSelector: FormControl, Select, MenuItem, Alert - ParameterPanel: TextField, Button, IconButton, Paper - SimulationControl: Button variants, Chip avec animation pulse - ResultsDisplay: Tabs, Alert, CircularProgress - MetricsCard: Paper avec variants (outlined/elevation) - ComparisonTable: Table MUI complète avec TableContainer - ExportButton: Stack avec boutons Material Thème Material Design: - Palette de couleurs cohérente (primary blue, secondary purple) - Typography personnalisée - Components stylisés (borderRadius: 8, textTransform: none) - CssBaseline pour normalisation CSS Corrections TypeScript: - Import type pour SelectChangeEvent - Suppression imports non utilisés Build: ✓ 713.70 kB (gzip 229.68 kB) Tests: ✓ 21/21 tests backend passent
-
Hamadou Ba a écrit
Implementation complete des visualisations interactives: 1. Bibliotheques installees: - chart.js + react-chartjs-2 (graphiques) - d3 + @types/d3 (diagramme reseau) 2. NetworkDiagram (D3.js): - Diagramme topologie du reseau - Visualisation coordinateur + serveurs + sortie - Fleches avec probabilites de routage (p, qi) - Taux de service affiches (λ, μc, μi) - Code couleur: bleu=coordinateur, violet=serveurs, rouge=sortie - Fleches pointillees pour feedback (serveur -> coord) 3. UtilizationChart (Chart.js): - Graphique barres pour utilisation (ρ) - Comparaison simulation vs analytique - Ligne rouge a ρ=1.0 (seuil stabilite) - Tooltip avec valeurs precises 4. MetricsComparisonChart (Chart.js): - Deux versions: L (nombre moyen clients) et W (temps moyen) - Barres comparatives simulation/analytique - Visualisation par file d'attente 5. ResultsDisplay mis a jour: - Interface a onglets: Metriques | Visualisations | Comparaison - Onglet Metriques: tableaux metriques detailles - Onglet Visualisations: * Diagramme reseau * Graphique utilisation * Graphiques L et W cote a cote - Onglet Comparaison: * Table comparaison complete * Charts visualisation differences 6. ExportButton: - Export JSON (config + tous resultats) - Export CSV (metriques formatees) - Boutons dans header resultats - Fichiers horodates automatiquement 7. Dashboard integre: - Boutons export visibles en permanence - Layout responsive pour visualisations - Grille adaptative (1 ou 2 colonnes selon taille ecran) Toutes les visualisations requises pour le projet universitaire sont implementees. L'application est complete et prete pour execution des 5 scenarios.
-