In this tutorial we will use NodeMCU Mini, IR sensor and Visuino to send data to web analytics every time the IR sensor detects something. Watch a demonstration video.

Step 1: What You Will Need

All the modules are from makerfabs. They have the best quality modules that are Light-years ahead the competition, also with best affordable prices.

NodeMCU Mini, link
IR sensor module
Breadboard
Jumper wires
Visuino program: Download Visuino

Step 2: The Circuit

Connect GND from NodeMCU to breadboard pin (gnd)

Connect 5V pin from NodeMCU to breadboard pin (positive)

Connect Digital pin (3) to IR sensor pin (D0)

Connect IR sensor pin (VCC) to breadboard pin (positive)

Connect IR sensor pin (GND) to breadboard pin (GND)

Step 3: Start Visuino, and Select the NodeMCU ESP-12

To start programming the Arduino, you will need to have the Arduino IDE installed from here: http://www.arduino.cc/.

Please be aware that there are some critical bugs in Arduino IDE 1.6.6. Make sure that you install 1.6.7 or higher, otherwise this Instructable will not work! If you have not done follow the steps in this Instructable to setup the Arduino IDE to program ESP 8266!

The Visuino also needs to be installed. Start Visuino as shown in the first picture Click on the "Tools" button on the Arduino component (Picture 1) in Visuino When the dialog appears, select "NodeMCU ESP-12" as shown on Picture 2

Step 4: WiFi Setup

Select NodeMCU ESP-12 and in the editor Modules>WiFi>Access Points, click on [...] button, so that "Access points " window will open.

In this editor drag the WiFi access point to the left side.

Under "SSID" put the name of your WiFi Network
Under "Password" put the access password for your WiFi network

Close the "Access points" window

On the left in editor select Modules>Wifi>Sockets, click on [...] button, so that "Sockets" window will open

Drag the TCP Client from right to the left side

Under Properties window set port: 80

Step 5: In Visuino Add Components

Add Obstacle Avoidance component
Add Formatted Text component

In Formatted Text put this under "text" value:

GET http://yourdomain.com/stat/piwik.php?idsite=2&action_name=VISITING-KITCHEN&uid=ARDUINO-ROBOT&rec=1&new_visit=1 HTTP/1.1

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8 Accept-Charset: *.* Accept-Language: en-US,en;q=0.7

Host: yourdomain.com

DNT: 1

Step 6: In Visuino: Connecting Components

Connect NodeMCU ESP-12 > Modules WiFi Sockets TCP Client1> Pin[Out] to NodeMCU ESP-12 Serial [0] pin [In]
Connect FormattedText1 pin [Out] to NodeMCU ESP-12> Modules WiFi Sockets TCP Client1> Pin[In]
Connect NodeMCU ESP-12 Digital Button 3 pin[Out to ObstacleAvoidance1 pin [In]
Connect ObstacleAvoidance1 pin [Out] to NodeMCU ESP-12 Digital (TX1)(LED2)[4]
Connect ObstacleAvoidance1 pin [Out] to FormattedText1 pin [Clock]

Step 7: Understanding Piwik-Matomo Analytics

You can get Piwik-Matomo analytics here for free https://matomo.org/

You can read more about Image Tracking here: https://developer.matomo.org/api-reference/trackin...

Getting the url for Visuino "FormattedText1" component:

Go to Piwik-Matomo Analytics Dashboard
In your Dashboard under Settings>Websites>Tracking Code
Go to the "Image Tracking Link" section, there you will see a link that you will use for your tracking

something like this:

img src="http://yourdomain.com/stat/piwik.php?idsite=1&rec=1" style="border:0" alt="" /

Use the link: http ://yourdomain.com/stat/piwik.php?idsite=1&rec=1 and modify it by adding at the end this text:

&action_name=VISITING-KITCHEN&uid=ARDUINO-ROBOT&rec=1&new_visit=1

-&action_name=VISITING-KITCHEN change "VISITING-KITCHEN" to something you prefer like "Doors opened"

-uid=ARDUINO-ROBOT change "ARDUINO-ROBOT" to something you will name your device like "Visuino-Device"

Once you have the URL, put it to FormattedText1 component in Visuino (see the picture)

Step 8: Generate, Compile, and Upload the Arduino Code

In Visuino, at the bottom click on the "Build" Tab, make sure the correct port is selected, then click on the "Compile/Build and Upload" button.

Step 9: Play

If you power the NodeMCU module, and open your Piwik-Matomo dashboard on the web, every time a IR sensor detects an obstacle, you should see a new "Visitor" on the dashboard of your analytics

Congratulations! You have completed your Web Analytics project with Visuino. Also attached is the Visuino project, that I created for this Instructable. You can download and open it in Visuino: Download link