Food Living Outside Play Technology Workshop

Real-time room temperature on your Website (no javascript or server side

coding)
by apasiechnikov on November 21, 2011

Table of Contents

Real-time room temperature on your Website (no javascript or server side coding) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Intro: Real-time room temperature on your Website (no javascript or server side coding) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

Step 1: Connect the sensor as shown on the picture. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

Step 2: Register on Partcl.com . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Step 3: Upload the Arduino code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

Step 4: Create the web page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Related Instructables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

http://www.instructables.com/id/Real-time-room-temperature-on-your-Website-no-jav/
Intro: Real-time room temperature on your Website (no javascript or server side coding)
This is how to push high resolution real-time data from Arduino-based temperature sensor to your web page without any server-side coding.

Arduino is a great device for collecting, storing and transferring data from various sensors but there are times you need to make your data accessible from any place over
the internet, like I did for room temperature in my study.
That’s when this solution may come handy.
The solution utilises a cloud-based real time web publishing tool Partcl.com that allows you to publish any data with about 0.1 second latency.
First you will need:

- Temperature sensor TMP102 on sparkfun breakout board

- Arduino Ethernet (which is in fact is Arduino + Ethernet Shield)
- wires
- ethernet cable
-power adaptor for Arduino
- Free account on Partcl.com (when registered you will get your publishing and web keys which you will put into Arduino code and in http code on your website)

Image Notes
1. Arduino n the box
2. Power cable 9V DC
3. Ethernet Cable
4. TMP102
5. website feed

http://www.instructables.com/id/Real-time-room-temperature-on-your-Website-no-jav/
Step 1: Connect the sensor as shown on the picture.
Connect the sensor as shown on the picture.

Image is taken from incredibly good blog http://bildr.org

I often use it as a reference

http://www.instructables.com/id/Real-time-room-temperature-on-your-Website-no-jav/
Step 2: Register on Partcl.com
Register on Partcl.com.
After registration you will get a publishing key and a web key . You will need them for the next steps.

Step 3: Upload the Arduino code

Upload the Arduino code
Substitute Bold fields with the following information:
-Mac address of your board
-IP of the board in your network. If you have DHCP and can not specify a fixed IP address, you will need another library and slightly different code. I will be
more then happy to provide any additional instructions if needed.

#include <SPI.h>
#include <Ethernet.h>
#include <Wire.h>

// Enter a MAC address and IP address for your controller below.

// The IP address will be dependent on your local network:
byte mac[] = {0x??, 0x??, 0x??, 0x??, 0x??, 0x?? }; //Mac Address of Arduino Ethernet Shield or Ethernet Board
byte ip[] = {???,???,???, ??? }; // IP address of the Arduino
byte server[] = {67, 202, 35, 165}; // Partcl.com

int tmp102Address = 0x48;

// Initialize the Ethernet client library

// with the IP address and port of the server
// that you want to connect to (port 80 is default for HTTP):

Client client(server, 80);

void setup() {
// start the Ethernet connection:
Ethernet.begin(mac, ip);
// start the serial library:
Serial.begin(9600);
SPI.begin();
Wire.begin();

// give the Ethernet shield a second to initialize:

delay(1000);

void loop()
{
Wire.requestFrom(tmp102Address,2);
byte MSB = Wire.receive();
byte LSB = Wire.receive();
int TemperatureSum = ((MSB << 8) | LSB) >> 4; //it's a 12bit int,
using two's compliment for negative
float celsius = TemperatureSum*0.0625;

Serial.println(celsius,2);
if (client.connect()) {
client.print("GET
/publish?publish_key=ENTER_YOUR_PUBLISHING_KEY_HERE &d=temp_test&alue=");
client.print(celsius, 2);
client.print(" HTTP/1.1\r\n");
client.print("Host: partcl.com\r\n");
http://www.instructables.com/id/Real-time-room-temperature-on-your-Website-no-jav/
client.print("User-Agent: Arduino For Teh Win!\r\n");
client.print("Accept: text/html\r\n");
client.println("Connection: close\r\n");
client.println();
delay(300);
}
client.stop();
}

Image Notes
1. MAC Address of your device

Step 4: Create the web page

Create the following html page:
(DO NOT FORGET to substitute "ENTER_YOUR_WEB_KEY_HERE" with a real WEB KEY from your partcl.com home page)
-----------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<script id="partcl_client_script" web_key="ENTER_YOUR_WEB_KEY_HERE " src="http://partcl.com/partcl.full.js"></script>
</head>
<body>
<partcl cell_id="temp_test"></partcl>
<pchart cell_id="temp_test"></pchart>
</body>
</html>

-----------------------------------------------------------
DO NOT FORGET to substitute "ENTER_YOUR_WEB_KEY_HERE" with a real WEB KEY from your partcl.com home page.
Later, instead of cell_id="temp_test" you may want to use any other name, just make sure you substituted the cell id in your controller code as well (it is located after the
publishing key).
Both <partcl> and <pchart> tags have plenty of properties for "fine tuning". Please do not hesitate to ask if you are interested.
A number of functions, properties and methods in partcl API is growing so rapidly, that we just have no time to update the documentation in time ))

Instead of Arduino you may use a different connection technology. The main trick is to create a sensor system that will send HTTP GET requests to partcl.com.

Enjoy!

http://www.instructables.com/id/Real-time-room-temperature-on-your-Website-no-jav/
Related Instructables

Temperature
Wand by
Hacking IR Temperature iRover: msuzuki777
Automotive Controller for Remotely USB
Ultrasonic SMD Skillet Temperature controlled Indoor/Outdoor
Sensors by Reflow by and Humidity iRobot Create Thermometer
jimk3038 jimk3038 Datalogger + (or Roomba) by (or, 'My first
Webserver by techgeek75 USB device') by
javacasm ian

http://www.instructables.com/id/Real-time-room-temperature-on-your-Website-no-jav/