missionCrousti Réservé No-Limit

Mets en place des indicateurs de progression colorés

Parcours

Étape 8 sur 12

Le contexte

BRIEFING MISSION

Tu es en pleine réunion de suivi de projets avec ton équipe. Le directeur demande soudainement : "Où en sont nos projets prioritaires ? Quels sont ceux qui avancent bien et ceux qui traînent ?"

Tu ouvres ton dashboard Notion et... catastrophe ! Un mur de chiffres bruts s'affiche. 12 tâches terminées sur 25 pour le projet A, 3 sur 15 pour le projet B... Tout le monde plisse les yeux pour essayer de comprendre qui est en avance, qui est en retard. Une vraie galère à déchiffrer ! 🤯

Imagine plutôt : tu affiches ton tableau et d'un coup d'œil, tout est clair. Le projet A brille en vert avec ses 80% de progression, le projet B clignote en rouge avec ses 20%, et le projet C rassure en bleu avec ses 60%. Chaque couleur raconte instantanément l'histoire de l'avancement !

Aujourd'hui, tu vas justement créer cette automatisation dans Notion qui transforme tes données brutes en indicateurs visuels intelligents. Tu vas mettre en place :

un calcul automatique du pourcentage de tâches terminées
un système de couleurs progressif qui évolue avec l'avancement
un affichage professionnel qui combine chiffres et couleurs

Consigne & checklist

OBJECTIFS MISSION

Consigne et checklist

Ta mission, que tu choisis d'accepter épicétou, est de créer une formule Notion qui calcule automatiquement le pourcentage de tâches terminées dans un projet et l'affiche avec une couleur qui change selon l'avancement (rouge < 20%, rose < 40%, violet < 60%, bleu < 80%, vert ≥ 80%).

En résumé, tu vas créer :

une formule complexe structurée avec des variables
un système de calcul de pourcentages sur des données liées
des styles conditionnels basés sur des valeurs numériques
un affichage final qui combine texte et couleurs

La mission sera considérée comme réussie si…

✅ Ta formule calcule correctement le pourcentage de tâches terminées

✅ Le pourcentage s'affiche avec la bonne couleur selon les tranches d'avancement

✅ La couleur évolue automatiquement quand l'état des tâches change

✅ L'affichage indique clairement le nombre de projets et le pourcentage d'avancement

✅ La formule est bien structurée avec lets() pour améliorer la lisibilité

✅ Les calculs sont précis et arrondis correctement

Pour aller plus loin

Une fois cette mission accomplie, tu pourras :

ajouter une barre de progression visuelle en complément du pourcentage
créer un système d'alerte pour les projets en retard ou bloqués
développer un dashboard complet avec différents indicateurs colorés
implémenter des seuils personnalisés selon le type de projet
ajouter des icônes ou emojis selon le niveau d'avancement

Le pas-à-pas

ETAPES

1
Préparer l'espace pour les variables — crée un espace lets() pour organiser tes variables : nbProjets, nbTaches, tachesTerminees, pourcentage, styleProgres.
2
Calculer les métriques de base — nbProjets avec length() ; nbTaches avec map() + length() + sum() ; tachesTerminees avec filter() sur l'état "Terminé".
3
Calculer le pourcentage — (tachesTerminees / nbTaches) * 100, arrondi avec round().
4
Définir les couleurs conditionnelles — styleProgres avec ifs() : < 20 → "red", < 40 → "pink", < 60 → "purple", < 80 → "blue", ≥ 80 → "green".
5
Assembler l'affichage final — construis le texte (nombre de projets + pourcentage entre parenthèses) ; applique style() uniquement sur la partie pourcentage ; teste que les couleurs changent selon l'avancement.

Section réservée · No-Limit

Documentation & Template

Débloque cette partie en rejoignant le palier No-Limit.

Débloquer cette section

Section réservée · No-Limit

Correction

Débloque cette partie en rejoignant le palier No-Limit.

Débloquer cette section

Réservé No-Limit

Tu peux lire ce contenu librement. Pour le valider, il faut No-Limit.

Compléter la mission, soumettre une remise, passer le quiz et gagner de l'XP, c'est inclus dans No-Limit.

Passer à No-Limit →