TECHNO VERITAS
Veille technologique — 72 videos, recherche horodatee

← Retour

N'utilisez plus n8n. Cet outil gratuit de Google est MEILLEUR

651 passages — 21,113 caracteres — Ouvrir sur YouTube

Transcription horodatee

00:00:00 No-code
00:00:03 et Google Antigravity sont partout. Tout
00:00:05 le monde en parle. Mais pourtant, ce
00:00:08 sont des outils qui divisent énormément.
00:00:10 La cause, les profils non techniques
00:00:12 estiment que ces deux outils sont trop
00:00:14 difficiles à utiliser.
00:00:15 Et si je vous disais qu'il existe une
00:00:17 alternative beaucoup plus simple à ces
00:00:19 deux ?
00:00:20 C'est ce qu'on va voir dans cette vidéo.
00:00:23 Alors, installez-vous confortablement.
00:00:25 C'est parti. Dans cette vidéo, on va
00:00:27 donc se mettre dans la peau d'un profil
00:00:29 non technique qui dispose d'une agence
00:00:31 IA et qui est donc sur le point de
00:00:34 travailler sur un projet avec un client.
00:00:36 La problématique du client est la
00:00:38 suivante. Il souhaite automatiser la
00:00:41 production de ses vidéos publicitaires.
00:00:43 Il demande donc au freelance de lui
00:00:46 concevoir un agent IA qui va lui
00:00:48 permettre à partir de certains inputs,
00:00:51 tels que la photo de son produit, le nom
00:00:54 du produit, le style de vidéo, la langue
00:00:57 de la vidéo, le format, l'effet de la
00:01:00 caméra et son adresse email,
00:01:02 de lui générer donc une vidéo
00:01:06 publicitaire, laquelle va être envoyée à
00:01:08 son adresse email. Je vais donc vous
00:01:10 montrer quelques exemples de vidéos qui
00:01:13 étaient générées grâce à un workflow
00:01:15 end-to-end. On va donc essayer pour
00:01:17 notre profil non technique de reproduire
00:01:20 la même chose à partir de l'alternative
00:01:22 dont je vous ai parlé en début de vidéo.
00:01:24 On va donc dans mes fichiers. On va
00:01:26 essayer de voir donc quelques vidéos qui
00:01:29 étaient produites à partir du workflow
00:01:30 dont je vous ai parlé. Donc, on a là
00:01:33 quelques exemples. Voilà par exemple une
00:01:34 vidéo
00:01:36 qui était produite. Et là, pour ce qui
00:01:38 est de la langue, c'est vraiment au
00:01:40 choix de l'utilisateur.
00:01:45 ? Donc là, on a par exemple en input
00:01:48 cette photo et en output, on a cette
00:01:50 vidéo par exemple.
00:01:54 ? Un autre exemple, on a par exemple ça
00:01:55 [musique]
00:01:58 en input et en output, on va générer
00:02:04 OK. Euh, un autre exemple, on a par
00:02:10 qui est un basketball hoop, un panier de
00:02:20 OK. Un dernier exemple, ça va être ? Ça
00:02:22 va par exemple être
00:02:24 ce sac
00:02:31 OK. Donc, ça c'est quelques exemples
00:02:33 donc de vidéos qui étaient produites
00:02:36 automatiquement à partir d'un workflow
00:02:37 N8N.
00:02:40 Alors, notre freelance ici,
00:02:42 il ne connaît pas la conception de
00:02:44 workflow N8N.
00:02:47 Il ne sait pas utiliser Cloud Code,
00:02:47 [musique]
00:02:50 il ne sait pas utiliser Antigravity.
00:02:52 Mais il veut donc travailler sur ce
00:02:56 projet avec le client. OK. Donc,
00:02:58 l'alternative qu'il peut donc utiliser,
00:02:59 c'est simplement [musique]
00:03:02 la fonctionnalité App de Google et AI
00:03:04 Studio.
00:03:05 Donc, on va d'abord dans un premier
00:03:08 temps aller voir le workflow qui permet
00:03:09 réellement de générer ces différentes
00:03:15 Le workflow, c'est le suivant. Il se
00:03:17 présente comme ça, c'est-à-dire
00:03:18 l'élément déclencheur, c'est simplement
00:03:19 donc
00:03:22 un formulaire. Euh, on peut donc envoyer
00:03:24 ce formulaire
00:03:26 au client pour qu'il renseigne donc les
00:03:27 différents éléments de la vidéo,
00:03:29 c'est-à-dire il va uploader donc la
00:03:32 photo du son produit, il va définir un
00:03:33 nom, il va mettre le style de vidéo
00:03:34 qu'il souhaite, est-ce que c'est
00:03:36 cinématique, promotionnelle ou démo, et
00:03:39 cetera. Il va mettre la langue pour la
00:03:41 vidéo, est-ce que c'est français,
00:03:43 anglais, et cetera. Il va définir le
00:03:44 format, euh, est-ce que c'est
00:03:47 horizontal, vertical, il va définir les
00:03:49 effets de la caméra, il va mettre son
00:03:51 adresse email pour que dès que la vidéo
00:03:54 soit donc générée, elle puisse lui être
00:03:56 envoyée par email. OK, donc ça c'est le
00:03:58 workflow N8N.
00:04:00 Mais on s'est mis dans la peau d'un
00:04:02 profil non technique qui ne sait pas du
00:04:03 tout concevoir des
00:04:06 workflow N8N. Donc comment il peut donc
00:04:09 résoudre le problème de ce ? C'est ce
00:04:11 qu'on va essayer de voir. Donc
00:04:13 on va commencer par faire une capture
00:04:15 donc
00:04:19 de cette interface. On va faire capture
00:04:23 OK.
00:04:26 Ensuite, on va fermer ça, stop
00:04:27 listening.
00:04:29 Je vous explique rapidement un peu
00:04:31 l'idée du workflow avant qu'on passe à
00:04:33 l'alternative pour notre profil non
00:04:35 technique. Alors, l'idée du workflow
00:04:37 c'est ? C'est que
00:04:40 on puisse envoyer le lien du formulaire
00:04:41 à notre client.
00:04:43 Donc là en l'occurrence, quand on est en
00:04:45 phase de test, le lien c'est simplement
00:04:47 donc le test URL. Mais en phase de
00:04:49 production, ce qu'on va envoyer au
00:04:50 client, c'est simplement donc l'URL de
00:04:52 production. Donc vous cliquez donc
00:04:54 simplement ça et vous allez envoyer à
00:04:56 votre client. Et du coup à chaque fois
00:04:58 qu'il va donc lancer ce lien, il va donc
00:05:02 avoir ce formulaire qui va s'afficher.
00:05:03 Il a donc simplement renseigner les
00:05:05 informations. OK.
00:05:07 Donc ça c'est avec la version N8N. Donc
00:05:09 je vous explique rapidement donc l'idée
00:05:11 du workflow N8N et on va voir
00:05:14 l'alternative comment on peut créer ça
00:05:16 sans avoir à passer par N8N. [musique]
00:05:17 ?
00:05:19 Donc une fois que l'utilisateur, il a
00:05:23 donc envoyé l'URL du formulaire,
00:05:25 le client va donc ouvrir le formulaire,
00:05:26 il va renseigner les différents
00:05:27 éléments. Ensuite, les éléments vont
00:05:30 être donc notamment l'image va être
00:05:31 hébergée.
00:05:33 L'image va être hébergée, ça c'est super
00:05:35 important euh pour que ici on puisse
00:05:37 donc avoir une URL à la fin. Et cette
00:05:39 URL, c'est elle qui va donc être
00:05:41 utilisée par la suite pour générer
00:05:42 l'image euh
00:05:44 professionnelle dans un premier temps
00:05:46 avant de générer donc la vidéo.
00:05:47 Pour générer notre image
00:05:49 professionnelle, on a besoin d'avoir un
00:05:51 prompt. Donc ce qu'on va faire, c'est
00:05:52 qu'on va donc
00:05:54 là
00:05:57 créer un agent IA qui va donc nous
00:06:01 permettre de générer le prompt de
00:06:03 l'image, ? Donc pour l'instant, je vais
00:06:04 encore passer tous les détails parce que
00:06:06 c'est pas l'objectif de la vidéo, c'est
00:06:08 pas de voir ce workflow N8N, c'est de
00:06:10 voir comment on le peut le reproduire,
00:06:11 comment on peut reproduire en fait la
00:06:14 solution sans passer par N8N, ? Donc
00:06:16 j'explique rapidement la logique. Donc
00:06:18 une fois qu'on a donc le prompt, on va
00:06:20 donc générer l'image.
00:06:21 Une fois qu'on génère l'image, on passe
00:06:24 donc tout en bas là au niveau de la
00:06:25 génération de la vidéo. On génère la
00:06:27 vidéo et une fois qu'on la génère, on
00:06:30 l'envoie donc par email à notre client.
00:06:31 OK, donc ça c'est pour un profil
00:06:34 technique qui sait comment utiliser N8N.
00:06:37 Mais pour un profil non technique,
00:06:38 comment elle peut répondre à la
00:06:40 problématique du ? Alors, il peut
00:06:42 simplement utiliser la fonctionnalité
00:06:45 app de Google AI Studio qui est super
00:06:47 simple à utiliser. Donc ce qu'on va
00:06:48 faire, c'est ? On va aller simplement
00:06:50 donc
00:06:52 sur Google, on tape Google
00:06:55 AI Studio.
00:06:57 On sélectionne
00:07:00 le premier lien, ? Donc là, l'interface
00:07:01 Google AI Studio voilà comment elle se
00:07:02 présente.
00:07:02 [musique]
00:07:04 La première des choses qu'il faudra
00:07:07 faire, c'est créer un compte
00:07:10 à partir d'une adresse Gmail. Donc vous
00:07:13 créez votre compte, très simple, ? Très
00:07:16 rapide à faire, même pas une minute.
00:07:18 Dès que vous avez créé votre compte,
00:07:22 seconde étape, vous allez donc créer une
00:07:24 clé API. Votre clé API va donc vous
00:07:27 permettre d'utiliser différents modèles
00:07:31 de Google. Ça peut être du Nano Banana,
00:07:34 ça peut être du VO3, ? Donc comment
00:07:36 créer la clé ? Là au niveau de
00:07:38 l'interface, au niveau du coin inférieur
00:07:41 gauche, vous avez Get API Key. Vous
00:07:43 allez simplement cliquer dessus
00:07:45 et quand vous cliquez dessus, vous avez
00:07:47 cette fenêtre qui va s'afficher. Vous
00:07:49 allez donc simplement cliquer sur créer
00:07:51 une clé API. Vous allez donc avoir une
00:07:52 interface qui va s'afficher. Vous allez
00:07:55 donc définir le nom de votre clé et vous
00:07:56 allez avoir automatiquement un token qui
00:07:58 va donc s'afficher. Ce que vous allez
00:07:59 faire, c'est que vous allez donc copier
00:08:02 ce token. Vous allez donc le coller dans
00:08:04 un endroit sécurisé où personne ne
00:08:07 pourra y avoir accès. Donc, ça c'est
00:08:08 l'étape 2.
00:08:10 L'étape donc de création de votre clé
00:08:11 API.
00:08:12 C'est également, c'est très simple.
00:08:13 N'hésitez pas à me dire en commentaire
00:08:16 si vous avez des difficultés. OK. Donc,
00:08:18 une fois que ça c'est fait, on peut donc
00:08:20 maintenant passer
00:08:20 [musique]
00:08:22 à la résolution du problème. Le
00:08:24 problème, c'est ? C'est quand on a envie
00:08:26 de créer automatiquement des vidéos
00:08:28 publicitaires à partir d'un certain
00:08:30 nombre de formations. Donc, on va aller
00:08:32 dans la fonctionnalité app de Google et
00:08:35 Ads Studio. On va cliquer là sur build.
00:08:36 Vous voyez ici build. Quand vous cliquez
00:08:37 dessus,
00:08:40 vous avez donc la possibilité à partir
00:08:44 d'un prompt de créer une application.
00:08:46 En d'autres termes, un workflow
00:08:49 agentique. ? On va donc essayer de
00:08:51 décrire avec la plus grande précision
00:08:53 possible le problème qu'on a envie de
00:08:57 résoudre. Donc, je vais afficher ici
00:09:00 euh l'image du formulaire que j'ai
00:09:01 prise.
00:09:01 [musique]
00:09:03 ? Et j'ai la possibilité en fait
00:09:06 d'écrire. Je peux écrire donc euh pour
00:09:08 spécifier le problème que j'ai envie de
00:09:10 résoudre. ? Mais ce que je peux
00:09:11 également faire, c'est utiliser la
00:09:14 fonctionnalité speech to text qui me
00:09:15 permet permet en fait simplement de
00:09:17 parler
00:09:18 et comme ça,
00:09:21 Gemini va essayer donc de retranscrire
00:09:22 sous forme textuelle tout ce que j'ai
00:09:24 dit. Et ensuite, j'ai juste à cliquer
00:09:27 sur euh générer et euh la génération de
00:09:28 l'application va donc commencer. C'est
00:09:30 ce que je vais donc faire. Je clique ici
00:09:31 sur
00:09:36 Bonjour,
00:09:40 j'aimerais créer une application
00:09:43 de génération de vidéos publicitaires.
00:09:45 L'idée, ça sera qu'à partir d'un certain
00:09:47 nombre d'inputs,
00:09:51 je puisse créer une vidéo publicitaire.
00:09:53 Les différents inputs sont les suivants.
00:09:58 Le premier, c'est l'image du produit.
00:10:00 C'est un champ obligatoire.
00:10:02 Et ici, tu peux accepter tous les
00:10:06 formats de type image.
00:10:09 Le second champ, le nom du produit.
00:10:11 C'est un champ de type texte.
00:10:14 Il est également obligatoire.
00:10:17 Le champ suivant, le style de vidéo.
00:10:19 C'est un champ de type texte et comme
00:10:21 placeholder, tu peux par exemple
00:10:23 renseigner cinématique,
00:10:27 promotionnel, démo, et cetera.
00:10:29 Le quatrième champ, c'est la langue de
00:10:31 présentation de la vidéo.
00:10:33 C'est un champ de type texte qui est
00:10:36 également obligatoire.
00:10:38 Comme placeholder, tu peux renseigner
00:10:41 français, anglais, [musique] et cetera.
00:10:44 Le champ suivant, c'est le format de la
00:10:46 vidéo. Alors là, je veux
00:10:48 deux modalités,
00:10:51 soit 9 sur 16
00:10:54 pour des vidéos de format vertical,
00:10:58 soit 16 sur 9 pour des vidéos au format
00:11:01 horizontal. Je tiens à préciser que ce
00:11:03 champ est également obligatoire.
00:11:05 Le champ suivant,
00:11:07 l'effet de la caméra. C'est un champ de
00:11:09 type texte qui va nous permettre donc de
00:11:13 définir la façon dont la caméra va donc
00:11:14 filmer la scène.
00:11:16 Et comme placeholder, tu peux mettre
00:11:20 fixe, zoom, panoramique, rotation, et
00:11:23 cetera. ? Ça, c'est simplement donc pour
00:11:26 définir comment est-ce que la caméra va
00:11:27 filmer l'action. Est-ce que c'est de
00:11:29 façon ? Est-ce que c'est en faisant un ?
00:11:31 Est-ce que c'est de façon ? Est-ce que
00:11:33 c'est en faisant une rotation. Et le
00:11:35 dernier champ
00:11:36 et je tiens à préciser avant de parler
00:11:38 du dernier champ que le champ effet de
00:11:39 la caméra également un champ
00:11:40 obligatoire.
00:11:42 Et maintenant pour ce qui est du dernier
00:11:45 champ, c'est simplement l'adresse email
00:11:48 de l'utilisateur. OK, c'est un champ de
00:11:51 type texte et il est obligatoire.
00:11:53 Parfait. Donc là, je t'ai fourni donc
00:11:55 tous les inputs dont tu auras besoin.
00:11:59 L'output, c'est simplement donc la vidéo
00:12:02 que tu vas que tu vas générer. ? Et
00:12:03 maintenant pour ce qui est de la
00:12:06 méthodologie, elle sera la suivante.
00:12:08 Je voudrais
00:12:10 euh dans un premier temps qu'à partir de
00:12:12 tous les éléments que je t'ai fourni,
00:12:14 tu utilises dans un premier temps le
00:12:18 modèle Nano Banana pour me générer une
00:12:20 image qui correspond exactement à tous
00:12:23 les inputs que je t'ai fourni. ? Et une
00:12:24 fois que tu as généré l'image,
00:12:26 j'aimerais ensuite que tu utilises le
00:12:29 modèle VOO3.1
00:12:33 pour animer cette image.
00:12:39 Une fois que ça c'est fait, je clique
00:12:42 donc sur ce bouton. ? Donc la
00:12:44 transcription, elle est parfaite. Mot
00:12:46 pour mot, ce que j'ai dit. Vous pouvez
00:12:47 voir,
00:12:49 c'est exactement ça. Je vais juste
00:12:52 corriger VO3.1. Il n'a pas bien suivi ou
00:12:53 alors c'est moi qui n'ai pas bien épelé.
00:12:56 VOO3.1.
00:12:58 OK, parfait. Donc n'hésitez pas à être
00:13:01 super exhaustif au niveau donc de cette
00:13:03 description. Vous voyez, votre
00:13:05 application va donc uniquement tenir
00:13:07 compte de tout ce que vous avez
00:13:08 spécifié. Donc une fois que ça c'est
00:13:14 Je vais fermer là. Et quand je clique
00:13:16 sur build en fait, j'ai donc mon
00:13:19 application qui commence à être créée.
00:13:22 Donc on observe, l'application commence
00:13:24 à être créée.
00:13:26 Donc là, vous pouvez observer
00:13:29 là, c'est exactement le prompt que j'ai
00:13:30 renseigné.
00:13:33 ? Et là, maintenant, Google est en train
00:13:36 de mouliner pour essayer donc de tenir
00:13:37 compte de tout ce que j'ai donné comme
00:13:39 spécification pour créer mon
00:13:41 application.
00:13:45 ! Et là, j'ai donc la preview de mon
00:13:47 application. Mon application a bien été
00:13:49 générée. Comme je vous ai montré tout à
00:13:50 l'heure, à gauche, on avait donc le
00:13:52 prompt que j'ai défini et en dessous, on
00:13:53 a donc les différentes étapes de
00:13:57 l'implémentation de Google. Donc, juste
00:13:58 en bas, vous pouvez voir qu'il y a donc
00:14:00 quelques suggestions.
00:14:02 ? Si on clique dessus et on exécute,
00:14:03 alors [musique]
00:14:05 Google va donc rajouter certaines
00:14:06 fonctionnalités. Donc là, par exemple,
00:14:08 c'est AI features. Ensuite, on a add
00:14:11 input validation, add loading state.
00:14:13 Donc il y a plein de suggestions là. On
00:14:16 peut choisir ou pas. ? Donc, ce qu'on va
00:14:18 faire maintenant, c'est passer donc au
00:14:20 test. On va tester notre application.
00:14:22 Donc, on peut déjà avoir
00:14:23 en terme de champs, il a respecté tout
00:14:25 ce qu'on lui a demandé. Avant de lancer
00:14:27 la génération, il faut connecter sa clé
00:14:29 API. Donc, la connexion, elle est très
00:14:31 simple. Vous cliquez simplement sur
00:14:33 connect API key, ? Et vous allez choisir
00:14:35 donc la clé que vous avez
00:14:37 créé tout à l'heure. Donc, on va lancer
00:14:40 donc la démo.
00:14:42 Je charge le produit.
00:14:45 On va par exemple choisir ce sac.
00:14:47 ? Le nom du produit, on va mettre
00:14:48 sac
00:14:49 de travail.
00:14:51 Le style de vidéo qu'on veut, par
00:14:54 exemple, c'est promotionnel.
00:14:56 ? La langue, on va laisser français. On
00:14:57 peut changer en mettant anglais ou
00:14:59 espagnol ou n'importe quoi. Donc, le
00:15:03 format, on va aller sur vertical, 9/16e.
00:15:05 L'effet de la caméra, on va partir sur
00:15:06 zoom et l'adresse email, on va mettre
00:15:08 là. Je mets mon adresse email. Une fois
00:15:10 que ça c'est défini, on clique sur
00:15:13 générer la vidéo.
00:15:14 Donc,
00:15:16 première étape, création d'abord de
00:15:17 l'image, c'est-à-dire à partir de toutes
00:15:19 les informations qu'on a renseignées,
00:15:22 notre application va donc générer dans
00:15:25 un premier temps l'image.
00:15:26 Imaginez un peu que nous avons envoyé
00:15:26 [musique]
00:15:28 une telle application au client. Là, il
00:15:30 comprend directement que vous êtes un
00:15:31 véritable expert de ce que vous faites.
00:15:33 OK, très bien. Animation de la vidéo. Il
00:15:35 a généré une image. Maintenant, il va
00:15:49 Parfait. Parfait, parfait, parfait.
00:15:51 Super.
00:15:52 Super, super, c'est vraiment top. On
00:15:55 peut même télécharger.
00:15:57 OK, ça télécharge effectivement.
00:15:58 Le pouvoir de la présence. [musique]
00:16:00 Franchement, c'est vraiment top. Vous ?
00:16:02 En l'espace de quelques minutes, même
00:16:04 pas 5 minutes, on a réussi à créer une
00:16:07 application qui répond au problème de
00:16:09 notre client.
00:16:11 On n'a pas eu besoin de passer par
00:16:13 n8n.
00:16:15 On n'a pas eu besoin de passer par Cloud
00:16:16 Code.
00:16:17 On n'a pas eu besoin de passer par
00:16:19 Antigravity.
00:16:20 Donc, véritablement, ça c'est une
00:16:22 solution que je recommande aux profils
00:16:24 qui ne sont pas très techniques et qui
00:16:27 ont du mal en fait à pouvoir concevoir
00:16:30 des workflows dans n8n. Et une fois que
00:16:31 vous avez créé l'application, comment
00:16:33 vous la partagez dans votre ? Vous allez
00:16:35 simplement donc là dans publish. Vous
00:16:37 allez cliquer sur publish.
00:16:38 ? Et quand vous cliquez sur publish en
00:16:41 fait, vous avez la possibilité en fait
00:16:45 de publier avec une URL par défaut. ?
00:16:46 Que vous allez pouvoir partager donc à
00:16:50 votre client. Ou alors, vous pouvez donc
00:16:52 créer un nom de domaine et connecter
00:16:55 votre nom de domaine en fait à votre
00:16:56 application. Vous partagez donc
00:16:59 simplement donc l'URL à votre client et
00:17:02 à chaque fois qu'il va donc lancer
00:17:04 l'URL, il aura donc cette interface qui
00:17:05 va apparaître.
00:17:06 C'est beaucoup plus intéressant, c'est
00:17:08 beaucoup plus joli que l'interface qui
00:17:11 apparaît ici dans n8n.
00:17:12 Je pense que vous serez d'accord avec
00:17:13 moi. C'est beaucoup plus joli.
00:17:16 Franchement, une entreprise qui
00:17:18 a cette interface là, qui peut lancer la
00:17:19 génération de vidéo
00:17:20 trouve vraiment que vous êtes un
00:17:22 véritable expert alors que vous n'avez
00:17:24 rien fait d'extraordinaire. Vous avez
00:17:27 simplement bien décrit le problème.
00:17:29 ? Maintenant, je vais faire une petite
00:17:32 comparaison donc entre l'approche Google
00:17:34 et A Studio dans laquelle on va donc
00:17:37 faire des prompts et l'approche N with N
00:17:39 où on va donc construire nœud par nœud
00:17:42 pour avoir notre workflow. OK.
00:17:44 Ce qui est intéressant dans Google A
00:17:46 Studio, c'est qu'on a simplement besoin
00:17:48 donc de définir un prompt. Si on est
00:17:51 assez précis avec la problématique, on a
00:17:52 la possibilité
00:17:54 d'obtenir donc une application qui
00:17:57 répond au problème. Cependant, si le
00:17:59 problème il est un peu plus complexe
00:18:01 et que malheureusement on n'a pas bien
00:18:03 spécifié notre prompt,
00:18:05 on sera obligé de faire des itérations,
00:18:07 c'est-à-dire on va faire un test, on va
00:18:08 se rendre compte que l'application ne
00:18:10 marche pas très bien. On sera obligé de
00:18:13 faire des itérations de sorte à pouvoir
00:18:16 corriger. Ça, c'est le premier problème.
00:18:17 Il faut vraiment que le prompt initial
00:18:19 soit le plus précis possible et qu'il
00:18:20 cadre bien avec la problématique qu'on
00:18:22 veut résoudre. Le second problème en
00:18:24 fait avec cette approche
00:18:27 euh Google A Studio, c'est qu'on ne sait
00:18:29 pas exactement ce qui est fait en
00:18:30 back-end.
00:18:31 Parce que concrètement, qu'est-ce qui
00:18:36 Google en fait a généré une application
00:18:38 à partir du code. Donc là, vous pouvez
00:18:40 voir ici preview, ça c'est l'application
00:18:42 et là, ici on a le code.
00:18:44 Là, on a vraiment tout le code qui a été
00:18:46 écrit.
00:18:47 Et le problème c'est ? C'est que vu que
00:18:48 vous n'êtes pas forcément profil
00:18:49 technique,
00:18:50 vous n'avez pas forcément la
00:18:52 compréhension de tout ce qui est fait en
00:18:54 back-end.
00:18:55 Vous ?
00:18:56 Donc ça, ça peut être un autre souci,
00:18:58 c'est-à-dire si demain vous fournissez
00:18:59 par exemple
00:19:02 le l'URL à votre client et que lors de
00:19:04 la génération il y a par exemple un bug,
00:19:05 vous ne serez pas en mesure de
00:19:07 facilement résoudre ce bug.
00:19:09 ? Mais par contre, il y a quand même des
00:19:11 alternatives pour résoudre euh des bugs
00:19:12 sur des applications comme ça. Ce que
00:19:14 vous allez faire, c'est simplement ?
00:19:15 Vous allez par exemple
00:19:17 euh récupérer le code.
00:19:20 Vous allez le mettre dans ChatGPT.
00:19:22 ? Et en fonction de l'erreur qui va
00:19:23 survenir, vous allez décrire donc
00:19:24 l'erreur. Et vous allez demander à
00:19:26 ChatGPT d'essayer d'identifier dans la
00:19:29 partie euh dans le le code, qu'est-ce
00:19:30 qui pourrait être problématique. Il va
00:19:31 peut-être vous apporter donc quelques
00:19:33 corrections comme ça. Ou alors plus
00:19:36 simple, vous pouvez directement chatter
00:19:39 avec euh Google. ? Pour lui dire il y a
00:19:40 tel problème, est-ce que tu peux
00:19:41 corriger ?
00:19:43 ? Donc ça ce sont les deux problèmes
00:19:46 avec [musique] une approche
00:19:48 qui consiste dans la faire du prompt
00:19:50 pour générer des applications. ? De
00:19:51 l'autre côté, en fait,
00:19:54 l'avantage avec n8n, [musique]
00:19:56 c'est que vous avez votre votre workflow
00:19:58 qui est organisé
00:20:00 avec différents nœuds. C'est une
00:20:01 approche très visuelle. Vous voyez donc
00:20:04 [musique] étape par étape comment euh le
00:20:07 workflow s'exécute. ? Donc ça c'est
00:20:09 super intéressant avec n8n. [musique]
00:20:12 Donc vous savez exactement comment le
00:20:13 workflow est construit, quels sont les
00:20:15 différents enchaînements entre les
00:20:17 nœuds. Et s'il y a par exemple un bug,
00:20:19 s'il y a une erreur, vous savez
00:20:21 exactement le nœud qui est problématique
00:20:23 parce que vous allez avoir une erreur au
00:20:25 niveau spécifique de ce nœud. Donc vous
00:20:27 pouvez facilement corriger. ? Mais par
00:20:29 contre, la difficulté, c'est que ça peut
00:20:31 prendre un peu de temps.
00:20:32 Si vous n'avez pas l'habitude de créer
00:20:33 des workflows sur n8n, ça peut prendre
00:20:35 un peu de temps pour créer un workflow
00:20:37 comme ça. ? En plus de ça, il faut quand
00:20:38 même avoir un peu
00:20:40 d'intuition euh par rapport à
00:20:42 l'enchaînement des événements. Aussi, il
00:20:44 faut connaître exactement les nœuds que
00:20:46 vous allez donc utiliser. Mais par
00:20:47 contre, ce qui est intéressant, c'est
00:20:49 que vous savez exactement ce qui est
00:20:50 fait.
00:20:51 Maintenant, il y a une troisième
00:20:54 approche que j'apprécie énormément.
00:20:56 C'est en fait la combinaison de ces deux
00:20:58 outils. C'est-à-dire,
00:20:59 quand j'ai une problématique qui m'a
00:21:02 donc été adressée par un client,
00:21:05 je vais donc combiner pour l'interface
00:21:09 utilisateur, Google AR Studio. et pour
00:21:12 le back-end, je vais utiliser N8N parce
00:21:13 que si je dois envoyer par exemple un
00:21:16 formulaire à mon client et qu'il doit
00:21:17 renseigner ça, c'est pas très beau, ça
00:21:19 fait moins professionnel. Donc ce que je
00:21:20 vais faire c'est ? C'est ce que je vais
00:21:23 simplement donc essayer de créer d'abord
00:21:25 un workflow comme ça, je vais le tester
00:21:27 pour être sûr que je n'ai bien la vidéo
00:21:29 et ensuite, je vais en créer une
00:21:30 interface utilisateur. Donc pour créer
00:21:31 l'interface utilisateur, c'est très
00:21:33 simple, je vais simplement aller dans
00:21:34 Google IA Studio.
00:21:36 Je vais lui décrire la problématique. Je
00:21:38 veux que tu me crées une interface
00:21:40 utilisateur, ?
00:21:43 Et que au lieu de gérer toi-même le
00:21:45 back-end, que toutes les informations
00:21:46 qui vont être renseignées par
00:21:48 l'utilisateur, que tu les envoies dans
00:21:51 N8N. Et pour faire cette connexion en
00:21:54 fait entre Google IA Studio et N8N, il y
00:21:57 a donc des nœuds spécifiques qu'on
00:21:59 appelle des webhooks. Donc vous écrivez
00:22:02 simplement là-dedans webhook.
00:22:04 ? Et dans webhook,
00:22:06 en fait, la particularité c'est qu'il y
00:22:07 a une URL. Il y a une
00:22:07 [musique]
00:22:09 URL de test et une URL de production.
00:22:10 Donc ce que vous allez faire c'est ? Si
00:22:12 vous êtes en mode test, vous allez
00:22:15 simplement donc copier ça
00:22:16 et aller
00:22:19 dans Google IA Studio et lui dire voilà
00:22:22 l'URL en fait du webhook. Je voudrais
00:22:23 que tu fasses la connexion entre mon
00:22:25 front-end
00:22:28 et mon workflow N8N. Aussi simple que
00:22:29 ça. Maintenant si vous êtes en mode
00:22:30 production, c'est-à-dire vous avez fini
00:22:32 de faire tous vos tests, vous voulez
00:22:33 maintenant que votre client utilise mon
00:22:35 outil, vous allez simplement aller sur
00:22:37 production URL, vous cliquez là et vous
00:22:39 allez dans Google IA Studio et vous lui
00:22:42 dites simplement que voilà mon URL de
00:22:44 production de mon webhook. Aussi simple.
00:22:46 Et il va coder il va coder tout ce qui
00:22:47 est nécessaire. Donc là, c'est beaucoup
00:22:49 plus simple. Google IA Studio va gérer
00:22:51 simplement l'interface utilisateur, mais
00:22:54 tout le back-end sera géré dans N8N. De
00:22:56 telle sorte que s'il y a une une erreur
00:22:59 un jour, ? Vous savez exactement là où
00:23:01 l'erreur se situe. Vous pouvez donc
00:23:02 facilement [musique]
00:23:04 corriger le souci. Donc, c'est
00:23:06 véritablement ce que je vous recommande.
00:23:08 Une combinaison entre Google et Android
00:23:10 Studio pour le front-end et [musique]
00:23:12 N8N pour le back-end.
00:23:13 J'espère que cette vidéo vous a été
00:23:16 utile. Si c'est le cas, n'hésitez pas à
00:23:18 mettre un pouce bleu et à vous abonner
00:23:19 pour ne pas manquer les prochaines
00:23:21 vidéos. On se dit à très vite pour un
00:23:24 nouveau tutoriel. C'était Ethel. Peace