🔍 Refletions

This assignment helped me understand how embedded systems can communicate with each other through a network instead of working independently. By using MQTTX, I was able to visualize how data is sent and received in real time, making the concept of IoT much more practical. I also learned how a simple input, like a pushbutton, can be transformed into a message and transmitted using a XIAO ESP32 S3 to generate a response on another device.

Additionally, I realized that working with communication between two systems is more complex, as it involves debugging connection issues and ensuring correct data transmission. Despite these challenges, this experience strengthened my problem-solving skills and gave me a better understanding of networking protocols. Overall, it provided a solid foundation for integrating multiple devices in future projects, especially for developing more interactive and connected systems. 🌐⚙️

individual Assignment:

° design, build and connect wired or wireless node(s) with network or bus addresses and a local input and/or output device(s)

1. Introduction

In this individual assignment, I focused on networking and communication between devices by developing a system that connects two boards through a wireless network. The objective was to understand how a microcontroller can send and receive data, enabling interaction between independent systems instead of working in isolation.

Through this process, I used MQTTX as a communication platform to transmit messages between two XIAO ESP32 S3 boards. One device was responsible for sending data based on a pushbutton input, while the other received the information and displayed it, allowing me to explore real-time data exchange and system synchronization.

This assignment helped me strengthen my understanding of communication protocols and IoT concepts, bringing me closer to developing more advanced, connected, and interactive systems for my final project. 🌐📡

PCB Components List

For this assignment, I used the SEEED STUDIO XIAO ESP32-S3 as the main controller, taking advantage of its built-in WiFi capabilities to enable communication through RemoteXY. I integrated an OLED display to visualize information in real time and an RGB LED module to generate visual outputs with different colors. Additionally, the system was connected to the laboratory WiFi network, allowing remote control and interaction from a mobile device using the RemoteXY platform. This setup helped me understand how to combine wireless communication with visual output devices in an embedded system. ⚙️📡

Item	Component	Amount
1	SEEED STUDIO XIAO ESP32-S3	1
2	OLED DISPLAY (I2C)	1
3	RGB LED MODULE	1
4	Resistors (for RGB LED)	3
5	Header Pins / Connectors	3
6	WiFi Network (Laboratory)	1
7	RemoteXY Platform	1

📟PCB Components

The PCB integrates the SEEED STUDIO XIAO ESP32-S3 as the main microcontroller, taking advantage of its built-in WiFi capabilities to enable wireless communication. It is connected to essential components such as resistors and header pins for proper interfacing and circuit stability.

In this setup, I incorporated an OLED display to provide real-time visual feedback and an RGB LED module to generate different light outputs. Additionally, the system is linked to the RemoteXY platform through the laboratory WiFi network, allowing remote control and interaction. All these components work together to create a connected electronic system capable of producing dynamic visual responses. ⚙️📡

📍 2. Ubication

The electronic components used in this project were sourced from Saisac Mecatrónica, a specialized electronics supplier located in the city of Lima. This store offers a wide range of components suitable for PCB design and prototyping. For reference, the exact location of the store can be accessed through Google Maps at: Jr. Paruro 1349, Lima 15003.

📈3. Simulation of the circuit:

In this stage, I analyzed the program used to control the OLED display and the RGB LED module with the XIAO ESP32-S3. By reviewing the code, I was able to understand how the display is initialized and updated, as well as how the RGB LED receives signals to generate different colors.

The structure of the code allowed me to clearly identify how both output devices are managed at the same time, including the functions used to display information

⚙️4. Code visualization

In this stage, I analyzed the program used to control the OLED display, the RGB LED module, and the servo motor using the XIAO ESP32-S3 with RemoteXY over a WiFi connection. By reviewing the code, I understood how the system establishes communication with the RemoteXY cloud server, allowing real- time control from a mobile interface. Additionally, I identified how the OLED display is initialized through I2C communication and continuously updated to show system status, including button state, RGB mode, and time data received from the interface.

The structure of the code also allowed me to understand how multiple output devices are managed simultaneously. The RGB LED is controlled using predefined color states that change each time the button is activated, while the servo motor responds to the same input by switching between positions This helped me verify pin configurations, signal control using PWM, and the synchronization between wireless commands, visual outputs on the OLED, and physical responses from the servo motor. ⚙️📡

⚙️1. Programming Process-Smart Output System with OLED Display and Servo Control

Programming Process: Potentiometer Reading with Arduinio IDE

Once in the directory, I open the new script files marked in a green box, using the Rhinoceros program.

Programming Process: RemoteXY + OLED + RGB + Servo (ESP32-S3)

1.1. Libraries and Configuration

#include <WiFi.h>
#include <RemoteXY.h>
#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
#include <ESP32Servo.h>

#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64

#define PIN_R D3
#define PIN_G D2
#define PIN_B D1
#define PIN_SERVO D7

Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);
Servo miServo;

- WiFi & RemoteXY: Enable wireless communication and remote control. 🌐
- Wire: Enables I2C communication for the OLED.
- Adafruit_SSD1306: Controls the OLED display.
- ESP32Servo: Controls the servo motor using PWM.
- RGB Pins: Define outputs for color control.

1.2. Setup Configuration

void setup() 
{
  RemoteXY_Init();

  pinMode(PIN_R, OUTPUT);
  pinMode(PIN_G, OUTPUT);
  pinMode(PIN_B, OUTPUT);

  miServo.attach(PIN_SERVO);

  Wire.begin(D4, D5);
  display.begin(SSD1306_SWITCHCAPVCC, 0x3C);

  display.clearDisplay();
  display.setTextSize(1);
  display.setTextColor(WHITE);

  display.setCursor(0,0);
  display.println("Sistema iniciado");
  display.display();
}

- Initializes RemoteXY connection via WiFi.
- Configures RGB pins and attaches the servo motor.
- Initializes OLED display using I2C communication.
- Displays initial system status.

1.3. Remote Control Logic

RemoteXY_Handler();

if (RemoteXY.pushSwitch_01 == 1) {
  miServo.write(90);
} else {
  miServo.write(0);
}

- Receives commands from RemoteXY interface.
- Controls servo position based on button state.

1.4. RGB Color Control

if (RemoteXY.pushSwitch_01 == 1) {
  analogWrite(PIN_R, 255);
  analogWrite(PIN_G, 0);
  analogWrite(PIN_B, 0);
} else {
  analogWrite(PIN_R, 0);
  analogWrite(PIN_G, 0);
  analogWrite(PIN_B, 0);
}

- Controls RGB LED using PWM signals.
- Activates colors when the button is ON and turns off when OFF. 🌈

1.5. OLED Display Update

display.clearDisplay();

display.setCursor(0,0);
display.println("WEEK11 JIAN");

display.setCursor(0,15);
display.print("BUTTON: ");
display.println(RemoteXY.pushSwitch_01 ? "ON" : "OFF");

display.display();

- Updates OLED screen with real-time system status.
- Displays button state received from RemoteXY. 🖥️

1.6. Loop Execution

RemoteXY_delay(100);

- Maintains stable communication with RemoteXY.
- Ensures smooth synchronization between devices.

✅1.7 Program Objective

Control an RGB LED module and a servo motor through a wireless interface using RemoteXY, while displaying real-time system information on an OLED screen. This demonstrates the integration of wireless communication with both visual and mechanical outputs in an embedded system. ⚙️📡

⚙️1.8. OLED display (SSD1306)

The OLED display (SSD1306) is a compact output device that uses I2C communication (SDA and SCL), making it easy to integrate with the XIAO ESP32 S3. It offers low power consumption and high contrast since each pixel emits its own light. In my project, it serves as a user interface to display real-time information such as system status, servo position, or messages like “Ready” or “Dispensing,” improving interaction and making the system more intuitive and functional. 📟⚙️

⚙️1.9 I made a Simple Scetch

In this step, I created a simple sketch to represent the connection between the XIAO ESP32 S3 and the SG90 servo motor. Based on the diagram, I defined the main wiring by connecting VCC to 5V and GND to GND, ensuring proper power supply to the servo.

For signal control, I assigned the signal pin of the servo to a GPIO pin on the microcontroller, which allows sending PWM signals to control its position. In the sketch, these connections are represented as control lines, helping to clearly understand how the ESP32 S3 sends commands to move the servo to specific angles.

⚙️ I tested in PCB

In this stage, I tested the circuit directly on the fabricated PCB using the XIAO ESP32 S3 as the main microcontroller. After assembling the components, including the OLED display and the SG90 servo motor, I powered the board and uploaded the program.

I verified the correct operation of the output devices by observing the information displayed on the OLED and the movement of the servo motor. This allowed me to confirm that the connections, control signals, and overall system performance were working properly, ensuring proper synchronization between visual and mechanical outputs. ⚙️📟