philippe/FamilyPlanner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
fdd72c11351f32c40fb9a1553bf8a87783ad42d7
FamilyPlanner/docs/archive/CHANGEMENTS_ERGONOMIE.md
philippe fdd72c1135 Initial commit: Family Planner application 
Complete family planning application with:
- React frontend with TypeScript
- Node.js/Express backend with TypeScript
- Python ingestion service for document processing
- Planning ingestion service with LLM integration
- Shared UI components and type definitions
- OAuth integration for calendar synchronization
- Comprehensive documentation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-14 10:43:33 +02:00

3.4 KiB
Raw Blame History

Changements d'Ergonomie - Redesign Page Profil

Modifications Effectuées

Page Liste des Profils (/profiles)

AVANT :

  • 5 boutons par profil enfant :
    • Voir profil
    • Planning
    • Importer / connecter
    • Modifier
    • Supprimer

APRÈS :

  • ✅ 1 seul bouton : "Voir profil"
  • Les autres boutons sont déplacés sur la page de détail
  • Amélioration de l'ergonomie : page liste plus épurée et claire

Page de Détail du Profil (/profiles/child/:id)

AVANT :

  • Page simple avec :
    • Avatar
    • Informations basiques
    • Sélecteur de région scolaire
    • Bouton "Enregistrer la région"

APRÈS :

  • ✅ Header redesigné avec :

    • Avatar agrandi (120px)
    • Nom en gros titre
    • Métadonnées (classe, école, zone)
    • Badge statut Pronote (vert si connecté, rouge sinon)
    • 5 boutons d'action intégrés :
      • 📅 Planning - Ouvre le planning complet
      • 📥 Importer - Synchronise données Pronote
      • ✏️ Modifier - Édite le profil
      • 🔌 Connexion Pronote - Modale de connexion
      • 🗑️ Supprimer - Supprime le profil

  • ✅ Sections d'informations Pronote (visibles si connecté) :

    1. Moyennes générales (personnelle, classe, classement)
    2. Dernières notes (4 plus récentes)
    3. Absences & Retards (compteurs)
    4. Prochains devoirs (3 plus urgents)
    5. Emploi du temps du jour
    6. Congés scolaires (selon zone)
    7. Notes personnelles (éditables)

Avantages de la Nouvelle Ergonomie

1. Page Liste Plus Claire

  • ❌ Suppression du bruit visuel
  • ✅ Focus sur l'essentiel : "Voir profil"
  • ✅ Moins de risque de clics accidentels
  • ✅ Chargement plus rapide (moins de boutons)

2. Page Profil Complète

  • ✅ Toutes les actions au même endroit
  • ✅ Contexte complet avant d'agir
  • ✅ Informations Pronote visibles en temps réel
  • ✅ Workflow logique : Voir profil → Agir

3. Cohérence d'Interface

  • ✅ Une page = toutes les fonctionnalités
  • ✅ Pas de navigation en va-et-vient
  • ✅ Meilleure expérience utilisateur

Workflow Utilisateur

Avant

Page Liste (/profiles)
├─ Clic "Planning" → Ouvre planning
├─ Clic "Importer" → Import données
├─ Clic "Modifier" → Édition
├─ Clic "Supprimer" → Suppression
└─ Clic "Voir profil" → Page détail basique

Après

Page Liste (/profiles)
└─ Clic "Voir profil" → Page détail complète
                        ├─ Clic "Planning" → Ouvre planning
                        ├─ Clic "Importer" → Import données
                        ├─ Clic "Modifier" → Édition
                        ├─ Clic "Connexion Pronote" → Modale
                        ├─ Clic "Supprimer" → Suppression
                        └─ Voir toutes les données Pronote

Fichiers Modifiés

  1. ChildCard.tsx - Suppression des boutons sauf "Voir profil"
  2. ParentsScreen.js - Suppression des props inutiles
  3. ChildDetailScreen.js - Ajout de tous les boutons et Pronote

État Actuel

  • ✅ Modifications appliquées au code source
  • ⏳ Rebuild du frontend nécessaire
  • ⏳ Test sur navigateur à effectuer

Prochaines Étapes

  1. Rebuild du frontend React (npm run build)
  2. Redémarrage du serveur dev
  3. Test de la nouvelle ergonomie
  4. Vérification de tous les boutons

Date : 13 Octobre 2025 Version : 2.0.0 Type : Amélioration ergonomique majeure