Tuto App Inventor

Ce tutoriel connecte votre application à votre périphérique BluetoothLE serveur.

Commencez un nouveau projet et nommez le par exemple BLEconfigBasique

 Etape design      

1. Tout d'abord, nous devons configurer 4 boutons pour trouver, choisir et se connecter à un périphérique BluetoothLE

• Depuis la fenêtre Palette de composants, faites glisser sur l'écran un composant Arrangement horizontal situé dans Disposition
• Faites y glisser 4 composants Bouton situé dans Interface utilisateur.
• Renommez les boutons : BoutonScan, BoutonStopScan, BouttonConnecter et BouttonDéconnecter en cliquant sur le bouton puis sur Renommer dans la fenêtre Composant
• Remplacez leur texte par "Scan", "Stop Scan", "Connecter" et Déconnecter " en cliquant le bouton puis sur Texte dans la fenêtre Propriétés.
• Sous le composant Arrangement horizontal1, ajoutez un composant Label situé dans Disposition. Remarque : En informatique, un label (= étiquette) est un composant d'interface graphique qui affiche du texte.
• Renommez-le LabelEtat et changez son texte en "Etat : ".
• Sous le composant LabelStatus, faites glisser un composant Vue liste situé dans Interface utilisateur et renommez-le ListeBLEdispo.

2. Ensuite, nous devons installer l'extension BluetoothLE

• Téléchargez le fichier de l’extension BluetoothLE sur votre ordinateur depuis https://mit-cml.github.io/extensions/.
• Dans la fenêtre Palette, cliquez sur Extension en bas et puis sur "Importer l'extension" puis "Choisir un fichier".
• Recherchez le fichier l'extension téléchargée sur votre ordinateur puis cliquer sur Import.
• 
• Faites glisser le composant BluetoothLE sur l'écran. le composant apparait sous l'écran comme composant non-visible.

 Etape programmation    

1. Nous voulons configurer l'application pour rechercher les périphériques Bluetooth disponibles à proximité

Nous allons utiliser le bouton BoutonScan et le composant BluetoothLE pour :

• Lancer la recherche ;
• Afficher dans le label le texte "Etat : Recherche" ;
• Afficher la liste des périphériques.

• Dans la fenêtre Blocs, cliquez sur BoutonScan et faites glisser un bloc "quand"  
• Cliquez sur  BluetoothLE1 et faites glisser le bloc  dans le bloc précédent.

• Cliquez sur  LabelEtat et faites glisser un bloc "mettre"  

• Cliquez sur  Texte et faites glisser un bloc "texte"--> accroché au bloc précédent.

• Cliquez sur  ListeBLEdispo et faites glisser le bloc :

• Cliquez sur  Logique et faites glisser un bloc "vrai"  accroché au bloc précédent.

2. Nous voulons configurer l'application pour stopper la recherche

Nous allons utiliser le bouton BoutonStopScan et le composant Bluetooth pour :

• Arrêter la recherche ;
• Afficher dans le label le texte "Etat : Arrêt recherche"

3. Nous voulons que la liste des périphériques disponibles a proximité soit complétée quand un périphérique est détecté

4. Connection à un périphérique BluetoothLE

5. Il faut afficher le succes de la connexion

Remarque: Au passage nous masquons la liste des appaeils à proximité. Elle sera réactivée lors de la recherche.

6. Déconnection du périphérique BluetoothLE

7. Il faut afficher le succes de la déconnexion

Etape test avec MIT AI2 Compagnion