Use Arduino through serial to update live data on website

Projects Interfacing w/ Software on the Computer
1

How can I get the arduino, throught a serial connection to a web server, to update a constant stream of data?
I would like to do a sort of weather station, available from the Internet.
I am thinking I will use Ajax to update the webpage, but have no idea how to get the arduino serial data to the website.

Thanks,

2

Why not install/add an Ethernet shield and get the Arduino to update the webserver directly?

3

I've published a couple examples of how to serve live serial data on the web, up on Github:

Bitlash Commander lets you design and serve web control panels for your arduino: GitHub - billroy/bitlash-commander: Web-based dashboard builder for Arduino. -- it includes several data display controls (chart, meter, scope).

A simpler live charting example: GitHub - billroy/arduino-livechart: Generates a D3 chart of data logged from a USB-connected Arduino

These use node.js, specifically the Express web server framework and the node-serialport module to talk to the Arduino.

-br

4

Why not install/add an Ethernet shield and get the Arduino to update the webserver directly?

  1. I believe I can do without it
  2. I am cheap as and really want to spend on the essentials
  3. If I use the arduino as an autopilot/remote weather station, I can't have an ethernet cable, I have to use an xbee or some other form of telemetry and do it over serial

This was not really clear in the initial post, but thanks.

Thanks Billroy, the live charting example is exactly the type of thing I was looking for.
Will be good to have numerical displays, showing current data as well

5

Hello, newbie here.
I'd like to use bitlash commander to show me status of inputs.
All the examples I find are for output ( eg: slider to analog output),
and all the widgets are inputs afaict ( a slider or button is a user input ).

I'd like to use a simple arduino input, say d2 and have bitlash commander display its current value.
like widget.state=d2 ( pseudo code )

I tried to use a button as an 'led' and had not luck.
Please, something simple,
I know theres tricks to make it auto update etc, but to 'just work' would be a great start for me.

my tries include...
(this does not work)
Panel.addButton({x:96, y: 24,
text:'dummy',
id:'d2led',
highlighttrue:0,
onload:'value=d2; print d2', // this has no effect
autorun: true
});

and it is not allowed to use a real data source as the input to a scope
var scope = Panel.addScope({
id:'scopd2', text:'wheelswxscope',
x:900, y:100,
min: 0,
max: 1,
autorun:250,
source:'d2' // this is illegal, must be the id of a widget
});

what can i use as a boolean output widget ( like an led )?
how can a real input pin make the 'led' illuminate?

regards tjtr33

6

in case it helps show what i'm trying to do, heres the whole html ( with .btl noted inside comments )
this is bitlash 2.0, run in firefox 20.0 on ubuntu 10.04, openjre 6.0. monitored with gtkterm

Test Hdwr Input to Gui Widget
--- thanks , tjtr33