Passer au playerPasser au contenu principal
Une astuce Canva Code pour créer ta propre appli

Catégorie

Personnes
Transcription
00:00Comme beaucoup de monde, je perds tout le temps mes clés.
00:02Ce qu'il me faudrait, c'est une application qui me rappelle où je les ai rangées.
00:05Et ça tombe bien, on va la créer en testant la nouveauté Canva Code,
00:08qui se trouve dans l'accueil Canva en allant dans la petite icône Code.
00:11Ici, dans l'onglet IA Canva, une fenêtre de dialogue s'ouvre.
00:15Et on va pouvoir, au fil de la conversation,
00:17Vibe Coder, à l'aide d'un prompt, l'application qu'on souhaite créer.
00:20Ça marche aussi pour, par exemple, un jeu vidéo interactif ou un site Internet.
00:24Moi, ici, j'ai marqué l'idée principale de l'application que je souhaiterais coder,
00:28avec quelques informations dessus et la consigne d'une interface très simple.
00:32Je valide mon prompt et Canva commence à me préparer le code.
00:36Et après quelques minutes, j'ai la première version que je peux directement tester
00:40pour voir si tout fonctionne.
00:41Je peux aussi, si je souhaite avoir des options de personnalisation,
00:44que ça soit pour changer le contenu texte ou même redéfinir la taille, la couleur, la police.
00:49Je vais ensuite vérifier si les menus sont fonctionnels.
00:51Par exemple, ici, si j'avais perdu mon passeport, je valide et on voit que ça apparaît dans un menu.
00:56Mais le problème, c'est que celui-ci ne porte pas de nom.
00:58Donc, je vais continuer le dialogue avec l'IA pour pouvoir avoir une deuxième version du code
01:02en indiquant de bien me rajouter des logos en bas de page pour indiquer les menus.
01:07Ma V2 est ainsi prête avec les menus qui ont été rajoutés.
01:10Si ça ne me convient pas, je peux continuer le dialogue
01:12ou même revenir dans mon historique à une version précédente.
01:15Ici, par exemple, ma V1.
01:16Mais ici, c'est plutôt pas mal.
01:17Si je veux aussi, j'aurais pu récupérer le code de l'application
01:20en allant dans le menu code pour avoir les données HTML
01:23et pourquoi pas les réutiliser sur Cloud ou ChatGPT.
01:26À savoir aussi que je peux importer directement des données HTML
01:28en les téléchargeant, par exemple, depuis Cloud ou ChatGPT
01:31et les importer dans Canva pour créer l'application.
01:33Ici, pas besoin.
01:34Ma V2 est opérationnelle et je vais pouvoir la publier en tant qu'application web
01:38via un site internet.
01:40Donc, comme c'est une application personnelle,
01:42je vais utiliser gratuitement un lien Canva site.
01:44Et comme je veux verrouiller l'accès à celle-ci,
01:46dans les paramètres, je vais aussi rajouter un mot de passe
01:49pour ainsi ajouter une étape de sécurité.
01:50Ainsi, maintenant, si je me rends sur mon téléphone
01:52et que je charge le lien du Canva site dans mon navigateur web,
01:56je n'aurai qu'à rentrer le mot de passe choisi
01:57pour accéder à mon application,
01:59qui est en ligne et opérationnelle.
02:01On va la tester.
02:02Ici, par exemple, pour me rappeler où sont mes clés de voiture,
02:04je vais enregistrer l'objet.
02:06Je vais mettre une indication où il est rangé,
02:08une description et surtout une photo qui m'aidera à le retrouver.
02:11Là, sur la table basse de mon salon.
02:13Ensuite, je mets la date d'enregistrement et je valide
02:16et je pourrai retrouver cet objet en allant dans mon menu rechercher.
02:20Par exemple, ici, en tapant clé, je retrouverai l'objet
02:23ou en allant dans le menu mes objets
02:25où j'aurai l'ensemble des objets qui seront enregistrés.
02:28Et une fois que j'ai récupéré mes clés,
02:29tout simplement en sélectionnant l'objet,
02:31je n'aurai qu'à le supprimer de la liste pour ainsi m'organiser.
02:34Voilà, une façon très simple de créer sa propre application
02:37pour t'aider tous les jours de façon hyper facile avec Canva Code.

Recommandations