Contents
One of the most common applications of ioBridge’s technology is to remotely monitor and display temperature over the internet.
This tutorial shows you one way to do this following a step-by-step wizard and without writing any code.
Project Components
-
ioBridge IO-204, IO-204-PRO (discontinued), or Gamma web gateway
-
ioBridge Temperature Probe (FB-2)
Step 1 – Sign up and Link your Module
The first step is to sign up for a free www.ioBridge.com or www.ioBridgePro.com User Account and link your module as described in the Tutorial Sign Up and Link your Module. (This only needs to be done once and you can skip this step if you have done so already.)
Step 2 – Connect a Temperature Probe
Plug a temperature probe into Channel 1. The image below shows an IO-204-PRO board but you can use either type of module. Any unused channel can actually be used on your web gateway .
Step 3 – Display Temperature on your Dashboard
There are many ways to display temperature on your dashboard and we are going to start with displaying a temperature gauge.
Visit www.iobridge.com (or www.iobridgepro.com if you have a PRO module) and Sign In to your account. Click on the Modules menu item and then click on the link for the serial number of the module (you may have more than one) that you are working with. You should then see a page that looks similar to the one below but with your unique module serial number.
Click on the Widgets menu and then click on Create Widget.
This will take you to the Create Widget page. Check the I/O Monitor button and then hit Next.
Select Analog Input (the Temperature Sensors is connected to the Analog Input on Channel 1) and click Next.
Select the module (you may have only one) and then click Next.
Select Channel 1 (this is where the temperature probe is connected) and click Create Widget.
This will take you to a Widget page that looks like this:
Change the settings on the left as shown below making sure that you also check Dashboard to place the Widget on your Dashboard.
Notice the temperature gauge that is now displayed. Note too that the Widget also creates a snippet of code that advanced users can copy and paste into other web sites.
Click on the menu link that says Dashboard to view your gauge on your dashboard. You can drag and drop your widget to where you want to see it on the dashboard.
That’s it. You now have a temperature gauge on your dashboard!
