Power Platform - Formation Microsoft PowerApps - Créer son application sans code Webcast

Vous souhaitez créer votre propre application sans coder ? Découvrez PowerApps dans "formation microsoft powerapps - créer son application sans code". Apprenez à assembler des éléments intuitivement, tout en utilisant des formules similaires à Excel. Rejoignez-nous pour transformer vos idées en applications mobiles et web fonctionnelles sans compétences en développement !

  • 47:43
  • 2644 vues
résultat(s)
00:00:03
low code de Microsoft là je dis low code
00:00:07
euh c'est-à-dire que il y a il y a pas vraiment.
00:00:12
De de langage de programmation euh de programmation en
00:00:14
fait lorsque vous allez créer une application contrairement aux
00:00:17
aux applications euh classiques que les développeurs euh créent en fait,
00:00:22
Power Ups n'a pas besoin de langage de programmation et d'ailleurs
00:00:25
pour ceux euh je ne pense pas qu'il y en a
00:00:27
parmi vous mais
00:00:29
euh si euh
00:00:30
par exemple vous êtes déjà développeur sachez que vous ne pouvez pas encore coder
00:00:34
dans Power apps,
00:00:35
c'est pas
00:00:37
euh Vraiment l'utilité de power ups en fait c'est pas la finalité euh
00:00:41
de cet outil
00:00:42
donc concrètement elle vous permet de créer
00:00:45
sans être développeur
00:00:47
des applications qui tournent
00:00:49
aussi bien sur ordinateur
00:00:50
que sur mobile.
00:00:52
Donc vous allez juste assembler visuellement des éléments
00:00:55
comme des boutons,
00:00:56
des listes,
00:00:57
des formulaires
00:00:58
puis vous décrivez leur comportement avec des formules
00:01:02
proches
00:01:02
d'Excel.
00:01:04
Pour ceux qui l'ont déjà expérimenté
00:01:06
en fait vous avez euh vous avez vu que
00:01:08
les les formules qu'on utilise dans Power Apps en fait
00:01:11
et euh est similaire aux euh formules excel
00:01:16
parce que
00:01:17
c'est c'est à la base en fait l'idée de Microsoft
00:01:19
c'est que c'est euh c'est de prendre les formules excel
00:01:23
et de l'implémenter
00:01:25
dans Powers pour que les gens qui s'y habituent déjà
00:01:28
avec euh Microsoft 365 puissent être à l'aise.
00:01:32
Avec
00:01:33
power apps
00:01:34
donc c'est ce que nous allons voir ici peut-être
00:01:36
qu'aujourd'hui nous n'allons pas dans cette première session,
00:01:38
nous n'allons pas tout de suite
00:01:39
écrire des formules,
00:01:41
mais quand même nous allons
00:01:43
euh
00:01:45
Essayer de créer euh
00:01:47
je vais essayer de vous montrer en fait les étapes
00:01:49
pour pouvoir créer une application.
00:01:52
Donc je vais d'abord
00:01:54
vous détailler un peu hein,
00:01:56
vous expliquer un peu l'interface
00:01:59
de.
00:02:00
En général
00:02:02
donc
00:02:04
euh tout d'abord,
00:02:04
vous devez vous connecter à
00:02:06
au portail Microsoft 365 hein,
00:02:08
je pense que euh
00:02:09
est-ce que tout le monde
00:02:11
est OK pour ça?
00:02:11
Est-ce que vous savez tous comment se connecter sur le portail Microsoft?
00:02:16
Oui.
00:02:17
c'est bon.
00:02:18
Parfait.
00:02:20
Donc lorsque vous êtes sur le portail de Microsoft en fait
00:02:23
vous allez juste dans la liste de de de vos applications
00:02:26
et puis
00:02:27
euh là vous avez power apps,
00:02:28
ça c'est pas c'est pas vraiment un gros problème
00:02:31
vous ouvrez Power apps
00:02:33
et puis là vous êtes sur l'interface d'accueil de Power Ups,
00:02:36
c'est pas encore l'interface de création,
00:02:38
c'est juste l'interface d'accueil
00:02:40
donc que
00:02:42
euh
00:02:44
Ici,
00:02:45
à droite.
00:02:47
Vous avez à gauche pardon vous avez ici
00:02:50
quelques boutons de navigation,
00:02:51
il y a trop de boutons en fait mais il y a des boutons que lorsqu'on débute en fait
00:02:55
on s'en sert pas vraiment
00:02:57
donc ce qui les boutons donc qui vont nous intéresser dans cette session
00:03:01
c'est
00:03:01
juste le bouton créé.
00:03:04
Et le bouton
00:03:05
application.
00:03:06
Si vous voulez aller plus loin,
00:03:08
donc en plus des deux sessions que nous avons déjà ici
00:03:12
euh et aussi avec les vidéos
00:03:14
euh de plus de 2 heures
00:03:16
sur la plateforme mandarine,
00:03:18
vous pouvez encore aller plus loin
00:03:20
en allant dans la partie
00:03:21
découvrir ce que Power Apps vu que oui ça fait euh je sais pas quatre ans
00:03:27
qu'il était là en fait.
00:03:29
euh C'est pour ça qu'ils ont en fait
00:03:31
mis
00:03:31
la section découvrir ici parce que c'est vraiment toute une formation
00:03:35
euh
00:03:35
que vous pouvez suivre en fait.
00:03:37
C'est c'est un peu du texte mais quand même
00:03:40
ça peut déjà vous aider à à aller plus loin
00:03:44
euh sur l'utilisation du logiciel par exemple là si je vais dans la partie formation
00:03:49
que là il y a même des formations qui qui dure 6 heures hein 3 heures
00:03:53
euh créer une application ici par exemple c'est
00:03:55
la base ici donc vous voyez que ça dure 4 heures
00:03:58
donc euh à vous moi je ne vais pas aborder ça dans cette session
00:04:02
mais vous pouvez y jeter un oeil.
00:04:04
Si euh
00:04:04
si si
00:04:06
si vous êtes intéressé en fait à
00:04:08
à aller plus loin
00:04:10
dans l'utilisation de cet outil
00:04:12
nous ce que nous allons faire en fait c'est
00:04:15
euh tout de suite créer une application.
00:04:18
Donc lorsque je vais dans euh
00:04:20
euh dans l'onglet créer en fait là vous avez plusieurs méthodes
00:04:24
pour créer
00:04:25
des applications.
00:04:26
Peut-être vous Audrey,
00:04:27
vous l'avez déjà vu ici hein,
00:04:28
ça c'est.
00:04:30
Ce sont donc les modèles.
00:04:32
Ici
00:04:34
OK donc si vous voulez commencer à partir des modèles,
00:04:36
vous allez juste chercher parmi les modèles ici
00:04:39
en fait
00:04:40
et vous allez juste cliquer moi je ne vais pas tout de suite le faire parce que
00:04:43
sinon il y a il y a trop de choses dans ces modèles-là on va s'y perdre.
00:04:46
très
00:04:46
très vite.
00:04:48
Et puis,
00:04:49
euh en haut ici,
00:04:50
vous avez donc euh plusieurs
00:04:53
possibilités.
00:04:54
Ici
00:04:55
donc soit vous allez donc démarrer avec copilot euh
00:04:59
euh copilot c'est l'intelligence artificielle de de Microsoft en fait
00:05:03
euh soit vous allez commencer euh à créer avec
00:05:05
copilot donc vous allez juste écrire un prompt hein
00:05:08
et il va
00:05:09
essayer du moins,
00:05:10
moi je je suis pas je suis pas arrivé,
00:05:12
je suis pas
00:05:13
très calé avec les IA donc euh mais vous vous pouvez tester
00:05:17
donc si vous êtes marié avec copilot,
00:05:19
vous
00:05:19
allez juste décrire
00:05:21
ce que vous avez besoin et il va le créer pour vous.
00:05:24
à vous d'expérimenter ça.
00:05:27
Et puis vous pouvez tout de suite commencer à partir des données,
00:05:30
c'est ce que nous allons faire après
00:05:31
donc euh données si vous avez déjà une source de données en fait,
00:05:35
vous pouvez juste en quelques clics créer une application fonctionnelle.
00:05:39
OK,
00:05:39
si vous allez commencer à partir des
00:05:41
données.
00:05:42
Et là vous avez commencé par une conception de page par exemple
00:05:47
est-ce que vous voulez que votre écran se divise en deux
00:05:51
ou en trois ou euh avec en tête section principale et pieds de page par exemple.
00:05:55
Et donc ça c'est déjà une mise en page structurée.
00:05:58
Mais quand même je vais vous montrer comment structurer votre mise en page
00:06:02
après.
00:06:03
Et
00:06:04
euh
00:06:05
la dernière chose si c'est la dernière méthode,
00:06:07
c'est qui démarrer
00:06:08
avec un canvas
00:06:09
vierge.
00:06:11
OK,
00:06:11
c'est ce que nous allons voir tout au long du du de notre tutoriel,
00:06:15
mais je vais d'abord vous montrer comment on peut déjà
00:06:18
sans connaissance créer une application fonctionnelle avec quelques clics.
00:06:22
Nous allons donc commencer
00:06:23
par
00:06:24
les
00:06:25
données.
00:06:25
Donc moi j'ai ce
00:06:27
ce fichier Excel.
00:06:28
Donc euh c'est c'est un fichier Excel
00:06:32
euh
00:06:33
Tu vas juste stocker les inventaires hein,
00:06:35
si c'est pas très compliqué ici
00:06:38
euh mais ce que je voulais vous montrer ici,
00:06:39
c'est que lorsque vous allez utiliser euh
00:06:42
euh
00:06:43
un tableau Excel pour créer votre application,
00:06:46
en fait vous devez
00:06:48
Vous euh vous êtes obligé
00:06:50
de le transformer sous forme de tableau.
00:06:52
Pour le transformer sous forme de tableau,
00:06:54
c'est ici.
00:06:55
Mettre sous forme de tableaux.
00:06:56
Moi,
00:06:57
je l'ai déjà
00:06:58
transformé
00:06:59
sous forme de tableaux.
00:07:00
Donc vous allez juste choisir parmi les visuels que vous voulez
00:07:03
et Excel va le transformer
00:07:05
automatiquement.
00:07:05
Puis
00:07:07
ici,
00:07:08
il faut absolument le nommer.
00:07:11
I.
00:07:13
Moi,
00:07:13
j'ai euh je l'ai nommé
00:07:15
inventaire.
00:07:16
OK.
00:07:16
Donc c'est le plus important si vous utilisez
00:07:18
une base de données Excel pour créer votre
00:07:22
euh votre application.
00:07:24
donc
00:07:25
Maintenant,
00:07:26
lorsque vos données sont prises,
00:07:28
il suffit juste de cliquer sur commencer par
00:07:30
les données.
00:07:32
ici
00:07:32
et là encore,
00:07:33
il y a trois choix
00:07:34
possibles,
00:07:35
soit vous allez créer
00:07:37
une nouvelle table si vous n'avez si vous n'avez pas de données.
00:07:41
Soit vous allez sélectionner des tables existantes,
00:07:43
ça c'est euh
00:07:44
euh
00:07:45
uniquement pour euh tape averse.
00:07:47
OK,
00:07:48
on va pas aussi aborder dataverse parce que c'est en fait
00:07:51
en en résumé dataverse c'est juste
00:07:54
une base de données euh
00:07:56
de Microsoft comme euh SQL et tout ça,
00:07:58
mais il est vraiment adapté
00:08:00
aux euh aux applications euh power apps.
00:08:04
OK.
00:08:06
Donc
00:08:06
nous ce que nous allons utiliser c'est se connecter aux données externes,
00:08:10
ce que notre donnée
00:08:11
c'est Excel,
00:08:12
même si c'est
00:08:13
même si c'est c'est une application de Microsoft Office,
00:08:16
sachez que
00:08:17
Microsoft Office c'est c'est vraiment autre chose que les power plateformes hein,
00:08:22
les euh les power.
00:08:24
euh Oui power plateforme comme Power PA,
00:08:27
Power Apps.
00:08:30
euh Power automate et tout ça
00:08:32
donc
00:08:33
Excel est une base de données externes.
00:08:37
Moi,
00:08:37
je vais cliquer sur se connecter aux données externes et là encore,
00:08:40
il y a trois choix.
00:08:41
Euh,
00:08:42
est-ce que quelqu'un connaît,
00:08:43
euh,
00:08:43
une liste SharePoint?
00:08:45
parmi vous?
00:08:48
Est-ce que vous avez déjà entendu parler
00:08:50
d'une liste Sharepoint?
00:08:54
OK,
00:08:54
les autres?
00:08:56
Aussi oui.
00:08:57
OK.
00:08:58
OK.
00:08:58
C'est comme une sorte de de table en fait,
00:09:00
c'est c'est à peu près la même chose qu'une table Excel,
00:09:03
sauf qu'il est euh beaucoup plus euh
00:09:05
plus maniable que les tables
00:09:08
euh que les tableaux Excel.
00:09:10
Mais nous,
00:09:10
nous allons utiliser
00:09:12
une base Excel,
00:09:13
donc moi je vais choisir à partir d'Excel.
00:09:15
si donc si c'est la première fois que vous faites ça,
00:09:18
sachez qu'il va vous demander de vous connecter.
00:09:20
à
00:09:21
votre compte professionnel
00:09:23
ici,
00:09:24
moi je l'ai déjà fait ici donc moi je vais juste.
00:09:27
Ici,
00:09:28
choisir l'emplacement,
00:09:29
pour moi,
00:09:29
c'est en OneDrive.
00:09:33
Si One Drive.
00:09:36
Euh ton
00:09:38
document,
00:09:38
je pense et puis Power apps.
00:09:42
Et il est là.
00:09:43
Donc vous voyez ça,
00:09:44
c'est notre euh
00:09:46
c'est le fichier Excel que je vous ai montré tout à l'heure et là.
00:09:50
C'est la table
00:09:51
parce que j'ai transformé
00:09:53
la base sous forme de
00:09:54
tableau
00:09:55
donc si vous n'avez pas transformé votre base sous forme de tableau,
00:09:58
sachez que Power apps ne peut pas
00:10:00
identifier,
00:10:01
il va juste euh
00:10:04
euh
00:10:04
trouver le fichier Excel mais lorsque vous développez comme ça il va rien trouver.
00:10:09
Donc sachez que dans une dans un fichier Excel,
00:10:11
vous pouvez avoir autant de tables.
00:10:14
que vous voulez
00:10:15
tant que là,
00:10:16
nous allons juste sélectionner celle-ci.
00:10:18
et
00:10:20
Là,
00:10:20
il vous demande en dessous générer automatiquement des valeurs dans une colonne.
00:10:24
En fait,
00:10:25
des valeurs euh ça c'est comme euh
00:10:28
Si par exemple,
00:10:28
moi j'ai déjà
00:10:30
des
00:10:30
des ID ici,
00:10:32
donc j'ai plus besoin que Power apps euh
00:10:36
le créer.
00:10:36
En fait,
00:10:37
les ID en fait,
00:10:38
c'est une identification unique
00:10:40
de chaque ligne,
00:10:41
de chaque enregistrement
00:10:43
de votre
00:10:44
table.
00:10:45
OK donc moi j'ai déjà ici mais si vous vous n'avez pas encore
00:10:49
une identification unique,
00:10:50
donc laissez Power apps
00:10:52
le créer.
00:10:52
Moi j'en ai déjà donc moi je vais juste
00:10:54
sélectionner une colonne existant et puis là même il l'a
00:10:58
l'a tout de suite identifié que c'est ça
00:11:00
produit ID
00:11:01
et je crée
00:11:03
mon application,
00:11:03
c'est tout.
00:11:05
Là,
00:11:06
on attend juste quelques secondes et vous
00:11:08
allez voir que l'application est déjà terminée.
00:11:12
Ah,
00:11:12
juste attendre quelques secondes.
00:11:24
Là,
00:11:24
c'est plus ou moins lent,
00:11:25
ça dépend de
00:11:27
de la taille de votre passe de données hein.
00:11:30
Si vous avez euh
00:11:31
5000 lignes.
00:11:34
Forcément,
00:11:34
ça va être un peu plus lent.
00:11:37
La la source des données,
00:11:39
elle doit être obligatoirement stocker sur du OneDrive du SharePoint
00:11:41
ou on peut aller la chercher sur un ordinateur?
00:11:44
Non,
00:11:44
il faut,
00:11:45
il faut qu'il soit stocké sur OneDrive
00:11:48
parce que là,
00:11:49
tout à l'heure j'ai pas le choix euh
00:11:52
charger le fichier.
00:11:54
J'ai pas cette option là.
00:11:55
OK donc il faut absolument qu'il euh ah oui là
00:11:59
je pense qu'il ne fonctionne pas parce que c'est normal là j'ai ouvert
00:12:02
mon classe
00:12:03
Excel,
00:12:04
juste,
00:12:05
j'ai fait une erreur
00:12:07
ici.
00:12:08
source de données
00:12:10
Excel,
00:12:11
je cherche
00:12:12
ma table.
00:12:14
Normal parce que là j'ai ouvert euh
00:12:17
en fichier Excel en fait donc c'est normal qu'il ne
00:12:20
peut pas se connecter.
00:12:24
documents.
00:12:28
euh Power Ups il est là,
00:12:29
il est là,
00:12:30
il est là.
00:12:32
produit ID.
00:12:36
Et là,
00:12:36
ça devrait
00:12:37
fonctionner.
00:13:01
Ah.
00:13:02
Bah,
00:13:02
il ne trouve
00:13:03
pas ma base de données.
00:13:10
um
00:13:13
C'est bizarre,
00:13:14
c'est bizarre
00:13:16
là.
00:13:17
J'ai bien
00:13:19
parce que vous voyez là,
00:13:20
il a même euh
00:13:22
ici euh trouvé mes colonnes,
00:13:24
peut-être que c'est au niveau de ma
00:13:26
connexion au niveau des données.
00:13:29
normalement,
00:13:30
je viens de l'essayer tout à l'heure,
00:13:32
ça a fonctionné,
00:13:33
c'est bizarre juste un instant
00:13:35
parce que là,
00:13:35
peut-être que c'est au niveau de connexion ici,
00:13:38
en fait,
00:13:39
donc je vais juste
00:13:40
ajouter une nouvelle connexion.
00:13:49
Peut-être,
00:13:50
peut-être,
00:13:51
peut-être,
00:13:51
normalement ça devrait
00:13:54
fonctionner,
00:13:55
mais je je te quitter.
00:13:58
les autres ici.
00:14:06
Power ups.
00:14:17
là,
00:14:17
ça devrait
00:14:19
fonctionner.
00:14:24
Lorsqu'il y a des choses qui sont ouverts en parallèle en fait,
00:14:26
tant qu'il n'aiment pas vraiment,
00:14:28
qu'il y a des choses qui s'ouvrent en parallèle.
00:14:31
Donc c'est c'est à cause de ça,
00:14:32
en fait,
00:14:33
mais
00:14:33
là il a il a compris en fait que non,
00:14:36
là,
00:14:36
il ne peut pas en fait.
00:14:38
et tout.
00:14:41
euh bon,
00:14:42
c'est pas grave.
00:14:44
C'est pas grave.
00:14:46
parce que là les données ne veut pas se connecter.
00:14:55
Ah oui,
00:14:56
j'ai compris parce qu'il veut pas en fait.
00:15:02
Attendez je vais vous montrer
00:15:03
l'erreur en fait
00:15:05
il n'a pas de source
00:15:07
unique en fait tant qu'il veut pas mes mes ID
00:15:10
donc c'est à cause de ça.
00:15:13
Si.
00:15:16
I powerapse
00:15:19
ici donc je laisse
00:15:20
en fait power apps
00:15:23
ici générer.
00:15:24
euh Une colonne
00:15:26
ID donc c'est pas grave,
00:15:27
c'est pas bien grave.
00:15:29
C'est à cause de ça en fait.
00:15:53
Et là,
00:15:54
c'est bon.
00:15:55
Là donc,
00:15:56
il a compris
00:15:57
parce que là j'ai pas l' ID en fait,
00:15:59
attendez,
00:15:59
je vais vous montrer
00:16:01
en fait le fichier Excel.
00:16:02
Donc Power ça créé automatiquement une colonne d'identi- euh une colonne
00:16:07
ID,
00:16:07
une identification
00:16:09
unique.
00:16:11
ici.
00:16:13
Ah!
00:16:14
Comme ça.
00:16:16
V Power apps
00:16:17
m'a créé
00:16:17
cette colonne là c'est une identification
00:16:20
unique donc sachez que cette application est déjà fonctionnelle,
00:16:23
je peux le lancer ici avec le bouton aperçu
00:16:26
ici
00:16:27
en haut avec le bouton euh exécuté ici,
00:16:29
je lance l'application,
00:16:31
je sélectionne par exemple celle-ci,
00:16:32
on va tester
00:16:34
celle-ci c'est euh
00:16:36
c'est le catégorie périphériqueless mouse donc que c'est périphérique euh
00:16:45
il est périphérique ici
00:16:47
wireless mouse c'est ça,
00:16:49
c'est celle-ci.
00:16:50
Donc je vais juste
00:16:51
ajouter un S au niveau du mouse,
00:16:54
vous rentrez
00:16:55
ici je clique sur modifier
00:16:57
et j'ajoute juste un S.
00:16:59
Ici,
00:17:00
c'est comme ça.
00:17:02
Et je valide.
00:17:03
Comme ça et là on va regarder ici là il a
00:17:07
j'attends l'actualisation mais là
00:17:09
il va
00:17:10
automatiquement vous voyez qu'il a ajouté un S
00:17:13
ici dans
00:17:13
le fichier
00:17:14
Excel donc ça c'est déjà une application fonctionnelle en quelques
00:17:18
clics en fait nous avons créé une application fonctionnelle.
00:17:21
Je peux même créer
00:17:23
un nouveau ici
00:17:25
donc je vais dire ici euh je vais juste n'importe quoi ici catégorie euh
00:17:30
euh
00:17:31
électronique par exemple.
00:17:35
Je vais juste laisser comme ça
00:17:36
et puis je valide.
00:17:41
Et dans notre base Excel,
00:17:42
normalement il va l'ajouter
00:17:44
juste quelques secondes de synchronisation parce que ça c'est Excel.
00:17:49
Il va
00:17:50
normalement
00:17:51
l'ajouter
00:17:52
dans
00:17:52
notre
00:17:53
base de données donc là aussi ça dépend
00:17:56
du connexion
00:17:57
de la connexion en fait mais là normalement il va
00:18:01
Ajoutez ça directement.
00:18:04
ici,
00:18:05
si je vais
00:18:09
actuelle idéal même enlevé.
00:18:12
Parce que moi j'ai en mais bon,
00:18:13
c'est pas grave.
00:18:14
Là,
00:18:14
c'est déjà
00:18:15
en fait
00:18:16
une euh une application
00:18:19
euh fonctionnelle.
00:18:20
OK.
00:18:22
Donc,
00:18:22
euh,
00:18:23
là
00:18:24
Vous pouvez déjà donc partir
00:18:27
euh
00:18:28
d'une source de données existant pour créer votre
00:18:31
application.
00:18:33
Mais moi je vais vous montrer comment partir vraiment de zéro
00:18:37
lorsque vous allez créer votre
00:18:38
application.
00:18:39
Donc vous allez choisir cette option-là
00:18:42
ici démarrer
00:18:43
avec un canevas
00:18:44
vierge.
00:18:46
Et là lorsque vous allez démarrer avec un carne vierge,
00:18:48
il va vous demander la taille de votre euh de de de votre application c'est-à-dire
00:18:53
sur quel appareil vous allez utiliser votre application donc là il y a trois types.
00:18:58
euh de taille que vous pouvez choisir,
00:19:00
tablette,
00:19:01
téléphone
00:19:02
ou bien
00:19:03
réactif,
00:19:04
réactif en fait,
00:19:05
c'est
00:19:07
que c'est que votre application s'adapte
00:19:10
automatiquement aux différents types d'écran
00:19:12
que ce soit bureau,
00:19:13
tablette ou téléphone mais ça c'est pas automatique hein il faut que vous
00:19:17
vous le rendez
00:19:19
euh euh
00:19:20
dynamique réactif.
00:19:22
Donc pour l'instant,
00:19:23
nous allons choisir
00:19:24
tablette
00:19:25
parce qu'on peut toujours le changer
00:19:28
après moi j'ai choisi
00:19:29
tablette.
00:19:31
Mm.
00:19:32
Donc la première chose que vous devez faire lorsque
00:19:35
vous allez créer votre application à partir de zéro,
00:19:38
c'est de connecter
00:19:40
votre source de
00:19:41
données.
00:19:42
Mais avant de connecter votre source de données quand même je vais vous
00:19:46
euh
00:19:46
je vais vous expliquer.
00:19:48
Globalement en fait l'interface de création
00:19:51
de
00:19:51
euh de power ups
00:19:53
donc il y a il y a plein de boutons ici mais en fait
00:19:56
il n'y a que quelques boutons qui vont euh qui vont nous intéresser
00:20:00
pour pouvoir créer des applications
00:20:02
euh du moins lorsqu'on débute sur la création
00:20:05
euh d'application donc ce qui va nous intéresser ici c'est
00:20:10
Tout d'abord
00:20:11
ici,
00:20:11
la partie
00:20:12
arborescence,
00:20:14
la partie gauche ici
00:20:16
que vous pouvez
00:20:18
pouvez donc
00:20:19
accéder à cette cette fenêtre voilà via
00:20:22
cet onglet là.
00:20:24
Et
00:20:24
vous avez aussi ici l'anglais.
00:20:27
données,
00:20:27
c'est là que vous allez
00:20:29
en fait connecter votre source de
00:20:31
données donc moi je vais tout de suite
00:20:34
connecter
00:20:35
la source de données ici donc je vais cliquer sur ajouter des données
00:20:39
donc nous
00:20:40
Les données que nous allons utiliser,
00:20:42
c'est toujours ce fichier Excel là
00:20:44
tant que moi je vais
00:20:46
chercher
00:20:47
Excel.
00:20:49
Ici.
00:20:50
Excel online
00:20:52
business.
00:20:54
Parce que c'est toujours stocké sur OneDrive.
00:20:57
Donc ici,
00:20:58
je vais sélectionner mon profil.
00:20:59
Normalement vous vous devez encore euh vous devez
00:21:03
connecter votre compte professionnel.
00:21:04
Là,
00:21:04
moi je l'ai déjà fait,
00:21:05
mais normalement si vous ne l'avez pas encore connecté,
00:21:07
il va vous demander
00:21:09
de saisir l'adresse e-mail
00:21:11
et euh votre mot de passe.
00:21:12
Et puis comme tout à l'heure,
00:21:14
OneDrive.
00:21:16
En drive
00:21:18
Document
00:21:19
Comme ça,
00:21:20
il est là
00:21:21
et là,
00:21:21
il faut sélectionner la table
00:21:23
que vous voulez
00:21:24
importer,
00:21:25
se connecter
00:21:26
et là il va nous redemander en fait là on on
00:21:28
l'a déjà parce qu'il l'a créé tout à l'heure Power apps IT
00:21:33
et
00:21:34
Je valide.
00:21:36
va se connecter donc là,
00:21:37
vous voyez ici
00:21:40
Votre donnée source
00:21:41
et
00:21:42
connectez donc petite parenthèse,
00:21:44
sachez que vous pouvez connecter
00:21:45
autant de données que vous voulez dans une application par apps.
00:21:48
Si vous utilisez par exemple un fichier Excel,
00:21:51
une liste SharePoint,
00:21:53
euh une page dataverse euh
00:21:56
une base SQL et tout ça donc vous pouvez les connecter
00:22:00
en même temps ici pour pouvoir les exploiter
00:22:02
dans votre
00:22:03
application.
00:22:04
Maintenant je vais revenir ici dedans.
00:22:08
euh
00:22:08
dans euh dans la fenêtre arborescence
00:22:11
je reclique ici
00:22:12
et qu'est-ce qu'on trouve ici dans l'arborescence
00:22:14
en fait vous avez tous vos écrans.
00:22:16
bah par défaut,
00:22:17
il y a euh l'écran un
00:22:19
mais
00:22:20
sachez que dans une application,
00:22:21
il peut y avoir plusieurs écrans.
00:22:23
OK par exemple l'écran accueil,
00:22:25
l'écran pour visualiser les données,
00:22:27
euh un écran pour euh
00:22:29
pour euh modifier les données
00:22:31
un écran par exemple pour les paramètres,
00:22:34
ça dépend de l'application que vous voulez créer donc par défaut
00:22:37
pwer apps.
00:22:38
ajoute déjà un écran par défaut qu'il a nommé Screen.
00:22:43
Donc ça c'est
00:22:45
important,
00:22:45
ça,
00:22:45
c'est la première chose
00:22:47
important,
00:22:48
l'arborescence.
00:22:49
Maintenant ici.
00:22:52
deuxième bouton que nous allons utiliser que vous allez
00:22:54
utiliser souvent lorsque vous allez créer votre application,
00:22:57
c'est le bouton.
00:22:58
inséré.
00:23:00
vu que Power,
00:23:01
c'est un outil de création d'application.
00:23:06
donc
00:23:07
les éléments qui vont constituer votre future application en fait
00:23:12
euh se trouvent dans ce bouton là.
00:23:15
en cette
00:23:17
onglet là ici,
00:23:18
donc vous pouvez par exemple insérer.
00:23:20
Un bouttan
00:23:22
euh
00:23:24
étiquette de texte,
00:23:25
formulaires.
00:23:27
une entrée de texte,
00:23:29
une galerie,
00:23:30
une image,
00:23:30
une icône,
00:23:31
tout ce que vous voulez en fait,
00:23:33
c'est dans cet bouton-là que vous allez
00:23:35
pouvoir
00:23:36
l'insérer.
00:23:37
Par exemple,
00:23:37
si je vais insérer un bouton,
00:23:39
ça
00:23:40
et
00:23:41
là vous allez juste faire un glissé,
00:23:42
déposer par exemple ce bouton-là,
00:23:44
je vais le placer ici.
00:23:46
Et par exemple,
00:23:47
je vais insérer une étiquette de texte,
00:23:48
cette étiquette-là je vais le placer ici par exemple,
00:23:51
je peux insérer une image,
00:23:53
sachez qu'ici il y a une part de recherche.
00:23:56
ici
00:23:57
l'image par exemple je peux le placer ici
00:24:00
donc tout ce que
00:24:02
euh
00:24:03
Tous les objets qui vont constituer votre future application en fait,
00:24:06
vous allez le chercher
00:24:08
ici.
00:24:08
Vous allez juste faire hein
00:24:10
euh vous allez juste le le le placer sur votre écran
00:24:14
et c'est tout.
00:24:15
OK
00:24:16
donc ça.
00:24:18
Jusqu'ici,
00:24:19
avez-vous des questions?
00:24:22
C'est bon jusque-là,
00:24:23
pour tout le monde?
00:24:24
Oui.
00:24:26
OK
00:24:27
ça va.
00:24:29
Maintenant?
00:24:34
Lorsque vous allez
00:24:36
euh insérer un objet,
00:24:37
par exemple un bouton
00:24:38
ici.
00:24:40
Donc euh
00:24:40
pour pouvoir configurer
00:24:42
ce bouton-là,
00:24:44
il y a la fenêtre propriété.
00:24:47
à droite
00:24:48
de votre écran donc cette fenêtre là va vous permettre en fait de configurer
00:24:53
l'objet que vous êtes en train de sélectionner.
00:24:55
Là,
00:24:55
c'est important
00:24:56
donc il y a toutes ces options-là,
00:24:58
par exemple,
00:24:59
si je vais zoomer un peu
00:25:01
sa position en XY,
00:25:03
sa taille,
00:25:05
euh
00:25:05
sa couleur,
00:25:07
bordure,
00:25:07
police,
00:25:08
tout ce que
00:25:10
Tout ce qui concerne ce bouton-là vous pouvez le
00:25:12
configurer
00:25:13
ici par exemple je vais modifier,
00:25:15
on passe sa couleur.
00:25:18
Comme ça là,
00:25:18
c'est pas visible,
00:25:19
comme ça par exemple.
00:25:21
OK.
00:25:21
Donc sachez que chaque élément
00:25:23
a
00:25:24
ses propres propriétés hein par exemple un rectangle,
00:25:27
ici,
00:25:27
là il y a que il y a que ça.
00:25:29
OK.
00:25:30
Position,
00:25:30
taille,
00:25:31
couleur
00:25:31
et ainsi de suite.
00:25:33
OK,
00:25:34
donc euh
00:25:35
ça les trois éléments essentiels lorsque
00:25:38
vous allez créer votre application donc c'est
00:25:41
La fenêtre arborescence parce que c'est là
00:25:44
que vous allez trouver
00:25:46
tous les éléments insérés sur votre écran.
00:25:49
Là on a l'écran un,
00:25:50
là on a l'objet bouton ici,
00:25:52
si vous insérez
00:25:53
un rectangle,
00:25:54
là vous avez votre rectangle ici
00:25:57
et ainsi de suite.
00:25:57
Donc ça c'est les euh
00:25:59
l'éléments que vous devez
00:26:01
avoir.
00:26:02
Et puis
00:26:03
le bouton insertion,
00:26:04
c'est là que vous allez tout insérer.
00:26:07
Et puis
00:26:08
la fenêtre propriété qui va vous permettre de modifier
00:26:13
vos éléments.
00:26:14
et puis enfin
00:26:16
la part de formule
00:26:18
qui se situe
00:26:19
ici.
00:26:21
Ça ça rappelle un peu Excel hein.
00:26:23
Donc
00:26:23
ça c'est la barre de formule,
00:26:25
c'est là que vous allez insérer vos formules en fait pour
00:26:31
définir les comportements de vos
00:26:34
objets.
00:26:35
Par exemple,
00:26:37
lorsque je clique sur ce bouton-là,
00:26:39
je veux faire quelque chose,
00:26:40
donc c'est dans cette barre de formule-là
00:26:43
que vous allez
00:26:44
taper votre
00:26:45
formule.
00:26:47
OK,
00:26:47
donc ça,
00:26:49
c'est la base.
00:26:51
Maintenant,
00:26:52
en fait là j'ai dit tout à l'heure que lorsque vous allez créer votre application,
00:26:56
oui vous pouvez le faire hein,
00:26:58
en faisant juste des glisser,
00:26:59
déposer,
00:27:00
placer manuellement vos
00:27:02
vos éléments sur euh sur l'écran,
00:27:04
ça peut fonctionner
00:27:06
si
00:27:06
je dis bien si.
00:27:09
La taille de de l'écran que vous euh
00:27:11
que euh ou votre application sera déployée sera toujours
00:27:15
le même,
00:27:16
c'est-à-dire par exemple là j'ai choisi le format
00:27:19
tablette
00:27:20
donc si
00:27:22
Toutes les personnes qui utiliser cette application utilisent
00:27:25
le même tablette,
00:27:26
donc ça c'est OK
00:27:28
mais imaginez si
00:27:29
les personnes qui utilisent votre application il y a des
00:27:32
il y a des il y a des gens qui utilisent des tablettes,
00:27:34
il y a des gens qui utilisent son PC,
00:27:35
il y a des gens qui utilisent leur portable,
00:27:38
c'est pas,
00:27:39
ça ne fonctionnera pas
00:27:41
parce que
00:27:42
si par exemple j'insère ce bouton-là.
00:27:45
Ici,
00:27:46
si par exemple,
00:27:47
et je lance une aperçu.
00:27:49
Ici,
00:27:49
là,
00:27:49
c'est bon,
00:27:50
parce que là,
00:27:50
je suis sur ordinateur.
00:27:52
Si je suis sur tablette iPad
00:27:54
là aussi c'est bon
00:27:55
je vois toujours
00:27:56
le bouton
00:27:57
mais imaginez si
00:27:59
Luc a utilise unhone huit par exemple
00:28:03
là c'est bon parce qu'il est à l'horizon à
00:28:05
l'horizontale mais s'il l'utilise comme ça vous voyez que là
00:28:08
il y a cette grosse bordure là
00:28:11
qui s'affiche en haut donc votre votre application ne s'adapte pas
00:28:15
à tout type
00:28:16
d'écran.
00:28:18
Donc,
00:28:19
pour remédier à ça,
00:28:20
tout d'abord,
00:28:20
notez bien,
00:28:22
notez bien celle-ci.
00:28:23
Vous allez tout d'abord
00:28:25
dans le paramètre,
00:28:26
ça c'est le premier réflexe
00:28:27
après que vous ayez
00:28:29
importé votre donnée.
00:28:32
Donc,
00:28:33
après que vous ayez importé votre donnée,
00:28:37
vous devez aller dans paramètre ici en dessous.
00:28:39
Paramètres.
00:28:42
Comme ça
00:28:43
et dans affichage.
00:28:45
vous allez
00:28:46
décocher.
00:28:48
Ici,
00:28:49
Mettre à l'échelle
00:28:51
pour ajuster,
00:28:52
je vais vous montrer.
00:28:53
Gardez bien hein,
00:28:54
je lance l'application sur téléphone,
00:28:55
vous voyez que là,
00:28:57
il l'a
00:28:57
étiré
00:28:58
en fait,
00:28:59
il n'y a rien ici tout ce qu'il garde en fait
00:29:01
ce format paysage,
00:29:03
ça c'est pas bien parce que c'est ça c'est c'est c'est pas visible du tout hein,
00:29:07
surtout s'il y a des petits textes dans paramètre
00:29:10
affichage,
00:29:11
vous allez
00:29:12
désactiver
00:29:13
ce bouton là mettre à l'échelle pour ajuster.
00:29:17
Et c'est tout.
00:29:18
Maintenant si je lance l'application là il remplit l'écran.
00:29:21
Sauf que
00:29:22
le temps a disparu ici,
00:29:23
c'est normal parce que là on est en pharma.
00:29:26
Portrait.
00:29:27
Et si je je modifie l'orientation,
00:29:29
là aussi il a perdue parce que c'est pas la même taille
00:29:32
que
00:29:34
Un tablette
00:29:35
comme ça
00:29:36
OK,
00:29:37
jusque là c'est bon donc notez bien n'oubliez pas de décocher
00:29:39
cette option là lorsque vous allez commencer à créer votre application.
00:29:43
Maintenant?
00:29:46
vous devez
00:29:48
au lieu donc de
00:29:51
Faire des clissés des bossés vous pouvez le faire hein si vous vous assurez que
00:29:55
vous aurez toujours la même taille d'applica- d'écran
00:29:58
mais moi je vous montre ici une autre technique en fait en utilisant les conteneurs
00:30:02
dans insérer
00:30:03
si je tape conteneur,
00:30:05
là nous avons donc trois types de conteneurs.
00:30:09
horizontal,
00:30:11
vertical et conteneur simple.
00:30:13
Nous ce que nous allons utiliser c'est
00:30:15
horizontal ou vertical.
00:30:17
Donc
00:30:18
quelle est la différence
00:30:20
si par exemple ici
00:30:22
j'insère un bouton ici je peux
00:30:24
librement le déplacer
00:30:26
ok
00:30:26
mais si par exemple j'insère un conteneur
00:30:29
horizontal ici
00:30:31
Comme ça?
00:30:33
je peux l'agrandir
00:30:34
et que j'insère
00:30:36
un bouton.
00:30:38
si à l'intérieur je peux pas
00:30:40
déplacer en fait c'est ce conteneur là qui va
00:30:43
définir le euh la position des éléments à l'intérieur
00:30:48
de ce conteneur
00:30:49
donc là j'ai inséré un conteneur donc à l'intérieur de ce conteneur là
00:30:53
j'ai ajouté un bouton et je peux même ajouter autre chose
00:30:57
et que là c'est
00:31:00
Du texte par exemple un autre bouton
00:31:03
ici un rectangle.
00:31:04
Vous voyez que là j'ai choisi un conteneur
00:31:06
horizontal,
00:31:07
donc les éléments
00:31:09
se placent
00:31:10
automatiquement ici
00:31:12
à
00:31:13
l'horizontal
00:31:14
comme ça.
00:31:15
Mais moi,
00:31:16
si par exemple j'ai choisi un conteneur.
00:31:20
vertical.
00:31:21
ici.
00:31:23
Comme ça et que j'ajoute des éléments à l'intérieur.
00:31:26
comme ça.
00:31:27
ces éléments-là
00:31:29
L'altra
00:31:30
à la verticale
00:31:32
ici
00:31:33
comme ça
00:31:33
ok c'est la seule différence entre conteneur
00:31:36
horizontal et vertical mais à quoi ça sert
00:31:38
ce conteneur-là moi par exemple ici je vais
00:31:41
utiliser conteneur
00:31:43
horizontale,
00:31:44
comme ça,
00:31:44
et moi,
00:31:45
je fais.
00:31:46
ici,
00:31:48
L'agrandir,
00:31:49
le déplacer en plus et j'ajoute un bouton.
00:31:53
Comme ça
00:31:54
OK,
00:31:54
évidemment ce bouton-là se place toujours sur le coin supérieur gauche
00:31:58
du conteneur
00:31:59
mais en fait dans le panneau propriétaire lorsque je
00:32:01
sélectionne ce conteneur là il y a en fait
00:32:04
deux types de justifications.
00:32:07
ici.
00:32:09
Comme ça
00:32:09
justification horizontale et justification
00:32:12
alignement vertical
00:32:13
ici.
00:32:14
Donc c'est
00:32:15
cet élément-là qui va définir l'emplacement des
00:32:18
objets que j'ai placé dans ce conteneur.
00:32:20
Par exemple je le centre
00:32:22
comme ça.
00:32:23
Et je vais le centre,
00:32:24
comme ça.
00:32:25
Par exemple,
00:32:26
là,
00:32:26
il est au milieu,
00:32:27
donc peu importe la taille de mon écran.
00:32:31
Comme ça,
00:32:32
ce bouton-là restera toujours
00:32:34
au milieu
00:32:35
parce que
00:32:36
il est
00:32:37
dans un conteneur,
00:32:37
on ne peut pas le déplacer,
00:32:39
c'est la taille de l'écran.
00:32:42
qui va le faire
00:32:44
déplacer.
00:32:46
Pour l'instant,
00:32:46
ça sert à rien parce que c'est c'est
00:32:48
moi qui déplace manuellement le conteneur en fait,
00:32:50
il suit pas la taille
00:32:52
de
00:32:52
l'écran un.
00:32:54
Donc
00:32:55
moi si je veux qu'il suit la taille de l'écran un
00:32:58
là accrochez-vous,
00:32:59
c'est notre première fonction
00:33:00
dans power apps
00:33:02
en fait vous voyez que là ici.
00:33:05
dans le panneau de propriété,
00:33:06
nous avons ici
00:33:07
largeur
00:33:09
et hauteur
00:33:09
donc par défaut.
00:33:11
Pas par défaut,
00:33:12
mais c'est ce que j'ai j'ai fait tout à l'heure hein.
00:33:14
Vous voyez que lorsque je bouge la taille
00:33:16
du conteneur ici,
00:33:17
si la taille aussi bouge.
00:33:19
Comme ça,
00:33:20
mais moi je veux en fait que
00:33:21
la largeur et la hauteur suivent
00:33:24
suivent automatiquement
00:33:26
la taille
00:33:27
de mon écran donc moi ce que je vais faire,
00:33:29
je clique.
00:33:31
Sur largeur,
00:33:32
pas
00:33:33
à l'intérieur hein mais
00:33:35
sur le mot largeur.
00:33:36
Pourquoi
00:33:37
lorsque je clique ici,
00:33:38
vous voyez que
00:33:39
automatiquement je je peux
00:33:42
coder,
00:33:42
je peux ajouter une formule dans la partie
00:33:45
largeur.
00:33:46
Bien par exemple hauteur,
00:33:48
je peux
00:33:49
ajouter
00:33:50
ici une formule pour
00:33:52
piloter
00:33:53
l'auteur.
00:33:54
D'ailleurs ici en anglais hein c'est juste en anglais ici c'est
00:33:58
ça
00:33:58
ça veut dire hauteur si je choisis largeur,
00:34:01
ici c'est
00:34:02
comme
00:34:03
largeur.
00:34:05
Donc pour la largeur,
00:34:06
je veux.
00:34:08
qu'ils suivent
00:34:09
la taille
00:34:10
de l'écran.
00:34:11
Comment je fais,
00:34:12
ça c'est notre première formule,
00:34:14
je zoom un peu
00:34:15
que vous puissiez voir c'est
00:34:16
parent.
00:34:19
Quoi?
00:34:21
W
00:34:22
Oui,
00:34:23
c'est largeur.
00:34:23
Je vais vous expliquer ça parent.
00:34:27
Ici,
00:34:27
c'est pour ça que c'est important d'avoir l'arborescence parce que parent,
00:34:31
ici,
00:34:32
c'est
00:34:36
Le
00:34:36
screen
00:34:37
one parce que notre conteneur il est ici,
00:34:40
donc sans parents,
00:34:41
forcément c'est
00:34:42
screen
00:34:43
one
00:34:44
mais
00:34:45
je peux hein,
00:34:46
je peux tout de suite écrire
00:34:48
screen.
00:34:50
One.
00:34:51
Point 8,
00:34:52
c'est la même chose.
00:34:54
OK,
00:34:55
mais c'est mieux
00:34:56
de tout de suite faire parent
00:34:58
point
00:34:59
8.
00:35:00
Comme ça.
00:35:01
Évidemment,
00:35:01
il faut bien le caler ici hein.
00:35:03
Moi ce que je vous conseille,
00:35:04
c'est toujours mettre la position X et Y
00:35:06
à 0,
00:35:07
comme ça il se cale parfaitement
00:35:10
sur notre écran.
00:35:11
Et puis on va faire la même chose pour auteur.
00:35:14
Si soit screen one,
00:35:16
donc le nom de l'écran ici
00:35:18
ou bien on peut juste mettre parent
00:35:20
point
00:35:21
hate
00:35:22
comme auteur.
00:35:23
Et là,
00:35:26
Il va
00:35:26
automatiquement euh donc ce conteneur là adapte
00:35:29
automatiquement sa taille par rapport à la taille
00:35:32
de
00:35:33
l'écran,
00:35:34
je vais lancer l'application.
00:35:36
et que peu importe la taille de mon écran,
00:35:38
il reste ce bouton-là restera toujours
00:35:40
au centre.
00:35:41
Donc il n'y a pas une perte d'information
00:35:43
dans votre application.
00:35:45
Peu importe la taille taille du canvas,
00:35:48
iPhone 11,
00:35:49
iPhone 11 en format paysage,
00:35:51
le bouton restera toujours
00:35:53
au centre.
00:35:55
Est-ce que c'est bon,
00:35:56
c'est ça
00:35:57
il y a un peu de logique hein,
00:35:59
il y a un peu de logique,
00:35:59
mais est-ce que vous avez compris
00:36:01
cette logique-là
00:36:03
en fait,
00:36:03
si vous avez des questions n'hésitez pas hein,
00:36:05
n'hésitez pas.
00:36:09
C'est bon jusqu'ici,
00:36:13
vous comprenez bien la logique hein
00:36:15
c'est pas au niveau de de l'insertion et tout ça,
00:36:18
mais au niveau de la logique,
00:36:19
c'est OK pour tout le monde.
00:36:21
Les autres Audrey,
00:36:22
Stéphane,
00:36:23
c'est bon pour vous?
00:36:25
Oui,
00:36:25
c'est bon.
00:36:26
Parfait.
00:36:27
Donc,
00:36:28
en fait.
00:36:29
un conteneur.
00:36:32
peut contenir
00:36:34
d'autres conteneurs.
00:36:36
à l'intérieur d'un conteneur.
00:36:38
Donc par exemple ce conteneur-là peut contenir
00:36:41
d'autres conteneurs et le conteneur à l'intérieur
00:36:43
peut encore contenir un autre conteneur et ainsi de suite ainsi de suite.
00:36:47
Avant de terminer alors je vais prendre un exemple concret.
00:36:50
Par exemple,
00:36:51
moi,
00:36:52
J'ai besoin
00:36:54
de créer une application par exemple ici avec un menu.
00:36:57
À gauche?
00:37:00
en tête.
00:37:02
en haut
00:37:03
et l'affichage des données,
00:37:04
pourquoi pas ici?
00:37:06
Au milieu.
00:37:07
Donc pour cela,
00:37:09
ce que je vais faire qu'il y a trop de conteneurs,
00:37:11
donc je vais créer un conteneur principal.
00:37:16
Donc on va dire conteneur horizontal,
00:37:18
comme ça,
00:37:19
je vais mettre la position X et Y à zéro.
00:37:22
Comme ça,
00:37:23
et puis
00:37:25
Je vais
00:37:26
sur
00:37:27
largeur.
00:37:29
Parent.
00:37:31
En huit.
00:37:32
Et
00:37:35
Parents.
00:37:36
Point.
00:37:39
Comme ça,
00:37:40
là,
00:37:40
c'est parfait donc à l'intérieur de ce conteneur-là,
00:37:43
je vais ajouter un autre conteneur,
00:37:44
cette fois-ci,
00:37:45
vertical pour les menus.
00:37:48
Pour les menus,
00:37:49
ici,
00:37:50
parce que les menus,
00:37:51
on sait que les menus se placent
00:37:53
à la verticale comme ça hein.
00:37:56
Donc je dois créer un conteneur
00:37:58
vertical
00:37:59
à l'intérieur de celle-ci.
00:38:02
conteneurs.
00:38:04
Comme ça,
00:38:05
vertical.
00:38:06
Donc forcément il va s'adapter automatiquement à la taille de
00:38:09
ce conteneur-là.
00:38:11
Donc ce que je vais faire ici dans le panneau de propriété
00:38:14
que là il y a
00:38:15
largeur flexible
00:38:17
lorsque vous voyez dans power apps largeur flexible
00:38:20
ou hauteur flexible,
00:38:22
ça dépend de l'orientation de votre conteneur,
00:38:24
ça veut dire que
00:38:25
il va s'adapter automatiquement par rapport à la taille.
00:38:30
du conteneur principal
00:38:32
mais on peut désactiver ça nous on est sur un conteneur
00:38:35
vertical donc ici c'est forcément de largeur donc je décoche.
00:38:39
ce montant-là et vous voyez que là,
00:38:41
au niveau de sa hauteur,
00:38:42
il va toujours suivre
00:38:44
mais la largeur ici vous pouvez le définir manuellement.
00:38:47
Par exemple,
00:38:47
je vais mettre 80
00:38:49
par exemple,
00:38:50
ou pourquoi pas dire 70.
00:38:53
donc ça c'est
00:38:55
le menu.
00:38:56
Maintenant,
00:38:56
je reclique sur conteneur 4,
00:38:59
je vais cette fois-ci pour
00:39:01
L'entête
00:39:02
ici,
00:39:03
que l'entête cette fois-ci va contenir des objets à la à l'horizontale comme ça.
00:39:08
Tant que ton conteneur cash,
00:39:10
je vais ajouter un autre conteneur
00:39:12
horizontal
00:39:14
comme ça.
00:39:15
Et là,
00:39:16
je désactive non je dés- désactive pas ici largeur flexible parce que la largeur ici
00:39:23
je veux qu'il s'adapte à la taille de l'écran mais
00:39:26
au niveau du hauteur
00:39:28
si regardez bien ici hauteur,
00:39:30
là c'est hauteur minimale mais pas hauteur fixe hein,
00:39:33
c'est normal parce que là il s'aligne
00:39:36
automatiquement vous voyez ici étirer
00:39:39
avec l'option
00:39:40
étirer ici,
00:39:41
il s'étire en fait
00:39:42
tout au long du conteneur,
00:39:43
mais si je dis par exemple.
00:39:45
Aligné en haut
00:39:48
ou centré ou aligné en bas,
00:39:49
il se déplace.
00:39:51
Automatiquement et la hauteur s'active.
00:39:54
Je peux aussi mettre 70 par exemple.
00:39:57
Et là,
00:39:57
j'ai
00:39:58
l'emplacement pour les menus
00:40:00
et l'emplacement pour l'entête
00:40:01
et j'ai besoin d'une autre ici par exemple
00:40:05
pour l'emplacement
00:40:06
ici donnez
00:40:07
donnez,
00:40:07
mais je ne vais pas
00:40:08
faire ça.
00:40:09
Vous comprenez le principe.
00:40:10
Maintenant dans ce conteneur-là,
00:40:12
je vais insérer
00:40:13
des icônes.
00:40:15
Je vais dans insertion,
00:40:17
euh là,
00:40:18
vous avez des icônes ici hein,
00:40:20
si.
00:40:21
accueille par exemple,
00:40:22
donc ils se place ici,
00:40:24
euh icône,
00:40:25
euh,
00:40:25
on va dire,
00:40:26
euh,
00:40:26
je vais prendre au hasard hein,
00:40:27
des icônes.
00:40:30
Si euh à utilisateur par exemple,
00:40:33
je vais insérer insérer plusieurs.
00:40:35
euh analyser,
00:40:36
par exemple,
00:40:37
ainsi de suite.
00:40:38
Donc j'ai j'ai une question,
00:40:39
une dernière question à vous poser
00:40:42
si moi je veux centrer.
00:40:45
Ces quatre icônes là au centre de mon conteneur,
00:40:47
comment je vais faire alors
00:40:49
si vous avez bien suivi les explications.
00:40:52
Comment je vais faire
00:40:53
si moi je veux centrer ces quatre icônes là
00:40:56
ici au centre.
00:40:58
du conteneur,
00:40:59
qui contient?
00:41:00
Comment je vais faire ça?
00:41:05
Est-ce que quelqu'un m'appuie sur l'icône euh
00:41:09
C'est le petit carré non?
00:41:11
de définir par conteneur
00:41:14
le conteneur
00:41:15
il faut sélectionner le conteneur.
00:41:18
Et c'est ici.
00:41:21
Cette option-là.
00:41:22
Donc là il est calé en haut
00:41:24
et à gauche,
00:41:25
moi je peux le centrer
00:41:26
comme ça,
00:41:27
centrer
00:41:28
au milieu.
00:41:29
Et moi je vais réduire un peu la taille de ces sc-là puisqu'ils sont énormes.
00:41:33
Moi je vais juste sélectionner dans la essence avec en maintenant
00:41:37
donc je sélectionne la première en maintenant la touche shift,
00:41:40
je peux sélectionner plusieurs éléments.
00:41:43
Et ici,
00:41:44
nous avons
00:41:45
auteur.
00:41:46
Et largeur par exemple,
00:41:47
je vais mettre 40
00:41:49
et 40 partout.
00:41:50
Donc là j'ai
00:41:51
mes icônes.
00:41:52
Donc,
00:41:53
une autre option que je ne suis pas apporté tout à l'heure en fait,
00:41:56
là mes icônes sont trop serrées.
00:41:59
Là toujours en sélectionnant le conteneur,
00:42:01
là j'ai la partie
00:42:02
écart
00:42:04
écart en fait c'est l'espacement entre
00:42:06
les objets insérés dans votre conteneur.
00:42:08
Donc là je peux
00:42:10
par exemple mettre des cartes de 50 pourquoi pas.
00:42:13
Là,
00:42:14
c'est bien
00:42:14
centré.
00:42:15
Donc,
00:42:16
je rentre ici,
00:42:17
vous voyez que peu importe.
00:42:21
La taille de l'écran,
00:42:23
les icônes resteront toujours centrées.
00:42:26
C'est pas fonctionnel parce qu'on n'a rien de côté hein,
00:42:29
mais quand même
00:42:30
ici,
00:42:30
il restera toujours au centre
00:42:32
de notre
00:42:34
écran.
00:42:35
Donc,
00:42:35
lorsque vous allez créer une application dans Power Apps,
00:42:39
essayez toujours de commencer
00:42:41
par la mise en page.
00:42:43
Ne vous précipitez pas
00:42:45
à insérer des éléments.
00:42:46
Commencez par
00:42:48
Mettre en forme
00:42:50
euh Mettre en place vos conteneurs par rapport à la mise en page.
00:42:53
Donc,
00:42:54
c'est obligatoire si vous voulez créer une application responsive
00:42:58
de toujours
00:42:59
créer un conteneur principal qui va contenir
00:43:03
les autres conteneurs.
00:43:05
ici.
00:43:06
donc
00:43:07
ce conteneur principal là il doit s'adapter automatiquement à
00:43:10
la taille de l'écran sinon ça ne fonctionnera pas aussi
00:43:13
donc c'est pour ça que
00:43:15
dans le conteneur principal dans la partie largeur.
00:43:20
parent ou le nom de l'écran si vous voulez,
00:43:22
c'est la même chose pourquoi pas,
00:43:23
je vais même
00:43:25
euh choisir screen one pour que vous puissiez voir
00:43:28
comme ça,
00:43:29
c'est la même chose
00:43:30
OK
00:43:31
donc
00:43:31
largeur et hauteur,
00:43:33
il faut qu'il
00:43:35
utilise la taille de l'écran
00:43:38
et
00:43:38
la position X et Y,
00:43:40
il faut qu'il soit zéro
00:43:41
pour qu'il se colle bien sur le coin supérieur gauche
00:43:46
de votre application parce qu'ici,
00:43:48
dans le power ici c'est le
00:43:50
point 0.
00:43:52
Ici.
00:43:53
mais pas au milieu.
00:43:55
OK,
00:43:56
c'est bon pour vous?
00:43:58
Pour l'instant notre application n'est pas fonctionnelle,
00:43:59
on verra ça dans la deuxième session.
00:44:02
Est-ce que c'est bon,
00:44:02
avez-vous des questions
00:44:04
jusqu'ici,
00:44:05
ou les questions vont venir lorsque vous allez appliquer?
00:44:10
moi j'ai juste une petite question
00:44:14
c'est par exemple pour déplacer uniquement la maison
00:44:17
par exemple si on veut la mettre tout en
00:44:18
haut on appuie sur l'icône un et on fait la même le même principe en appuyant euh
00:44:24
euh Non,
00:44:25
si vous voulez vraiment déplacer ça,
00:44:26
en fait,
00:44:27
vous devez dans ce conteneur là ajouter
00:44:29
une autre conteneur.
00:44:32
OK à chaque fois c'est un nouveau.
00:44:33
Oui,
00:44:34
c'est bien ça,
00:44:35
je vais juste
00:44:35
effacer ça par exemple,
00:44:37
ça c'est le conteneur et vous voulez deux groupes de choses,
00:44:39
par exemple les menus ici
00:44:41
et par exemple un petit menu burger en haut.
00:44:45
OK,
00:44:45
c'est bien ça hein,
00:44:46
ce que vous voulez dire.
00:44:48
Donc pour les menus.
00:44:49
J'insère un conteneur vertical,
00:44:51
donc ça c'est le conteneur vertical,
00:44:53
je vais dire par exemple largeur ici minimum parce que minimum ici 250
00:44:58
euh il ne peut pas rétrécir
00:45:00
à moins de 250.
00:45:01
Donc moi ici je vais juste mettre zéro parce qu'il va suivre automatiquement
00:45:04
celle-ci
00:45:05
et puis je resélectionne le conteneur cinq et je vais ajouter un autre conteneur.
00:45:11
En haut,
00:45:12
ou que là j'ai deux conteneurs.
00:45:14
Je vais aussi mettre zéro ici
00:45:16
comme ça,
00:45:16
mais là,
00:45:17
il y avait un espacement ici,
00:45:18
c'est normal parce que là il y avait un écart de
00:45:20
50,
00:45:21
mais moi je vais faire ça.
00:45:22
Et maintenant
00:45:23
sur celle-ci.
00:45:25
Je vais
00:45:26
désactiver l'auteur flexible
00:45:29
et je vais dire par exemple juste il va juste ocu- occuper euh
00:45:32
100
00:45:33
pixels en haut
00:45:34
et l'autre ici va occuper ça.
00:45:36
Regardez je vais insérer les menus ici.
00:45:39
accueil.
00:45:41
Affichage,
00:45:42
je vais juste faire rapidement comme ça
00:45:44
et dans ce conteneur-là,
00:45:45
je vais le centrer.
00:45:47
Et puis si,
00:45:48
dans ce conteneur-là,
00:45:49
je vais insérer euh le menu burger.
00:45:52
Je sais pas si j'ai le menu burger ici.
00:45:55
Comme ça,
00:45:56
par exemple et puis ce menu-là,
00:45:57
il est énorme.
00:45:59
Je vais modifier un peu sa taille,
00:46:00
4040
00:46:02
et évidemment de ce conteneur-là,
00:46:04
je vais centrer.
00:46:06
Comme ça et les trois icônes ici aussi,
00:46:08
je vais dire
00:46:09
4040.
00:46:12
Et puis en espacement un écart ici de 50,
00:46:16
comme ça,
00:46:17
là j'ai ce menu-là et ici
00:46:19
et ça c'est
00:46:20
juste une petite euh bidouille en fait,
00:46:22
mais on ne peut pas les déplacer hein,
00:46:24
sachez qu'on ne peut pas
00:46:25
les déplacer.
00:46:27
C'est
00:46:28
en quelque sorte un avantage un inconvénient parce que l'avantage
00:46:31
c'est qu'il qu'il s'adapte automatiquement à la tête de l'écran.
00:46:34
L'inconvénient c'est c'est un peu un peu compliqué à mettre en place.
00:46:38
Il faut
00:46:39
être avoir un peu de logique pour pouvoir
00:46:41
le euh
00:46:43
le faire.
00:46:44
OK?
00:46:45
Est-ce que ça répond à votre question?
00:46:48
Ouais,
00:46:49
très bien,
00:46:49
merci.
00:46:50
Les autres,
00:46:51
avez-vous des des questions?
00:46:55
Non pas pour le moment.
00:46:56
C'est bon?
00:46:57
OK,
00:46:57
alors,
00:46:57
c'était un peu rapide parce que oui,
00:46:59
45 minutes pour euh
00:47:01
c'est
00:47:02
C'est un peu juste hein
00:47:03
c'est un peu juste.
00:47:05
Mais pour rendre euh l'application euh une application
00:47:08
fonctionnelle maintenant on va basculer sur l'autre session
00:47:12
euh je ne sais pas qui euh est-ce que vous
00:47:13
quatre vous allez encore me suivre dans la deuxième session
00:47:16
sur les fonctions.
00:47:18
OK alors donc
00:47:19
dans cette session-là,
00:47:21
nous allons
00:47:21
rendre fonction.
00:47:22
Je ne vais plus aborder les conteneurs hein dans cette session-là.
00:47:25
Donc ça c'est déjà
00:47:27
je prends ça comme acquis dans cette première session-là.
00:47:30
Donc euh
00:47:31
on se retrouve alors dans la deuxième session dans euh 10 minutes.
00:47:35
Donc vous pouvez prendre un petit café et on se revoit dans
00:47:38
10 minutes.
00:47:39
OK?
00:47:39
À tout de suite alors.

Il n’existe aucun élément correspondant à votre recherche dans cette vidéo...
Effectuez une autre recherche ou retournez au contenu !

 

Mandarine AI: CE QUI POURRAIT VOUS INTÉRESSER

LES COURS ASSOCIÉS Ce webcast fait partie des cours suivants

Abonnés
5627 vues
Webconférence Intermédiaire

Formation Microsoft PowerApps - Créer son application sans code

Découvrons ensemble comment PowerApps vous permet de réaliser online des applications simples mais efficaces, pour l'ensemble de vos collabo...

Axel VERBEEK
TOUS LES COURS

Une erreur est survenue

Impossible de sauvegarder votre progression. Veuillez recharger la page, vous connecter, et essayer de nouveau. Si le problème persiste, merci de contacter un administrateur.

Fermer

Rappel

Afficher

/

Acceder à la session