Skip to content
Tous les concepteurs pour les bonus 1, 2 et 3 (formatage visuel, formules, expressions).Concepteurs avec sensibilité technique pour les bonus 4 et 5 (cartes adaptatives, scripts PowerShell).Concepteurs en transition vers la conception technique pour le bonus 6 (WebParts SPFx).Intégré en demi-journée bonus après les 2 jours du tronc commun (3 h environ pour les 6 séquences).Réparti dans le tronc commun, en insérant chaque bonus au sein de la séquence parente correspondante.À la carte, en sélectionnant 2 ou 3 séquences les plus pertinentes pour le public.
Objectif pédagogique : la compétence visée.Public cible : qui est concerné.Durée estimée : démo + exercice ou démo seule.Prérequis : ce qu'il faut savoir avant.Cas d'usage Solstice : comment l'intégrer au fil rouge.Étapes du formateur : la démonstration pas à pas.Prompts IA modèles : prêts à coller dans Claude / ChatGPT / Copilot.Code attendu : ce que l'IA doit produire (avec un fichier d'exemple livré).Application dans SharePoint : où coller, comment activer.Points de vigilance : les erreurs courantes.Pour aller plus loin : ressources Microsoft Learn.
Avoir une liste ou bibliothèque SharePoint avec au moins une colonne de type Choix.Avoir un accès à un agent IA (Claude, ChatGPT, Copilot).
Présenter le contexte : "Notre colonne Statut est fonctionnelle mais visuellement plate. Nous voulons des pastilles colorées comme dans un outil professionnel."Ouvrir un agent IA dans une fenêtre projetée.Coller le prompt préparé (voir ci-dessous).Récupérer le JSON retourné par l'agent.Aller sur SharePoint dans la liste Plan d'action Solstice.Cliquer sur l'en-tête de la colonne Statut > Paramètres de la colonne > Formater cette colonne.Cliquer sur Mode avancé en bas du volet.Coller le JSON dans la zone de texte.Cliquer Aperçu, puis Enregistrer.Constater l'effet immédiat : les valeurs s'affichent en pastilles colorées.
À faire (fond rouge #EF4444)En cours (fond orange #F59E0B)Terminé (fond vert #16A34A)Bloqué (fond gris #6B7280)
Dans la liste, cliquer sur l'en-tête de la colonne Statut.Menu déroulant > Paramètres de la colonne > Formater cette colonne.Bas du volet : Mode avancé.Coller le JSON dans la zone, cliquer Aperçu, puis Enregistrer.
Une icône d'avertissement rouge si la date est dépassée.Une icône d'horloge orange si l'échéance est dans les 7 jours.Une icône de validation verte sinon.
Toujours cliquer Aperçu avant Enregistrer : un JSON mal formé bloque l'affichage de la colonne.Vérifier les noms exacts des valeurs Choix : la moindre faute d'accent ou de casse fait échouer la comparaison.Ne pas coller le JSON sans le relire : l'IA peut inventer des propriétés qui n'existent pas dans le schéma SharePoint.Toujours tester d'abord sur un environnement de bac à sable avant la production.
Documentation officielle : Catalogue de formatages prêts à l'emploi (communauté) :
Une liste avec au moins deux colonnes typées (date, choix, nombre, texte).
Présenter le besoin : "Nous voulons voir d'un coup d'œil combien de jours il reste avant chaque échéance, sans calculer mentalement."Ouvrir l'agent IA.Coller le prompt (voir ci-dessous).Récupérer la formule.Aller sur SharePoint > Paramètres de la liste > Créer une colonne.Type : Calculé (calcul basé sur d'autres colonnes).Nom : Jours restants.Coller la formule dans le champ Formule.Type de retour : Nombre.Valider, vérifier le calcul sur les éléments existants.
Statut d'échéance lisible : "En retard", "Urgent", "À venir" selon la position relative.Référence produit formatée : concaténation de plusieurs colonnes en un identifiant unique.Indicateur de priorité avec icônes Unicode : flèches vers le haut, droite ou bas.
TODAY() ne se met à jour qu'à la modification de l'élément, pas en temps réel. Pour un compte à rebours réel, utiliser un formatage JSON (bonus 1) ou un flux Power Automate.Les colonnes calculées ne peuvent pas référencer une autre liste : pas de lookup. Si vous avez besoin de croiser des listes, passer par Power Automate.Le résultat d'une colonne calculée n'est pas filtrable côté serveur dans tous les cas. Tester vos vues.
Documentation Microsoft :
Avoir construit le flux d'approbation du TP 8.Comprendre la notion de contenu dynamique dans Power Automate.
Inclure la date d'échéance dans le sujet du mail, formatée en français lisible.Calculer une date butoir à J+7 pour la réponse de l'approbateur.Construire une URL absolue vers le fichier dans le message Teams de notification.
Rouvrir le flux MKT_VisuelSolstice_Approuver créé au TP 8.Identifier le point de blocage : "On veut afficher la date au format français, pas au format ISO."Ouvrir un agent IA et coller le prompt.Récupérer l'expression.Dans Power Automate, modifier le titre de l'approbation : cliquer dans le champ, ouvrir le sélecteur de contenu dynamique > onglet Expression > coller l'expression.Tester le flux : voir le résultat formaté correctement.
Toujours tester en mode test avant d'activer le flux : une expression mal formée échoue silencieusement.Encapsuler les chaînes d'entrée dans coalesce() pour éviter les erreurs sur valeur nulle.Ajouter une étape Composer pour visualiser le résultat d'une expression avant de l'utiliser dans une action critique.Documenter les expressions complexes dans un commentaire de l'étape.
Documentation Microsoft : Référence WDL :
Avoir construit le flux d'approbation du TP 8.Comprendre la structure JSON.
Le nom du fichier rejeté.L'auteur du fichier.L'approbateur et la date du rejet.Le motif du rejet en encart.Deux boutons d'action : Ouvrir le fichier, Voir la bibliothèque.
Présenter avant/après : montrer la simple notification texte du TP 8, puis annoncer la version améliorée.Ouvrir l'agent IA.Coller le prompt préparé (voir ci-dessous).Récupérer le JSON de la carte adaptative.Valider la carte dans l'outil Microsoft Adaptive Cards Designer : Dans Power Automate, remplacer l'action Teams existante par : Teams - Publier une carte adaptative dans une discussion ou un canal.Coller le JSON dans le champ Message de la carte adaptative.Tester le flux en provoquant un rejet pour voir la carte arriver dans Teams.
En-tête conteneur de style warning avec titre "Visuel rejeté" en attention.Message personnalisé à l'auteur.
Étendre SharePoint avec du code et de l'IA
Table des matières
00-module-bonus-etendre-sharepoint_codes.zip
4.1 KB
Pourquoi ce module bonus
SharePoint Online couvre nativement 80 % des besoins métier sans une ligne de code. Mais il reste 20 % de cas où il faut étendre la plateforme : couleurs conditionnelles, calculs, scripts d'industrialisation, composants visuels personnalisés.
Historiquement, ces extensions étaient réservées aux développeurs. L'arrivée des agents IA générateurs de code (Claude, ChatGPT, Copilot) change la donne : un concepteur peut désormais décrire en langage naturel ce qu'il veut, et récupérer du code prêt à coller.
Ce module bonus présente six leviers d'extension classés par niveau de complexité, du plus accessible au plus avancé. Chacun est illustré par une démonstration concrète intégrée au fil rouge Solstice.
Le message central : l'IA ne fait pas du concepteur un développeur, elle lui permet de ne plus l'être pour des configurations simples.
Positionnement et public cible
Ce module est optionnel. Il s'adresse à trois publics distincts :
Le module peut être animé :
Format proposé
Pour chaque séquence bonus, le format suivant est appliqué :
Vue d'ensemble des 6 séquences
N°
Sujet
Niveau
Public
1
Formatage JSON de colonnes et de vues
Accessible
Tous
2
Formules de colonnes calculées
Accessible
Tous
3
Expressions Power Automate
Intermédiaire
Tous (lié au TP 8)
4
Adaptive Cards JSON pour Teams
Intermédiaire
Sensibilité technique
5
Scripts PnP PowerShell de provisioning
Avancé
Admins, consultants
6
WebParts SPFx via IA
Avancé
Transition vers dev
There are no rows in this table
Bonus 1 — Formatage JSON de colonnes et de vues
Objectif pédagogique
Apprendre à personnaliser visuellement l'affichage d'une colonne SharePoint avec du JSON généré par IA, sans écrire une ligne de code soi-même.
Public cible
Tous les concepteurs. Aucun prérequis technique.
Durée estimée
30 minutes : 10 minutes de démo + 20 minutes d'exercice par les participants.
Prérequis
Cas d'usage Solstice
La colonne Statut de la liste Plan d'action Solstice créée au TP 2 affiche du texte brut. Vous allez la transformer en pastilles colorées : rouge pour À faire, orange pour En cours, vert pour Terminé, gris pour Bloqué.
Étapes du formateur
Prompt IA modèle
Génère un JSON de formatage de colonne SharePoint Online conforme à la spécification de formatting Microsoft, pour une colonne Choix nommée Statut avec ces valeurs :
Format pastille arrondie avec texte blanc, police 600, padding 4px 12px, border-radius 12px. Réponds uniquement avec le JSON, sans explication.
Code attendu
Voir le fichier bonus-code-examples/01-formatage-statut-pastilles.json.
Application dans SharePoint
Le chemin exact pour coller le JSON :
Variante avancée
Demander à l'IA un deuxième JSON pour la colonne Échéance qui affiche :
Voir le fichier bonus-code-examples/01b-formatage-echeance-icones.json.
Points de vigilance
Pour aller plus loin
Bonus 2 — Formules de colonnes calculées
Objectif pédagogique
Apprendre à créer une colonne calculée dont la valeur est dérivée automatiquement d'autres colonnes, avec une formule générée par IA.
Public cible
Tous les concepteurs. Familiarité Excel utile mais pas obligatoire.
Durée estimée
25 minutes : 5 minutes de démo + 20 minutes d'exercice.
Prérequis
Cas d'usage Solstice
Sur la liste Plan d'action Solstice, ajouter une colonne Jours restants qui calcule automatiquement le nombre de jours entre aujourd'hui et la date d'échéance. Valeur positive si futur, négative si dépassé.
Étapes du formateur
Prompt IA modèle
Donne-moi une formule de colonne calculée SharePoint qui retourne le nombre de jours entre aujourd'hui et la valeur de la colonne nommée Échéance. Réponds uniquement avec la formule sans explication.
Résultat attendu : =DATEDIF(TODAY(),[Échéance],"d")
Code attendu
Voir le fichier bonus-code-examples/02-formules-colonnes-calculees.md qui contient un catalogue de cinq formules courantes (jours restants, statut d'échéance lisible, référence produit formatée, mention de priorité visuelle, retard en mois).
Variantes intéressantes
Points de vigilance
Pour aller plus loin
Bonus 3 — Expressions Power Automate
Objectif pédagogique
Maîtriser le workflow definition language (WDL) pour construire des flux Power Automate complexes, avec des expressions générées par IA.
Public cible
Concepteurs ayant suivi la séquence 8 du tronc commun.
Durée estimée
30 minutes : 10 minutes de démo + 20 minutes d'exercice.
Prérequis
Cas d'usage Solstice
Dans le flux d'approbation des visuels marketing construit au TP 8, vous voulez :
Étapes du formateur
Prompt IA modèle
Donne-moi une expression Power Automate qui retourne la date actuelle au format français "23 mai 2026". Pas d'explication.
Résultat : formatDateTime(utcNow(), 'dd MMMM yyyy', 'fr-fr')
Code attendu
Voir le fichier bonus-code-examples/03-expressions-power-automate.md qui contient 8 expressions utiles (date formatée, calcul de jours, formatage de chaînes, détection de valeurs nulles, etc.).
Points de vigilance
Pour aller plus loin
Bonus 4 — Adaptive Cards JSON pour Teams
Objectif pédagogique
Apprendre à concevoir et déployer une carte adaptative riche pour Teams, générée par IA, pour transformer une notification basique en interface visuelle interactive.
Public cible
Concepteurs avec sensibilité technique, qui veulent dépasser les notifications texte brut.
Durée estimée
35 minutes : 10 min de démo + 25 min d'exercice et de tests.
Prérequis
Cas d'usage Solstice
Dans la branche Si non (rejet) du flux d'approbation, remplacer le simple message Teams par une carte adaptative structurée qui montre :
Étapes du formateur
Prompt IA modèle
Génère une carte adaptative au format Adaptive Cards 1.5 conforme au schéma adaptivecards.io pour Microsoft Teams. La carte notifie l'auteur d'un visuel marketing du rejet de son fichier.
Contenu attendu :
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.