---
title: "Real-time Web Based Temperature Monitoring"
url: "https://maker.wiznet.io/wiz_chandana/projects/real-time-web-based-temperature-monitoring/"
markdown_url: "https://maker.wiznet.io/wiz_chandana/projects/real-time-web-based-temperature-monitoring/md"
type: "UCC: User Created Content"
author: "iointouch.com"
author_url: "https://www.youtube.com/watch?v=FG7WtKCBmnA&t=1s"
editor: "WIZnet"
editor_url: "https://maker.wiznet.io/"
original_author: "iointouch.com"
original_url: "https://www.youtube.com/watch?v=FG7WtKCBmnA&t=1s"
published: "2023-01-03"
language: "en"
hardware: ["Arduino Ethernet Shield", "DFRobot Gravity: DS18B20 Temperature Sensor (Arduino Compatible)"]
likes: 6
views: 737
comments: 2
source: "WIZnet Makers (https://maker.wiznet.io/)"
---

# Real-time Web Based Temperature Monitoring

> Real-time & refresh-less data acquisition by ajax technique. Arduino + Ethernet Shield + DS18B20 + PHP and AJAX

Original author: iointouch.com (source: https://www.youtube.com/watch?v=FG7WtKCBmnA&t=1s)

## Components

- **Arduino Ethernet Shield** x 1 ([docs](https://docs.arduino.cc/retired/shields/arduino-ethernet-shield-without-poe-module))
- **DFRobot Gravity: DS18B20 Temperature Sensor (Arduino Compatible)** x 1 ([docs](https://www.dfrobot.com/wiki/index.php/Gravity:_DS18B20_Temperature_Sensor_%28Arduino_Compatible%29_V2_SKU:_DFR0024))

## Article

Connect from any place, By combining AJAX and PHP together you can get real-time temperature data without refreshing your web browser.

Components used :

1. Arduino Ethernet Shield

2. DS18B20 temperature sensor

3. Breadboard and Wire

4. Ethernet Cable with internet connection for Arduino

5. Web server that supports PHP (see more in Step 2)

**Step 1: Start Wiring Things**

![](https://maker.wiznet.io/upload/ckeditor5/491381009%5F1672771418%2Epng)

Let's Wiring following the image above,

In the video, they are using a sealed type of DS18B12 one-wire sensor for providing a waterproof feature since it's easy to demonstrate.

**Step 2: Start Upload Files and get it running **

You can get all code from this link <http://www.iointouch.com/?p=18> at bottom of the page.

When you unzip the files, follow this step below :

1. upload files in folder PHP&HTML to the root of your web server, for local use or test you can config your PC as a web server that supports PHP by using Apache Server (plus with dynamic DNS you can get it online too). or if you want to get it online you need to get web hosting

To see more here. <http://www.iointouch.com/?p=49>

2. open Temp_Monitor.pde file using Arduino IDE, then

- Config static IP address to match with your network if you don't have DNS assigned from the router.
at line :
IPAddress IP(192,168,0,177); // set static local IP address DNS, gateway, and subnet if it is not assigned by DHCP

IPAddress dnServer(192, 168, 0, 1);

IPAddress gateway(192, 168, 0, 1);

IPAddress subnet(255, 255, 255, 0);

- Config your website address at line: "char server[] = "www.yourdomainname.com"; // Server URL"
and line : client.println("Host: www.yourdomainname.com"); // Server URL

Change it to your website address, Then Upload it into Arduino.

3. Open Serial Monitor from IDE to see. if things connect correctly server will respond

4. Open your website URL www.yourdomainname.com/temp.html and see the latest temp data online.
(for locally hosted server call http://127.0.0.1 or your ip address)

[Embedded media](https://www.youtube.com/embed/FG7WtKCBmnA)

---

Source: https://maker.wiznet.io/wiz_chandana/projects/real-time-web-based-temperature-monitoring/