Fulgence Bienvenüe

2e appli

TUTO ÉLÈVES — DUPLIQUER LE PROJET ET MODIFIER POUR AFFICHER LE DÉBIT D’EAU

Objectif

Repartir d’un projet qui marche déjà, puis changer :

  • l’URL
  • la clé à afficher

1) Dupliquer le projet

  1. Dans MIT App Inventor : Projects
  2. Cliquer sur My Projects
  3. Trouver votre projet MotAleatoire (ou le nom de votre projet “Mot”)
  4. Cliquer sur More actions (les 3 points / menu)
  5. Choisir Copy project
  6. Nommer la copie : DebitEau

✅ Vous avez maintenant le même projet, mais pour le débit.

2) Modifier l’écran (Designer)

Dans Designer :

A) Modifier le bouton

  • Cliquer sur BtnMot
  • Changer son texte en : Lire le débit
  • (Optionnel) Renommer le bouton : BtnDebit
    👉 Si vous renommez, il faudra retrouver les blocs correspondants.

B) Modifier le label

  • Cliquer sur LabelMot
  • Changer son texte en : --
  • (Optionnel) Renommer : LabelDebit

👉 Pour aller vite : ne renommez pas les composants, changez juste le texte.

3) Modifier l’URL de l’API (Blocks)

Aller dans Blocks.

Dans :

when Screen1.Initialize

Remplacer l’URL :

✅ Ancienne :
https://trouve-mot.fr/api/random

✅ Nouvelle :
https://proxy-automate.latelier22.fr/api.php

4) Modifier CE QU’ON AFFICHE (Blocks)

Dans le projet “Mot”, on affichait :

  • clé "name" (dans l’objet)

Ici, on veut afficher :

  • clé "debit_eau_l_h" (directement dans data)

Dans when Web1.GotText → dans le then

Vous gardez la ligne qui décode le JSON :

✅ Garder :

  • set global data to JsonTextDecodeWithDictionaries(responseContent)

Ensuite, vous changez la partie “mot”.

A) Supprimer les blocs inutiles

Supprimez :

  • la ligne set global obj to select list item ...
  • la ligne set global mot to get value for key "name" ...
  • la ligne set LabelMot.Text to get global mot

B) Remplacer par UNE SEULE ligne

Ajoutez :

set LabelMot.Text to

  • join
    • get value for key "debit_eau_l_h" in dictionary (get global data) or if not found "--"
    • " L/h"

✅ Ça affichera par exemple : 56.88208 L/h

5) Vérification rapide

Cliquez sur le bouton :

  • si tout va bien : un nombre apparaît + L/h
  • sinon : le label affiche “Erreur API”

6) (Optionnel) Arrondir à 2 décimales (plus propre)

Remplacez l’affichage par :

  • join (format as decimal debit 2) " L/h"

(Je te donne la version exacte en blocs si tu veux l’ajouter.)

Résumé ultra simple

  1. Copier le projet
  2. Changer l’URL
  3. Supprimer “obj” et “name”
  4. Afficher "debit_eau_l_h" + " L/h"