Lab — GUI + Arduino integration

Lesson progress 0%

Learn by programming: follow each step, write your own code, then apply it to the course assignment.

What you will build

A GUI button sends a serial command and displays the response.

Steps in this tutorial

1. 1. Define the protocol
2. 2. Separate layers
3. 3. UI button
4. 4. End-to-end test
5. 5. Document for submission

1. 1

   Define the protocol

   List commands and responses from the protocols PDF (header, checksum if any, line ending). Document one valid and one invalid example.

   Tip: Reference: /en/proyecto-final/comunicacion-serial-arduino/

   I completed this step
2. 2

   Separate layers

   A `SerialLink` class or module (open port, send, read). The GUI only calls high-level methods; do not mix widgets with raw bytes.
   I completed this step
3. 3

   UI button

   An «On» button (or similar) sends the agreed command. Show the Arduino response in a label or log area. See [GUI](/en/proyecto-final/interfaz-grafica/).
   I completed this step
4. 4

   End-to-end test

   With Arduino connected: press the button, verify the correct response, unplug the cable, and confirm the GUI shows a friendly error without crashing.
   I completed this step
5. 5

   Document for submission

   Screenshots of GUI + console, command table, and short README with dependencies (Qt, port, baud). Align with [Integration](/en/proyecto-final/integracion/).
   I completed this step

Back to tutorial page

Layered project

Do not mix buttons with raw port bytes: a serial layer, a logic layer, and the GUI on top. This lab follows the same order as course Integration and testing.