Mastering IoT: Build Your Own Controller App with RemoteXY

hey everyone and welcome back to my YouTube channel in this new tutorial I'm going to show you how to use another tool that allows you to create your own apps so that you can control the microcontrollers like the esp8266 as you can see we can turn on and off this LED and this tool is called remote XY you could go to this link remote xy. comom actually we've seen another tool which is called the M up inventor but this one is way much better because it provides you with the source code you don't have to write it on your own then we can directly upload it to the microcontroller and it works both on IOS and Android so you don't have to care about your operating system in today's episode we're going to control this led I have connected to the digital pen D5 we're going to control it using the app of course with the Wi-Fi capability of the microcontroller if you are using an Arduino board you have to bring another module like a Bluetooth module to control your devices or connected the esp8266 module to do that we have four simple steps the first one is to create a graphical interface of your app by dragging and dropping some elements like a button to turn on and off the Led You could also add a joystick to control a robot car I highly recommend you to use this tool the next step is to download the source code so you don't have to write it then we are going to upload it to our microcontroller and finally we can install the app so that we can see the interface that we have created and without any further Ado let's start with our First Step By the way you have to create an account using an email and password by going to sign in I've already created this one it is called enjoy mechatronics once you do that we can go to the editor and there you go we have this mobile interface we simply have to drag the elements from this list like a switch or a button I'm going to put it right here if you want to control an RGB LED you could use this option I'm going to hit the delete key to delete it you could use other mobile features under sensor like the accelerometer on the right hand side we have the properties tab in which we can set some properties like the background color for now it is white I'm going to select the blue one also we can select the element and change some settings like the button text it is under the element section I'm going to change the name to LED I think the default colors are great but most importantly we have to set the pen that we want to control using this button for example we want to turn on and off the LED which is connected to the P D5 to do that we have to select it from here it is called pen if you can't see the pen number that's because you haven't selected the right board we have to go on top under configuration I've already selected an esp8266 but you could change it from here if you want to choose an Arduino board we can select Arduino like the Arduino Uno or the Arduino micro let's try with Arduino Uno you see that I can't apply the change because the connection is set to Wi-Fi and we didn't have the Wi-Fi capability inside the Arduino microcontroller that's why we can select the Bluetooth module like the hc05 to select it you have to go to the module section and pick up the right one once you set all of these you could apply the changes now if we select the button again you see we have different options like analog pen a0 we have the digital pens from 0 to 13 that's the only thing that you have to change if you are using another microcontroller for me I'm going to select another board which is a note MCU and I have this one note MCU version 3 for the connection part I'm going to use the Wi-Fi capability that comes with the microcontroller and select it Wi-Fi access point and the module in this case is the buil-in Wi-Fi Shipe on the board the IDE that we are using is the Arduino IDE I'm going to leave it as default and let's hit apply then we can set the pen I'm going to use the digital pen D5 now we can move on to our next step which is getting the source code by pressing this button download the source code you see it is downloaded as a zip file so we have to extract it using right click and extract all let's put it on my desktop and hit extract for now it is called project but you could rename it to whatever you want let's open it up inside the uino IDE so that we can upload it to our microcontroller and to do that you have to select the board from here I have a not MCU and the port is com 3 then we can upload it using this button if you do that you will get an error for the first time because our sketch is using a library that is not built in it is called remote XY we have to search for it under the library manager just search for the name remote XY I've already installed it using install once you do that you will be able to upload the code make sure to watch my recent videos about using the microcontroller esp8266 with the Arduino IDE because you have to install a few things once it's done uploading we can test our app I guess you are asking where I can find the interface that we have created so that we can control the LED and this is our fourth step which is installing the remote XY app I'm going to click on this link luckily we can download it for free using Google play or Apple store so you don't have to care about the operating system that you are using for me I have an Android phone so I will open up the Play Store and search for a QR code scanner so that we can scan the code I've already done that so let's open it up and I'm going to scan the QR code on the website and there you go I've got this link let's open it up by the way you could simply search for the name of this app and install it let's hit install so the source code that we have uploaded to the microcontroller contains the user interface that we have created then we can load it from the microcontroller using our remote XY app and to do that we have different options like Bluetooth if you are using the HC 05 module with the Arduino microcontroller in our case we are going to use the Wi-Fi capability to get the interface we have this button plus and use Wi-Fi point I'm going to open up Wi-Fi on my phone then we can select this option and there you go we have the Wi-Fi access point that is created by the microcontroller let's select it and here we have a password to get it you will have to get back to the source code and here it is it's from 1 to 8 and this is the name of the network that you can change so I'm going to write it then hit connect and yep we have our interface that we can use to control the LED we can turn it on and off we have on and off I hope you like this video if you have any question or comment make sure to write it under the comment section Down Below in our next videos we are going to use this app more often for example we can add a sensor like the temperature and the humidity sensor then we can read it and display it using our remote XY app and they will see you in the next one

Channel: Enjoy Mechatronics

Views: 9,756

Keywords: tutorial, microcontroller, getting started, esp32 beginners, learn, basic tutorial, wireless, esp32 arduino, Bluetooth, IoT, Smart LED System, esp32 bluetooth, classic bluetooth, guide, bluetooth, control, Wireless LED Control, IoT Project, Smart Home, App Development, Mobile App, Control Circuit, ESP8266 LED control, RemoteXY app, DIY IoT projects, Smart home automation, Internet of Things beginner guide, LED control system, RemoteXY tutorial, DIY electronics projects

Id: F3T0NSiQITM

Length: 7min 16sec (436 seconds)

Published: Fri Nov 17 2023