WEBVTT

1
00:00:00.000 --> 00:00:02.999
Partez d’un canvas vide
Choisissez Empty canvas, puis nommez votre projet.

2
00:00:03.000 --> 00:00:04.999
Nommez le projet
Dans Project name, saisissez Outpost Welcome.

3
00:00:05.000 --> 00:00:06.999
Nommez le projet
Dans Project name, saisissez Outpost Welcome.

4
00:00:07.000 --> 00:00:09.999
Si un projet est déjà ouvert
Conservez son export avant de le remplacer, puis cliquez sur Continue.

5
00:00:10.000 --> 00:00:11.999
Ajoutez une carte
Ouvrez + Add pour choisir un composant.

6
00:00:12.000 --> 00:00:13.999
Choisissez Card
Cliquez sur Card dans Component kits.

7
00:00:14.000 --> 00:00:15.999
Personnalisez le titre
Sélectionnez Title dans les propriétés de Card.

8
00:00:16.000 --> 00:00:17.999
Remplacez Card title
Saisissez Welcome to Outpost dans Title.

9
00:00:18.000 --> 00:00:18.699
Remplacez Card title
Saisissez Welcome to Outpost dans Title.

10
00:00:18.700 --> 00:00:20.699
Validez le titre
Appuyez sur Tab : le canvas reprend la nouvelle valeur.

11
00:00:20.700 --> 00:00:22.699
Le titre est visible sur la carte
Modifiez maintenant Body, le texte sous le titre.

12
00:00:22.700 --> 00:00:24.699
Renseignez le texte d’accueil
Remplacez le texte dans Body, puis validez avec Tab.

13
00:00:24.700 --> 00:00:25.499
Renseignez le texte d’accueil
Remplacez le texte dans Body, puis validez avec Tab.

14
00:00:25.500 --> 00:00:27.499
Renseignez le texte d’accueil
Remplacez le texte dans Body, puis validez avec Tab.

15
00:00:27.500 --> 00:00:29.499
Nommez le bouton
Action label change le texte affiché sur le bouton.

16
00:00:29.500 --> 00:00:31.499
Open → Server rules
Saisissez Server rules, puis appuyez sur Tab.

17
00:00:31.500 --> 00:00:33.499
Open → Server rules
Saisissez Server rules, puis appuyez sur Tab.

18
00:00:33.500 --> 00:00:35.499
Agrandissez la carte : W
W est la largeur. Remplacez 360 par 720 pixels.

19
00:00:35.500 --> 00:00:37.499
Agrandissez la carte : W
W est la largeur. Remplacez 360 par 720 pixels.

20
00:00:37.500 --> 00:00:39.499
Réglez la hauteur : H
H est la hauteur. Remplacez 260 par 400 pixels.

21
00:00:39.500 --> 00:00:41.499
Réglez la hauteur : H
H est la hauteur. Remplacez 260 par 400 pixels.

22
00:00:41.500 --> 00:00:43.499
Positionnez la carte : X
X règle la position horizontale. Saisissez 280.

23
00:00:43.500 --> 00:00:45.499
Positionnez la carte : X
X règle la position horizontale. Saisissez 280.

24
00:00:45.500 --> 00:00:47.499
Positionnez la carte : Y
Y règle la position verticale. Saisissez 160.

25
00:00:47.500 --> 00:00:49.499
Positionnez la carte : Y
Y règle la position verticale. Saisissez 160.

26
00:00:49.500 --> 00:00:52.499
La carte a la taille et la position choisies
720 × 400 pixels, position X 280 et Y 160.

27
00:00:52.500 --> 00:00:54.499
Donnez une action au bouton
Cliquez sur Server rules, puis ouvrez Interaction.

28
00:00:54.500 --> 00:00:56.499
Choisissez le comportement
Dans Behavior, choisissez Show message.

29
00:00:56.500 --> 00:00:58.499
Choisissez le comportement
Dans Behavior, choisissez Show message.

30
00:00:58.500 --> 00:01:00.499
Créez l’action Show message
Vérifiez Show message, puis cliquez sur Create action.

31
00:01:00.500 --> 00:01:02.999
Renseignez le message du bouton
Le bouton affichera ce texte pendant le test.

32
00:01:03.000 --> 00:01:05.499
Renseignez le message du bouton
Le bouton affichera ce texte pendant le test.

33
00:01:05.500 --> 00:01:06.999
Renseignez le message du bouton
Le bouton affichera ce texte pendant le test.

34
00:01:07.000 --> 00:01:09.999
Renseignez le message du bouton
Le bouton affichera ce texte pendant le test.

35
00:01:10.000 --> 00:01:12.499
Testez le bouton
Cliquez sur Test, puis sur Server rules dans votre interface.

36
00:01:12.500 --> 00:01:16.499
Le message s’affiche
Votre bouton fonctionne. Exit preview permet de reprendre l’édition.

37
00:01:16.500 --> 00:01:19.500
Votre première interface est prête
La prochaine leçon ajoute une image et une barre de progression.