Conduire une page Web en temps réel en utilisant Arduino, SensorMonkey et Processing.js

visualisation à distance des données de capteur en temps réel.

Ce tutoriel décrit en détail comment utiliser le service gratuit de SensorMonkey à pousser capteur en temps réel des données d’un Arduino vers une page Web pour la visualisation à l’aide de Processing.js. Aucun codage côté serveur ou bouclier Ethernet n’est nécessaire. Une norme, course du moulin Arduino fonctionnera parfaitement. Vous aurez également besoin d’un capteur de goûter certaines valeurs. J’utilise un accéléromètre, mais rien ne fonctionnera (un potentiomètre, un gyroscope, un capteur d’inclinaison, un capteur de température, un capteur de lumière etc..). Si vous n’avez pas un capteur, il est toujours possible de suivre le tutoriel en échantillonnant les tensions d’entrée flottantes sur les broches analogiques de l’Arduino comme substitut (un peu) de pétrole brut.

Après avoir configuré l’Arduino pour valeurs de sonde de prélèvement, j’utilise SensorMonkey pour publier les données en direct sur Internet en temps réel (divulgation : J’ai co-fondé la société met au point SensorMonkey). À l’aide de SensorMonkey, je peux accéder aux données de n’importe quel appareil connecté à Internet et utilisez-le pour piloter une page Web en temps réel. Procurations, des pare-feu et des traducteurs NAT peut tous être parcouru. Le meilleur de tous, il fonctionne avec des cartes Arduino standards (Unos, Duemilanoves etc.) et ne nécessite pas un bouclier Ethernet. Au lieu de cela, j’utilise des logiciel gratuit appelé Bloom pour réseau activer l’Arduino et connectez-le au SensorMonkey. Dans ce tutoriel, je visualise les données à l’aide de Processing.js.

Mise à jour 26/06/2012 : utilisateurs Non Windows
Comme alternative à la floraison pour les utilisateurs non Windows, j’ai téléchargé une esquisse de traitement, nommée SensorMonkeySerialNet, à notre compte GitHub. Cette esquisse est un proxy de série-réseau qui sert aussi de politique de Socket Flash fichiers inline. Il peut être utilisé au lieu de Bloom à l’étape 3 pour les utilisateurs exécutant Mac OS ou Linux.

Articles Liés

Commandes linux simple d’une page web.

Commandes linux simple d’une page web.

Il devait y avoir un moyen de faire des commandes simples pour linux sans passer par la ligne de commande. La partie propre à ce projet, c'est que vous pouvez facilement développer vous-même. Besoin d'une liste de répertoires. Pas de problème. Besoin
Comment intégrer une vidéo dans une page Web utilisant HTML5

Comment intégrer une vidéo dans une page Web utilisant HTML5

ce tutorial va vous apprendre comment mettre n'importe quelle vidéo dans un site Web utilisant HTML5 et la nouvelle balise. À l'aide de HTML5, vous pouvez avoir vidéos dans votre site Web sans avoir besoin d'aucun plug-ins comme Adobe Flash, et ils p
La création d’iWeb d’Apple de l’utilisation sur une page Web

La création d’iWeb d’Apple de l’utilisation sur une page Web

nous voulons vous montrer comment créer une page Web à l'aide d'application iWeb d'Apple. On vous indiquera comment procéder en 5 étapes faciles !Étape 1: Étape 1: ouvrir et choisir le thèmeDepuis votre écran d'accueil, cliquez sur votre dossier appl
Contrôlez votre éclairage grâce à une page Web !

Contrôlez votre éclairage grâce à une page Web !

Après avoir joué avec les contrôleurs de RF pendant un certain temps, j'ai réalisé un inconvénient majeur est la nécessité d'avoir toujours un émetteur d'envoyer un signal au récepteur. Ne serait-il pas agréable si je pouvais utiliser mon téléphone c
Édition d’une page Web dans Google Chrome

Édition d’une page Web dans Google Chrome

si je vous disais que vous pouvez éditer n'importe quel page Web ou un site Web sur internet directement depuis votre ordinateur sans aucun logiciel spécial ou ordinateur fou, compétences en programmation ? C'est facile ! La seule chose dont vous ave
Comment changer temporairement une page Web dans le navigateur web Google Chrome

Comment changer temporairement une page Web dans le navigateur web Google Chrome

cette instructable vous montrera comment changer temporairement une page Web en utilisant le navigateur web Chrome.Tout ce dont vous avez besoin est le navigateur web Google Chrome et un ordinateur.Étape 1: Ouvrez une page Web Ouvrez le navigateur we
Page Web grattage depuis/vers une page web.

Page Web grattage depuis/vers une page web.

Le but du projet est de prendre le commandement comme fichiers batch et les rendre accessible depuis le web. Vous pourrez faire votre propre page web spéciale et ne pas avoir à dépendre de quelqu'un d'autre pour le préparer pour vous. Web vers la pag
Enregistrer une page Web avec tout ce que sur XP (aucun INTERNET requis!)

Enregistrer une page Web avec tout ce que sur XP (aucun INTERNET requis!)

Dans ce instructable, je vais vous montrer comment enregistrer une page Web en utilisant internet explorer, Microsoft Windows XP Pro. et une connexion internet. Lorsque vous procédez ainsi, il nécessite une connexion internet pour charger la page Web
PSD à la Conversion de HTML5 : ajout d’un curseur de HTML5 vers une page Web - partie 1

PSD à la Conversion de HTML5 : ajout d’un curseur de HTML5 vers une page Web - partie 1

ça fait plus d'un an que HTML5 fait son chemin dans l'industrie du web. Mais encore beaucoup de gens, en général, y compris les débutants et les intermédiaires, ont du mal à faire un curseur d'HTML5 pour une page Web. Donc avec ce PSD to tutoriel HTM
Modifier n’importe quel site Web ou une page Web en permanence

Modifier n’importe quel site Web ou une page Web en permanence

Montage en permanence un site Web est une très bonne chose à faire n'importe tromper.Tout comme j'avais faire mon fou de garniture en tout cas, il dispose de deux méthodes :à l'aide du panneau d'outil de développeurs du navigateur.à l'aide de javascr
Modifier une page Web sur Internet à partir de votre navigateur

Modifier une page Web sur Internet à partir de votre navigateur

Voilà un plaisir hack de Javascript qui vous permet d'éditer une page Web sur internet directement depuis votre navigateur. Il n'est pas apporter des modifications permanentes à la page. Donc ce n'est pas vrai « piratage ». Mais, c'est toujours un bo
Actualisation des données de MySql dans une Page Web

Actualisation des données de MySql dans une Page Web

Dans mon premier Instructable « Arduino mise en données à une page web » j'ai parlé d'actualisation des données à l'aide de la commande de méta pour actualiser le contenu des données MySQL. Le problème avec ceci est qu'il actualise la page entière et
Comment détourner une page Web-Cool

Comment détourner une page Web-Cool

Comment détourner une page Web - regarder les clips vidéo mieux ici utiliser cette astuce pour détourner exemple adresse de page Web... Si vous entrez google.com dans l'url, il détournera immédiatement à la metacafe ou tout site Web que vous avez con
Tutoriel vidéo : Comment créer une Page Web avec SliceMaker des produits ?

Tutoriel vidéo : Comment créer une Page Web avec SliceMaker des produits ?

Il s'agit d'un didacticiel vidéo relatif des produits SliceMaker. Dans ce didacticiel vidéo, nous vous apprendra comment créer une page web complète avec l'aide de produits SliceMaker.Vous n'avez pas besoin d'écrire les codes manuellement lorsque vou