Objectif

Ajouter un bouton qui envoie une requête vers :

https://sti2d.latelier22.fr/fiber/api/reset

Quand on appuie sur ce bouton :

l’application envoie un POST
le serveur répond
la réponse s’affiche dans LabelPos

1) Dans Designer, ajouter les composants

A. Ajouter le bouton

Dans User Interface :

ajoute un Button
nom : BtnReset

Mettre :

Text = RESET ROBOT

B. Ajouter un composant Web

Dans Connectivity :

ajoute un Web
nom : WebReset

2) Créer le bloc du clic sur le bouton

Ajoute ce bloc :

when BtnReset.Click
do

3) Dans `BtnReset.Click`, mettre l’adresse

Dans ce bloc, mets :

set WebReset.Url to "https://sti2d.latelier22.fr/fiber/api/reset"

4) Envoyer la requête

Toujours dans le même bloc, ajoute :

call WebReset.PostText
    text ""

5) Bloc complet `BtnReset.Click`

Ton bloc doit être :

when BtnReset.Click
do
    set WebReset.Url to "https://sti2d.latelier22.fr/fiber/api/reset"
    call WebReset.PostText
        text ""

6) Créer le bloc de réponse du serveur

Ajoute ce bloc :

when WebReset.GotText
    url responseCode responseType responseContent
do

7) Afficher la réponse du serveur

Dans WebReset.GotText, mets :

set LabelPos.Text to join
    "RESET HTTP "
    responseCode
    "\n"
    responseContent

8) Bloc complet `WebReset.GotText`

Ton bloc doit être :

when WebReset.GotText
    url responseCode responseType responseContent
do
    set LabelPos.Text to join
        "RESET HTTP "
        responseCode
        "\n"
        responseContent

9) Résultat attendu

Quand on clique sur RESET ROBOT :

l’application appelle :

https://sti2d.latelier22.fr/fiber/api/reset

elle envoie un POST
la réponse du serveur s’affiche dans LabelPos

10) Ordre exact des étapes

Fais-les dans cet ordre :

ajouter BtnReset
ajouter WebReset
créer when BtnReset.Click
créer when WebReset.GotText

11) Si ça ne marche pas

Vérifier :

que BtnReset existe bien
que WebReset existe bien
que l’URL est exactement :

https://sti2d.latelier22.fr/fiber/api/reset

que le bloc WebReset.GotText existe

12) Résumé très court à ajouter au document

Bloc 8 : ajouter un bouton RESET ROBOT

On souhaite maintenant ajouter un bouton permettant d’envoyer une commande de réinitialisation au robot.

Composants à ajouter

Dans le Designer, ajouter :

un bouton BtnReset
un composant WebReset

Fonctionnement

Quand on clique sur le bouton :

l’application envoie un POST à l’adresse :

https://sti2d.latelier22.fr/fiber/api/reset

la réponse du serveur est affichée dans LabelPos

13) Les 3 boutons / actions de l’appli à ce stade

Ton appli sait maintenant :

afficher ta position GPS
afficher la position du robot
envoyer APPEL ROBOT
envoyer RESET ROBOT

SUITE DU TUTO — AJOUTER LE BOUTON RESET ROBOT