| PenScribe | |
| Aug 13 2025, 2:26 AM |
| F66708564: Statistiques (3).png | |
| Sep 29 2025, 12:04 AM |
| F65951872: Statistiques (2).png | |
| Sep 3 2025, 8:23 AM |
| F65751438: Capture d’écran 2025-08-14 à 16.54.17.png | |
| Aug 14 2025, 5:02 PM |
| F65751436: Capture d’écran 2025-08-14 à 16.54.06.png | |
| Aug 14 2025, 5:02 PM |
| F65751434: Capture d’écran 2025-08-14 à 16.52.23.png | |
| Aug 14 2025, 5:02 PM |
| F65751432: Capture d’écran 2025-08-14 à 16.52.14.png | |
| Aug 14 2025, 5:02 PM |
La page Statistiques à concevoir contiendra :
Maquette de la page Statistiques
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Open | None | T401491 Développement de GAWA 6 – WikiHack Côte d’Ivoire 2025 | |||
| Resolved | PenScribe | T401767 [Code] Conception de la page STATISTIQUES |
Intégration d'une page statistiques Gawa V6 avec Flask, SQLModel, UI responsive et mode sombre
C'EST UN MODELE
Résumé du travail effectué
• Mise en place d’une application Flask pour servir la page /stats.
• Base de données SQLite intégrée avec SQLModel (tables : Query, Article, Suggestion, User, Assignment).
• Seed automatique de données de démonstration (30 jours).
• Création des endpoints REST :
• /api/stats/overview : indicateurs clés (queries, suggestions, assignments, contributors, taux de progression).
• /api/stats/timeseries : séries temporelles par métrique.
• /api/stats/top : top projets par fréquence.
• /api/stats/quality : distribution des statuts et métriques de contenu.
• Templates Jinja2 (stats.html + layout.html).
• CSS personnalisé (gawa.css) avec fond blanc cassé pour réduire la fatigue visuelle.
• Graphiques interactifs Chart.js (responsive sur mobile/tablette).
• Animations d’entrée (fade-in) et effets hover sur cartes métriques.
• Bouton de bascule mode Lune / mode Soleil (icônes 🌙 et ☀️).
• Code versionné et disponible sur GitHub : https://github.com/paulbouaffou/gawa-v6
• README complet avec captures d’écran et instructions d’installation.
• Fichiers clés :
• app.py (backend)
• templates/stats.html et layout.html (UI)
• static/css/gawa.css (style)
• requirements.txt (dépendances)
• README.md (documentation)
💡 Aperçu quelques captures d'écran du mode claire et mode sombre
Pour le TAF de conception (code) de La page de statistiques 2 sont deja terminées :
✅ Des graphes
✅ Une fonctionnalité permettant d'afficher les statistiques par Projet (ex.: Côte d'Ivoire, Afrique, Politique, ...) ;
Pour le TAF de conception (code) de La page de statistiques les 4 fonctionnalités voulues sont deja terminées :
✅ Des graphes
✅ Une fonctionnalité permettant d'afficher les statistiques par Projet (ex.: Côte d'Ivoire, Afrique, Politique, ...) ;
✅ Une fonctionnalité permettant de télécharger les statistiques en pdf ;
✅ Une fonctionnalité permettant de télécharger les statistiques en image (PNG / JPEG).