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>
This commit is contained in:
117
docs/archive/CHANGEMENTS_ERGONOMIE.md
Normal file
117
docs/archive/CHANGEMENTS_ERGONOMIE.md
Normal file
@@ -0,0 +1,117 @@
|
||||
# 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
|
||||
Reference in New Issue
Block a user