Concours de dessins avec Microsoft 365

L’objectif de cet article est de vous montrer les éléments suivants

• Utilisation de plusieurs Microsoft List interconnectées avec Power Automate
• Afficher une miniature dans une liste
• Intégration d’un bouton à cliquer dans une liste SharePoint

Le contexte de départ est le suivant : Organiser un concours de dessin au sein de mon école, et permettre à tous de voter pour son dessin préféré afin d’élire le meilleur dessin.

Merci à Xavier Leclercq pour l’idée !!

Hypothèses :

• Tout le monde peut voter pour son dessin préféré
• Un seul vote par personne est autorisé
• Le votant ne peut pas revenir sur son vote

Voici les éléments dont nous allons avoir besoin.

• Un site SharePoint et une liste dédiée pour présenter les dessins proposés à ce concours
• Une Microsoft List pour recueillir les résultats des votes
• Un flux Power Automate pour enregistrer les votes

1ère étape : Construire la liste pour proposer les dessins dans le cadre de mon concours

Je décide de construire cette liste dans le site SharePoint de Communication de mon école, en y ajoutant une application de type liste « personnalisée »

Ajout d’une colonne de type « Image » pour montrer le dessin proposé au vote.

Je donne « Dessin » comme nom à ma colonne, et j’enregistre

Ajout d’une colonne de type « Ligne de texte » qui me servira de bouton pour le vote

Je donne « Votez » comme nom de colonne, et j’enregistre

La colonne titre me permettra de définir de qui est le dessin : « Dessin d’Arnaud » par exemple. Mais je dois m’assurer que ce titre soit unique !

J’ouvre donc les paramètres de cette liste

Je clique sur la colonne « Title »

Et je m’assure d’appliquer des valeurs uniques.

Maintenant je vais m’assurer que l’ensemble de mes utilisateurs n’aient qu’un accès en lecture à cette liste.

Pour cela j’ouvre les autorisation du site

Je peux noter que « Tout le monde » a uniquement un accès en lecture. Si ce n’est pas le cas, il faudra adapter

A ce stade-là, je vous invite à mettre 2 ou 3 dessins dans cette liste, via le bouton « Nouveau »

Il suffit de renseigner le titre, et de choisir votre dessin depuis votre poste local !

Il suffit de cliquer sur la miniature, pour avoir un aperçu du dessin en taille réelle.

2ème étape : Construire la liste pour les résultats des votes

Je décide de construire cette liste dans mon espace personnel, Microsoft List, ainsi je suis le seul à connaître les résultats des votes

Création d’une nouvelle liste

Modèle : Liste Vierge

Ajout d’une colonne de type « Personne » pour savoir qui a voté

La colonne titre existante, va me permettre de connaitre pour quel dessin, un vote a été fait.

Cette colonne est appelée « Votant »

Comme chaque utilisateur ne peut voter qu’une seule fois, je dois m’assurer ici aussi que cette colonne n’utilise que des valeurs uniques.

Si vous permettez à un même utilisateur de voter plusieurs fois , ne faites pas les manipulations suivantes, passez à la 3ème étape.

J’ouvre donc les paramètres de cette liste

Je clique sur la colonne « Votant »

Et je m’assure d’appliquer des valeurs uniques.

3ème étape : Construire le flux Power Automate pour enregistrer les votes

Depuis le menu « Mes flux », je créé un nouveau Flux « Flux de cloud instantané »

Je nomme mon flux « Concours de dessin », et je choisi comme déclencheur « Pour un élément sélectionné » – SharePoint

Je dois renseigner l’adresse du site où se trouve ma liste avec les dessins !

Dans mon cas : l’url de mon site est https://stfr6140.sharepoint.com

Ce qui donne dans mon flux, ceci

J’ajoute une nouvelle étape à mon flux

Une étape SharePoint, et une action « Obtenir l’élément »

Action que je construis comme suite :

J’ajoute une dernière étape à mon flux, pour enregistrer le vote

Etape SharePoint, Action : Créer un élément

Ici l’url du site, est celle où est ma liste personnelle : https://stfr6140-my.sharepoint.com/personal/arnaud_mytic_eu

Pour la zone « Title », je vais récupérer le nom du dessin.

Pour la zone « Votant », je vais récupérer l’identifiant de la personne qui aura cliqué sur mon dessin.

J’enregistre mon flux, il est prêt !

Remarque : Veuillez noter l’id de votre flux. Il se trouve dans la barre d’adresse. Dans mon cas : 470e4acb-1cd8-4741-89eb-f8dd266bd811

4ème étape : Construire le bouton pour voter

Je reviens sur ma liste avec les dessins pour le concours

Sur la colonne « Votez », je vais adapter sa mise en forme

Dans le fenêtre de droite, on va passer en mode « Avancé »

Vous avez une portion de code qu’il faut remplacer par ceci

{

« elmType »: « button »,

« txtContent »: « Votez pour ce dessin »,

« customRowAction »: {

« action »: « executeFlow »,

« actionParams »: « {\ »id\ »: \ »470e4acb-1cd8-4741-89eb-f8dd266bd811\ »} »

},

« style »: {

« background-color »: « purple »,

« color »: « white »

}}

Attention à bien remplacer le texte en rouge par votre identifiant de flux Power Automate

On enregistre le tout ! Et vous devriez avoir ceci

Je vous invite à voter pour un premier dessin, et ensuite pour un second dessein.

Après mon premier vote, dans liste avec les votes effectués, je trouve ceci

Après mon second vote pour un autre dessin, je trouve ceci dans la liste des votes

Mon second vote n’a pas été pris en compte !

Dans l’historique de mon flux, je trouve ceci

Mon deuxième vote, comme les suivants provoqueront une erreur, car mon nom de votant ne peut pas être enregistré plusieurs fois.

5ème étape : Partager votre flux

Il faut permettre à d’autres utilisateurs d’exécuter votre flux.

On clique sur « Modifier »

A partir d’ici, il faut soit définir utilisateur par utilisateur qui peut exécuter le flux, ou alors demander à votre administrateur de créer un groupe de sécurité reprenant tous les utilisateurs souhaités. Dans mon cas j’ai un groupe de sécurité qui reprend tous les élèves de l’école, ce groupe s’appelle « Concours »

Attention il faut spécifier que les opérations du flux se fasse avec votre compte, car lui seul a les droits et permissions nécessaires au déroulement du flux.

Je vais tester, avec un utilisateur faisant parti de ce groupe (Dark Vador)

Mon utilisateur a bien un accès uniquement en lecture aux dessins proposés pour le concours !

S’il vote pour un dessin, voici le résultat obtenu dans ma liste de votants

Il ne me restera plus qu’à exporter mes résultats de vote vers Excel ou créer une vue regroupée sur base du titre pour connaître le nombre de votes par dessin.

Voilà un exemple, à compléter ou à faire évoluer, pour au travers des outils Microsoft 365 de construire une petite application de vote, avec suivi et enregistrement des votes.
Si certains éléments ne sont pas clairs pour vous, n’hésitez pas à me contacter.