Aller au contenu

Non classé

Le site surprise : créer une page collective avec l’IA et Phoenix

Préparer un atelier de deux heures où une idée choisie ensemble devient une page éditable, avec des exercices accessibles aux participants.

Et si le premier exercice consistait à créer une page pour une idée choisie ensemble ? Le site surprise est un atelier où les participants proposent un concept, définissent son public et voient une première page prendre forme avec l’IA et Phoenix.

Le résultat attendu est concret : une page dont on peut ensuite changer les textes, la photo et le bouton dans WordPress.

Choisir une idée qui tient dans deux heures

Le concept doit rester assez petit pour être expliqué en une phrase. Une bibliothèque de quartier imaginaire, un club de réparation ou une invitation à une promenade photographique peuvent servir de terrain d’exercice.

Choisissez une idée qui ne demande pas de vraies transactions, de données sensibles ou d’intégration métier pendant la démonstration. Les besoins plus avancés pourront devenir une séance suivante.

Le groupe vote pour un concept, puis précise son public et l’action principale. Cette courte décision rend les propositions de texte et de design plus faciles à comparer.

Préparer le matériel et les rôles

L’animateur utilise une installation WordPress Phoenix de démonstration, avec des comptes et des contenus adaptés à l’atelier. Les participants peuvent suivre, proposer des textes ou expérimenter sur une copie selon leurs accès.

Avant la séance, vérifiez les blocs, le partage d’écran, les médias et une page de secours. Prévoyez une alternative si un service d’IA ou une vidéo n’est pas disponible.

Aucun participant n’a besoin de partager un mot de passe ou un export de son site pour contribuer aux idées. Le programme de chaque rencontre précise les prérequis particuliers.

Un déroulé de 15 h à 17 h

Le format ci-dessous constitue une proposition d’animation pour une séance de deux heures, à l’heure de Montréal :

HoraireTravail collectifRésultat
15 h – 15 h 15Choix du concept et du publicUne phrase de brief
15 h 15 – 15 h 35Structure et propositions avec l’IATitres et rôle des sections
15 h 35 – 16 h 10Montage des blocs PhoenixPremière page visible
16 h 10 – 16 h 35Retouches et contrôle mobilePage plus claire et cohérente
16 h 35 – 16 h 55Modification par un participantVérification de l’autonomie
16 h 55 – 17 hBilan et prochaine expérienceUn petit défi à poursuivre

La fiche événement reste la référence pour la date, le lieu, l’inscription et les modalités de la séance réellement proposée.

Montrer ce que l’IA fait et ce qu’il reste à décider

L’IA peut proposer plusieurs titres, aider à structurer la page et générer une première piste de code. Le groupe choisit les informations utiles et vérifie les faits.

Le raccordement à Phoenix rend les contenus administrables : titres, description, listes et boutons viennent de champs identifiés. Cette étape donne une suite à la démonstration ; la page peut évoluer après l’atelier.

Le guide des prompts fournit des contraintes à transmettre à l’outil utilisé. Le guide de transformation d’une maquette explique le travail d’intégration.

Terminer par le test du relais

Un participant qui n’a pas écrit les fichiers change le titre du hero, ajoute une question et modifie le bouton. L’animateur observe où l’interface est claire et où une explication manque.

Ce test montre davantage que la seule capture finale. Il permet de discuter de la gestion d’un site, de sa structure et des limites de l’exercice.

Gardez également une courte liste des décisions et des questions ouvertes. Une séance suivante peut reprendre le portfolio, l’inscription à un atelier ou la création d’un premier composant.

RESSOURCE PHOENIX · ZIPTélécharger le kit du site surprise3,0 Ko · Fichiers à explorer et à adapter

Consultez les prochains ateliers pour participer. Entre les séances, la communauté Phoenix permet de partager les essais et de poursuivre les échanges selon les modalités annoncées sur le site.

Continuer à apprendre

D’autres pistes à explorer.

Gérer les cookies