Conduire une page Web en temps réel en utilisant Arduino, SensorMonkey et Processing.js (5 / 6 étapes)

Étape 5: Publier des données de capteur

Après vous connectant sur SensorMonkey et ouvrir mon panneau de configuration, je vais ajouter une entrée pour l’Arduino nommé « My Arduino ». En cliquant sur l’entrée nouvellement ajoutée, je peux configurer les paramètres de connexion ; à savoir, l’adresse IP et port numéro où se trouve l’appareil.

Rappel de la 3e que j’utilise Bloom pour mapper le port série de l’Arduino à port TCP/IP 20000 sur ma machine locale. Donc, je rentre un numéro de port de 20000 et l’adresse IP 127.0.0.1 (l’adresse de boucle locale).

J’ai aussi besoin de spécifier un fichier de description de format qui indique SensorMonkey comment analyser et interpréter les données envoyées par l’Arduino. À l' étape 2, j’ai présenté l’esquisse utilisé pour échantillonner l’accéléromètre qui a été compilé et transféré à microcontrôleur de l’Arduino à l’aide de l’environnement de développement. Pour faire correspondre les données envoyées par l’esquisse, j’utilise le fichier de description de format suivants :

< bytestream >
< format endian = « gros » >
< constante > A5 < / constant >
5 a < constante > < / constant >
< type de variable = « u16 » > accéléromètre X < / variable >
< type de variable = « u16 » > accéléromètre Y < / variable >
< type de variable = « u16 » > accéléromètre Z < / variable >
< / format >
< / bytestream >

Remarque que j’ai spécifié le format big-endian (< format endian = « gros » >) et ont ajouté des variables représentant les trois axes échantillonnés par l’accéléromètre: x, y et z. Le type de ces variables est « u16 », qui est abrégée pour "entier non signé 16 bits". Beaucoup de différents types de variables est prises en charge ; vous pouvez trouver plus d’informations sur le SensorMonkey page d’assistance.

Le principal point à comprendre ici, c’est que vous avez juste besoin de spécifier un fichier de description de format qui corresponde aux données envoyées par votre Arduino sur le port série. Selon l’ou les capteurs que vous utilisez, vous devrez peut-être ajouter plus ou moins variables dans votre fichier de description de format. Veillez à leur donner des noms descriptifs pour que vous sachiez ce qui consiste à mesurer chaque variable.

Après avoir cliqué sur « Se connecter », j’ai accédez à l’onglet « Stream », sélectionnez les trois variables de l’accéléromètre, choisissez un type de flux « Public » et cliquez sur « Publier ». Les données du capteur sont maintenant étant retransmis en direct sur Internet sous forme de flux public dans mon espace de noms personnel.

Dans l’étape suivante, je vais écrire une page HTML simple à connecter à l’espace de noms my, vous abonner à mon flux et visualiser les données en temps réel à l’aide de Processing.js.