Le composant Météo du projet partage l'état d'un projet sur vos pages SharePoint, sous forme d'une liste d'indicateurs. Chaque indicateur affiche une icône météo qui dit son statut, un titre et, si vous en saisissez une, une courte description.

Cet article décrit les cas d'usage du composant WebPart, sa prise en main, son paramétrage, la gestion des indicateurs sur la page et les bonnes pratiques à suivre.

📋 Sommaire

1. Présentation du composant
2. Ajouter le composant à votre page
3. Paramétrer le composant
4. Gérer les indicateurs sur la page
5. Bonnes pratiques
6. Ce qui change par rapport à la version précédente

1. Présentation du composant

La Météo du projet se compose d'un titre facultatif et d'une liste d'indicateurs. Chaque indicateur porte l'un des quatre statuts, représenté par une icône météo :

💡 Vos visiteurs survolent l'icône d'un indicateur pour lire le libellé de son statut.

Cas d'usage

• Partager l'état d'avancement d'un projet avec toute l'équipe.
• Suivre les grands axes d'un projet : budget, planning, ressources, risques.
• Préparer une page projet ou la page d'un comité de pilotage.

2. Ajouter le composant à votre page

1. Ouvrez le mode édition de la page SharePoint en cliquant sur Modifier en haut à droite.
2. À l'emplacement souhaité, cliquez sur le bouton « + » pour ouvrir le catalogue de composants.
3. Recherchez ou déroulez le catalogue pour sélectionner Jint - Météo du projet, dans la catégorie « Texte, média et contenu ».
4. Le composant est ajouté à l'emplacement souhaité, avec ses valeurs par défaut.

Une Météo du projet fraîchement insérée porte le titre « Météo du projet » et ne contient aucun indicateur. En mode édition, elle affiche « Aucun indicateur pour l'instant » et un bouton Ajouter. Tant qu'elle n'a aucun indicateur, vos visiteurs ne voient pas le composant.

3. Paramétrer le composant

Le panneau de configuration se compose de trois onglets : Design, Contenu et Visibilité. Chaque réglage s'applique immédiatement sur la page.

3.1 Onglet Design

Arrière-plan

Dans la rubrique Arrière-plan, choisissez la couleur de fond du composant. Par défaut, le fond est Blanc.

Le sélecteur de couleur propose deux onglets : Palette, avec les Couleurs du thème (dont la Couleur principale SharePoint) et les Gris, et Personnalisé, pour saisir un code couleur ou prélever une couleur avec la Pipette.

💡 Le texte et les icônes des indicateurs passent en noir ou en blanc selon la couleur de l'arrière-plan, pour rester lisibles.

Apparence

La rubrique Apparence règle le contour, l'ombre et l'arrondi du composant.

Par défaut, le composant suit le thème Jint de votre site : la rubrique affiche « Les valeurs d'apparence viennent du thème. Il se règle dans Jint Portal. » et ses réglages sont désactivés. Cliquez sur Personnaliser pour les modifier. Pour revenir au thème, cliquez sur Réinitialiser depuis le thème.

3.2 Onglet Contenu

Titre

Le titre se saisit et se met en forme directement sur la page (voir la partie 4). Désactivez Afficher le titre pour n'afficher que les indicateurs.

Indicateurs

La longueur maximale s'applique au titre et à la courte description de chaque indicateur. Le champ n'accepte que des chiffres ; le nombre saisi s'applique quand vous quittez le champ.

💡 Réduire la longueur maximale ne coupe pas les indicateurs déjà enregistrés : ils restent affichés en entier. En revanche, pour modifier un indicateur dont le texte dépasse la nouvelle longueur, vous devrez d'abord le raccourcir.

3.3 Onglet Visibilité

Audience

Activez Audience personnalisée pour réserver le composant à des personnes ou aux membres de groupes Microsoft 365. Seuls les visiteurs choisis, ou membres d'au moins un groupe choisi, le voient. Pour les autres, il ne prend aucune place sur la page.

Affichage

Activez Planifier la visibilité pour limiter l'affichage dans le temps, avec un Début de l'affichage, une Fin de l'affichage, ou les deux. Chaque date apparaît quand vous activez son interrupteur : le début est proposé à l'instant présent, la fin dans 7 jours.

⚠ Si vous activez Audience personnalisée sans choisir personne, plus personne ne voit le composant. La rubrique vous le signale : « Personne ne voit ce composant WebPart : choisissez au moins une personne ou un groupe. »

⚠ Si la fin de l'affichage précède le début, le panneau affiche « La date de fin doit être postérieure à la date de début. » et la planification ne limite pas l'affichage tant que vous ne l'avez pas corrigée.

💡 En mode édition, vous voyez toujours le composant, quelle que soit son audience ou sa planification. Un badge vous le signale : « Audience », ou les dates d'affichage.

4. Gérer les indicateurs sur la page

Les indicateurs s'ajoutent, se modifient et se réordonnent directement sur la page, pas dans le panneau de configuration. En mode édition, chaque indicateur affiche une poignée de déplacement, et un bouton Ajouter apparaît sous la liste.

Ajouter un indicateur

1. En mode édition, cliquez sur Ajouter, sous la liste ou dans l'état vide.
2. Un formulaire s'ouvre à la place du bouton. Saisissez le Titre de l'indicateur.
3. Choisissez son Statut parmi les quatre boutons météo. Survolez un bouton pour lire son libellé : Satisfaisant, À surveiller, En risque ou Critique.
4. Saisissez si vous le souhaitez une Courte description.
5. Cliquez sur Ajouter pour enregistrer l'indicateur, ou sur Annuler pour fermer le formulaire.

Le nouvel indicateur se place en dernier dans la liste.

Le Titre et le Statut sont obligatoires. S'il en manque un quand vous cliquez sur Ajouter ou Modifier, le formulaire affiche « Ce champ est obligatoire » sous le champ concerné et n'enregistre pas l'indicateur. Le message disparaît dès que vous saisissez un titre ou choisissez un statut.

Si le titre ou la courte description dépasse la Longueur maximale des textes, le formulaire affiche sous le champ un message comme « Le texte saisi ne doit pas dépasser 100 caractères ; il en contient actuellement 112. », avec la longueur maximale et le nombre de caractères saisis. L'indicateur n'est pas enregistré tant que le texte est trop long.

Modifier ou supprimer un indicateur

1. En mode édition, cliquez sur l'indicateur. Il est mis en évidence et le formulaire s'ouvre juste en dessous, avec son titre, son statut et sa courte description.
2. Faites vos changements, puis cliquez sur Modifier pour les enregistrer. Annuler ferme le formulaire sans rien changer, et Supprimer retire l'indicateur.

Tant que vous n'avez pas cliqué sur Modifier, l'indicateur garde ses valeurs enregistrées. Cliquer de nouveau sur l'indicateur ferme le formulaire sans enregistrer.

⚠ Supprimer retire l'indicateur aussitôt, sans demande de confirmation.

⚠ Un seul formulaire s'ouvre à la fois. Si vous cliquez sur un autre indicateur ou quittez le mode édition alors qu'un formulaire est ouvert, celui-ci se ferme et la saisie en cours est perdue.

Réordonner les indicateurs

Les indicateurs s'affichent dans l'ordre que vous leur donnez. Pour déplacer un indicateur, faites-le glisser par sa poignée (infobulle « Déplacer » suivie du titre de l'indicateur) et déposez-le à sa nouvelle place.

Tant qu'un formulaire est ouvert, les poignées et le bouton Ajouter sont masqués.

Le titre du composant

Cliquez sur le titre : il devient modifiable et une barre d'outils s'affiche au-dessus de lui. Elle règle le Style de texte (H1 à H4 ou Corps), la Police, la Taille de police, la Couleur du texte, le gras, l'italique, le souligné et l'alignement. Le bouton Réinitialiser la mise en forme rétablit le style d'origine. Cliquez en dehors du titre pour valider.

Par défaut, le titre est en H4, noir, 20 px et gras.

💡 Tant que le composant suit le thème Jint, la barre d'outils du titre affiche à la place le bandeau du thème. Cliquez sur Personnaliser pour mettre le titre en forme.

5. Bonnes pratiques

Des indicateurs courts et explicites

Donnez à chaque indicateur un titre court (« Budget », « Planning ») et utilisez la courte description pour expliquer son statut en une phrase.

Tenir la météo à jour

Mettez les statuts à jour à chaque point d'avancement ou comité de pilotage. Pour une météo liée à une phase du projet, planifiez sa fin d'affichage dans l'onglet Visibilité.

Garder un ordre lisible

Classez les indicateurs du plus critique au moins critique, ou gardez le même ordre d'un projet à l'autre pour que vos lecteurs s'y retrouvent.

💡 Le titre et la courte description des indicateurs sont trouvés par la recherche SharePoint.

6. Ce qui change par rapport à la version précédente

Si vous utilisiez la version précédente du composant (voir l'article Composant Météo du projet) :

• Les indicateurs s'ajoutent, se modifient et se suppriment dans un formulaire intégré à la page, qui contrôle les champs obligatoires et la longueur des textes. Ils se réordonnent par glisser-déposer.
• Les statuts ne changent pas : Satisfaisant, À surveiller, En risque et Critique, avec le libellé au survol de l'icône.
• Longueur max de caractère dans le texte devient Longueur maximale des textes, de 50 à 200 caractères (100 par défaut), pour le titre et la courte description.
• Afficher les bordures devient la rubrique Apparence : contour, ombre et arrondi.
• Nouvelle rubrique Arrière-plan, pour choisir la couleur de fond du composant.
• Le panneau s'organise en trois onglets, Design, Contenu et Visibilité. L'onglet Visibilité permet de réserver le composant à une audience et d'en planifier l'affichage.
• Tant qu'il n'a aucun indicateur, le composant reste invisible pour vos visiteurs.
• Le titre et la courte description des indicateurs sont trouvés par la recherche SharePoint.