"...site-web-crud-annonces-immobilieres.git" n'existait pas sur "c18b953fc9a48de65a76784f4063a476dfabfda2"
- 02 jan., 2026 1 validation
-
-
Hamadou Ba a écrit
- Layout 3 colonnes (config, résultats, export) - Remplacement de tous les emojis par des icônes MUI - Ajout de composants collapse pour les sections - Position sticky pour les sidebars - Icônes: ShowChartIcon, MenuBookIcon, TrendingUpIcon, AssessmentIcon - Sections réductibles pour métriques simulation et analytiques - Layout plus professionnel et navigation améliorée
-
- 01 jan., 2026 2 validations
-
-
Hamadou Ba a écrit
Nouveau composant QueueEvolutionChart qui affiche: - N_coordinateur(t): clients dans le coordinateur - N_serveur_i(t): clients dans chaque serveur - N_total(t): total clients dans le système (pointillés) Placé en premier dans l'onglet Visualisations. Affiche statistiques (moyenne, max) pour chaque file.
-
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.
-
- 31 déc., 2025 5 validations
-
-
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)
-
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
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 ... -
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. -
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...
-