Développeur>Tutoriels>Contrôle d’une led en Wifi avec Blockly & MIT App Inventor

Ce tutoriel permet de contrôler une simple led avec un smartphone. En utilisant le langage graphique Blockly et l’utilisation de MIT App Inventor.

Nécessaire :

  • Une carte Esus
  • Un smartphone
  • Une led + résistance

Le principe

Comment envoyer des commandes à la carte Esus via un smartphone ?

Voici le principe de fonctionnement avec l’utilisation de l’architecture Client/Serveur.

  • Smartphone est le client
  • La carte Esus est configuré en serveur, elle répond aux requêtes du client.

principe

Le schéma

  • Une résistance + led :

schema_v2

Le programme Blockly

Attention, Blockly@rduino fonctionne seulement avec la navigateur Mozilla Firefox.

  • Initialisation de la carte Esus :

bloc_1

  • Configuration du wifi en mode point d’accès avec :
    • SSID : le nom du point d’accés
    • Le mot de passe (minimum 8 caractères)
    • L’adresse IP

bloc_2

  • Si il y a la connexion d’un client :

bloc_3

  • Réception de la requête du client :

bloc_4

  • Si la variable réception contient « ON » alors on allume la led, Sinon si la variable réception contient « OFF » alors on éteint la led :

bloc_5

 

Le programme MIT App Inventor

Maintenant, nous allons réaliser l’application Android grâce à App Inventor développé par Google et basée sur une interface graphique similaire à Scratch.

  • Crée un nouveau projet

app2

  • Vous devez arriver sur l’interface de votre application :

app3

  • Alignement horizontal de l’interface : centrer

app4

  • Ajouter un bouton :

app5

  • Modifier le texte du bouton : LED ON
  • Ajouter un deuxième bouton avec : LED OFF

app7

  • Ajouter l’Afficheur Web :

app8

  • Rendre l’afficheur web non visible

Réalisation des blocs :

  • Voici le programme en blocs pour la gestion des deux boutons :

mit_app

Fin du tuto !