GSP1383

Présentation

Dans cet atelier, vous allez créer rapidement un prototype d'agent de shopping dans Google AI Studio. Cet agent de shopping Organisateur de fêtes pour CymbalMart, une entreprise de vente au détail, aidera les clients à planifier des événements et à générer des listes d'achats. Grâce à cette expérience pratique, vous apprendrez à transformer un parcours utilisateur critique (CUJ, critical user journey) en un agent fonctionnel, à enrichir ses fonctionnalités à l'aide du vibe coding et de prompts en langage naturel, et à le valider à travers différents scénarios.

Un parcours utilisateur critique (CUJ) est une cartographie détaillée des étapes et interactions clés qu'un client effectue pour atteindre un objectif précis. Il identifie les points de décision et les résultats essentiels à son expérience.

Pour approfondir le sujet, nous vous conseillons de suivre le cours associé Stratégie agentique : découverte, conception et prototype.

Points abordés

Dans cet atelier, vous allez apprendre à effectuer les tâches suivantes :

• Créer un agent de shopping à partir d'un parcours utilisateur critique (CUJ)
• Améliorer et itérer les fonctionnalités de l'agent à l'aide du vibe coding et de prompts en langage naturel
• Tester et valider le comportement de l'agent dans différents scénarios

Préparation

Avant de cliquer sur le bouton "Démarrer l'atelier"

Lisez ces instructions. Les ateliers sont minutés, et vous ne pouvez pas les mettre en pause. Le minuteur, qui démarre lorsque vous cliquez sur Démarrer l'atelier, indique combien de temps les ressources Google Cloud resteront accessibles.

Cet atelier pratique vous permet de suivre les activités dans un véritable environnement cloud, et non dans un environnement de simulation ou de démonstration. Des identifiants temporaires vous sont fournis pour vous permettre de vous connecter à Google Cloud le temps de l'atelier.

Pour réaliser cet atelier :

• Vous devez avoir accès à un navigateur Internet standard (nous vous recommandons d'utiliser Chrome).

• Vous disposez d'un temps limité. N'oubliez pas qu'une fois l'atelier commencé, vous ne pouvez pas le mettre en pause.

Ouvrir Google AI Studio

1. Cliquez sur Démarrer l'atelier. Le panneau de l'atelier affiche les identifiants temporaires à utiliser.

   • Remarque : Si l'atelier est payant, vous serez invité à sélectionner un mode de paiement.

2. Ouvrez Google AI Studio dans une fenêtre de navigation privée. La page de connexion Google s'affiche.

   • Conseil : Pour y accéder plus facilement, placez les onglets de l'atelier et d'AI Studio côte à côte, dans des fenêtres distinctes.

3. Copiez le nom d'utilisateur ci-dessous, collez-le dans le champ Adresse e-mail, puis cliquez sur Suivant.

   {{{user_0.username | "Username"}}}

4. Copiez le mot de passe ci-dessous, collez-le dans le champ Saisissez votre mot de passe, puis cliquez sur Suivant.

   {{{user_0.password | "Password"}}}

5. Acceptez les conditions d'utilisation qui s'affichent à l'écran pour continuer.

Vous êtes maintenant connecté à Google AI Studio avec votre compte de participant temporaire.

Tâche 1 : Créer un agent de shopping à partir d'un parcours utilisateur critique (CUJ)

Dans cette tâche, vous allez créer un agent de shopping Organisateur de fêtes basé sur un CUJ défini. Il aidera les clients de CymbalMart à organiser des fêtes et générera des listes d'achats.

1. Cliquez sur le bouton Get Started (Commencer), puis acceptez les conditions d'utilisation.

2. Dans le menu de navigation de gauche, cliquez sur Build (Créer).

   Pour activer l'accès à Drive, cliquez sur Add files (Ajouter des fichiers) (+), puis sur Drive. Sélectionnez votre compte étudiant (par exemple, [nom d'utilisateur de l'étudiant]), puis accordez les autorisations nécessaires.

3. Dans la barre principale de saisie de prompt textuel sous "Build your ideas with Gemini" (Développez vos idées avec Gemini), collez le prompt suivant pour créer votre agent de shopping Organisateur de fêtes :

4. Cliquez sur Build (Créer) et attendez que Google AI Studio génère l'agent.

5. Vérifiez l'agent et testez-le avec des exemples de données. Répond-il à vos attentes ?

6. Dans le panneau de conversation Gemini, collez le prompt CUJ suivant, puis cliquez sur Send prompt (Envoyer le prompt) pour définir le parcours utilisateur critique :

7. Dans le panneau de conversation Gemini, examinez les spécifications de l'agent générées pour vous assurer qu'elles correspondent au CUJ.

8. Dans le volet Preview (Aperçu), testez l'agent avec des exemples d'informations sur la fête :

• Type de fête : "Anniversaire"
• Nombre de personnes : "20"
• Date : "Samedi prochain"
• Thème : "Tropical"

9. Vérifiez que l'agent génère une liste d'achats pertinente et conforme au CUJ.

10. Renommez votre application. Cliquez sur l'icône en forme de crayon à côté du nom de l'application, remplacez le nom par Agent de shopping CymbalMart, puis cliquez sur Save (Enregistrer).

Cliquez sur Vérifier ma progression pour valider l'objectif. Vérifier l'agent de shopping créé

Tâche 2 : Améliorer les fonctionnalités de l'agent avec le vibe coding

Dans cette tâche, vous allez utiliser le vibe coding pour améliorer votre agent de shopping Organisateur de fêtes en ajoutant des fonctionnalités personnalisées et en optimisant l'expérience utilisateur.

1. Examinez le code généré. Cliquez sur des fichiers tels que App.tsx dans l'onglet Code pour afficher le code principal de l'application et découvrir comment les éléments d'interface utilisateur sont construits.

2. Améliorez les fonctionnalités de l'agent Dans le panneau de conversation Gemini, collez la commande suivante pour ajouter un chatbot à l'UI de l'agent :

3. Cliquez sur Send prompt (Envoyer le prompt). Observez les changements apportés au style et à la mise en page de l'application.

4. Continuez à améliorer les fonctionnalités. Dans le panneau Gemini, saisissez la commande suivante :

5. Cliquez sur Send prompt (Envoyer le prompt) et observez comment les nouvelles fonctionnalités sont ajoutées à l'UI.

6. Testez les nouvelles fonctionnalités dans le volet Preview (Aperçu).

Tâche 3 : Tester et finaliser l'agent

Testez votre agent de shopping Organisateur de fêtes dans différents scénarios et apportez les dernières améliorations pour assurer son bon fonctionnement.

1. Dans le volet Preview (Aperçu), testez l'agent avec les scénarios suivants :

   Scénario 1 : Fête d'anniversaire pour enfants

   • Type de fête : "Fête d'anniversaire pour enfants"
   • Nombre de personnes : "15"
   • Thème : "Super-héros"
   • Vérifiez que la liste d'achats contient des articles et des quantités adaptés à l'âge des enfants.

   Scénario 2 : Événement d'équipe

   • Type de fête : "Team building"
   • Nombre de personnes : "50"
   • Thème : "Professionnel"
   • Vérifiez que la liste inclut des articles adaptés à un événement d'entreprise et que le budget estimé est réaliste.

   Scénario 3 : Mariage en extérieur

   • Type de fête : "Réception de mariage"
   • Nombre de personnes : "100"
   • Thème : "Jardin/Extérieur"
   • Vérifiez que l'agent inclut des articles spécifiques pour le plein air, comme des protections contre les intempéries et du mobilier d'extérieur.

2. Dans le panneau Gemini, envoyez des commentaires pour affiner l'agent si nécessaire.

3. Apportez une dernière amélioration. Dans le panneau Gemini, collez le prompt suivant pour ajouter une fonctionnalité de commande vocale :

4. Cliquez sur Send prompt (Envoyer le prompt), puis autorisez l'accès au micro dans la fenêtre pop-up.

5. Vérifiez que votre agent de shopping Organisateur de fêtes fonctionne correctement avec toutes ses améliorations.

6. Accédez à la page d'accueil en cliquant sur Back to start (Retour au début), puis cliquez sur le logo Google AI Studio en haut à gauche.

7. Dans le menu de navigation de gauche, cliquez sur Build (Créer).

8. Cliquez sur Your apps > Created by you (Vos applications > Créées par vous) pour afficher votre agent de shopping Organisateur de fêtes avec toutes ses améliorations.

Félicitations !

Vous avez créé et amélioré un agent de shopping Organisateur de fêtes à partir d'un parcours utilisateur critique. Vous avez appris à :

• créer un agent de shopping à partir d'un parcours utilisateur critique (CUJ) ;
• améliorer et itérer les fonctionnalités de l'agent à l'aide du vibe coding et de prompts en langage naturel ;
• tester et valider le comportement de l'agent dans différents scénarios.

Vous êtes maintenant prêt à créer et itérer vos propres agents IA dans Google AI Studio.

Formations et certifications Google Cloud

Les formations et certifications Google Cloud vous aident à tirer pleinement parti des technologies Google Cloud. Nos cours portent sur les compétences techniques et les bonnes pratiques à suivre pour être rapidement opérationnel et poursuivre votre apprentissage. Nous proposons des formations pour tous les niveaux, à la demande, en salle et à distance, pour nous adapter aux emplois du temps de chacun. Les certifications vous permettent de valider et de démontrer vos compétences et votre expérience en matière de technologies Google Cloud.

Dernière mise à jour du manuel : 1er avril 2026

Dernier test de l'atelier : 1er avril 2026

Copyright 2026 Google LLC. Tous droits réservés. Google et le logo Google sont des marques de Google LLC. Tous les autres noms d'entreprises et de produits peuvent être des marques des entreprises auxquelles ils sont associés.