Real-time room temperature on your Website using Arduino

Arduino Real time room temperature

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 that allows you to publish any data with about 0.1 second latency.
First you will need:Arduino Real time room temperature

– 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 (when registered you will get your publishing and web keys which you will put into Arduino code and in http code on your website)

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

I often use it as a reference

Step 2: Register on

Register on
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.Arduino Real time room temperature circuit

#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}; //

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:

// give the Ethernet shield a second to initialize:


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 home page)
<!DOCTYPE html>
<script id=”partcl_client_script” web_key=”ENTER_YOUR_WEB_KEY_HERE” src=””></script>
<partcl cell_id=”temp_test”></partcl>
<pchart cell_id=”temp_test”></pchart>


Read more: Real-time room temperature on your Website using Arduino

Leave a Comment

Your email address will not be published. Required fields are marked *