Reading sensor data to a web app

[Mohrad]

Hello Spark community,

I am new to spark, but I have been using Arduino’s for a long time. I am fairly experienced in programming C/C++/Wiring, Python, and basic HTML syntax. But I would like to essential wirelessly monitor my room. I have a temperature and humidity sensor and an 8 channel relay board that I would like to control from the web.

Can anyone point me in the right direction of setting up a web app or whatever I need to do on the web side to get this project going? I have never created a website from scratch or set up my own local network, but I know with a good tutorial I could easily figure it out.

Thanks!

[bko]

Hi @Mohrad

There are bunch of great resources here in the forum–just look around a bit: For the monitoring part, you might want to start with the Spark.variable and Spark.publish tutorials here in the forum:

Reading Spark Variables with Your Own HTML File

If you have seen my Spark.publish() tutorials, you know that I like to have private web pages (since if it was public, your access token would be exposed) that read and even graph data from my Spark core. Well, you can do similar things with Spark.variables() and here's how. Declare Yourself Let's say you have a Spark.variable declared and you want to read it. In my case, it is a temperature variable from a DS18B20 temperature sensor and I have converted the value to a double-precision floa…

Tutorial: Getting Started with Spark.publish()

Here's a tutorial to get you started using Spark.publish(). Let's imagine you want to monitor your core's uptime, that is, how many hours, minutes, and seconds since the last time the core was reset or powered-up and view it on a web page that you can leave open all the time. You can use the millis() function to measure time and for this example, you can ignore the fact that it can wrap-around back to zero after many days. So you need two things, code for your Spark core and code for a web p…

Using Spark.publish() with Simple JSON Data

Let's say you have looked at the Getting Started with Spark.publish() tutorial, but you need to send data that needs more processing once it gets to its destination on the web. You have a lot of choices for the data format, but one simple choice is to use JSON, the JavaScript Object Notation which let you send property names and values in an easy to read and easy parse to format. You may have noticed in fact that the data returned by listening to the event stream from a published event is …

For the controlling relay boards, try this one:

OK guys I have something working, but it is not quite where I wanted it to be. I wanted to have the current values automatically refresh from the core, but it is just not stable and I don't know what is wrong. So for now, you have to hit a Refresh button to get the current time and duration from the core. I will look at publishing the current settings instead of using variables, I guess. Also I decided that the seconds field could just always be zero, but feel free to change that. I made o…

or this one:

Tutorial: Spark Variable and Function on One Web Page

Let's say you have a Spark core with both a Spark variable and a Spark function. In my case, I have the world's simplest servo control sketch, using the nice miniature servo in the Spark Maker Kit. Using these parts, we will build a servo that you can control from a web page anywhere and monitor the position of the servo too! Here's a preview of the finished tutorial: [image] There is a coarse adjust slider, two fine adjust buttons, and the current position of the servo is displayed. T…

[Mohrad]

Thank you so much!

I already have an eight channel relay board, so I shouldn’t have too much trouble with that. I just didn’t know what questions to ask to get to all these articles you posted, so thank you@

[Mohrad]

This is exactly what I needed!

[BDub]

Like a boss!

[Teke]

You are a Semi-automatic resource MACHINE, @bko!

[BDub]

5 rounds is more like Full-Auto Burst