00:00Une nouvelle version de CanvaCode est disponible et dans ce tuto je t'explique tout avec des cas concrets.
00:05Pour utiliser CanvaCode et créer son application, son site web ou son widget personnalisé,
00:12il faudra se rendre ici dans IA Canva ou tout simplement dans l'accueil, sélectionner le raccourci IA Canva.
00:20A partir de là, on pourra sélectionner la section code et ainsi prompter ce qu'on souhaite créer.
00:27Mais tu verras, il y a une nouveauté, tu peux aussi accéder à code depuis tes éléments, on en reparlera dans un second temps.
00:34Car pour le moment, nous allons voir les possibilités et les nouvelles possibilités que nous avons avec CanvaCode.
00:41Dans un premier temps, si pour toi c'est la première fois que tu l'utilises, tu peux découvrir ici via les différents exemples,
00:48ce que tu peux créer avec CanvaCode.
00:50Tu as aussi des suggestions qui se font juste en bas.
00:53Et pour rappel, tu auras l'historique des chats récents qui est ici, mais aussi si tu ouvres ton menu de gauche,
01:01l'ensemble des conversations que tu as eues avec l'IA et par exemple ici les créations que j'ai déjà faites avec CanvaCode.
01:07On va pour découvrir les nouvelles fonctionnalités, demander de nous coder une page web pour recueillir les avis clients suite à notre formation Boss du Design.
01:16On valide et la fenêtre de code va s'ouvrir pour avoir le code qui se génère automatiquement pour créer ici notre page web.
01:26Ainsi ici, nous avons notre page qui est prête et nous voyons tout de suite une nouveauté qui vient juste d'apparaître ici,
01:33c'est la capture de données.
01:34Ce qui va permettre de lier notre application, notre widget ou notre site web créé avec CanvaCode,
01:41de le lier à un tableur Canva pour pouvoir recueillir et traiter l'ensemble des données.
01:47Attention, deux règles définies par Canva.
01:50Toute personne avec laquelle vous effectuez le partage peut accéder aux données de la feuille de calcul associée,
01:55même si elles ne sont pas affichées à l'écran.
01:57Et lorsque vous collectez des données personnelles, n'oubliez pas de respecter les lois ou les directives en vigueur.
02:02Une façon de vous dire de faire attention, si vous collectez des données, vous ne pouvez pas faire n'importe quoi.
02:08Et ici d'ailleurs, ce que je vais faire, c'est que je vais continuer de dialoguer avec l'IA pour demander une deuxième version en disant
02:14de mettre un petit encadré qui dit que les données collectées ne seront utilisées qu'en interne pour nous aider à améliorer la formation.
02:26Ainsi, on voit ici que j'ai une V2
02:28avec la petite indication des confidentialités des données, c'est parfait.
02:34Et si à tout moment, je veux retourner sur ma V1,
02:37eh bien je peux retourner dans ma conversation et cliquer sur V1 pour charger celle-ci.
02:42Autre nouveauté très intéressante, c'est que désormais, on peut aussi afficher le code pour pouvoir le copier et peut-être le récupérer.
02:49Et ça, ça peut être utile si vous travaillez avec un développeur ou si vous êtes développeur et que vous souhaitez récupérer le code
02:55pour pouvoir aller plus loin dans la création de votre application.
02:59Mais si comme moi, vous n'y connaissez rien et vous voulez juste faire du no code, vous pouvez désormais utiliser votre application dans un design
03:07ou même la publier directement en tant que site internet si vous sentez que celle-ci est prête.
03:13Là pour l'instant, moi je vais utiliser dans un design car on va voir aussi d'autres nouveautés que nous avons à disposition avec ce Canva code 2.0
03:21et on va voir aussi comment les données fonctionnent.
03:24Donc là, on va l'utiliser et on va choisir un site web pour avoir ici, si on fait un double clic,
03:30la possibilité de naviguer sur notre page de capture.
03:33Alors juste en haut, dans notre barre d'outils, nous avons maintenant l'espace données.
03:37Celui-ci, si on clique dessus, va nous renvoyer à un formulaire qui va recenser l'ensemble des données qui seront collectées sur notre site internet.
03:46Ainsi, par exemple, ici on aura le nom, l'email, la note, le commentaire, la recommandation et la date de soumission.
03:53Par exemple, si je mets mon email, ma note, on va mettre très satisfait et mon commentaire.
04:01Je peux sélectionner je recommande cette formation et j'envoie mon avis.
04:06Ainsi, mon envoi a été traité.
04:08Si je vais maintenant sur avis de formation, on voit que de nouvelles données sont disponibles
04:12et qu'il faudra que j'ouvre le panneau des données qui se trouve juste ici pour pouvoir actualiser celle-ci
04:19et voir ainsi sur mon canvas sheet, sur mon tableur, les informations qui ont été données.
04:25Et ensuite, avec plusieurs données récoltées, je pourrais faire l'analyse de ma formation ou de mon projet
04:31et pourquoi pas utiliser un graphique magique pour pouvoir voir le taux de satisfaction.
04:36Donc là, il est à 100%.
04:38Si j'avais peut-être plus d'avis, je verrais en un coup d'œil le niveau de ma formation.
04:43Petite astuce supplémentaire ici sur ma version, je pense que je pourrais encore l'améliorer.
04:47Donc je peux retourner dans mon accueil IA Canva, sélectionner code
04:50et je vais vous rappeler, ouvrir le menu de gauche pour pouvoir aller charger le projet
04:56et ne pas charger la version 2 mais continuer celle-ci en disant par exemple ici
05:00« Peux-tu faire en sorte que chaque IP laisse seulement un avis ? »
05:13Alors là, très bien CanvaCon me dit que je ne peux pas, pour des raisons de sécurité, demander ça
05:18mais il me propose une solution, limiter un avis par adresse mail.
05:22Donc on va faire comme ça et on a notre V3 en cours de lancement que je peux donc utiliser dans un design.
05:28A noter que ma V3 reprendra des données vierges
05:31et donc celles qui ont été enregistrées sur la V2 n'apparaîtront pas ici.
05:35Donc attention, avant de bien soumettre votre questionnaire ou votre application à capture,
05:41de bien avoir défini le code de celle-ci en version finale.
05:44Mais à côté de données, nous avons aussi deux nouvelles possibilités.
05:49La première, ça va être de changer les couleurs de notre application à travers la palette de couleurs qui est ici.
05:56Par exemple, si on veut faire ressortir notre questionnaire en violet
06:01et aussi la possibilité de changer les polices qui sont sur le design
06:05et pourquoi pas utiliser entre les polices recommandées ou les polices de notre identité visuelle.
06:11Mais nous avons aussi la possibilité, ici en allant de modifier, de changer les textes si on éprouve le besoin.
06:18Par exemple, ici, on va mettre « Ton avis m'intéresse ».
06:21Et à noter aussi que nous avons la possibilité de récupérer le code.
06:25Donc ça ne s'affiche pas pour le moment car je suis sur une version bêta,
06:28mais elle a été annoncée, ça devrait être pour bientôt.
06:31Une possibilité d'en modifier, de récupérer le code juste ici.
06:36Donc cette possibilité de capturer des données, ça peut ouvrir la perspective à beaucoup de choses.
06:41Par exemple, ici, je me suis amusé à faire une application de prise de rendez-vous
06:45pour mon salon de toilettage pour chiens tout tout beau.
06:48Et par exemple, ici, tout me permet parfait, même en termes de personnalisation.
06:52Donc je peux le publier directement en version site web
06:55avec les possibilités, si je souhaite, de modifier l'URL.
06:59Donc ça sera un canvas site.
07:01J'ai aussi toujours les paramètres qui me permettent de le rendre visite dans les recherches Google
07:05ou de le protéger par un mot de passe si je veux quelque chose de plus privé.
07:08Et là, si je le publie, il est fonctionnel.
07:12Par exemple, on va faire comme si Martine, elle voulait que son chihuahua de 4 ans
07:16prenne un rendez-vous pour un lavage et brossage.
07:19Et on va mettre le mercredi 22 à 15h.
07:22Comme ça, on va réserver le créneau.
07:24Et on voit que celui-ci maintenant est grisé.
07:26Si on retourne dans notre accueil Canva et qu'on prend tableur des données.
07:31Alors là, on le voit, il est sur notre accueil.
07:32Mais ce que je recommande de faire, c'est vraiment dans votre menu de gauche
07:37de vous créer un favori avec, par exemple, votre application et la feuille de données de celle-ci
07:43pour ne pas vous perdre.
07:45Et ainsi, glisser celle-ci avec l'application pour pouvoir les retrouver en un clic.
07:50Et ainsi, ici, si on consulte notre feuille de données,
07:54on a notre ancien rendez-vous qui était le Golden de Véronique.
07:57Mais encore une fois, on nous demande d'ouvrir le panneau des données
08:00et d'actualiser pour voir ainsi le rendez-vous de Martine.
08:05Lavage et brossage pour le 22h10 à 15h.
08:08Et enfin, vous vous souvenez, au début, je vous ai dit que CanvaCode était accessible
08:13via le menu IA Canva, mais qu'il y avait aussi une autre possibilité
08:17de créer ces petites applications ou widgets.
08:21Et ça se trouve dans différents designs, que ce soit les présentations,
08:25les tableaux blancs ou même les tableurs.
08:27Car en fait, CanvaCode va vous permettre de générer des petits widgets
08:32qui peuvent soit rendre dynamique votre présentation
08:34ou même la rendre plus collaboratif si les gens y ont accès.
08:39Et pour pouvoir gérer avec CanvaCode dans un de ces designs,
08:43vous n'êtes pas obligé de passer directement par IA Canva.
08:45Vous pouvez tout simplement maintenant, dans le design sélectionné,
08:49aller dans éléments et d'aller sélectionner ici,
08:52non pas générer des images, mais générer un code.
08:55Vous allez décrire l'application que vous souhaitez mettre en place.
08:59Par exemple ici, un widget pour savoir l'humeur du groupe.
09:03Tout le monde peut participer.
09:07Et ainsi, on va aller dans générer un code
09:09pour avoir notre application qui va se générer directement ici.
09:13Par contre, on n'aura pas de dialogue.
09:15Il faudra recommencer notre génération pour avoir celle-ci refaite.
09:19Mais ça permet d'aller encore plus vite et de rajouter très très vite
09:22une petite application comme ça dans sa présentation,
09:24son tableau blanc ou même son tableur.
09:27Ça peut être un chronomètre, une calculette
09:28ou tout simplement un petit widget comme ici.
09:30Et une fois notre code prêt, il suffira de l'ajouter en cliquant dessus
09:35et ensuite en partageant par exemple notre présentation
09:38à notre groupe de travail via le lien, via l'option lien.
09:42Et ainsi, les gens pourront donner leur humeur
09:44avant de commencer une réunion.
09:46Ça peut être sympa.
09:47Mais bien sûr, vous pouvez imaginer d'autres widgets
09:49un petit peu plus professionnels.
09:51Et CanvaCode est encore amené à évoluer avec le temps
09:54pour devenir un incontournable de la suite visuelle.
09:57Dis-moi en commentaire quelle évolution tu souhaiterais voir.
10:00C'était Marco, Canva Verify Expert
10:01et si tu souhaites apprendre à utiliser Canva,
10:04je te renvoie aux vidéos qui s'affichent à l'écran.
Écris le tout premier commentaire