Kör en webbsida i realtid med hjälp av Arduino, SensorMonkey och Processing.js

Denna handledning beskriver i detalj hur du använder tjänsten gratis SensorMonkey till push realtid sensordata från en Arduino till en webbsida för visualisering med hjälp av Processing.js. Ingen server-side kodning eller Ethernet shield krävs. En standard, kör av brukets Arduino kommer att fungera perfekt. Du behöver också en sensor för att prova några värden. Jag använder en accelerometer, men allt kommer att fungera (en potentiometer, ett gyroskop, en tilt sensor, en temperaturgivare, en ljussensor etc.). Om du inte har en sensor, är det fortfarande möjligt att följa handledningen genom provtagning de flytande inspänningar på Arduinos analoga pins som (något) rå ersättning.

När du har konfigurerat Arduino att exempelvärden sensor, jag använder SensorMonkey för att publicera data live över Internet i realtid (Disclosure: Jag var med och grundade företaget utveckla SensorMonkey). Med SensorMonkey, kan jag komma åt data från vilken enhet som är ansluten till Internet och använda den för att köra en realtid webbsida. Proxy-servrar, brandväggar och nätverksadressöversättare kan alla passeras. Bäst av allt, det fungerar med standard Arduino styrelser (Unos, Duemilanoves etc.) och kräver inte en Ethernet shield. Istället använder jag fri mjukvaran alarmerat Bloom nätverk-aktivera Arduino och Anslut den till SensorMonkey. I denna tutorial visualisera jag data med hjälp av Processing.js.

UPPDATERING 26-06-2012: icke-Windows-användare
Som ett alternativ till Blom för icke-Windows-användare, jag har lagt upp en bearbetning skiss, heter SensorMonkeySerialNet, till vårt GitHub konto. Denna skiss är en seriell-till-nätverk-proxy som också serverar Flash Socket politik filer infogade. Det kan användas i stället för blomma i steg 3 för användare som kör Mac OS eller Linux.