1. 01 jan., 2026 1 validation
    • Hamadou Ba's avatar
      Ajout graphique détection du régime permanent · d817020f
      Hamadou Ba a écrit
      Nouveau composant SteadyStateChart qui affiche:
      - Évolution du nombre de clients dans le système
      - Séparation visuelle période de chauffe / régime permanent
      - Statistiques du régime permanent (moyenne, écart-type, min, max)
      - Coefficient de variation pour évaluer la stabilité
      - Courbe colorée différemment avant/après warmup_time
      
      Intégration dans l'onglet Visualisations de ResultsDisplay.
      d817020f
  2. 31 déc., 2025 5 validations
    • Hamadou Ba's avatar
      Feature: Ajout des visualisations avancées - Séries temporelles et Histogramme · c1ba09b2
      Hamadou Ba a écrit
      Backend (Python):
      - Collecte de données de séries temporelles (échantillonnage toutes les 1000 unités)
      - Comptage du nombre de clients par file au fil du temps
      - Génération d'histogramme des temps de traitement (20 bins)
      - Calcul de statistiques: min, max, moyenne, écart-type
      - Ajout des champs time_series_data et histogram_data à SimulationResults
      - Méthode _create_histogram() pour génération automatique des bins
      
      Frontend (React + TypeScript):
      - Nouveau composant TimeSeriesChart: graphique de l'évolution du nombre de clients
        * Affiche la convergence vers l'état stable
        * Utilise Chart.js Line chart
        * Responsive avec Material-UI Paper
      - Nouveau composant ProcessingTimeHistogram: distribution des temps de traitement
        * Barres montrant la distribution exponentielle
        * Statistiques affichées (min, moyenne, écart-type, max)
        * Utilise Chart.js Bar chart
      - Intégration dans ResultsDisplay onglet Visualisations
      - Nouveaux types TypeScript: TimeSeriesData, HistogramData
      
      Améliorations TP:
      ✓ Visualisation de la convergence vers l'état d'équilibre
      ✓ Validation de la distribution exponentielle (M/M/1)
      ✓ Graphiques scientifiques pour le rapport
      
      Build: ✓ 720.12 kB (gzip 231.51 kB)
      
      c1ba09b2
    • Hamadou Ba's avatar
      Refactor: Migration complète de Tailwind CSS vers Material-UI · 4d57a1fe
      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
      
      4d57a1fe
    • Hamadou Ba's avatar
      Fix: Correction syntaxe ResultsDisplay + Scripts de test · 58925932
      Hamadou Ba a écrit
      Corrections et ajouts:
      
      1. ResultsDisplay.tsx:
         - Suppression div fermante en double (ligne 346-347)
         - Structure JSX corrigee pour les 3 onglets
         - Frontend recharge correctement maintenant
      
      2. test-integration.sh:
         - Script complet de test d'integration
         - 8 tests automatiques:
           * Backend health check
           * API endpoints (root, scenarios, simulation)
           * Execution simulation complete
           * Analyse Jackson et comparaison
           * Frontend accessible
           * Configuration CORS
         - Code couleur pour resultats (vert=OK, rouge=echec)
         - Affichage URLs finales
      
      3. DEMARRAGE.md:
         - Guide complet de demarrage
         - Instructions installation (Python + Node.js)
         - Commandes lancement (backend + frontend)
         - Utilisation interface web
         - Documentation API REST avec exemples curl
         - Description des 5 scenarios
         - Architecture detaillee (backend + frontend)
         - Metriques calculees (simulation + analytique)
         - Section depannage
       ...
      58925932
    • Hamadou Ba's avatar
      Phase 7: Visualisations - Charts et Diagrammes · ac7bebc6
      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.
      ac7bebc6
    • Hamadou Ba's avatar
      Phase 6: Frontend Core - Dashboard, Components et State Management · 698ecb50
      Hamadou Ba a écrit
      Implementation complete du frontend React avec:
      
      1. API Client Service (services/api.ts)
         - Axios client configure avec base URL
         - 12 endpoints mappes (simulation, scenarios, analytics)
         - Types TypeScript pour toutes les requetes/reponses
         - Gestion erreurs et timeouts
      
      2. Types TypeScript (types/simulation.ts)
         - Tous les modeles Pydantic mappes en TypeScript
         - SimulationConfig, SimulationResults
         - NetworkAnalytics, NetworkComparison
         - Interfaces completes pour API
      
      3. Zustand Store (store/simulationStore.ts)
         - Gestion d'etat centralisee
         - Actions: setConfig, startSimulation, computeAnalytical, etc.
         - State: config, results, analyticalResults, comparisonResults
         - Chargement automatique des scenarios
         - Calculs analytiques et comparaisons automatiques
      
      4. Dashboard Layout (components/Dashboard.tsx)
         - Layout principal avec header/footer
         - Grille responsive (sidebar + main content)
         - Notification d...
      698ecb50