Published June 28, 2017 © GPL3+

Arduino-Controlled Wall-E Head

In this project I'll show you how to control a servo remotely from a regular web page without needing a web server in your Arduino board.

BeginnerFull instructions provided1 hour2,123

Things used in this project

Hardware components

RobotGeek Continuous Rotation Servo

SparkFun Breadboard Power Supply 5V/3.3V

NodeMCU ESP8266 Breakout Board

Software apps and online services

Abetoo IoT Framework

Story

Overview

This is another example project of the Abetoo IoT Framework. In this case is a remote-controlled LEGO Wall-E, you can control the head movement from a regular web browser with support for JavaScript. I’ll show you how to do it from a desktop machine or from a mobile phone, either Android or iPhone.

Components

Let’s go first at all with the hardware, you’ll need the following items:

A NodeMCU esp-12e board. (You can use any other Arduino based device with internet connectivity).

A servo to control the movements of the Wall-E head, In this case is a 360º servo.

A power supply for the servo

The hardware schematic diagram

Regular desktop web browser control

This first video demonstrate the control of the servo from a regular desktop web browser, you can see the web page control and the output from the serial console connected to the Arduino NodeMCU board.

Mobile phone browser control

And this is another shot where the control was done through a mobile phone browser. In this case through the use of a webserver. Although you can also copy the content of the web page to a mobile phone folder and launch it locally.

To make it work, simply download the Arduino source code to your ModeMCU board, and on the other hand launch the web page from any web browser either within Windows or Mac.

Remember that you need to have the Arduino library installed within Arduino IDE. Download from this link.

Advantages

There are many advantages with this approach:

You don’t need a web server in your Arduino. At the Arduino side you simply are going to receive messages.

No need to open ports in your router. You can control the device remotely from everywhere.

You can mix the control. You can use a web page, a regular desktop app or even a mobile app to control everything.

You can download the full source code of the Arduino and the web page in the following link.

Code

Arduino Wall-E source code

/* 
 * This file is part of the Abetoo IoT Framework
 * Copyright (c) 2017 Chocron J.
 * 
 * This program is free software: you can redistribute it and/or modify  
 * it under the terms of the GNU General Public License as published by  
 * the Free Software Foundation, version 3.
 *
 * This program is distributed in the hope that it will be useful, but 
 * WITHOUT ANY WARRANTY; without even the implied warranty of 
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License 
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

#include "abtoo.h"
#include <ESP8266WiFi.h>

// WiFi
char* ssid = "MYSSID";
char* password = "MYPASSWORD";

AbetooIno abtoino;

// Abetoo Message received callback
void messageReceived(String message)
{
  if (message.startsWith("rotateAt:"))
  {
    Serial.println(message);
    message.remove(0, 9);
    analogWrite(0, message.toInt()); // set rotation speed
    delay(15);
  }
}

void setup() {
  Serial.begin(9600);

  WiFi.begin(ssid, password);
 
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  Serial.println("");
  Serial.println("WiFi connected");

  analogWriteFreq(50);
  analogWrite(0, 80); // stopped
  
  abtoino.init("uuid1", "-52tlHTNJL0mtMJSyO5nrEw636307126199001793#f635ea005d5800bc0e41b597016db5a0bfa08b7c", 1, messageReceived);
}

void loop() {
  abtoino.abetooloop();
}

Credits

abetoo

0 projects • 7 followers

Software and Hardware Development

Arduino-Controlled Wall-E Head

Things used in this project

Hardware components

Software apps and online services

Story

Overview

Components

Regular desktop web browser control

Mobile phone browser control

Advantages

Schematics

Remote controlled Wall-E head schematics

Code

Arduino Wall-E source code

Credits

abetoo

Comments

Embed the widget on your own site

Arduino-Controlled Wall-E Head

Arduino-Controlled Wall-E Head

Things used in this project

Hardware components

Software apps and online services

Story

Overview

Components

Regular desktop web browser control

Mobile phone browser control

Advantages

Schematics

Remote controlled Wall-E head schematics

Code

Arduino Wall-E source code

Credits

abetoo

Comments

Related channels and tags