← Retour
Cette IA permet de créer et publier des App sur iOS et Android : Rork
Transcription horodatee
00:00:01
Ces derniers mois, le développement
00:00:03
assisté avec Lia a fait des avancées
00:00:05
incroyables. Vous avez sûrement déjà
00:00:07
entendu parler d'outils tels que
00:00:10
Lovable, Bolt, Reptit ou encore Cursor.
00:00:11
Et même si ces outils sont vraiment
00:00:12
géniaux, il y a toujours une petite
00:00:14
frustration dès lors que l'on veut créer
00:00:17
l'interface n'est pas forcément bien
00:00:20
adaptée et surtout le déploiement vers
00:00:22
brouilleuse. Heureusement, tout ça c'est
00:00:23
de l'histoire ancienne avec l'outil que
00:00:25
je vais vous présenter dès maintenant.
00:00:27
Donc nous voici sur cet outil qui
00:00:30
s'appelle Rork. Donc comme vous voyez,
00:00:32
c'est le même type d'interface que avec
00:00:34
Lovball ou encore Bolt. Et déjà première
00:00:36
chose que vous pouvez regarder, c'est
00:00:38
euh les types de projets qui ont été
00:00:40
créés avec cet outil. Par exemple, ici,
00:00:42
on a une application qui permet de faire
00:00:45
du coaching pour les combattants de MMA.
00:00:47
Donc, vous voyez que c'est une vraie
00:00:49
application qui est publiée sur l'App
00:00:52
Store d'Apple et ils ont même 10 review.
00:00:54
Donc ça veut dire que cette application
00:00:55
fonctionne, qu'il y a des vrais
00:00:56
utilisateurs qui utilisent cette
00:00:59
application. On a également d'autres
00:01:00
exemples. Là par exemple, on a une
00:01:02
application qui permet d'apprendre le
00:01:06
artificielle. Donc pareil, c'est le
00:01:08
genre d'application que vous pouvez tout
00:01:09
à fait créer et vous voyez que par
00:01:11
exemple eux ils font payer l'application
00:01:13
à 10 dollars. Donc en gros, cet outil ça
00:01:15
vous permet de créer tout types
00:01:16
d'applications qui vous passent par la
00:01:18
tête et aussi éventuellement de gagner
00:01:20
de l'argent avec les applications que
00:01:22
vous allez pouvoir créer. Donc déjà ici
00:01:23
ce qu'on va faire c'est qu'on va lui
00:01:25
faire un petit brief en fait pour lui
00:01:27
expliquer quel type d'application on
00:01:29
souhait créer. Donc pour l'exemple je
00:01:30
vais pas faire un truc trop compliqué.
00:01:33
On va créer une application pour
00:01:35
apprendre les langues. Donc ça va être
00:01:37
inspiré évidemment de Duolingo. Et le
00:01:39
but c'est donc d'offrir une expérience
00:01:42
l'apprentissage linguistique. Je précise
00:01:44
juste qu'on va limiter l'apprentissage à
00:01:46
quatre langues, à savoir l'anglais,
00:01:48
l'espagnol, l'allemand et l'indonésien
00:01:49
pour pas se retrouver non plus avec des
00:01:51
dizaines de langues. Et c'est parti, on
00:01:53
lance le développement de notre
00:01:54
application. Donc là, vous voyez déjà le
00:01:56
premier truc qui est vraiment cool,
00:01:58
c'est qu'on a directement l'interface
00:02:00
d'une application mobile. Donc ce qui va
00:02:01
être vraiment pratique, c'est que
00:02:03
justement bah tout ce que vous allez
00:02:06
faire en terme de modification et
00:02:09
directement adapté en fait pour les
00:02:12
appareils mobiles de vos utilisateurs et
00:02:13
il y aura pas à chaque fois à s'embêter
00:02:16
à ouvrir votre navigateur, à ensuite
00:02:18
recopier le lien sur votre téléphone et
00:02:20
à vérifier que tout est OK. Là, ici,
00:02:22
vous avez directement le visuel qui
00:02:25
Là, vous voyez qu'il est déjà en train
00:02:27
de commencer un petit peu à développer
00:02:29
donc notre application. Et aussi, autre
00:02:31
chose à savoir, c'est que ici vous avez
00:02:34
un QR code en fait qui vous permettra
00:02:37
également de pouvoir tester votre
00:02:38
application directement sur votre
00:02:42
application qui s'appelle Expo qui là
00:02:45
l'application de manière un peu plus
00:02:47
native. Donc je vais vous montrer tout
00:02:49
ça justement tout à l'heure. Ça y est,
00:02:51
l'outil a finalisé de créer la première
00:02:53
version de notre application. Ça a mis
00:02:55
un petit peu de temps mais on voit déjà
00:02:57
que pour une première version, ça a
00:02:59
l'air déjà plutôt fonctionnel. Là vous
00:03:02
voyez que déjà sur notre interface on
00:03:04
peut choisir les langues que l'on a bien
00:03:05
demandé. Donc l'anglais, l'espagnol,
00:03:08
l'allemand et l'indonésien. Et si on
00:03:10
clique sur une langue, on a déjà un
00:03:13
premier exercice pour tout ce qui est
00:03:15
salutation. Et vous voyez que lorsque on
00:03:18
commence à lancer l'exercice et si donc
00:03:21
on met hello, ça va fonctionner. Si on
00:03:23
se trompe, par exemple, on dit good
00:03:26
morning au lieu de goodbye, il il
00:03:28
reconnaît bien que c'est une erreur et
00:03:31
là ça a l'air d'être bon. Donc déjà ce
00:03:32
qui est cool c'est que vous voyez que
00:03:34
l'application fonctionne. Alors après
00:03:36
évidemment c'est très basique mais en
00:03:41
application et donc on peut continuer à
00:03:42
développer d'autres fonctionnalités si
00:03:44
on souhaite. Vu qu'on est sur mobile ce
00:03:45
qui pourrait être intéressant par
00:03:49
reconnaissance vocale parce que le but
00:03:51
d'apprendre une langue c'est de parler
00:03:53
et donc avoir la reconnaissance vocale
00:03:55
pour moi ça reste indispensable pour une
00:03:57
application d'apprentissage. Donc là, je
00:03:58
lui demande d'ajouter d'autres exercices
00:04:00
pour chacune des langues parce que pour
00:04:01
l'instant ça reste quand même très
00:04:03
basique. Ici aussi, la barre de
00:04:05
progression n'a pas bougé. Donc, on va
00:04:06
également lui demander d'afficher
00:04:09
correctement le pourcentage de compétion
00:04:11
pour les exercices terminés et ajoute
00:04:13
également la reconnaissance vocale.
00:04:15
Donc, on va voir s'il y arrive. On lance
00:04:18
donc les modifications et là comme tout
00:04:19
à l'heure ça va prendre un petit peu de
00:04:21
temps, j'imagine. Là ici j'ai eu un
00:04:23
petit message d'erreur qui me disait que
00:04:26
il y a eu une erreur qui était pas
00:04:28
espérée. Donc comme sur le Vball ou sur
00:04:31
Bolt, on peut également corriger très
00:04:33
facilement en cliquant sur fix all. En
00:04:35
fait, ça va vous faire le promp
00:04:37
automatiquement. Et là, vous voyez que
00:04:39
il a réussi à corriger. Et en plus, ce
00:04:41
qui est cool, c'est que les corrections
00:04:43
sont gratuites. Là, il met bien que on n
00:04:46
pas eu de crédits qui ont été débités.
00:04:48
Donc, c'est vraiment cool. Et donc là,
00:04:50
ça y est, toutes les modifications ont
00:04:53
été faites. Donc si on retourne dans
00:04:56
l'onglet, on voit bien qu'on a plus
00:04:58
d'exercices à disposition. Donc cette
00:05:00
fois-ci, on a également un exercice sur
00:05:02
le vocabulaire de la famille et
00:05:05
également un exercice sur les nombres.
00:05:07
Donc si on teste par exemple comment dit
00:05:08
ton mère en anglais, ça fonctionne
00:05:11
toujours. Si par contre on fait une
00:05:13
erreur, ça va également nous indiquer
00:05:15
l'erreur en rouge. Et là vous voyez que
00:05:17
cette fois-ci on a un exercice qui nous
00:05:19
demande de parler directement dans
00:05:21
l'application. Le problème c'est que ici
00:05:24
on est sur un ordinateur et donc si on
00:05:26
veut tester sur mobile, je vous expliqué
00:05:28
tout à l'heure qu'on pouvait en fait le
00:05:30
faire et en fait il suffit simplement
00:05:32
donc de scanner ce QR code et c'est ce
00:05:33
qu'on va faire donc dès maintenant. Donc
00:05:36
voilà, normalement vous devriez pouvoir
00:05:39
voir mon écran de mon iPhone. Donc là si
00:05:45
hop, on ouvre dans Chrome. Ça va nous
00:05:49
d'ouvrir l'application. On clique sur
00:05:51
autoriser. Par contre, il y a un petit
00:05:53
souci. Voilà. Donc là, il nous demande
00:05:56
en fait d'installer R app. Donc c'est ce
00:05:59
qu'on va faire. On clique sur obtenir.
00:06:01
application. Donc ça en fait cette
00:06:03
application c'est ce qui permet en fait
00:06:05
de faire tourner enfin de simuler si
00:06:07
vous voulez l'application que vous êtes
00:06:09
en train de développer. Donc là, voilà,
00:06:12
on ouvre, on va mettre autoriser. OK,
00:06:14
donc faut peut-être que je me connecte.
00:06:19
OK, donc là si j'ouvre mon application,
00:06:22
Donc là, vous voyez que ça marche
00:06:25
exactement de la même manière que on a
00:06:28
vu tout à l'heure. Donc là, voilà.
00:06:30
Et donc cette fois-ci, on va tester si
00:06:31
ça fonctionne avec la reconnaissance
00:06:33
vocale. Et là, vous voyez qu'il me
00:06:35
demande donc est-ce que l'application
00:06:36
peut accéder au micro. Donc on fait
00:06:38
autoriser. Donc là par contre, il y a un
00:06:40
petit message d'erreur impassible de
00:06:42
démarrer l'enregistrement. Alors pour
00:06:43
l'enregistrement vocal, j'ai toujours
00:06:45
des erreurs. J'ai essayé de voir un
00:06:48
petit peu d'où ça pouvait provenir et si
00:06:49
j'ai bien compris en fait ça dépendait
00:06:51
des versions en fait qu'ils utilisaient
00:06:54
pour le SDK. Donc vu que je suis pas
00:06:56
développeur et que je m'y connais pas
00:06:58
trop dans tout ce qui est versioning
00:07:00
pour les applications mobiles, bah j'ai
00:07:01
laissé tomber. Mais je pense qu'il
00:07:02
faudrait juste passer un petit peu de
00:07:04
temps pour corriger, mais j'ai pas
00:07:06
forcément le temps, donc je vais passer
00:07:08
cette étape. Mais en tout cas, on a vu
00:07:10
quand même que ça fonctionnait de
00:07:12
manière globale. Alors ensuite, ce qu'il
00:07:14
faut savoir également, c'est que on a
00:07:18
possibilité de faire des intégrations
00:07:20
de notre application. On peut déjà
00:07:23
déployer sur Github. Donc GitHub, c'est
00:07:24
également une plateforme pour les
00:07:26
développeurs. En fait, ça permet
00:07:28
d'exporter votre code. Et par exemple,
00:07:30
si vous souhaitez continuer sur d'autres
00:07:32
outils notamment Cursessor, bah en fait
00:07:34
vous pouvez reprendre ce code à partir
00:07:36
de GitHub. Donc ça vous permet en fait
00:07:38
de jongler entre plusieurs plateformes.
00:07:40
Et on a également la possibilité d'avoir
00:07:42
un backend. En fait, le backend, ça va
00:07:44
vous permettre de stocker vos données,
00:07:46
de sécuriser vos clés API et aussi
00:07:48
d'ajouter des connexions pour vos
00:07:49
utilisateurs. Donc par exemple,
00:07:52
justement, si vous avez euh des
00:07:53
utilisateurs qui veulent s'inscrire à
00:07:55
votre application, bah tout ça ce sera
00:07:57
stocké en fait dans votre backend. Donc
00:07:59
ça pareil, je vous laisserai regarder
00:08:01
par vous-même. Et enfin, la dernière
00:08:04
chose ultra importante, ça va vous
00:08:07
permettre de publier votre application.
00:08:09
Donc comme sur le Weball, on peut avoir
00:08:12
un lien pour accéder à notre application
00:08:14
sur le web. Donc ici, lorsque vous
00:08:16
mettez le lien, en fait, ça va vous
00:08:18
faire simplement une landing page où
00:08:20
l'utilisateur pourra scanner directement
00:08:23
l'application mobile. Mais surtout, vous
00:08:24
voyez qu'ici, on peut publier sur les
00:08:26
App Store. Donc, on peut publier sur
00:08:29
Apple App Store et également sur Google
00:08:31
Play. Donc par exemple, si vous cliquez
00:08:34
sur publish to App Store, ben en fait ça
00:08:36
va vous expliquer toutes les étapes pour
00:08:39
publier sur Apple App Store. Alors ce
00:08:42
qu'il faut savoir pour Apple c'est que
00:08:43
vous voyez qu'en fait pour être
00:08:45
développeur Apple, pour être certifié en
00:08:49
fait comme développeur officiel, il faut
00:08:52
quand même un abonnement de 99 dollars
00:08:54
par an. Et là je parle uniquement pour
00:08:56
Apple. Et donc une fois que vous aurez
00:08:59
euh validé votre compte Apple, ensuite
00:09:01
il y a les autres étapes qui sont euh
00:09:03
très simples. Et en fait l'intérêt c'est
00:09:04
qu'en fait une fois que vous avez
00:09:06
connecté votre compte, bah tout se
00:09:08
ferait tout se fera en fait de manière
00:09:10
quasiment automatique. Donc ça va vous
00:09:12
simplifier énormément euh la tâche et
00:09:14
vous gagnerez ainsi beaucoup de temps.
00:09:17
Et on a exactement la même chose pour
00:09:19
Google Play. Donc là ça vous envoie vers
00:09:21
la documentation d'expo. Donc il faut
00:09:23
juste suivre ce qui a indiqué. Donc
00:09:25
avoir un compte développeur pour Google
00:09:27
Play, soumettre votre application et
00:09:29
cetera. Donc normalement il y a rien de
00:09:30
très compliqué. Et enfin, dernière
00:09:33
chose, on n' pas parlé des tarifs.
00:09:34
Alors, ce qu'il faut savoir, c'est que
00:09:36
déjà euh au niveau du plan gratuit, vous
00:09:39
avez le droit à 5 messages par jour et
00:09:41
si je me souviens bien, euh par mois, ça
00:09:44
doit être 30 ou 35 messages par mois.
00:09:46
Donc ça vous permet déjà quand même de
00:09:47
tester un petit peu l'application, de
00:09:49
faire quelque chose d'assez simple et
00:09:51
après si euh comme moi vous souz prendre
00:09:52
un plan payant, moi j'ai pris par
00:09:55
exemple le plan junior à 25 dollars par
00:09:58
mois. Ça vous permet euh de d'envoyer
00:10:00
100 messages par mois. Donc les messages
00:10:01
en fait c'est les promptes que vous
00:10:05
mettez euh directement dans le chat.
00:10:07
Ça vous permet également d'avoir vos
00:10:10
projets privés de pouvoir intégrer
00:10:12
directement dans Kitub. Donc je vous
00:10:13
recommande quand même d'avoir au moins
00:10:15
le plan junior. Sinon après il y a
00:10:19
utilisateur un peu plus intensif. Mais
00:10:20
voilà, en tout cas, c'est bien de savoir
00:10:22
tout ça. Donc voilà pour la présentation
00:10:24
de cet outil. Dites-moi ce que vous en
00:10:26
pensez en commentaire. Hésitez pas non
00:10:27
plus à mettre un petit like si vous avez
00:10:29
aimé la vidéo et moi je vous dis à