binefa.com - Contribucions de l'usuari [ca]

23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-17T21:34:34Z

Jordi Binefa: /* Práctica final */

= Conceptos previos (22 / 5 / 2026) =
* Funciones en Node-RED
* Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED
* Uso de GSheets

= Temario (23 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Conceptos previos ==
=== Node-RED ===
* [[Asignación de puertos para el curso 2025-2026]]

==== Uso del Node-RED ====
* [[Uso del NodeRED (2025-2026) | Uso del Node-RED]]

==== Uso de la base de datos MariaDB desde Node-RED====
* [[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]

* [[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Telegram ==
[[Uso de Telegram desde NodeRED]]

== Grafana ==
[[Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de Grafana en el VPS del Máster de Industria 4.0]]


== Repaso y dudas de la clase invertida ==
* Telegram

* Grafana
== Ejercicios ==
=== Ejercicios '''Telegram''' ===
* Desde el chat del bot: Al enviar la orden '''/ledWon''' se enciende el led blanco de la placa IoT-02. Al enviar la orden '''/ledWoff''' se apaga el led blanco.

* Desde el chat del bot: Al enviar la orden '''/ledReleSet''' el relé se pone en estado SET. Al enviar la orden '''/ledReleReset''' el relé se pone en estado RESET.

* El chat de vuestro bot recibe un mensaje cuando se aprieta vuestro botón I34 y cuando se deja de apretar.

* Desde el chat del grupo donde pertenece vuestro bot: Al enviar la orden '''/entradas''' el bot contesta con los estados de los botones y la temperatura de la placa.
== Práctica final ==
[https://binefa.com/upc-school/Enunciado_Practica_IoT_Hands-on_IoT_MVPs_2025-2026.pdf Enunciado Práctica IoT Hands-on IoT MVPs]

23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-17T21:33:33Z

Jordi Binefa: /* Conceptos previos */

= Conceptos previos (22 / 5 / 2026) =
* Funciones en Node-RED
* Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED
* Uso de GSheets

= Temario (23 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Conceptos previos ==
=== Node-RED ===
* [[Asignación de puertos para el curso 2025-2026]]

==== Uso del Node-RED ====
* [[Uso del NodeRED (2025-2026) | Uso del Node-RED]]

==== Uso de la base de datos MariaDB desde Node-RED====
* [[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]

* [[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Telegram ==
[[Uso de Telegram desde NodeRED]]

== Grafana ==
[[Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de Grafana en el VPS del Máster de Industria 4.0]]


== Repaso y dudas de la clase invertida ==
* Telegram

* Grafana
== Ejercicios ==
=== Ejercicios '''Telegram''' ===
* Desde el chat del bot: Al enviar la orden '''/ledWon''' se enciende el led blanco de la placa IoT-02. Al enviar la orden '''/ledWoff''' se apaga el led blanco.

* Desde el chat del bot: Al enviar la orden '''/ledReleSet''' el relé se pone en estado SET. Al enviar la orden '''/ledReleReset''' el relé se pone en estado RESET.

* El chat de vuestro bot recibe un mensaje cuando se aprieta vuestro botón I34 y cuando se deja de apretar.

* Desde el chat del grupo donde pertenece vuestro bot: Al enviar la orden '''/entradas''' el bot contesta con los estados de los botones y la temperatura de la placa.
== Práctica final ==
[https://www.binefa.cat/training/upcSchool/2025/20250607/Enunciado_Practica_IoT_Hands-on_IoT_MVPs.pdf Enunciado Práctica IoT Hands-on IoT MVPs]

23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-17T21:33:09Z

Jordi Binefa: /* MQTT síncrono y asíncrono */

= Conceptos previos (22 / 5 / 2026) =
* Funciones en Node-RED
* Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED
* Uso de GSheets

= Temario (23 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Conceptos previos ==
=== Node-RED ===
* [[Asignación de puertos para el curso 2025-2026]]

==== Uso del Node-RED ====
* [[Uso del NodeRED (2025-2026) | Uso del Node-RED]]

==== Uso de la base de datos MariaDB desde Node-RED====
* [[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]

* [[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]



== Telegram ==
[[Uso de Telegram desde NodeRED]]

== Grafana ==
[[Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de Grafana en el VPS del Máster de Industria 4.0]]


== Repaso y dudas de la clase invertida ==
* Telegram

* Grafana
== Ejercicios ==
=== Ejercicios '''Telegram''' ===
* Desde el chat del bot: Al enviar la orden '''/ledWon''' se enciende el led blanco de la placa IoT-02. Al enviar la orden '''/ledWoff''' se apaga el led blanco.

* Desde el chat del bot: Al enviar la orden '''/ledReleSet''' el relé se pone en estado SET. Al enviar la orden '''/ledReleReset''' el relé se pone en estado RESET.

* El chat de vuestro bot recibe un mensaje cuando se aprieta vuestro botón I34 y cuando se deja de apretar.

* Desde el chat del grupo donde pertenece vuestro bot: Al enviar la orden '''/entradas''' el bot contesta con los estados de los botones y la temperatura de la placa.
== Práctica final ==
[https://www.binefa.cat/training/upcSchool/2025/20250607/Enunciado_Practica_IoT_Hands-on_IoT_MVPs.pdf Enunciado Práctica IoT Hands-on IoT MVPs]

23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-17T21:32:05Z

Jordi Binefa: /* Conceptos previos */

= Conceptos previos (22 / 5 / 2026) =
* Funciones en Node-RED
* Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED
* Uso de GSheets

= Temario (23 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Conceptos previos ==
=== Node-RED ===
* [[Asignación de puertos para el curso 2025-2026]]

==== Uso del Node-RED ====
* [[Uso del NodeRED (2025-2026) | Uso del Node-RED]]

==== Uso de la base de datos MariaDB desde Node-RED====
* [[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]

* [[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]

== MQTT síncrono y asíncrono ==
[http://extensions.snap.berkeley.edu/snap/snap.html#open:https://raw.githubusercontent.com/jordibinefa/IoT-02/master/codes/snap/test_dt_IoT-02.xml Acceso directo a Snap!] (cambiamos el bloque reportador '''timer''' por el bloque reportador '''current''' seleccionando la opción '''time in milliseconds''', que indica el número de milisegundos pasados desde el 1 de Enero de 1970. '''timer''' indica el número de segundos desde que el Snap! funciona) para probar MQTT síncrono y asíncrono con la placa IoT-02 ('''Es el mismo que se ha usado en las dos últimas clases'''. [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upcSchool_broker1.zip Firmware que permite el uso de MQTT síncrono en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 Firmware IoT-02_mqtt_json_upcSchool_broker1 en GitHub])

== Telegram ==
[[Uso de Telegram desde NodeRED]]

== Grafana ==
[[Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de Grafana en el VPS del Máster de Industria 4.0]]


== Repaso y dudas de la clase invertida ==
* Telegram

* Grafana
== Ejercicios ==
=== Ejercicios '''Telegram''' ===
* Desde el chat del bot: Al enviar la orden '''/ledWon''' se enciende el led blanco de la placa IoT-02. Al enviar la orden '''/ledWoff''' se apaga el led blanco.

* Desde el chat del bot: Al enviar la orden '''/ledReleSet''' el relé se pone en estado SET. Al enviar la orden '''/ledReleReset''' el relé se pone en estado RESET.

* El chat de vuestro bot recibe un mensaje cuando se aprieta vuestro botón I34 y cuando se deja de apretar.

* Desde el chat del grupo donde pertenece vuestro bot: Al enviar la orden '''/entradas''' el bot contesta con los estados de los botones y la temperatura de la placa.
== Práctica final ==
[https://www.binefa.cat/training/upcSchool/2025/20250607/Enunciado_Practica_IoT_Hands-on_IoT_MVPs.pdf Enunciado Práctica IoT Hands-on IoT MVPs]

23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-17T21:31:45Z

Jordi Binefa: /* Conceptos previos */

= Conceptos previos (22 / 5 / 2026) =
* Funciones en Node-RED
* Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED
* Uso de GSheets

= Temario (23 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Conceptos previos ==
=== Node-RED ===
[[Asignación de puertos para el curso 2025-2026]]


==== Uso del Node-RED ====
[[Uso del NodeRED (2025-2026) | Uso del Node-RED]]


==== Uso de la base de datos MariaDB desde Node-RED====
* [[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]

* [[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]

== MQTT síncrono y asíncrono ==
[http://extensions.snap.berkeley.edu/snap/snap.html#open:https://raw.githubusercontent.com/jordibinefa/IoT-02/master/codes/snap/test_dt_IoT-02.xml Acceso directo a Snap!] (cambiamos el bloque reportador '''timer''' por el bloque reportador '''current''' seleccionando la opción '''time in milliseconds''', que indica el número de milisegundos pasados desde el 1 de Enero de 1970. '''timer''' indica el número de segundos desde que el Snap! funciona) para probar MQTT síncrono y asíncrono con la placa IoT-02 ('''Es el mismo que se ha usado en las dos últimas clases'''. [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upcSchool_broker1.zip Firmware que permite el uso de MQTT síncrono en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 Firmware IoT-02_mqtt_json_upcSchool_broker1 en GitHub])

== Telegram ==
[[Uso de Telegram desde NodeRED]]

== Grafana ==
[[Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de Grafana en el VPS del Máster de Industria 4.0]]


== Repaso y dudas de la clase invertida ==
* Telegram

* Grafana
== Ejercicios ==
=== Ejercicios '''Telegram''' ===
* Desde el chat del bot: Al enviar la orden '''/ledWon''' se enciende el led blanco de la placa IoT-02. Al enviar la orden '''/ledWoff''' se apaga el led blanco.

* Desde el chat del bot: Al enviar la orden '''/ledReleSet''' el relé se pone en estado SET. Al enviar la orden '''/ledReleReset''' el relé se pone en estado RESET.

* El chat de vuestro bot recibe un mensaje cuando se aprieta vuestro botón I34 y cuando se deja de apretar.

* Desde el chat del grupo donde pertenece vuestro bot: Al enviar la orden '''/entradas''' el bot contesta con los estados de los botones y la temperatura de la placa.
== Práctica final ==
[https://www.binefa.cat/training/upcSchool/2025/20250607/Enunciado_Practica_IoT_Hands-on_IoT_MVPs.pdf Enunciado Práctica IoT Hands-on IoT MVPs]

Uso del NodeRED (2025-2026)

2026-05-17T21:29:42Z

Jordi Binefa: Es crea la pàgina amb «= Comunicación MQTT entre el NodeRED y la placa IoT-02 = <!-- Asignación de puertos para el curso 2023-2024 '''El firmware de la placa IoT-02 para el día de ho...».

= Comunicación MQTT entre el NodeRED y la placa IoT-02 =

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

== Subscripción y publicación ==
[[Image:Nodered20220402a00.png|center|Comunicación MQTT entre el NodeRED y la placa IoT-02]]

=== Ejercicio '''NodeRED-01''' ===
Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

= Panel de Control (''Dashboard'') =
[https://flows.nodered.org/node/node-red-dashboard Hace falta instalar el conjunto de nodos ''node-red-dashboard'']
== Nodo '''conmutador''' (''switch'') ==
El nodo commutador envía un ''payload'' personalizado para el estado ''ON'' y el estado ''OFF''.

[[Image:Nodered20220402b01.png|center|Flujo conmutador leds]]

[[Image:Nodered20220402b00.png|center|Visualización conmutador leds]]
=== Ejercicio '''NodeRED-02''' ===
Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

== Nodos de '''texto''', '''botón''' y '''variables de flujo'''. Cambio de color de un punto (representación de un led) ==
El nodo botón envía un ''payload'' personalizado cuando se aprieta.

[[Image:Nodered20220402c01.png|center|Flujo cambio de color de un punto]]

[[Image:Nodered20220402c00.png|center|Visualización cambio de color de un punto]]

En el ''Value format'' del nodo de texto:
<nowiki><font color={{msg.color}} ><i class="fa fa-circle" style="font-size:24px;"></i></font></nowiki>

Función '''FF3399''':
msg.color = "#FF3399"
return msg;

Función '''{R,G,B} -> {0,0,0}''':
flow.set("R","00");
flow.set("G","00");
flow.set("B","00");
flow.set("RGB","#"+flow.get("R")+flow.get("G")+flow.get("B"));
msg.color = flow.get("RGB");
return msg;

Función '''R -> FF''':
flow.set("R","FF");
flow.set("RGB","#"+flow.get("R")+flow.get("G")+flow.get("B"));
msg.color = flow.get("RGB");
return msg;

Función '''R -> 00''':
flow.set("R","00");
flow.set("RGB","#"+flow.get("R")+flow.get("G")+flow.get("B"));
msg.color = flow.get("RGB");
return msg;

[https://www.binefa.cat/training/upcSchool/2022/20220402/ledMulticolor.nodered.json Flujo ledMulticolor.nodered.json]
=== Ejercicio '''NodeRED-03''' ===
Haced una visualización de un punto que representa un led multicolor. En la placa IoT-02:

* Cuando el botón '''IO0''' esté apretado incorpora el color '''rojo''' al punto multicolor representado en el panel de control del NodeRED

* Cuando el botón IO0 no esté apretado quita el color rojo al punto multicolor representado en el panel de control del NodeRED

* Cuando el botón '''I34''' esté apretado incorpora el color '''verde''' al punto multicolor representado en el panel de control del NodeRED

* Cuando el botón I34 no esté apretado quita el color verde al punto multicolor representado en el panel de control del NodeRED

* Cuando el botón '''I35''' esté apretado incorpora el color '''azul''' al punto multicolor representado en el panel de control del NodeRED

* Cuando el botón I35 no esté apretado quita el color azul al punto multicolor representado en el panel de control del NodeRED

== '''Simulación de generación de un dato'''. Aleatorización controlada por el panel de control ==
[[Image:12nodeRedRandomUi.png|center|Generación de datos aleatorios]]

Al seleccionar el conmutador (''switch'') '''Randomize''' comienza la generación de datos aleatorios. Al deseleccionarlo se para la generación de datos. El nodo commutador envía un ''payload'' personalizado para el estado ''ON'' y el estado ''OFF''.

[[Image:14nodeRedRandomUi.png|center|Generación de datos aleatorios]]

[https://www.binefa.cat/training/upcSchool/2022/20220402/14nodeRedRandomUi.nodered.json Código para el NodeRED que genera datos aleatorios]

Función '''Randomizing (On/Off)''':
flow.set("Randomizing",msg.payload);
return msg;

Función '''random value in range (20.0,30.0)''':
msg.payload = parseFloat( (200 + Math.floor(Math.random() * 101))/10); // value between 20.0 and 30.0
return msg;

=== Ejercicio '''NodeRED-04''' ===
Importad el [https://www.binefa.cat/training/upcSchool/2022/20220402/14nodeRedRandomUi.nodered.json flujo 14nodeRedRandomUi] y verificad el funcionamiento.

== Conversión de '''JSON''' a texto y texto a JSON ==
[[Image:Nodered20220402d00.png|center|Flujo JSON -> TXT y TXT -> JSON]]

[https://www.binefa.cat/training/upcSchool/2022/20220402/jsonTxt.nodered.json Flujo jsonTxt.nodered.json]

* Función '''genero json''':
var json00 = {}
json00.nombre = "Joan"
json00.apellido = "Pérez"
json00.edad = 26
msg.payload = json00
return msg;

* Función '''genero txt''':
var txt = "{\"apellido\":\"Martínez\",\"nombre\":\"Meritxell\",\"edad\":28}"
msg.payload = txt
return msg;

== Pasarela '''HTTP a MQTT''' ==
[[Image:Nodered20220402e00.png|center|Flujo HTTP a MQTT]]

[https://www.binefa.cat/training/upcSchool/2022/20220402/httpMqtt.nodered.json Flujo httpMqtt.nodered.json]

[http://vps656540.ovh.net:2222/mqtt?topic=/7C9EBDEA5BA0/ledW&&payload=0 Apagando] led blanco:
[[Image:Nodered20220402e01.png|center|Apagando led blanco. HTTP a MQTT]]

[http://vps656540.ovh.net:2222/mqtt?topic=/7C9EBDEA5BA0/ledW&&payload=1 Encendiendo] led blanco:
[[Image:Nodered20220402e02.png|center|Encendiendo led blanco. HTTP a MQTT]]

* Función '''bridge''':
msg.topic = msg.req.query['topic'];
msg.payload = msg.req.query['payload'];
return msg;

* Función '''response''':
msg.payload = "Tema: "+msg.req.query['topic']+", missatge: "+msg.req.query['payload'];
return msg;

=== Ejercicio '''NodeRED-05''' ===
Implementad vuestro flujo para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

== Nodo '''exec''' ==
El nodo '''exec''' ejecuta órdenes del sistema operativo.

[[Image:Nodered20220402h00.png|center|Flujo con nodo exec]]

[https://www.binefa.cat/training/upcSchool/2022/20220402/exec.nodered.json Flujo exec.nodered.json]

== Envío de JSON a la placa IoT-02 ==

[[Image:Nodered20220402f00.png|center|Flujo de JSON en nodo Inject en NodeRED]]

[[Image:Nodered20220402f01.png|center|Edición de JSON en nodo Inject en NodeRED]]

[https://www.binefa.cat/training/upcSchool/2022/20220402/jsonLeds.json Flujo jsonLeds.json]

* En el código Arduino se diferencia el tipo '''bool''' del tipo '''int''':
if (szTopic == String("/" + String(sMac) + TOPIC_JSON_LEDS ).c_str()) {
JSONVar myObject = JSON.parse(szPayload);
if (JSON.typeof(myObject) == "undefined") {
Serial.println("Parsing input failed!");
return;
}
if (myObject.hasOwnProperty("ledW")) {
digitalWrite(LED_W, ('''bool''')myObject["ledW"]);
}
if (myObject.hasOwnProperty("ledR")) {
digitalWrite(LED_R, ('''int''')myObject["ledR"]);
}
if (myObject.hasOwnProperty("ledY")) {
digitalWrite(LED_Y, ('''int''')myObject["ledY"]);
}
if (myObject.hasOwnProperty("ledG")) {
digitalWrite(LED_G, ('''int''')myObject["ledG"]);
}
}

== Recepción de JSON desde la placa IoT-02 ==
Se recibe un texto. El nodo JSON convierte el texto a un objeto JSON. Es un nodo bidireccional (si entra un objeto JSON sale un texto).

[[Image:Nodered20220402g00.png|center|Flujo recepción de JSON]]

[https://www.binefa.cat/training/upcSchool/2022/20220402/jsonIn.nodered.json Flujo jsonIn.nodered.json]

=== Ejercicio '''NodeRED-06''' ===
Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-17T21:29:01Z

Jordi Binefa: Es crea la pàgina amb «= Conceptos previos (22 / 5 / 2026) = * Funciones en Node-RED * Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED * Uso de GSheets = Te...».

= Conceptos previos (22 / 5 / 2026) =
* Funciones en Node-RED
* Explicación del flujo MQTT ''request-response'' síncrono en Snap! y Node-RED
* Uso de GSheets

= Temario (23 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Conceptos previos ==
=== Node-RED ===
[[Asignación de puertos para el curso 2025-2026]]


==== Uso del Node-RED ====
[[Uso del NodeRED (2025-2026) | Uso del Node-RED]]


==== Uso de la base de datos MariaDB desde Node-RED====
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2023-2024 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]

[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]

== MQTT síncrono y asíncrono ==
[http://extensions.snap.berkeley.edu/snap/snap.html#open:https://raw.githubusercontent.com/jordibinefa/IoT-02/master/codes/snap/test_dt_IoT-02.xml Acceso directo a Snap!] (cambiamos el bloque reportador '''timer''' por el bloque reportador '''current''' seleccionando la opción '''time in milliseconds''', que indica el número de milisegundos pasados desde el 1 de Enero de 1970. '''timer''' indica el número de segundos desde que el Snap! funciona) para probar MQTT síncrono y asíncrono con la placa IoT-02 ('''Es el mismo que se ha usado en las dos últimas clases'''. [https://www.binefa.cat/training/iot02/IoT-02_mqtt_json_upcSchool_broker1.zip Firmware que permite el uso de MQTT síncrono en la placa IoT-02]. [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 Firmware IoT-02_mqtt_json_upcSchool_broker1 en GitHub])

== Telegram ==
[[Uso de Telegram desde NodeRED]]

== Grafana ==
[[Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de Grafana en el VPS del Máster de Industria 4.0]]


== Repaso y dudas de la clase invertida ==
* Telegram

* Grafana
== Ejercicios ==
=== Ejercicios '''Telegram''' ===
* Desde el chat del bot: Al enviar la orden '''/ledWon''' se enciende el led blanco de la placa IoT-02. Al enviar la orden '''/ledWoff''' se apaga el led blanco.

* Desde el chat del bot: Al enviar la orden '''/ledReleSet''' el relé se pone en estado SET. Al enviar la orden '''/ledReleReset''' el relé se pone en estado RESET.

* El chat de vuestro bot recibe un mensaje cuando se aprieta vuestro botón I34 y cuando se deja de apretar.

* Desde el chat del grupo donde pertenece vuestro bot: Al enviar la orden '''/entradas''' el bot contesta con los estados de los botones y la temperatura de la placa.
== Práctica final ==
[https://www.binefa.cat/training/upcSchool/2025/20250607/Enunciado_Practica_IoT_Hands-on_IoT_MVPs.pdf Enunciado Práctica IoT Hands-on IoT MVPs]

IoT, Embedded Systems, Edge y Cloud (2026)

2026-05-17T21:21:34Z

Jordi Binefa: /* Por días */

* [[Temario - IoT, Embedded Systems, Edge y Cloud (2026)]]
* Acceso rápido a esta página: https://t.ly/-LmC9
= Por días =
* [[9 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]

* [[16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]

* [[23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]


= Herramientas y recursos =
* [[Adición del ESP32 en el IDE de Arduino]]
* [[Simulador de la placa IoT-02 en línea]]


* [https://github.com/jordibinefa/IoT-02 Placa IoT-02 en GitHub] ([https://github.com/jordibinefa/iot02-simulator Código del gemelo digital de la placa IoT-02 en GitHub])
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02 en castellano] en pdf ([https://www.binefa.cat/training/iot02/pdf/iot02_00_ca.pdf ''Introducció a la placa IoT-02'' en catalán])
* [https://youtu.be/_EIXCGkGQ0U Vídeo de introducción a la placa IoT-02]
* [https://youtu.be/JothMIY4DWE Vídeo de configuración del IDE de Arduino v1.8.19]
* [https://youtu.be/UjtULePAbTE Vídeo de configuración del IDE de Arduino v2] ([https://youtu.be/BvdHeNRDgL8 Vídeo de como usar el IDE de Arduino v2 para programar la placa IoT-02])
* [https://binefa.com/upc-school/libraries_20240420.zip Enlace para bajar las bibliotecas (''libraries'') necesarias para los códigos de ''firmware'' usados en este máster] para el IDE de Arduino ([https://www.arduino.cc/ Página de Arduino])





* [[esptool: Herramienta para borrar toda la memoria flash del ESP32 en caso de tener problemas en la subida del firmware]]

* [https://www.onlinegdb.com/ Programación en línea para C, C++, Python y JavaScript, entre otros]
* [https://app.edublocks.org/#Python Herramienta de conversión de bloques de programación a Python]
* [https://upcommons.upc.edu/handle/2117/363087 Combining Low-Code Programming and SDL-Based Modeling with Snap! in the Industry 4.0 Context]
* [[Asignación de puertos para el curso 2025-2026]]

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-16T12:13:15Z

Jordi Binefa: /* Ejercicio NodeRED-DB-07 */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del terminal del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):

- '''convidat''' (contraseña: '''''benvingut''''')

- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard''] (Ahora sale como ''deprecated'').

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').

==== Ejercicio '''NodeRED-DB-01''' ====
* Cread una tabla en la base de datos '''aula206''' con el prefijo de vuestro puerto (por ejemplo '''m28XX_LDR''') con las columnas '''time''' (TIMESTAMP) y '''valueLDR''' (FLOAT). Insertad manualmente tres valores distintos mediante nodos ''inject'' y verificad la inserción consultando la tabla desde el terminal del VPS.

==== Ejercicio '''NodeRED-DB-02''' ====
* A partir del flujo de aleatorización visto en clase, implementad un flujo que genere un valor aleatorio de LDR (entre 0 y 100) cada 5 segundos cuando el conmutador '''Randomize''' del panel de control esté activado, y que escriba cada valor generado en la tabla '''m28XX_LDR''' de la base de datos.

==== Ejercicio '''NodeRED-DB-03''' ====
* Implementad un flujo que lea todos los registros de la tabla '''m28XX_LDR''' y muestre en un ''widget'' de tipo texto del panel de control el '''último valor''' registrado y en otro ''widget'' de texto la '''media aritmética''' de todos los valores almacenados.

==== Ejercicio '''NodeRED-DB-04''' ====
* Cread una tabla '''m28XX_T_RH_LDR''' con las columnas '''valueT''', '''valueRH''' y '''valueLDR'''. Implementad un flujo que reciba los datos de temperatura, humedad relativa y nivel de luz de la placa IoT-02 de forma asíncrona y, usando variables de flujo y escritura síncrona (tal como se ha visto en clase), los almacene conjuntamente en la base de datos cada vez que llega cualquiera de los tres valores.

==== Ejercicio '''NodeRED-DB-05''' ====
* Cread la tabla vista '''m28XX_T_RH_LDR_v''' sobre la tabla '''m28XX_T_RH_LDR''' con el tiempo en formato UNIX. Implementad un flujo que lea los últimos 10 registros de esta tabla vista y represente la temperatura en una gráfica en función del tiempo en el panel de control.

==== Ejercicio '''NodeRED-DB-06''' ====
* Implementad un flujo con un ''slider'' en el panel de control que permita fijar un umbral de temperatura. Cada vez que llega un dato de temperatura de la placa IoT-02, el flujo lo guarda en la base de datos (tabla '''m28XX_alertas''', con las columnas '''valueT''' y '''alerta''' de tipo TINYINT). En la columna '''alerta''' se guardará '''1''' si la temperatura supera el umbral y '''0''' si no lo supera. En el panel de control se mostrará un ''widget'' de texto que indique el estado actual ('''⚠ Temperatura alta''' o '''✓ Temperatura normal''').

==== Ejercicio '''NodeRED-DB-07''' ====
* Implementad un cuadro de mando completo que incluya: (a) generación periódica de datos aleatorios de temperatura, humedad relativa y LDR activada por un conmutador; (b) almacenamiento de los datos en la base de datos en la tabla '''m28XX_dashboard'''; (c) visualización de los últimos valores en ''widgets'' de tipo indicador (''gauge''); (d) un botón en el panel de control que al pulsarse borre todos los registros de la tabla ('''DELETE FROM m28XX_dashboard''') y muestre un mensaje de confirmación en un ''widget'' de texto.
==== Soluciones Node-RED + BD ====
[https://binefa.com/upc-school/sol/ Soluciones]



=== Comentario de la práctica para el próximo día ===
El [https://binefa.com/upc-school/Enunciado_Practica_IoT_Hands-on_IoT_MVPs_2025-2026.pdf enunciado] estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2022-2023

2026-05-16T09:42:58Z

Jordi Binefa: /* Acceso al terminal del VPS */

= Acceso al terminal del VPS =
* Para acceder al terminal remoto del VPS desde Windows, abrir el teminal (''cmd'') o el ''powershell'' y escribir:
ssh '''convidat'''@master.iotvertebrae.com
La contraseña es ''benvingut''

* Para acceder al terminal remoto del VPS desde Linux, abrir el teminal escribir:
ssh '''convidat'''@master.iotvertebrae.com
y en caso de querer enviar cada 30 segundos un ''blank token'' para evitar la desconexión por ''time out'':
ssh -o ServerAliveInterval=30 '''convidat'''@master.iotvertebrae.com

= Información sobre la instalación de la base de datos MariaDB =
'''Este apartado es puramente informativo'''. En el VPS ya está instalada la base de datos.

[https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on-debian-11 Un tutorial de instalación de MariaDB en Debian 11]

Pasos de la instalación desde el terminal:
sudo apt update
sudo apt install mariadb-server
sudo mysql_secure_installation ''(en este paso el sistema pregunta una contraseña para el usuario '''root''')''

[https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql Un tutorial de creación de usuarios con diferentes permisos (''privilegios'')]

Desde el terminal del sistema operativo se pide entrar al terminal de MariaDB. La primera vez como usuario ''root'':
mysql -u root -p
''(el sistema pide la contraseña del usuario root)''
Una vez dentro del terminal de MariaDB se crean los usuarios ''iot'' y ''convidat'' con sus respectivas contraseñas. Se crea la base de datos ''aula206'', se otorgan todos los permisos al usuario ''iot'' y tan solo la lectura al usuario ''convidat'':
CREATE USER 'iot'@'localhost' IDENTIFIED BY 'iot';
CREATE USER 'convidat'@'localhost' IDENTIFIED BY 'benvingut';

CREATE DATABASE aula206;
SHOW DATABASES;
USE aula206;

GRANT ALL PRIVILEGES ON aula206.* TO 'iot'@'localhost';
GRANT SELECT ON aula206.* TO 'convidat'@'localhost';
FLUSH PRIVILEGES;

= Acceso a la base de datos desde el terminal del VPS =
Para acceder a la base de datos hay tres usuarios con permisos diferentes:

- '''root''': Tiene todos los permisos. Puede crear usuarios y bases de datos.

- '''iot''': Tiene permisos de '''lectura y escritura''' sobre la base de datos '''aula206'''.

- '''convidat''': Tiene permisos de '''lectura''' sobre la base de datos '''aula206'''.

Para acceder al terminal de MariaDB como usuario '''iot''':
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

Para acceder al terminal de MariaDB como usuario '''convidat''':
mysql -u '''convidat''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

= Creación de tablas =
Para crear tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').

Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha asignado]].

mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''CREATE''' TABLE m'''28XX'''_Temperatura (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
value FLOAT,
PRIMARY KEY (time));
'''value''' es el nombre del valor que vamos a introducir en la tabla. Se declara como ''FLOAT'' (número real. Permite decimales).

= Borrado de tablas =
'''Id con cuidado en el momento de borrar una tabla. El proceso borra todos los datos y la misma tabla. No es posible recuperar los datos de las tablas si no se ha hecho una copia de seguridad'''.

Para borrar tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''DROP TABLE''' m28XX_Temperatura;

= Inserción de datos =
La inserción (también conocida por escritura) de datos tiene que hacerla un usuario con permisos suficientes (el usuario '''iot''' puede escribir).

Ejemplo de inserción del valor 23.4 como valor en el campo '''value'''.
'''insert''' into m28XX_Temperatura (value) values (23.4);

= Lectura de datos =
La lectura de datos tiene que hacerla un usuario con permisos suficientes (los usuarios '''iot''' y '''convidat''' pueden leer).

[https://mariadb.com/kb/es/select/ Documentación oficial de la orden SELECT].

Visualización de todos los datos de la tabla m28XX_Temperatura:
'''select''' * from m28XX_Temperatura;

Ejemplo de respuesta del terminal de MariaDB:
MariaDB [aula206]> '''select * from m28XX_Temperatura;'''
+---------------------+-------+
| time | value |
+---------------------+-------+
| 2023-04-05 17:23:59 | 23.4 |
| 2023-04-05 17:28:29 | 23.7 |
+---------------------+-------+
2 rows in set (0.001 sec)

[https://mariadb.com/kb/en/getting-data-from-mariadb/ Getting Data from MariaDB]

= Creación de tablas vista =
Para poder usar la base de datos en sistemas externos de graficación nos hará falta que el registro del momento de inserción del dato esté expresado en [https://www.unixtimestamp.com/ formato de la época UNIX]. Ejemplo de visualización de una tabla vista con el valor del tiempo en formato Unix:
MariaDB [aula206]> select * from m28XX_Temperatura_v;
+------------+-------+
| time | value |
+------------+-------+
| 1680708239 | 23.4 |
| 1680708509 | 23.7 |
+------------+-------+
2 rows in set (0.000 sec)

Creación de la tabla vista '''m28XX_Temperatura_v''' con la unidad de tiempo cambiada (tomando como origen la tabla '''m28XX_Temperatura'''):
'''CREATE VIEW''' m28XX_Temperatura_v AS select UNIX_TIMESTAMP(time) as time, value from m28XX_Temperatura;

= Inserción y lectura de datos múltiples =
Habitualmente nos hará falta introducir un grupo de datos al mismo tiempo. Por ejemplo, esta tabla contiene tres valores en el mismo momento del registro:
MariaDB [aula206]> select * from m28XX_T_RH_P_v;
+------------+--------+---------+---------+
| time | valueT | valueRH | valueP |
+------------+--------+---------+---------+
| 1680884504 | 23.4 | 45.64 | 1002.34 |
| 1680884734 | 23.7 | 45.21 | 1003.04 |
| 1680885724 | 17.89 | 44.32 | 1001.23 |
| 1680885726 | 19.03 | 40.65 | 1002.11 |
| 1680885728 | 15.43 | 56.78 | 1000.87 |
| 1680886069 | 19.03 | 40.65 | 1002.11 |
+------------+--------+---------+---------+
6 rows in set (0.000 sec)

* '''Creación''' de la tabla con datos múltiples ('''valueT''', '''valueRH''' y '''valueP'''):
'''CREATE TABLE''' `m28XX_T_RH_P` (
`time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
`'''valueT'''` FLOAT,
`'''valueRH'''` FLOAT,
`'''valueP'''` FLOAT,
PRIMARY KEY (`time`))
ENGINE = InnoDB;

* '''Inserción''' de datos múltiples:
'''insert into''' m28XX_T_RH_P ('''valueT''','''valueRH''','''valueP''') values (23.4,45.64,1002.34);
* '''Lectura''' de datos múltiples:
'''select''' * '''from''' m28XX_T_RH_P;
* '''Creación''' de la '''tabla vista''':
'''CREATE VIEW''' m28XX_T_RH_P_v '''AS''' select UNIX_TIMESTAMP(time) as time, valueT, valueRH, valueP from m28XX_T_RH_P;

Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2022-2023

2026-05-16T09:42:46Z

Jordi Binefa: /* Acceso al terminal del VPS */

= Acceso al terminal del VPS =
* Para acceder al terminal remoto del VPS desde Windows, abrir el teminal (''cmd'') o el ''powershell'' y escribir:
ssh '''convidat'''@master.iotvertebrae.com
La contraseña es ''benvingut''

* Para acceder al terminal remoto del VPS desde Linux, abrir el teminal escribir:
ssh '''convidat'''@master.iotvertebrae.com
y en caso de querer enviar cada 30 segundos un ''blank token'' para evitar la desconexión por ''time out'':
ssh -o ServerAliveInterval=30 '''convidat'''@vps656540.ovh.net

= Información sobre la instalación de la base de datos MariaDB =
'''Este apartado es puramente informativo'''. En el VPS ya está instalada la base de datos.

[https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on-debian-11 Un tutorial de instalación de MariaDB en Debian 11]

Pasos de la instalación desde el terminal:
sudo apt update
sudo apt install mariadb-server
sudo mysql_secure_installation ''(en este paso el sistema pregunta una contraseña para el usuario '''root''')''

[https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql Un tutorial de creación de usuarios con diferentes permisos (''privilegios'')]

Desde el terminal del sistema operativo se pide entrar al terminal de MariaDB. La primera vez como usuario ''root'':
mysql -u root -p
''(el sistema pide la contraseña del usuario root)''
Una vez dentro del terminal de MariaDB se crean los usuarios ''iot'' y ''convidat'' con sus respectivas contraseñas. Se crea la base de datos ''aula206'', se otorgan todos los permisos al usuario ''iot'' y tan solo la lectura al usuario ''convidat'':
CREATE USER 'iot'@'localhost' IDENTIFIED BY 'iot';
CREATE USER 'convidat'@'localhost' IDENTIFIED BY 'benvingut';

CREATE DATABASE aula206;
SHOW DATABASES;
USE aula206;

GRANT ALL PRIVILEGES ON aula206.* TO 'iot'@'localhost';
GRANT SELECT ON aula206.* TO 'convidat'@'localhost';
FLUSH PRIVILEGES;

= Acceso a la base de datos desde el terminal del VPS =
Para acceder a la base de datos hay tres usuarios con permisos diferentes:

- '''root''': Tiene todos los permisos. Puede crear usuarios y bases de datos.

- '''iot''': Tiene permisos de '''lectura y escritura''' sobre la base de datos '''aula206'''.

- '''convidat''': Tiene permisos de '''lectura''' sobre la base de datos '''aula206'''.

Para acceder al terminal de MariaDB como usuario '''iot''':
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

Para acceder al terminal de MariaDB como usuario '''convidat''':
mysql -u '''convidat''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

= Creación de tablas =
Para crear tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').

Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha asignado]].

mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''CREATE''' TABLE m'''28XX'''_Temperatura (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
value FLOAT,
PRIMARY KEY (time));
'''value''' es el nombre del valor que vamos a introducir en la tabla. Se declara como ''FLOAT'' (número real. Permite decimales).

= Borrado de tablas =
'''Id con cuidado en el momento de borrar una tabla. El proceso borra todos los datos y la misma tabla. No es posible recuperar los datos de las tablas si no se ha hecho una copia de seguridad'''.

Para borrar tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''DROP TABLE''' m28XX_Temperatura;

= Inserción de datos =
La inserción (también conocida por escritura) de datos tiene que hacerla un usuario con permisos suficientes (el usuario '''iot''' puede escribir).

Ejemplo de inserción del valor 23.4 como valor en el campo '''value'''.
'''insert''' into m28XX_Temperatura (value) values (23.4);

= Lectura de datos =
La lectura de datos tiene que hacerla un usuario con permisos suficientes (los usuarios '''iot''' y '''convidat''' pueden leer).

[https://mariadb.com/kb/es/select/ Documentación oficial de la orden SELECT].

Visualización de todos los datos de la tabla m28XX_Temperatura:
'''select''' * from m28XX_Temperatura;

Ejemplo de respuesta del terminal de MariaDB:
MariaDB [aula206]> '''select * from m28XX_Temperatura;'''
+---------------------+-------+
| time | value |
+---------------------+-------+
| 2023-04-05 17:23:59 | 23.4 |
| 2023-04-05 17:28:29 | 23.7 |
+---------------------+-------+
2 rows in set (0.001 sec)

[https://mariadb.com/kb/en/getting-data-from-mariadb/ Getting Data from MariaDB]

= Creación de tablas vista =
Para poder usar la base de datos en sistemas externos de graficación nos hará falta que el registro del momento de inserción del dato esté expresado en [https://www.unixtimestamp.com/ formato de la época UNIX]. Ejemplo de visualización de una tabla vista con el valor del tiempo en formato Unix:
MariaDB [aula206]> select * from m28XX_Temperatura_v;
+------------+-------+
| time | value |
+------------+-------+
| 1680708239 | 23.4 |
| 1680708509 | 23.7 |
+------------+-------+
2 rows in set (0.000 sec)

Creación de la tabla vista '''m28XX_Temperatura_v''' con la unidad de tiempo cambiada (tomando como origen la tabla '''m28XX_Temperatura'''):
'''CREATE VIEW''' m28XX_Temperatura_v AS select UNIX_TIMESTAMP(time) as time, value from m28XX_Temperatura;

= Inserción y lectura de datos múltiples =
Habitualmente nos hará falta introducir un grupo de datos al mismo tiempo. Por ejemplo, esta tabla contiene tres valores en el mismo momento del registro:
MariaDB [aula206]> select * from m28XX_T_RH_P_v;
+------------+--------+---------+---------+
| time | valueT | valueRH | valueP |
+------------+--------+---------+---------+
| 1680884504 | 23.4 | 45.64 | 1002.34 |
| 1680884734 | 23.7 | 45.21 | 1003.04 |
| 1680885724 | 17.89 | 44.32 | 1001.23 |
| 1680885726 | 19.03 | 40.65 | 1002.11 |
| 1680885728 | 15.43 | 56.78 | 1000.87 |
| 1680886069 | 19.03 | 40.65 | 1002.11 |
+------------+--------+---------+---------+
6 rows in set (0.000 sec)

* '''Creación''' de la tabla con datos múltiples ('''valueT''', '''valueRH''' y '''valueP'''):
'''CREATE TABLE''' `m28XX_T_RH_P` (
`time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
`'''valueT'''` FLOAT,
`'''valueRH'''` FLOAT,
`'''valueP'''` FLOAT,
PRIMARY KEY (`time`))
ENGINE = InnoDB;

* '''Inserción''' de datos múltiples:
'''insert into''' m28XX_T_RH_P ('''valueT''','''valueRH''','''valueP''') values (23.4,45.64,1002.34);
* '''Lectura''' de datos múltiples:
'''select''' * '''from''' m28XX_T_RH_P;
* '''Creación''' de la '''tabla vista''':
'''CREATE VIEW''' m28XX_T_RH_P_v '''AS''' select UNIX_TIMESTAMP(time) as time, valueT, valueRH, valueP from m28XX_T_RH_P;

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-16T08:13:24Z

Jordi Binefa: /* Comentario de la práctica para el próximo día */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del terminal del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):

- '''convidat''' (contraseña: '''''benvingut''''')

- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard''] (Ahora sale como ''deprecated'').

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').

==== Ejercicio '''NodeRED-DB-01''' ====
* Cread una tabla en la base de datos '''aula206''' con el prefijo de vuestro puerto (por ejemplo '''m28XX_LDR''') con las columnas '''time''' (TIMESTAMP) y '''valueLDR''' (FLOAT). Insertad manualmente tres valores distintos mediante nodos ''inject'' y verificad la inserción consultando la tabla desde el terminal del VPS.

==== Ejercicio '''NodeRED-DB-02''' ====
* A partir del flujo de aleatorización visto en clase, implementad un flujo que genere un valor aleatorio de LDR (entre 0 y 100) cada 5 segundos cuando el conmutador '''Randomize''' del panel de control esté activado, y que escriba cada valor generado en la tabla '''m28XX_LDR''' de la base de datos.

==== Ejercicio '''NodeRED-DB-03''' ====
* Implementad un flujo que lea todos los registros de la tabla '''m28XX_LDR''' y muestre en un ''widget'' de tipo texto del panel de control el '''último valor''' registrado y en otro ''widget'' de texto la '''media aritmética''' de todos los valores almacenados.

==== Ejercicio '''NodeRED-DB-04''' ====
* Cread una tabla '''m28XX_T_RH_LDR''' con las columnas '''valueT''', '''valueRH''' y '''valueLDR'''. Implementad un flujo que reciba los datos de temperatura, humedad relativa y nivel de luz de la placa IoT-02 de forma asíncrona y, usando variables de flujo y escritura síncrona (tal como se ha visto en clase), los almacene conjuntamente en la base de datos cada vez que llega cualquiera de los tres valores.

==== Ejercicio '''NodeRED-DB-05''' ====
* Cread la tabla vista '''m28XX_T_RH_LDR_v''' sobre la tabla '''m28XX_T_RH_LDR''' con el tiempo en formato UNIX. Implementad un flujo que lea los últimos 10 registros de esta tabla vista y represente la temperatura en una gráfica en función del tiempo en el panel de control.

==== Ejercicio '''NodeRED-DB-06''' ====
* Implementad un flujo con un ''slider'' en el panel de control que permita fijar un umbral de temperatura. Cada vez que llega un dato de temperatura de la placa IoT-02, el flujo lo guarda en la base de datos (tabla '''m28XX_alertas''', con las columnas '''valueT''' y '''alerta''' de tipo TINYINT). En la columna '''alerta''' se guardará '''1''' si la temperatura supera el umbral y '''0''' si no lo supera. En el panel de control se mostrará un ''widget'' de texto que indique el estado actual ('''⚠ Temperatura alta''' o '''✓ Temperatura normal''').

==== Ejercicio '''NodeRED-DB-07''' ====
* Implementad un cuadro de mando completo que incluya: (a) generación periódica de datos aleatorios de temperatura, humedad relativa y LDR activada por un conmutador; (b) almacenamiento de los datos en la base de datos en la tabla '''m28XX_dashboard'''; (c) visualización de los últimos valores en ''widgets'' de tipo indicador (''gauge''); (d) un botón en el panel de control que al pulsarse borre todos los registros de la tabla ('''DELETE FROM m28XX_dashboard''') y muestre un mensaje de confirmación en un ''widget'' de texto.


=== Comentario de la práctica para el próximo día ===
El [https://binefa.com/upc-school/Enunciado_Practica_IoT_Hands-on_IoT_MVPs_2025-2026.pdf enunciado] estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

Uso de la base de datos MariaDB desde NodeRED (2023)

2026-05-16T06:52:43Z

Jordi Binefa: /* Creación de una tabla en la base de datos MySQL */

= Acceso =
Hay una base de datos creada en el MariaDB con el nombre '''aula206'''

El usuario '''iot''' con contraseña '''iot''' tiene permisos de '''escritura y lectura''' sobre la base datos '''aula206'''

El usuario '''convidat''' con contraseña '''benvingut''' tiene permisos de '''lectura''' sobre la base datos '''aula206'''

El MariaDB en el VPS del Máster es un recurso compartido. Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha assignado]].

Explicación detallada en [[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2022-2023 | uso de MariaDB en el VPS del Máster de Industria 4.0]]

= Nodos MariaDB en NodeRed =
== Instalación ==
[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]

[https://flows.nodered.org/node/node-red-node-mysql Hace falta instalar el conjunto de nodos ''node-red-node-mysql'']

[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]
== Configuración de la base de datos en el nodo MySQL ==
* Poner un nodo MySQL en el tapiz Node-RED

* Hacer doble clic sobre el nodo MySQL

[[Image:12nodoMariaDbNodeRed.png|center|thumb|Configuración del nodo MySQL]]

* Ir al lápiz a la derecha del desplegable ''Add new MySQL database...'' presente en la fila ''Database''

[[Image:13nodoMariaDbNodeRed.png|center|thumb|Configuración del nodo MySQL]]

- En '''Host''' escribir la IP local del servidor ('''127.0.0.1'''). Por seguridad, no le permitimos a la base de datos que tenga visibilidad externa.

- En '''Port''' escribir el puerto TCP ('''3306''') por defecto de las bases de datos MySQL

- En '''User''' escribir un usuario con permisos de escritura ('''iot'''), debido a que queremos escribir. Si no hace falta escribir en la base de datos escribiríamos un usuario con permisos de solo lectura (como '''convidat''').

- En '''Password''' escribir la contraseña del usuario (para el usuario '''iot''' es '''iot'''. Para el usuario '''convidat''' es '''benvingut''').

- En '''Database''' escribir la base de datos que queremos acceder ('''aula206''')

- En '''Charset''' escribir la codificación de carácteres ('''UTF8''')
== Creación de una tabla en la base de datos MySQL ==
[[Image:14nodoMariaDbNodeRed.png|center|Creación de una tabla]]

Hay cuatro nodos enlazados: '''inject''', '''function''', '''mysql''' y '''debug'''.

* Los nodos '''inject''' y '''debug''' no se modifican. Dejar la configuración por defecto.

* El nodo '''mysql''' ha estado configurado en el paso anterior.

* El nodo '''function''' se ha configurado de este modo:

[[Image:15nodoMariaDbNodeRed.png|center|Creación de una tabla]]

* Cambiar el nombre de la tabla substituyendo '''28XX''' por el [[Asignación de puertos para el curso 2025-2026 | número de puerto que se os ha asignado]].
Función '''CREATE TABLE m28XX_T_RH''':
msg.topic = `
CREATE TABLE m'''28XX'''_T_RH (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
valueT FLOAT,
valueRH FLOAT,
PRIMARY KEY (time));
`;
return msg;

== Borrado de una tabla en la base de datos MySQL ==
[[Image:16nodoMariaDbNodeRed.png|center|Borrado de una tabla]]

Función '''DROP TABLE m28XX_T_RH''':
msg.topic = `DROP TABLE m28XX_T_RH;`;
return msg;

== Inserción de datos en una tabla de la base de datos MySQL ==
=== Configuración de nodos ''inject'' para generar datos de tipo JSON ===
[[Image:17nodoMariaDbNodeRed.png|center|Nodos ''inject'' para generar datos de tipo JSON]]
Doble clic sobre el nodo ''inject'' (seleccionar la opción '''{}'''):
[[Image:1701nodoMariaDbNodeRed.png|center|Edición del nodo ''inject'' para generar datos de tipo JSON]]
Clic sobre '''...''' (los tres puntos):
[[Image:1702nodoMariaDbNodeRed.png|center|Edición del nodo ''inject'' para generar datos de tipo JSON]]
En formato texto:
{
"valueT": 17.89,
"valueRH": 44.32
}

=== Inserción de datos de tipo JSON en columnas de la tabla ===
[[Image:18nodoMariaDbNodeRed.png|center|Inserción de datos de tipo JSON en columnas de la tabla]]

Función '''INSERT DATA''':
msg.topic = `insert into m28XX_T_RH(valueT,valueRH) values(${msg.payload.valueT},${msg.payload.valueRH})`;
return msg;

== Lectura de datos en una tabla de la base de datos MySQL ==
[[Image:19nodoMariaDbNodeRed.png|center|Ejemplo de SELECT para MariaDB]]
Campo '''msg.topic''' del nodo ''inject'' para hacer un '''SELECT''':
[[Image:20nodoMariaDbNodeRed.png|center|Nodo ''inject'' para enviar un ''query'' de tipo ''SELECT'' a MariaDB]]

Campo '''msg.topic''' del nodo ''inject'' con nombre '''SELECT''' en formato texto:
select UNIX_TIMESTAMP(time) as time, valueT, valueRH from m28XX_T_RH

== Creación de una tabla vista en la base de datos MySQL ==
[[Image:21nodoMariaDbNodeRed.png|center|Creación de una tabla vista partiendo de otra tabla en una base de datos MariaDB]]

Función '''CREATE VIEW m28XX_T_RH_v''':
msg.topic = `CREATE VIEW '''m28XX'''_T_RH_v AS select UNIX_TIMESTAMP(time) as time, valueT, valueRH from '''m28XX'''_T_RH;`;
return msg;
== Tratamiento de datos leídos de la tabla ==

[[Image:22nodoMariaDbNodeRed.png|center|Tratamiento de datos leídos de la tabla]]

Añadir salidas a la función (en '''Outputs''' se ha cambiado de 1 a 3 salidas):

[[Image:23nodoMariaDbNodeRed.png|center|Añadir salidas a la función]]

Código de la función '''Tratamiento datos / Últimas entradas''':

[[Image:24nodoMariaDbNodeRed.png|center|Código de la función '''Tratamiento datos / Últimas entradas''']]

Función '''Tratamiento datos / Últimas entradas''' en modo texto:
var a = msg.payload;
var val = "";
var lastEntryValueT, lastEntryValueRH;
a.forEach(function (entry) {
val += "timestamp: " + entry.time + ", valueT: " + entry.valueT + ", valueRH: " + entry.valueRH + "\r";
lastEntryValueT = entry.valueT;
lastEntryValueRH = entry.valueRH;
});
msg.payload = val;
var msg_valT = { payload: lastEntryValueT };
return [msg, msg_valT, { payload: lastEntryValueRH}];

== Aleatorización controlada por el panel de control ==
Aprovechando el ejercicio hecho en la introducción al [[Uso del NodeRED (2023) | Uso del NodeRED]], añadiremos otro valor de aleatorización y haremos una escritura a la base de datos MariaDB.

[[Image:25nodoMariaDbNodeRed.png|center|Generación de datos aleatorios]]

Al seleccionar el conmutador (''switch'') '''Randomize''' comienza la generación de datos aleatorios. Al deseleccionarlo se para la generación de datos.

[[Image:26nodoMariaDbNodeRed.png|center|Generación de datos aleatorios]]

[https://www.binefa.cat/training/upcSchool/2023/20230415/26nodeRedRandomUi.nodered.json Código para el NodeRED que genera dos datos aleatorios]

Función '''Randomizing (On/Off)''':
flow.set("Randomizing",msg.payload);
return msg;

Función '''random JSON value in range {"T": <20.0,30.0>,"RH": <45.0,55.0>}''':
var randomT = parseFloat((200 + Math.floor(Math.random() * 101)) / 10); // value between 20.0 and 30.0
var randomRH = parseFloat((450 + Math.floor(Math.random() * 101)) / 10); // value between 45.0 and 55.0
var jsonR = {};
jsonR["T"] = randomT;
jsonR["RH"] = randomRH;

var msg_jsonR = { payload: jsonR };
var msg_valT = { payload: randomT };
var msg_valRH = { payload: randomRH };

return [msg_jsonR, msg_valT, msg_valRH];

= Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos '''json''' =

[[Image:27nodoMariaDbNodeRed.png|center|Uso del formato de datos '''json''']]

[https://www.binefa.cat/training/upcSchool/2023/20230415/27nodeRedJson.nodered.json Código en NodeRED para el uso de Json en MariaDB]

Función '''T:24.7,RH:74.6,P:1007.2,LDR:47.3''' (esta función se ejecuta al desplegar el flujo, debido a la configuración del nodo ''inject''):
flow.set("IoT-02_RH",74.6);
flow.set("IoT-02_T",24.7);
flow.set("IoT-02_P",1007.2);
flow.set("IoT-02_LDR",47.3);
return msg;

Función '''T:21.3,RH:48.2,P:1003.5,LDR:89.4''':
flow.set("IoT-02_RH",48.2);
flow.set("IoT-02_T",21.3);
flow.set("IoT-02_P",1003.5);
flow.set("IoT-02_LDR",89.4);
return msg;

Función '''--> json''':
var json00 = {};
json00.RH = flow.get("IoT-02_RH");
json00.T = flow.get("IoT-02_T");
json00.P = flow.get("IoT-02_P");
json00.LDR = flow.get("IoT-02_LDR");
msg.payload = json00;
return msg;

Función '''INSERT INTO m28XX_T_RH_P_LDR(valueT,valueRH,valueP,valueLDR)''':
msg.topic = `insert into m28XX_T_RH_P_LDR(valueT,valueRH,valueP,valueLDR) values(${msg.payload.T},${msg.payload.RH},${msg.payload.P},${msg.payload.LDR})`;
return msg;

Consulta a MariaDB desde el terminal del VPS:
convidat@vps656540:~$ '''mysql -u convidat -p'''
Enter password: ''(la contraseña es '''benvingut''')''
Welcome to the MariaDB monitor. Commands end with ; or \g.
Your MariaDB connection id is 133
Server version: 10.3.38-MariaDB-0+deb10u1 Debian 10

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]> '''use aula206;'''
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Database changed
MariaDB [aula206]> '''select * from m28XX_T_RH_P_LDR_v;'''
+------------+--------+---------+--------+----------+
| time | valueT | valueRH | valueP | valueLDR |
+------------+--------+---------+--------+----------+
| 1681149647 | 24.7 | 74.6 | 1007.2 | 47.3 |
| 1681149886 | 21.3 | 48.2 | 1003.5 | 89.4 |
+------------+--------+---------+--------+----------+
2 rows in set (0.000 sec)

MariaDB [aula206]> '''quit'''
Bye

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-15T17:25:00Z

Jordi Binefa: /* Ejercicios de NodeRED */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del terminal del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):

- '''convidat''' (contraseña: '''''benvingut''''')

- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard''] (Ahora sale como ''deprecated'').

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').

==== Ejercicio '''NodeRED-DB-01''' ====
* Cread una tabla en la base de datos '''aula206''' con el prefijo de vuestro puerto (por ejemplo '''m28XX_LDR''') con las columnas '''time''' (TIMESTAMP) y '''valueLDR''' (FLOAT). Insertad manualmente tres valores distintos mediante nodos ''inject'' y verificad la inserción consultando la tabla desde el terminal del VPS.

==== Ejercicio '''NodeRED-DB-02''' ====
* A partir del flujo de aleatorización visto en clase, implementad un flujo que genere un valor aleatorio de LDR (entre 0 y 100) cada 5 segundos cuando el conmutador '''Randomize''' del panel de control esté activado, y que escriba cada valor generado en la tabla '''m28XX_LDR''' de la base de datos.

==== Ejercicio '''NodeRED-DB-03''' ====
* Implementad un flujo que lea todos los registros de la tabla '''m28XX_LDR''' y muestre en un ''widget'' de tipo texto del panel de control el '''último valor''' registrado y en otro ''widget'' de texto la '''media aritmética''' de todos los valores almacenados.

==== Ejercicio '''NodeRED-DB-04''' ====
* Cread una tabla '''m28XX_T_RH_LDR''' con las columnas '''valueT''', '''valueRH''' y '''valueLDR'''. Implementad un flujo que reciba los datos de temperatura, humedad relativa y nivel de luz de la placa IoT-02 de forma asíncrona y, usando variables de flujo y escritura síncrona (tal como se ha visto en clase), los almacene conjuntamente en la base de datos cada vez que llega cualquiera de los tres valores.

==== Ejercicio '''NodeRED-DB-05''' ====
* Cread la tabla vista '''m28XX_T_RH_LDR_v''' sobre la tabla '''m28XX_T_RH_LDR''' con el tiempo en formato UNIX. Implementad un flujo que lea los últimos 10 registros de esta tabla vista y represente la temperatura en una gráfica en función del tiempo en el panel de control.

==== Ejercicio '''NodeRED-DB-06''' ====
* Implementad un flujo con un ''slider'' en el panel de control que permita fijar un umbral de temperatura. Cada vez que llega un dato de temperatura de la placa IoT-02, el flujo lo guarda en la base de datos (tabla '''m28XX_alertas''', con las columnas '''valueT''' y '''alerta''' de tipo TINYINT). En la columna '''alerta''' se guardará '''1''' si la temperatura supera el umbral y '''0''' si no lo supera. En el panel de control se mostrará un ''widget'' de texto que indique el estado actual ('''⚠ Temperatura alta''' o '''✓ Temperatura normal''').

==== Ejercicio '''NodeRED-DB-07''' ====
* Implementad un cuadro de mando completo que incluya: (a) generación periódica de datos aleatorios de temperatura, humedad relativa y LDR activada por un conmutador; (b) almacenamiento de los datos en la base de datos en la tabla '''m28XX_dashboard'''; (c) visualización de los últimos valores en ''widgets'' de tipo indicador (''gauge''); (d) un botón en el panel de control que al pulsarse borre todos los registros de la tabla ('''DELETE FROM m28XX_dashboard''') y muestre un mensaje de confirmación en un ''widget'' de texto.


=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

Carpetes compartides 2n d'SMX-B. Curs 2025-2026

2026-05-14T16:35:04Z

Jordi Binefa:

[https://drive.google.com/drive/folders/13SE5HiieHczHyJ_-d5aArN2U8RYEqQbm Idrissi Belghalia, Aiman]

[https://drive.google.com/drive/folders/1d118w9Y4J6APQhUJt-xc1tTEncKPoNmW Lin , Jia Jun]

[https://drive.google.com/drive/folders/1fofqbFLjhtzQ4rLz9hdZzms4N45FCAH2 Marí Carreras, Alexei]

[https://drive.google.com/drive/folders/1ksRW16PbGkLbQYqOkDP74r4rXn0Qv0JL Martín Martos, Raúl]

[https://drive.google.com/drive/folders/19Bfl6PVeOswixZKqoNCsxqsVRYYPNCNN Martínez Portela, Nacho]

[https://drive.google.com/drive/folders/1L-oNvPTfVh6Y5DgyYdY_5jRX4sCSzTNJ Martos Soto, Iñaki]

[https://drive.google.com/drive/folders/1Bi8pkphwF2wykaNLn8yYKyHbPYddEPyM Mosquera Capell, Daniel]

[https://drive.google.com/drive/folders/1llbqcQ4Cmad3eKFt51JNyRTgUH0ljPE5 Osagiede Momodu, Desmond Osayande]

[https://drive.google.com/drive/folders/1zcZe-Hes69POXS3L8yMggSLoDHKxLKq8 Osca Iglesias, Pol]

[https://drive.google.com/drive/folders/1YRzTok3xOYQnEE7PxN153OVTvSybr0Nr Pérez, Ian]

[https://drive.google.com/drive/folders/1kbjpyG_vDdl3W7iHL4BsvAeqvak7paMV Potes Amaya, Angel David]

[https://drive.google.com/drive/folders/1dXCtA7wX8_molp9Z5WUahd0bMAyXyrn_ Prat Lamas, Adrià]

[https://drive.google.com/drive/folders/1HRUFpsP3U2SJiJMrZHgqct88NxRttp93 Quitian Reina, Samuel]

[https://drive.google.com/drive/folders/1Eq_2N-RLVPtT_5_Uh6d8iGd5HFghKqze Redondo Castellón, Hector]

[https://drive.google.com/drive/folders/1Yn4UdKeLNmrQd3cOPsL9h-mmYqiA9Jmw Rodríguez Díaz, Cristian Ismael]

[https://drive.google.com/drive/folders/1a9-ddCiWnX2Y_ewxrYIJeZH0QB6MM1Cy Ruiz Sierra, Pol]

[https://drive.google.com/drive/folders/1l_K_HuQ-qO41xQJupN7GyLNjp7fIWJwq Salguero Hormichea, Irene]

[https://drive.google.com/drive/folders/1TndB79_viKPFT-qTgGzyZpNsuVgRgCct Salvany Llanos, David]

[https://drive.google.com/drive/folders/1GyzZgZK8gXGp7V3NEggtajvlW5i9FWRU Sànchez Martínez, Èric Gabriel]

[https://drive.google.com/drive/folders/1_E66j5u-s5e0tcGWpLEGSHrq_YlkX9yS Sandoval Vaides, Juan Diego]

[https://drive.google.com/drive/folders/1jVOnKunjI1zyxtHfqBNvR3T-DlHAO5zQ Solsona Rodríguez, Carlos]

[https://drive.google.com/drive/folders/1CvYymaFAzCjgzZzHFb9RE9BZuiWBpe81 Torrico Callejas, Ernest Samuel]

[https://drive.google.com/drive/folders/1PET4lkuGz6ihAlcHqYlSPexmjocDOKFi Vilches Sanchez, Veronika]

[https://drive.google.com/drive/folders/1f0NbHyFYbgNnLbPI2Bz2Dbnj3WXYdp3d Villalba, Jonathan]

[https://drive.google.com/drive/folders/1_JqhaO_130BeBdeMHfA8GHQ4DTu316SB Ye , Qingsheng]

[https://drive.google.com/drive/folders/13KgEyDejbrtvenWWfF9Bxz5WA8rGyKX1 Zamora Soler, Adrià] [https://drive.google.com/drive/folders/0AG2ZSdOhGFkXUk9PVA Python Zamora]

2n SMX-A per dies. Curs 2025-2026

2026-05-14T13:31:39Z

Jordi Binefa: /* 20260512 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir-nos (als '''dos''' professors) una carpeta amb aquest nom: '''2526-SMX2A-1rCognom2nCognomNom''' (Per exemple, si el vostre nom és Xavier López Pujol --> ''2526-SMX2A-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides 2n d'SMX-A. Curs 2025-2026]]
= Enllaços ràpids =
[https://meet.google.com/tbb-qgtn-kxb Teleconferència provisional]

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://moodle.binefa.cat/ Accés al Moodle de l'espai d'habilitats]

[https://docs.google.com/spreadsheets/d/1PjpZhgqLMilMMzvnTGUtzbPYy6O3vPGKW74V_JUH8NE/edit?gid=1396246821#gid=1396246821 Llista 2n SMX-A] 

== 20260519 ==
* Prova epistemològica de TKinter i Python.
== 20260512 ==
* Lliurament del projecte de TKinter

== 20260505 ==
* Seguim fent el projecte de TKinter

== 20260428 ==
* Fem el projecte de TKinter
* [https://aistudio.google.com/api-keys clau API]

== 20260421 ==
* Seguim amb TKinter

== 20260414 ==
* Seguim amb TKinter

== 20260407 - TKinter ==
* [https://recull.binefa.cat/files/20260407/ Documentació de TKinter]

== 20260324 ==
* Lliurar el [https://moodle.binefa.cat/pluginfile.php/1993/mod_resource/content/3/Proyecto_1.pdf projecte del 2n trimestre] amb un menú en Python ([https://recull.binefa.cat/files/20260317_menu/ Exemple de menú]) (Usuari / Contrasenya: smxA / smxA2526 )

== 20260317 ==
* Seguim fent Python
* Exercici d'un menú en Python ([https://recull.binefa.cat/files/20260317_menu/ Exemple de menú]) (Usuari / Contrasenya: smxA / smxA2526 )

== 20260310 ==
* Seguim fent Python

== 20260224 ==
* Metacognició de síntesi tipus test.

== 20260217 ==
* Acabeu els 8 exercicis de la pràctica 1 de Python que és al Moodle.

== 20260210 ==
* Feu i documenteu els exercicis 1, 2 i 3 presents al Moodle. Els heu de lliurar abans d'acabar la classe.

== 20260203 ==
* Seguim aprenent Python
* [https://pyscript.com/ pyscript.com]

== 20260127 ==
* Seguim aprenent Python

== 20260113 ==
* Presentació del projecte de Nadal
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20251125 ==
* Seguim treballant en el projecte Snap! de Nadal.

== 20251118 ==
* Examen Snap!
== 20251111 ==
* Blocs amb Snap!

== 20251104 ==
* Seguim amb Snap! Fem la pràctica 5 del Moodle

== 20251028 ==
Seguim amb Snap!

== 20251021 ==
Seguim amb Snap!

Fem [https://moodle.binefa.cat/pluginfile.php/780/mod_resource/content/6/practica%204.pdf pràctica 4 del Moodle] ([https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=taur%C3%B3Ping%C3%BC%C3%AD_00 Un exemple no finalitzat])

== 20251014 ==
Seguim amb Snap!

* [https://recull.binefa.cat/files/20251014/ 5 camells de colors en format svg]
* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=carreraCamells Exemple de cursa de camells]

== 20251007 ==
Seguim amb Snap!

== 20250930 ==
Seguim amb Snap!

== 20250923 ==
Seguim amb Snap!

== 20250916 ==
[https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxA'', contrasenya: ''smxA2526'')

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://gamifi.cat/docs/cs/snapguia.pdf Guia d'Snap!]


= Snap! =
[https://snap.berkeley.edu/snap/snap.html Snap! a snap.berkeley.edu]

[https://snap.berkeley.edu/snap/help/SnapManual.pdf Manual de referència d'Snap!]

= Python =
[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

== Condicionals en Python ==
[[Pràctiques d'introducció a Python . Part 2 - SMX | Condicionals amb Python]]

[[Exercicis de condicions en Python]]

== Estructures repetitives, o bucles, en Python ==

[[Pràctiques d'introducció a Python . Part 3 - SMX | Estructures repetitives, o bucles, en Python]]

[[Exercicis d'estructures de control repetitives en Python]]

== Instal·lació del Jupyter Lab ==
[https://jupyter.org/try Prova de Jupyter via web externa]

Instal·lació de Jupyter Lab a la màquina virtual GNU/Linux. Des del terminal:
$ su -
# apt update
# apt install python3-pip
# exit
$ pip --version
$ pip install jupyterlab
$ pip install jupyter-c-kernel

Sortiu de la sessió i torneu-hi a entrar. Seguiu amb aquestes ordres:

$ install_c_kernel --user
$ jupyter kernelspec list

Un cop instal·lat s'executa des del terminal:
$ jupyter-lab

I apareix el navegador web amb el Jupyter Lab.

= Eines en línia =
[https://recull.binefa.cat/ Recull de codis fets a classe] usuari / contrasenya : ''smxA'' / ''smxA2526''

[https://app.diagrams.net/ Disseny de diagrames de flux en línia]

[https://scratch.mit.edu/scratch_1.4/ Scratch 1.4]

[https://scratch.mit.edu/projects/editor/ Scratch en línia]

[https://snap.berkeley.edu/ Snap!] o [https://www.binefa.cat/Snap Snap! personalitzat]

[https://www.onlinegdb.com/ Compilador en línia]

[http://www.arduinoblocks.com/ Arduino Blocks]


= Baixada de programes =
[https://drive.google.com/drive/folders/1fObr8kPcF7358h3bgKPe_BQT3tyQtiV8?usp=sharing Zona compartida al campus virtual d'FJE]

2n SMX-B per dies. Curs 2025-2026

2026-05-14T13:30:56Z

Jordi Binefa: /* 20260514 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir-nos (als '''dos''' professors) una carpeta amb aquest nom: '''2526-SMX2B-1rCognom2nCognomNom''' (Per exemple, si el vostre nom és Xavier López Pujol --> ''2526-SMX2B-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides 2n d'SMX-B. Curs 2025-2026]]
= Enllaços ràpids =
[https://meet.google.com/tbb-qgtn-kxb Teleconferència provisional]

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://moodle.binefa.cat/ Accés al Moodle de l'espai d'habilitats]

[https://docs.google.com/spreadsheets/d/1UzZ0ZDw8db-kJy153VIByWsCzFTcEcrf3l5RkQToHZE/edit?gid=21653362#gid=21653362 Llista 2n d'SMX-B] 

== 20260521 ==
* Prova epistemològica de TKinter i Python.
== 20260514 ==
* Lliurament del projecte de TKinter.

== 20260507 ==
* Seguim amb el projecte de TKinter.

== 20260430 ==
* Seguim amb el projecte de TKinter.

== 20260423 ==
* Seguim amb TKinter. Comencem el projecte de TKinter.
* [https://aistudio.google.com/api-keys clau API]

== 20260416 ==
* Seguim amb TKinter

== 20260409 - TKinter ==
* [https://recull.binefa.cat/files/20260409/ Documentació de TKinter]

== 20260326 ==
* [https://recull.binefa.cat/files/20260326/Proyecto_1.pdf Projecte 1]

== 20260319 ==
* Seguim fent Python
* Exercici d'un menú en Python ([https://recull.binefa.cat/files/20260319_menu/ Exemple de menú]) (Usuari / Contrasenya: smxB / smxB2526 )

== 20260312 ==
* Seguim fent Python

== 20260305 ==
* Seguim fent Python

== 20260226 ==
* Seguim fent Python
* 2a hora: Prova dew metacognició tipus test

== 20260219 ==
* Seguim fent Python

== 20260205 ==
* Seguim fent Python

== 20260129 ==
* [https://pyscript.com/ pyscript.com]
* [https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxB'', contrasenya: ''smxB2526'') o a [https://moodle.binefa.cat/ Moodle]

== 20260122 ==
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20260115 ==
* Presentació del projecte de Nadal

== 20260108 ==
* Presentació del projecte de Nadal
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20251211 ==
* Seguim amb projecte en Snap!

== 20251204 ==
* Seguim amb projecte en Snap!

== 20251113 ==
* Examen
* Projecte en Snap!

== 20251106 ==
Blocs en Snap!

== 20251023 ==
Seguim amb Snap!

* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=carreraCamells Exemple de cursa de camells]
* Fem [https://moodle.binefa.cat/pluginfile.php/780/mod_resource/content/6/practica%204.pdf pràctica 4 del Moodle] ([https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=taur%C3%B3Ping%C3%BC%C3%AD_00 Un exemple no finalitzat])

== 20251016 ==
Seguim amb Snap!

[https://recull.binefa.cat/files/20251016/ 5 camells de colors en format svg]

== 20251009 ==
Seguim amb Snap!

== 20251002 ==
Seguim amb Snap!

== 20250925 ==
Seguim amb Snap!

== 20250918 ==
[https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxB'', contrasenya: ''smxB2526'')

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://gamifi.cat/docs/cs/snapguia.pdf Guia d'Snap!]


= Snap! =
[https://snap.berkeley.edu/snap/snap.html Snap! a snap.berkeley.edu]

[https://snap.berkeley.edu/snap/help/SnapManual.pdf Manual de referència d'Snap!]

= Python =
[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

== Condicionals en Python ==
[[Pràctiques d'introducció a Python . Part 2 - SMX | Condicionals amb Python]]

[[Exercicis de condicions en Python]]

== Estructures repetitives, o bucles, en Python ==

[[Pràctiques d'introducció a Python . Part 3 - SMX | Estructures repetitives, o bucles, en Python]]

[[Exercicis d'estructures de control repetitives en Python]]

== Instal·lació del Jupyter Lab ==
[https://jupyter.org/try Prova de Jupyter via web externa]

Instal·lació de Jupyter Lab a la màquina virtual GNU/Linux. Des del terminal:
$ su -
# apt update
# apt install python3-pip
# exit
$ pip --version
$ pip install jupyterlab
$ pip install jupyter-c-kernel

Sortiu de la sessió i torneu-hi a entrar. Seguiu amb aquestes ordres:

$ install_c_kernel --user
$ jupyter kernelspec list

Un cop instal·lat s'executa des del terminal:
$ jupyter-lab

I apareix el navegador web amb el Jupyter Lab.

= Eines en línia =
[https://recull.binefa.cat/ Recull de codis fets a classe] usuari / contrasenya : ''smxB'' / ''smxB2526''

[https://app.diagrams.net/ Disseny de diagrames de flux en línia]

[https://scratch.mit.edu/scratch_1.4/ Scratch 1.4]

[https://scratch.mit.edu/projects/editor/ Scratch en línia]

[https://snap.berkeley.edu/ Snap!] o [https://www.binefa.cat/Snap Snap! personalitzat]

[https://www.onlinegdb.com/ Compilador en línia]

[http://www.arduinoblocks.com/ Arduino Blocks]


= Baixada de programes =
[https://drive.google.com/drive/folders/1fObr8kPcF7358h3bgKPe_BQT3tyQtiV8?usp=sharing Zona compartida al campus virtual d'FJE]

2n SMX-B per dies. Curs 2025-2026

2026-05-14T13:30:04Z

Jordi Binefa: /* 20260514 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir-nos (als '''dos''' professors) una carpeta amb aquest nom: '''2526-SMX2B-1rCognom2nCognomNom''' (Per exemple, si el vostre nom és Xavier López Pujol --> ''2526-SMX2B-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides 2n d'SMX-B. Curs 2025-2026]]
= Enllaços ràpids =
[https://meet.google.com/tbb-qgtn-kxb Teleconferència provisional]

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://moodle.binefa.cat/ Accés al Moodle de l'espai d'habilitats]

[https://docs.google.com/spreadsheets/d/1UzZ0ZDw8db-kJy153VIByWsCzFTcEcrf3l5RkQToHZE/edit?gid=21653362#gid=21653362 Llista 2n d'SMX-B] 

== 20260514 ==
* Lliurament del projecte de TKinter.

== 20260507 ==
* Seguim amb el projecte de TKinter.

== 20260430 ==
* Seguim amb el projecte de TKinter.

== 20260423 ==
* Seguim amb TKinter. Comencem el projecte de TKinter.
* [https://aistudio.google.com/api-keys clau API]

== 20260416 ==
* Seguim amb TKinter

== 20260409 - TKinter ==
* [https://recull.binefa.cat/files/20260409/ Documentació de TKinter]

== 20260326 ==
* [https://recull.binefa.cat/files/20260326/Proyecto_1.pdf Projecte 1]

== 20260319 ==
* Seguim fent Python
* Exercici d'un menú en Python ([https://recull.binefa.cat/files/20260319_menu/ Exemple de menú]) (Usuari / Contrasenya: smxB / smxB2526 )

== 20260312 ==
* Seguim fent Python

== 20260305 ==
* Seguim fent Python

== 20260226 ==
* Seguim fent Python
* 2a hora: Prova dew metacognició tipus test

== 20260219 ==
* Seguim fent Python

== 20260205 ==
* Seguim fent Python

== 20260129 ==
* [https://pyscript.com/ pyscript.com]
* [https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxB'', contrasenya: ''smxB2526'') o a [https://moodle.binefa.cat/ Moodle]

== 20260122 ==
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20260115 ==
* Presentació del projecte de Nadal

== 20260108 ==
* Presentació del projecte de Nadal
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20251211 ==
* Seguim amb projecte en Snap!

== 20251204 ==
* Seguim amb projecte en Snap!

== 20251113 ==
* Examen
* Projecte en Snap!

== 20251106 ==
Blocs en Snap!

== 20251023 ==
Seguim amb Snap!

* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=carreraCamells Exemple de cursa de camells]
* Fem [https://moodle.binefa.cat/pluginfile.php/780/mod_resource/content/6/practica%204.pdf pràctica 4 del Moodle] ([https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=taur%C3%B3Ping%C3%BC%C3%AD_00 Un exemple no finalitzat])

== 20251016 ==
Seguim amb Snap!

[https://recull.binefa.cat/files/20251016/ 5 camells de colors en format svg]

== 20251009 ==
Seguim amb Snap!

== 20251002 ==
Seguim amb Snap!

== 20250925 ==
Seguim amb Snap!

== 20250918 ==
[https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxB'', contrasenya: ''smxB2526'')

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://gamifi.cat/docs/cs/snapguia.pdf Guia d'Snap!]


= Snap! =
[https://snap.berkeley.edu/snap/snap.html Snap! a snap.berkeley.edu]

[https://snap.berkeley.edu/snap/help/SnapManual.pdf Manual de referència d'Snap!]

= Python =
[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

== Condicionals en Python ==
[[Pràctiques d'introducció a Python . Part 2 - SMX | Condicionals amb Python]]

[[Exercicis de condicions en Python]]

== Estructures repetitives, o bucles, en Python ==

[[Pràctiques d'introducció a Python . Part 3 - SMX | Estructures repetitives, o bucles, en Python]]

[[Exercicis d'estructures de control repetitives en Python]]

== Instal·lació del Jupyter Lab ==
[https://jupyter.org/try Prova de Jupyter via web externa]

Instal·lació de Jupyter Lab a la màquina virtual GNU/Linux. Des del terminal:
$ su -
# apt update
# apt install python3-pip
# exit
$ pip --version
$ pip install jupyterlab
$ pip install jupyter-c-kernel

Sortiu de la sessió i torneu-hi a entrar. Seguiu amb aquestes ordres:

$ install_c_kernel --user
$ jupyter kernelspec list

Un cop instal·lat s'executa des del terminal:
$ jupyter-lab

I apareix el navegador web amb el Jupyter Lab.

= Eines en línia =
[https://recull.binefa.cat/ Recull de codis fets a classe] usuari / contrasenya : ''smxB'' / ''smxB2526''

[https://app.diagrams.net/ Disseny de diagrames de flux en línia]

[https://scratch.mit.edu/scratch_1.4/ Scratch 1.4]

[https://scratch.mit.edu/projects/editor/ Scratch en línia]

[https://snap.berkeley.edu/ Snap!] o [https://www.binefa.cat/Snap Snap! personalitzat]

[https://www.onlinegdb.com/ Compilador en línia]

[http://www.arduinoblocks.com/ Arduino Blocks]


= Baixada de programes =
[https://drive.google.com/drive/folders/1fObr8kPcF7358h3bgKPe_BQT3tyQtiV8?usp=sharing Zona compartida al campus virtual d'FJE]

2n SMX-B per dies. Curs 2025-2026

2026-05-14T13:29:00Z

Jordi Binefa: /* 20260507 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir-nos (als '''dos''' professors) una carpeta amb aquest nom: '''2526-SMX2B-1rCognom2nCognomNom''' (Per exemple, si el vostre nom és Xavier López Pujol --> ''2526-SMX2B-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides 2n d'SMX-B. Curs 2025-2026]]
= Enllaços ràpids =
[https://meet.google.com/tbb-qgtn-kxb Teleconferència provisional]

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://moodle.binefa.cat/ Accés al Moodle de l'espai d'habilitats]

[https://docs.google.com/spreadsheets/d/1UzZ0ZDw8db-kJy153VIByWsCzFTcEcrf3l5RkQToHZE/edit?gid=21653362#gid=21653362 Llista 2n d'SMX-B] 

== 20260514 ==
* Seguim amb el projecte de TKinter.
== 20260507 ==
* Seguim amb el projecte de TKinter.

== 20260430 ==
* Seguim amb el projecte de TKinter.

== 20260423 ==
* Seguim amb TKinter. Comencem el projecte de TKinter.
* [https://aistudio.google.com/api-keys clau API]

== 20260416 ==
* Seguim amb TKinter

== 20260409 - TKinter ==
* [https://recull.binefa.cat/files/20260409/ Documentació de TKinter]

== 20260326 ==
* [https://recull.binefa.cat/files/20260326/Proyecto_1.pdf Projecte 1]

== 20260319 ==
* Seguim fent Python
* Exercici d'un menú en Python ([https://recull.binefa.cat/files/20260319_menu/ Exemple de menú]) (Usuari / Contrasenya: smxB / smxB2526 )

== 20260312 ==
* Seguim fent Python

== 20260305 ==
* Seguim fent Python

== 20260226 ==
* Seguim fent Python
* 2a hora: Prova dew metacognició tipus test

== 20260219 ==
* Seguim fent Python

== 20260205 ==
* Seguim fent Python

== 20260129 ==
* [https://pyscript.com/ pyscript.com]
* [https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxB'', contrasenya: ''smxB2526'') o a [https://moodle.binefa.cat/ Moodle]

== 20260122 ==
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20260115 ==
* Presentació del projecte de Nadal

== 20260108 ==
* Presentació del projecte de Nadal
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20251211 ==
* Seguim amb projecte en Snap!

== 20251204 ==
* Seguim amb projecte en Snap!

== 20251113 ==
* Examen
* Projecte en Snap!

== 20251106 ==
Blocs en Snap!

== 20251023 ==
Seguim amb Snap!

* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=carreraCamells Exemple de cursa de camells]
* Fem [https://moodle.binefa.cat/pluginfile.php/780/mod_resource/content/6/practica%204.pdf pràctica 4 del Moodle] ([https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=taur%C3%B3Ping%C3%BC%C3%AD_00 Un exemple no finalitzat])

== 20251016 ==
Seguim amb Snap!

[https://recull.binefa.cat/files/20251016/ 5 camells de colors en format svg]

== 20251009 ==
Seguim amb Snap!

== 20251002 ==
Seguim amb Snap!

== 20250925 ==
Seguim amb Snap!

== 20250918 ==
[https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxB'', contrasenya: ''smxB2526'')

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://gamifi.cat/docs/cs/snapguia.pdf Guia d'Snap!]


= Snap! =
[https://snap.berkeley.edu/snap/snap.html Snap! a snap.berkeley.edu]

[https://snap.berkeley.edu/snap/help/SnapManual.pdf Manual de referència d'Snap!]

= Python =
[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

== Condicionals en Python ==
[[Pràctiques d'introducció a Python . Part 2 - SMX | Condicionals amb Python]]

[[Exercicis de condicions en Python]]

== Estructures repetitives, o bucles, en Python ==

[[Pràctiques d'introducció a Python . Part 3 - SMX | Estructures repetitives, o bucles, en Python]]

[[Exercicis d'estructures de control repetitives en Python]]

== Instal·lació del Jupyter Lab ==
[https://jupyter.org/try Prova de Jupyter via web externa]

Instal·lació de Jupyter Lab a la màquina virtual GNU/Linux. Des del terminal:
$ su -
# apt update
# apt install python3-pip
# exit
$ pip --version
$ pip install jupyterlab
$ pip install jupyter-c-kernel

Sortiu de la sessió i torneu-hi a entrar. Seguiu amb aquestes ordres:

$ install_c_kernel --user
$ jupyter kernelspec list

Un cop instal·lat s'executa des del terminal:
$ jupyter-lab

I apareix el navegador web amb el Jupyter Lab.

= Eines en línia =
[https://recull.binefa.cat/ Recull de codis fets a classe] usuari / contrasenya : ''smxB'' / ''smxB2526''

[https://app.diagrams.net/ Disseny de diagrames de flux en línia]

[https://scratch.mit.edu/scratch_1.4/ Scratch 1.4]

[https://scratch.mit.edu/projects/editor/ Scratch en línia]

[https://snap.berkeley.edu/ Snap!] o [https://www.binefa.cat/Snap Snap! personalitzat]

[https://www.onlinegdb.com/ Compilador en línia]

[http://www.arduinoblocks.com/ Arduino Blocks]


= Baixada de programes =
[https://drive.google.com/drive/folders/1fObr8kPcF7358h3bgKPe_BQT3tyQtiV8?usp=sharing Zona compartida al campus virtual d'FJE]

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:40:22Z

Jordi Binefa: /* Nodos node-red-dashboard */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del terminal del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):

- '''convidat''' (contraseña: '''''benvingut''''')

- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard''] (Ahora sale como ''deprecated'').

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:36:54Z

Jordi Binefa: /* Información actualizada de los vídeos de la clase invertida */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del terminal del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):

- '''convidat''' (contraseña: '''''benvingut''''')

- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:36:35Z

Jordi Binefa: /* Información actualizada de los vídeos de la clase invertida */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):

- '''convidat''' (contraseña: '''''benvingut''''')

- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:36:11Z

Jordi Binefa: /* Información actualizada de los vídeos de la clase invertida */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

- Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
- Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):
- '''convidat''' (contraseña: '''''benvingut''''')
- '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:35:32Z

Jordi Binefa: /* Temario (16 / 5 / 2026) */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Información actualizada de los vídeos de la clase invertida ==
[https://binefa.com/upc-school/cambiosSegundoDia2026.pdf Cambios respecto los vídeos de la clase invertida]
* En todos los sitios donde aparece '''vps656540.ovh.net''' ahora es '''master.iotvertebrae.com'''
* Por seguridad, la contraseña para acceder al VPS por terminal está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

** Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com
** Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com

Una vez dentro del VPS se puede acceder a la base de datos con los usuarios (no hay cambios):
** '''convidat''' (contraseña: '''''benvingut''''')
** '''iot''' (contraseña: '''''iot''''')

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:21:50Z

Jordi Binefa: /* Acceso al VPS del máster */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contraseña está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026

2026-05-14T10:20:58Z

Jordi Binefa: /* Acceso al terminal del VPS */

= Acceso al terminal del VPS =
* Para acceder al terminal remoto del VPS desde Windows, abrir el teminal (''cmd'') o el ''powershell'' y escribir:
ssh '''convidat'''@master.iotvertebrae.com
La contraseña era ''benvingut''. La contrasenya de esta edición del máster está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña): ''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

* Para acceder al terminal remoto del VPS desde Linux, abrir el teminal escribir:
ssh '''convidat'''@master.iotvertebrae.com
y en caso de querer enviar cada 30 segundos un ''blank token'' para evitar la desconexión por ''time out'':
ssh -o ServerAliveInterval=30 '''convidat'''@master.iotvertebrae.com

= Información sobre la instalación de la base de datos MariaDB =
'''Este apartado es puramente informativo'''. En el VPS ya está instalada la base de datos.

[https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on-debian-11 Un tutorial de instalación de MariaDB en Debian 11]

Pasos de la instalación desde el terminal:
sudo apt update
sudo apt install mariadb-server
sudo mariadb-secure-installation ''(en este paso el sistema pregunta una contraseña para el usuario '''root''')''

[https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql Un tutorial de creación de usuarios con diferentes permisos (''privilegios'')]

Desde el terminal del sistema operativo se pide entrar al terminal de MariaDB. La primera vez como usuario ''root'':
sudo mysql -u root -p
''(el sistema pide la contraseña del usuario root)''
Una vez dentro del terminal de MariaDB se crean los usuarios ''iot'' y ''convidat'' con sus respectivas contraseñas. Se crea la base de datos ''aula206'', se otorgan todos los permisos al usuario ''iot'' y tan solo la lectura al usuario ''convidat'':
CREATE USER 'iot'@'localhost' IDENTIFIED BY 'iot';
CREATE USER 'convidat'@'localhost' IDENTIFIED BY 'benvingut';

CREATE DATABASE aula206;
SHOW DATABASES;
USE aula206;

GRANT ALL PRIVILEGES ON aula206.* TO 'iot'@'localhost';
GRANT SELECT ON aula206.* TO 'convidat'@'localhost';
FLUSH PRIVILEGES;

= Acceso a la base de datos desde el terminal del VPS =
Para acceder a la base de datos hay tres usuarios con permisos diferentes:

- '''root''': Tiene todos los permisos. Puede crear usuarios y bases de datos.

- '''iot''': Tiene permisos de '''lectura y escritura''' sobre la base de datos '''aula206'''.

- '''convidat''': Tiene permisos de '''lectura''' sobre la base de datos '''aula206'''.

Para acceder al terminal de MariaDB como usuario '''iot''':
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

Para acceder al terminal de MariaDB como usuario '''convidat''':
mysql -u '''convidat''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

= Creación de tablas =
Para crear tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').

Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha asignado]].

mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''CREATE''' TABLE m'''28XX'''_Temperatura (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
value FLOAT,
PRIMARY KEY (time));
'''value''' es el nombre del valor que vamos a introducir en la tabla. Se declara como ''FLOAT'' (número real. Permite decimales).

= Borrado de tablas =
'''Id con cuidado en el momento de borrar una tabla. El proceso borra todos los datos y la misma tabla. No es posible recuperar los datos de las tablas si no se ha hecho una copia de seguridad'''.

Para borrar tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''DROP TABLE''' m28XX_Temperatura;

= Inserción de datos =
La inserción (también conocida por escritura) de datos tiene que hacerla un usuario con permisos suficientes (el usuario '''iot''' puede escribir).

Ejemplo de inserción del valor 23.4 como valor en el campo '''value'''.
'''insert''' into m28XX_Temperatura (value) values (23.4);

= Lectura de datos =
La lectura de datos tiene que hacerla un usuario con permisos suficientes (los usuarios '''iot''' y '''convidat''' pueden leer).

[https://mariadb.com/kb/es/select/ Documentación oficial de la orden SELECT].

Visualización de todos los datos de la tabla m28XX_Temperatura:
'''select''' * from m28XX_Temperatura;

Ejemplo de respuesta del terminal de MariaDB:
MariaDB [aula206]> '''select * from m28XX_Temperatura;'''
+---------------------+-------+
| time | value |
+---------------------+-------+
| 2023-04-05 17:23:59 | 23.4 |
| 2023-04-05 17:28:29 | 23.7 |
+---------------------+-------+
2 rows in set (0.001 sec)

[https://mariadb.com/kb/en/getting-data-from-mariadb/ Getting Data from MariaDB]

= Creación de tablas vista =
Para poder usar la base de datos en sistemas externos de graficación nos hará falta que el registro del momento de inserción del dato esté expresado en [https://www.unixtimestamp.com/ formato de la época UNIX]. Ejemplo de visualización de una tabla vista con el valor del tiempo en formato Unix:
MariaDB [aula206]> select * from m28XX_Temperatura_v;
+------------+-------+
| time | value |
+------------+-------+
| 1680708239 | 23.4 |
| 1680708509 | 23.7 |
+------------+-------+
2 rows in set (0.000 sec)

Creación de la tabla vista '''m28XX_Temperatura_v''' con la unidad de tiempo cambiada (tomando como origen la tabla '''m28XX_Temperatura'''):
'''CREATE VIEW''' m28XX_Temperatura_v AS select UNIX_TIMESTAMP(time) as time, value from m28XX_Temperatura;

= Inserción y lectura de datos múltiples =
Habitualmente nos hará falta introducir un grupo de datos al mismo tiempo. Por ejemplo, esta tabla contiene tres valores en el mismo momento del registro:
MariaDB [aula206]> select * from m28XX_T_RH_P_v;
+------------+--------+---------+---------+
| time | valueT | valueRH | valueP |
+------------+--------+---------+---------+
| 1680884504 | 23.4 | 45.64 | 1002.34 |
| 1680884734 | 23.7 | 45.21 | 1003.04 |
| 1680885724 | 17.89 | 44.32 | 1001.23 |
| 1680885726 | 19.03 | 40.65 | 1002.11 |
| 1680885728 | 15.43 | 56.78 | 1000.87 |
| 1680886069 | 19.03 | 40.65 | 1002.11 |
+------------+--------+---------+---------+
6 rows in set (0.000 sec)

* '''Creación''' de la tabla con datos múltiples ('''valueT''', '''valueRH''' y '''valueP'''):
'''CREATE TABLE''' `m28XX_T_RH_P` (
`time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
`'''valueT'''` FLOAT,
`'''valueRH'''` FLOAT,
`'''valueP'''` FLOAT,
PRIMARY KEY (`time`))
ENGINE = InnoDB;

* '''Inserción''' de datos múltiples:
'''insert into''' m28XX_T_RH_P ('''valueT''','''valueRH''','''valueP''') values (23.4,45.64,1002.34);
* '''Lectura''' de datos múltiples:
'''select''' * '''from''' m28XX_T_RH_P;
* '''Creación''' de la '''tabla vista''':
'''CREATE VIEW''' m28XX_T_RH_P_v '''AS''' select UNIX_TIMESTAMP(time) as time, valueT, valueRH, valueP from m28XX_T_RH_P;
* '''Borrado''' de la '''tabla vista'''
'''DROP VIEW''' IF EXISTS m28XX_T_RH_P_v;
* '''Borrado''' de la '''tabla'''
'''DROP TABLE''' m28XX_T_RH_P;

Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026

2026-05-14T10:13:29Z

Jordi Binefa: /* Acceso al terminal del VPS */

= Acceso al terminal del VPS =
* Para acceder al terminal remoto del VPS desde Windows, abrir el teminal (''cmd'') o el ''powershell'' y escribir:
ssh '''convidat'''@master.iotvertebrae.com
La contraseña era ''benvingut''. La contrasenya de esta edición del máster está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''

* Para acceder al terminal remoto del VPS desde Linux, abrir el teminal escribir:
ssh '''convidat'''@master.iotvertebrae.com
y en caso de querer enviar cada 30 segundos un ''blank token'' para evitar la desconexión por ''time out'':
ssh -o ServerAliveInterval=30 '''convidat'''@master.iotvertebrae.com

= Información sobre la instalación de la base de datos MariaDB =
'''Este apartado es puramente informativo'''. En el VPS ya está instalada la base de datos.

[https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on-debian-11 Un tutorial de instalación de MariaDB en Debian 11]

Pasos de la instalación desde el terminal:
sudo apt update
sudo apt install mariadb-server
sudo mariadb-secure-installation ''(en este paso el sistema pregunta una contraseña para el usuario '''root''')''

[https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql Un tutorial de creación de usuarios con diferentes permisos (''privilegios'')]

Desde el terminal del sistema operativo se pide entrar al terminal de MariaDB. La primera vez como usuario ''root'':
sudo mysql -u root -p
''(el sistema pide la contraseña del usuario root)''
Una vez dentro del terminal de MariaDB se crean los usuarios ''iot'' y ''convidat'' con sus respectivas contraseñas. Se crea la base de datos ''aula206'', se otorgan todos los permisos al usuario ''iot'' y tan solo la lectura al usuario ''convidat'':
CREATE USER 'iot'@'localhost' IDENTIFIED BY 'iot';
CREATE USER 'convidat'@'localhost' IDENTIFIED BY 'benvingut';

CREATE DATABASE aula206;
SHOW DATABASES;
USE aula206;

GRANT ALL PRIVILEGES ON aula206.* TO 'iot'@'localhost';
GRANT SELECT ON aula206.* TO 'convidat'@'localhost';
FLUSH PRIVILEGES;

= Acceso a la base de datos desde el terminal del VPS =
Para acceder a la base de datos hay tres usuarios con permisos diferentes:

- '''root''': Tiene todos los permisos. Puede crear usuarios y bases de datos.

- '''iot''': Tiene permisos de '''lectura y escritura''' sobre la base de datos '''aula206'''.

- '''convidat''': Tiene permisos de '''lectura''' sobre la base de datos '''aula206'''.

Para acceder al terminal de MariaDB como usuario '''iot''':
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

Para acceder al terminal de MariaDB como usuario '''convidat''':
mysql -u '''convidat''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

= Creación de tablas =
Para crear tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').

Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha asignado]].

mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''CREATE''' TABLE m'''28XX'''_Temperatura (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
value FLOAT,
PRIMARY KEY (time));
'''value''' es el nombre del valor que vamos a introducir en la tabla. Se declara como ''FLOAT'' (número real. Permite decimales).

= Borrado de tablas =
'''Id con cuidado en el momento de borrar una tabla. El proceso borra todos los datos y la misma tabla. No es posible recuperar los datos de las tablas si no se ha hecho una copia de seguridad'''.

Para borrar tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''DROP TABLE''' m28XX_Temperatura;

= Inserción de datos =
La inserción (también conocida por escritura) de datos tiene que hacerla un usuario con permisos suficientes (el usuario '''iot''' puede escribir).

Ejemplo de inserción del valor 23.4 como valor en el campo '''value'''.
'''insert''' into m28XX_Temperatura (value) values (23.4);

= Lectura de datos =
La lectura de datos tiene que hacerla un usuario con permisos suficientes (los usuarios '''iot''' y '''convidat''' pueden leer).

[https://mariadb.com/kb/es/select/ Documentación oficial de la orden SELECT].

Visualización de todos los datos de la tabla m28XX_Temperatura:
'''select''' * from m28XX_Temperatura;

Ejemplo de respuesta del terminal de MariaDB:
MariaDB [aula206]> '''select * from m28XX_Temperatura;'''
+---------------------+-------+
| time | value |
+---------------------+-------+
| 2023-04-05 17:23:59 | 23.4 |
| 2023-04-05 17:28:29 | 23.7 |
+---------------------+-------+
2 rows in set (0.001 sec)

[https://mariadb.com/kb/en/getting-data-from-mariadb/ Getting Data from MariaDB]

= Creación de tablas vista =
Para poder usar la base de datos en sistemas externos de graficación nos hará falta que el registro del momento de inserción del dato esté expresado en [https://www.unixtimestamp.com/ formato de la época UNIX]. Ejemplo de visualización de una tabla vista con el valor del tiempo en formato Unix:
MariaDB [aula206]> select * from m28XX_Temperatura_v;
+------------+-------+
| time | value |
+------------+-------+
| 1680708239 | 23.4 |
| 1680708509 | 23.7 |
+------------+-------+
2 rows in set (0.000 sec)

Creación de la tabla vista '''m28XX_Temperatura_v''' con la unidad de tiempo cambiada (tomando como origen la tabla '''m28XX_Temperatura'''):
'''CREATE VIEW''' m28XX_Temperatura_v AS select UNIX_TIMESTAMP(time) as time, value from m28XX_Temperatura;

= Inserción y lectura de datos múltiples =
Habitualmente nos hará falta introducir un grupo de datos al mismo tiempo. Por ejemplo, esta tabla contiene tres valores en el mismo momento del registro:
MariaDB [aula206]> select * from m28XX_T_RH_P_v;
+------------+--------+---------+---------+
| time | valueT | valueRH | valueP |
+------------+--------+---------+---------+
| 1680884504 | 23.4 | 45.64 | 1002.34 |
| 1680884734 | 23.7 | 45.21 | 1003.04 |
| 1680885724 | 17.89 | 44.32 | 1001.23 |
| 1680885726 | 19.03 | 40.65 | 1002.11 |
| 1680885728 | 15.43 | 56.78 | 1000.87 |
| 1680886069 | 19.03 | 40.65 | 1002.11 |
+------------+--------+---------+---------+
6 rows in set (0.000 sec)

* '''Creación''' de la tabla con datos múltiples ('''valueT''', '''valueRH''' y '''valueP'''):
'''CREATE TABLE''' `m28XX_T_RH_P` (
`time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
`'''valueT'''` FLOAT,
`'''valueRH'''` FLOAT,
`'''valueP'''` FLOAT,
PRIMARY KEY (`time`))
ENGINE = InnoDB;

* '''Inserción''' de datos múltiples:
'''insert into''' m28XX_T_RH_P ('''valueT''','''valueRH''','''valueP''') values (23.4,45.64,1002.34);
* '''Lectura''' de datos múltiples:
'''select''' * '''from''' m28XX_T_RH_P;
* '''Creación''' de la '''tabla vista''':
'''CREATE VIEW''' m28XX_T_RH_P_v '''AS''' select UNIX_TIMESTAMP(time) as time, valueT, valueRH, valueP from m28XX_T_RH_P;
* '''Borrado''' de la '''tabla vista'''
'''DROP VIEW''' IF EXISTS m28XX_T_RH_P_v;
* '''Borrado''' de la '''tabla'''
'''DROP TABLE''' m28XX_T_RH_P;

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:11:46Z

Jordi Binefa: /* Acceso al VPS del máster */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
* La contrasenya está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
* Acceso desde el terminal en Linux:
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
* Acceso desde el terminal en Windows (cmd):
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:10:55Z

Jordi Binefa: /* Acceso al VPS del máster */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
La contrasenya está dentro de la descripción del vídeo en el Campus (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
o
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:10:32Z

Jordi Binefa: /* Acceso al VPS del máster */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
La contrasenya está dentro de la descripción del vídeo (en vez de **** está la contraseña):

''Vídeo NodeRED con MySQL parte 1/3 (clase invertida) (VPS: convidat / ****)''
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
o
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-14T10:08:35Z

Jordi Binefa: /* Acceso al VPS del máster */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@master.iotvertebrae.com
o
ssh convidat@master.iotvertebrae.com

=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

IoT, Embedded Systems, Edge y Cloud (2026)

2026-05-12T18:03:12Z

Jordi Binefa: /* Por días */

* [[Temario - IoT, Embedded Systems, Edge y Cloud (2026)]]
* Acceso rápido a esta página: https://t.ly/-LmC9
= Por días =
* [[9 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]

* [[16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]
* 23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud


= Herramientas y recursos =
* [[Adición del ESP32 en el IDE de Arduino]]
* [[Simulador de la placa IoT-02 en línea]]


* [https://github.com/jordibinefa/IoT-02 Placa IoT-02 en GitHub] ([https://github.com/jordibinefa/iot02-simulator Código del gemelo digital de la placa IoT-02 en GitHub])
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02 en castellano] en pdf ([https://www.binefa.cat/training/iot02/pdf/iot02_00_ca.pdf ''Introducció a la placa IoT-02'' en catalán])
* [https://youtu.be/_EIXCGkGQ0U Vídeo de introducción a la placa IoT-02]
* [https://youtu.be/JothMIY4DWE Vídeo de configuración del IDE de Arduino v1.8.19]
* [https://youtu.be/UjtULePAbTE Vídeo de configuración del IDE de Arduino v2] ([https://youtu.be/BvdHeNRDgL8 Vídeo de como usar el IDE de Arduino v2 para programar la placa IoT-02])
* [https://binefa.com/upc-school/libraries_20240420.zip Enlace para bajar las bibliotecas (''libraries'') necesarias para los códigos de ''firmware'' usados en este máster] para el IDE de Arduino ([https://www.arduino.cc/ Página de Arduino])





* [[esptool: Herramienta para borrar toda la memoria flash del ESP32 en caso de tener problemas en la subida del firmware]]

* [https://www.onlinegdb.com/ Programación en línea para C, C++, Python y JavaScript, entre otros]
* [https://app.edublocks.org/#Python Herramienta de conversión de bloques de programación a Python]
* [https://upcommons.upc.edu/handle/2117/363087 Combining Low-Code Programming and SDL-Based Modeling with Snap! in the Industry 4.0 Context]
* [[Asignación de puertos para el curso 2025-2026]]

Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026

2026-05-12T18:00:59Z

Jordi Binefa: /* Acceso al terminal del VPS */

= Acceso al terminal del VPS =
* Para acceder al terminal remoto del VPS desde Windows, abrir el teminal (''cmd'') o el ''powershell'' y escribir:
ssh '''convidat'''@master.iotvertebrae.com
La contraseña era ''benvingut'' ('''desactivado el acceso ''ssh'' por seguridad''')

* Para acceder al terminal remoto del VPS desde Linux, abrir el teminal escribir:
ssh '''convidat'''@master.iotvertebrae.com
y en caso de querer enviar cada 30 segundos un ''blank token'' para evitar la desconexión por ''time out'':
ssh -o ServerAliveInterval=30 '''convidat'''@master.iotvertebrae.com

= Información sobre la instalación de la base de datos MariaDB =
'''Este apartado es puramente informativo'''. En el VPS ya está instalada la base de datos.

[https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on-debian-11 Un tutorial de instalación de MariaDB en Debian 11]

Pasos de la instalación desde el terminal:
sudo apt update
sudo apt install mariadb-server
sudo mariadb-secure-installation ''(en este paso el sistema pregunta una contraseña para el usuario '''root''')''

[https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql Un tutorial de creación de usuarios con diferentes permisos (''privilegios'')]

Desde el terminal del sistema operativo se pide entrar al terminal de MariaDB. La primera vez como usuario ''root'':
sudo mysql -u root -p
''(el sistema pide la contraseña del usuario root)''
Una vez dentro del terminal de MariaDB se crean los usuarios ''iot'' y ''convidat'' con sus respectivas contraseñas. Se crea la base de datos ''aula206'', se otorgan todos los permisos al usuario ''iot'' y tan solo la lectura al usuario ''convidat'':
CREATE USER 'iot'@'localhost' IDENTIFIED BY 'iot';
CREATE USER 'convidat'@'localhost' IDENTIFIED BY 'benvingut';

CREATE DATABASE aula206;
SHOW DATABASES;
USE aula206;

GRANT ALL PRIVILEGES ON aula206.* TO 'iot'@'localhost';
GRANT SELECT ON aula206.* TO 'convidat'@'localhost';
FLUSH PRIVILEGES;

= Acceso a la base de datos desde el terminal del VPS =
Para acceder a la base de datos hay tres usuarios con permisos diferentes:

- '''root''': Tiene todos los permisos. Puede crear usuarios y bases de datos.

- '''iot''': Tiene permisos de '''lectura y escritura''' sobre la base de datos '''aula206'''.

- '''convidat''': Tiene permisos de '''lectura''' sobre la base de datos '''aula206'''.

Para acceder al terminal de MariaDB como usuario '''iot''':
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

Para acceder al terminal de MariaDB como usuario '''convidat''':
mysql -u '''convidat''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

= Creación de tablas =
Para crear tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').

Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha asignado]].

mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''CREATE''' TABLE m'''28XX'''_Temperatura (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
value FLOAT,
PRIMARY KEY (time));
'''value''' es el nombre del valor que vamos a introducir en la tabla. Se declara como ''FLOAT'' (número real. Permite decimales).

= Borrado de tablas =
'''Id con cuidado en el momento de borrar una tabla. El proceso borra todos los datos y la misma tabla. No es posible recuperar los datos de las tablas si no se ha hecho una copia de seguridad'''.

Para borrar tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''DROP TABLE''' m28XX_Temperatura;

= Inserción de datos =
La inserción (también conocida por escritura) de datos tiene que hacerla un usuario con permisos suficientes (el usuario '''iot''' puede escribir).

Ejemplo de inserción del valor 23.4 como valor en el campo '''value'''.
'''insert''' into m28XX_Temperatura (value) values (23.4);

= Lectura de datos =
La lectura de datos tiene que hacerla un usuario con permisos suficientes (los usuarios '''iot''' y '''convidat''' pueden leer).

[https://mariadb.com/kb/es/select/ Documentación oficial de la orden SELECT].

Visualización de todos los datos de la tabla m28XX_Temperatura:
'''select''' * from m28XX_Temperatura;

Ejemplo de respuesta del terminal de MariaDB:
MariaDB [aula206]> '''select * from m28XX_Temperatura;'''
+---------------------+-------+
| time | value |
+---------------------+-------+
| 2023-04-05 17:23:59 | 23.4 |
| 2023-04-05 17:28:29 | 23.7 |
+---------------------+-------+
2 rows in set (0.001 sec)

[https://mariadb.com/kb/en/getting-data-from-mariadb/ Getting Data from MariaDB]

= Creación de tablas vista =
Para poder usar la base de datos en sistemas externos de graficación nos hará falta que el registro del momento de inserción del dato esté expresado en [https://www.unixtimestamp.com/ formato de la época UNIX]. Ejemplo de visualización de una tabla vista con el valor del tiempo en formato Unix:
MariaDB [aula206]> select * from m28XX_Temperatura_v;
+------------+-------+
| time | value |
+------------+-------+
| 1680708239 | 23.4 |
| 1680708509 | 23.7 |
+------------+-------+
2 rows in set (0.000 sec)

Creación de la tabla vista '''m28XX_Temperatura_v''' con la unidad de tiempo cambiada (tomando como origen la tabla '''m28XX_Temperatura'''):
'''CREATE VIEW''' m28XX_Temperatura_v AS select UNIX_TIMESTAMP(time) as time, value from m28XX_Temperatura;

= Inserción y lectura de datos múltiples =
Habitualmente nos hará falta introducir un grupo de datos al mismo tiempo. Por ejemplo, esta tabla contiene tres valores en el mismo momento del registro:
MariaDB [aula206]> select * from m28XX_T_RH_P_v;
+------------+--------+---------+---------+
| time | valueT | valueRH | valueP |
+------------+--------+---------+---------+
| 1680884504 | 23.4 | 45.64 | 1002.34 |
| 1680884734 | 23.7 | 45.21 | 1003.04 |
| 1680885724 | 17.89 | 44.32 | 1001.23 |
| 1680885726 | 19.03 | 40.65 | 1002.11 |
| 1680885728 | 15.43 | 56.78 | 1000.87 |
| 1680886069 | 19.03 | 40.65 | 1002.11 |
+------------+--------+---------+---------+
6 rows in set (0.000 sec)

* '''Creación''' de la tabla con datos múltiples ('''valueT''', '''valueRH''' y '''valueP'''):
'''CREATE TABLE''' `m28XX_T_RH_P` (
`time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
`'''valueT'''` FLOAT,
`'''valueRH'''` FLOAT,
`'''valueP'''` FLOAT,
PRIMARY KEY (`time`))
ENGINE = InnoDB;

* '''Inserción''' de datos múltiples:
'''insert into''' m28XX_T_RH_P ('''valueT''','''valueRH''','''valueP''') values (23.4,45.64,1002.34);
* '''Lectura''' de datos múltiples:
'''select''' * '''from''' m28XX_T_RH_P;
* '''Creación''' de la '''tabla vista''':
'''CREATE VIEW''' m28XX_T_RH_P_v '''AS''' select UNIX_TIMESTAMP(time) as time, valueT, valueRH, valueP from m28XX_T_RH_P;
* '''Borrado''' de la '''tabla vista'''
'''DROP VIEW''' IF EXISTS m28XX_T_RH_P_v;
* '''Borrado''' de la '''tabla'''
'''DROP TABLE''' m28XX_T_RH_P;

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-12T17:59:14Z

Jordi Binefa: /* Conexión entre la placa IoT-02 y Snap! mediante MQTT */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_66C172FB482D_broker_master_iotvertebrae Control de la placa IoT-02. Broker del VPS del máster] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-12T17:57:26Z

Jordi Binefa: /* Repaso del día anterior */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]
* [[El protocolo MQTT]]
* [[Gemelos digitales especializados]] (Placa IoT-02 e IoT-Vertebrae)

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

ASIX2 - SM7. Fonaments de desenvolupament Web amb PHP. Curs 2025-2026

2026-05-12T16:23:57Z

Jordi Binefa: /* 20260505 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir una carpeta amb aquest nom: '''2526-ASIX-SM7-1rCognom2nCognomNom''' (Per exemple, si el teu nom és Xavier López Pujol --> ''2526-ASIX-SM7-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides del SM7 de 2n d'ASIX. Curs 2025-2026]]

= Enllaços ràpids =
[https://meet.google.com/wwr-knez-ukp Compartició de pantalla]

[[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026]]

[https://recull.binefa.cat/ recull.binefa.cat] (''sm7'' / ''asix2526'')

[https://docs.google.com/spreadsheets/d/1K3viCV5UNCye_wC0J4WukpH986n_lIsqRPGNhq-SX-E/edit?gid=393653686#gid=393653686 Llista de 2n d'ASIX] 

[https://docs.google.com/spreadsheets/d/1KEI7gPDFn8QVRUpTURUZ4LY2J38w5E03ivrBA4nTR0g/edit?gid=0#gid=0 Notes]
== 20260512 ==
* Projecte final de cicle
== 20260505 ==
* Projecte final de cicle

== 20260428 ==
* Projecte final de cicle

== 20260421 ==
Presentació del [[Projecte del tercer trimestre. SM7 Curs 2025-2026 | projecte del tercer trimestre]]

== 20260414 ==
Seguim fent el [[Projecte del tercer trimestre. SM7 Curs 2025-2026 | projecte del tercer trimestre]]

== 20260407 ==
Seguim fent el [[Projecte del tercer trimestre. SM7 Curs 2025-2026 | projecte del tercer trimestre]]

== 20260324 ==
Presentació i començament del [[Projecte del tercer trimestre. SM7 Curs 2025-2026 | projecte del tercer trimestre]]

== 20260317 ==

* [https://binefa.com/asix2/sm7/ra4/.teoria2_RA4.html RA4 — Teoria 2: FileBrowser, Microserveis i Gotenberg]

* [https://binefa.com/asix2/sm7/ra4/.practica2_RA4.html RA4 — Pràctica 2: FileBrowser, Gotenberg i Integració]

== 20260310 ==
* [https://binefa.com/asix2/sm7/ra4/teoria1_RA4.html RA4 — Teoria 1: Ofimàtica Web i Contenidors]

* [https://binefa.com/asix2/sm7/ra4/practica1_RA4.html RA4 — Pràctica 1: Nextcloud amb Docker Compose]

== 20260224 ==
* 1a hora: Acabeu les [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | pràctiques]] pendents
* 2a hora: Metacognició de síntesi tipus test

== 20260217 ==
* Anem acabant les [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | pràctiques]] desant-les a la vostra carpeta compartida
== 20260210 ==
* [[Instal·lació de MediaWiki amb dockers]]
* [[Desenvolupament d'extensions per a MediaWiki]]
* A classe s'afegeix la [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_9 | pràctica 9]] d'extensions per a MediaWiki. Seguiu fent els exercicis pendents del [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]] desant-los a la vostra carpeta compartida
* A la part de teoria de [[Desenvolupament d'extensions per a WordPress]] trobareu l'enllac a l'explicació dels ganxos (''hooks'')

== 20260203 ==
* [[Desenvolupament d'extensions per a WordPress]]
* S'ha afegit la [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_8 | pràctica 8]] d'extensions per a WordPress. Seguiu fent els exercicis pendents del [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]] desant-los a la vostra carpeta compartida

== 20260127 ==
* [[WordPress amb docker. Curs 2025-2026]]
* [[WordPress amb Compose. Curs 2025-2026]]
* Seguiu fent la [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_6 | pràctica 6]] desant-la a la vostra carpeta compartida
* Feu la [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_7 | pràctica 7]] desant-la a la vostra carpeta compartida

== 20260120 ==
* Seguiu fent la [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pràctica 6 - PHP+MariaDB emprant dockers | pràctica 6 - PHP+MariaDB emprant dockers]] desant-la a la vostra carpeta compartida
* Mentre feu la darrera pràctica, s'aprofitarà per fer la revisió del [[Enunciat del projecte de connexió PDO entre PHP i MariaDB. Curs 2025-2026 | projecte PDO]], [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_4_-_Galetes | Pràctica 4 - Galetes]] i [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_5_-_Sessions | Pràctica 5 - Sessions]] a aquells alumnes que encara no ho han presentat oralment al professor.

== 20260113 ==
* [[PHP+MariaDB emprant ''dockers'' | PHP+MariaDB emprant dockers]]
* Feu la [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pràctica 6 - PHP+MariaDB emprant dockers | pràctica 6 - PHP+MariaDB emprant dockers]] desant-la a la vostra carpeta compartida
* Mentre feu la darrera pràctica, s'aprofitarà per fer la revisió del [[Enunciat del projecte de connexió PDO entre PHP i MariaDB. Curs 2025-2026 | projecte PDO]], [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_4_-_Galetes | Pràctica 4 - Galetes]] i [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_5_-_Sessions | Pràctica 5 - Sessions]] a aquells alumnes que encara no ho han presentat oralment al professor.

== 20251216 ==
* [https://sm9b.binefa.cat/sessions/sessions_teoria.pdf Teoria de Sessions en PHP]
* [https://sm9b.binefa.cat/sessions/Sessions-en-PHP.pdf Presentació '''Sessions en PHP'''] feta amb [https://gamma.app/ Gamma.app] a partir de [https://sm9b.binefa.cat/sessions/sessions_presentacio.pdf sessions_presentacio.pdf].
* [https://sm9b.binefa.cat/sessions/sessions_resum.pdf Resum Sessions - Guia Ràpida]
* [https://sm9b.binefa.cat/sessions/ Pàgina web d'exemple de sessions]
* [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_5_-_Sessions | Pràctica 5 - Sessions]]

== 20251209 ==
* El control d'escapament amb la funció '''htmlspecialchars''':
El control d'escapament amb la funció [https://www.php.net/manual/en/function.htmlspecialchars.php '''htmlspecialchars'''] a PHP és fonamental per la seguretat de les aplicacions web, principalment per prevenir atacs de tipus [https://ca.eitca.org/seguretat-cibern%C3%A8tica/eitc-is-wasf-fonaments-de-seguretat-d%27aplicacions-web/script-de-llocs-creuats/cross-site-scripting-xss/revisi%C3%B3-d%27examen-cross-site-scripting-xss/qu%C3%A8-%C3%A9s-cross-site-scripting-xss-i-com-representa-una-amena%C3%A7a-per-a-les-aplicacions-web/ Cross-Site Scripting (XSS)].

Aquesta funció agafa certs caràcters especials que tenen un significat a HTML i els converteix en les seves entitats HTML corresponents, evitant que el navegador els interpreti com a codi.

🛡️ Prevenció d'Atacs XSS
La raó principal de la seva importància és que '''htmlspecialchars''' neutralitza la capacitat d'un atacant d'injectar codi maliciós (com ara JavaScript) a la teva pàgina web a través de dades d'usuari (formularis, paràmetres URL, etc.).

- Com funciona?
Quan un usuari maliciós introdueix codi com: <script>alert('XSS Attack!');</script>

Si es mostra directament a la pàgina amb echo $input;, el navegador l'interpretarà com a codi JavaScript i l'executarà.

No obstant això, si es processa amb '''htmlspecialchars($input)''' abans de mostrar-se, PHP converteix els caràcters perillosos:

< es converteix en <code><nowiki>&lt;</nowiki></code>

> es converteix en <code><nowiki>&gt;</nowiki></code>

" es converteix en <code><nowiki>&quot;</nowiki></code> (depenent de les flags utilitzades)

' es converteix en <code><nowiki>&#039;</nowiki></code> (depenent de les flags utilitzades, utilitzant ENT_QUOTES)

& es converteix en <code><nowiki>&amp;</nowiki></code>


El resultat que es mostra a la pàgina és: '''<code><nowiki>&lt;script&gt;alert(&#039;XSS Attack!&#039;);&lt;/script&gt;</nowiki></code>'''


El navegador veurà això com a text pla (<script>alert('XSS Attack!');</script>) i no com a codi executable.
* [https://sm9b.binefa.cat/xss/vulnerable/ Exemple de vulnerabilitat XSS] Text de prova: <script>alert('XSS Attack!');</script>
* [https://sm9b.binefa.cat/xss/segur/ Exemple de protecció a atacs XSS]
* [https://sm9b.binefa.cat/galetes/galetes_teoria.pdf Teoria de galetes (''cookies'')]
* [https://sm9b.binefa.cat/galetes/Galetes-Cookies-en-PHP.pdf Presentació '''Galetes (Cookies) en PHP'''] feta amb [https://gamma.app/ Gamma.app] a partir de [https://sm9b.binefa.cat/galetes/galetes_presentacio.pdf galetes_presentacio.pdf].
* [https://sm9b.binefa.cat/galetes/galetes_resum.pdf Resum Galetes (Cookies) - Guia Ràpida]
* [https://sm9b.binefa.cat/galetes/ Pàgina web d'exemple de galetes]
* [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026#Pr.C3.A0ctica_4_-_Galetes | Pràctica 4 - Galetes]]

== 20251125 ==
* Seguim fent els exercicis pendents del [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]].

== 20251111 ==
* Seguim fent els exercicis pendents del [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]].

== 20251104 ==
* Seguim fent els exercicis pendents del [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]].
* [[Enunciat del projecte de connexió PDO entre PHP i MariaDB. Curs 2025-2026]]
* Afegit a l'exemple de selecció de base de dades: [[Explicació dels mètodes fets servir a php_mysql_select]]
* Per a evitar haver de ser root (ús de sudo) pera accedir a la BD com a usuari root (també explicat a la pràctica 1 del [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]]):
ALTER USER 'root'@'localhost' IDENTIFIED BY 'una_contrasenya_forta_pel_root' PASSWORD EXPIRE NEVER;
FLUSH PRIVILEGES;
EXIT;

== 20251028 ==
Seguim fent els exercicis recollits al [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]].

== 20251021 ==
Exercicis recollits a [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026]]:

* Instal·leu a la màquina virtual ''zip'', ''libzip-dev'' i ''libpng-dev'':
sudo apt update
sudo apt install zip libzip-dev libpng-dev
* Si no teniu instal·lats les extensions PDO de PHP per a MariaDB: ''mysqli'', ''pdo'', ''pdo_mysql'', ''gd'' i ''zip''. Entre d'altres:
sudo apt install php libapache2-mod-php php-mysql
[https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mariadb-php-lamp-stack-on-debian-11 Aquí podeu trobar més ajuda]

Documenteu els següents exemples:

* Feu una primera connexió des de PHP a la vostra base de dades. Heu de fer una verificació [https://sm9b.binefa.cat/bd/00_connect.php d'aquest estil] ([http://localhost/php/bd/00_connect.php localhost])

<?php
// Example (PDO) at https://www.w3schools.com/php/php_mysql_connect.asp

$servername = "127.0.0.1";
$username = "root";
$password = "fjeclot";

try {
$conn = new PDO("mysql:host=$servername;dbname=lamp_db", $username, $password);
// set the PDO error mode to exception
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
echo "Connectat a la base de dades.";
} catch(PDOException $e) {
echo "No es pot connectar. Motiu: " . $e->getMessage();
}
?>
* Feu un exemple de [https://www.w3schools.com/php/php_mysql_create.asp creació de base de dades] (PDO)

* Feu un exemple de [https://www.w3schools.com/php/php_mysql_create_table.asp creació d'una taula] (PDO)

* Feu un exemple [https://www.w3schools.com/php/php_mysql_insert.asp d'inserció de dades] (PDO)

* Feu un exemple [https://www.w3schools.com/php/php_mysql_insert_lastid.asp d'obtenció del darrer ID] (PDO)

* Feu un exemple [https://www.w3schools.com/php/php_mysql_insert_multiple.asp d'inserció múltiple] (PDO)

* Feu un exemple de [https://www.w3schools.com/php/php_mysql_prepared_statements.asp declaracions preparades i paràmetres enllaçats] (PDO)

* Feu un exemple de [https://www.w3schools.com/php/php_mysql_select.asp selecció de dades] (PDO) [[Explicació dels mètodes fets servir a php_mysql_select]]

function current()''': string''' { // Afegiu : ''string'' per indicar el tipus de dades a retornar. Així eviteu missatge ''Deprecated''
...
function beginChildren()''': void''' { // Afegiu : ''void'' per indicar el tipus de dades a retornar. Així eviteu missatge ''Deprecated''
...
function endChildren()''': void''' { // Afegiu : ''void'' per indicar el tipus de dades a retornar. Així eviteu missatge ''Deprecated''

* Feu un exemple de l'[https://www.w3schools.com/php/php_mysql_select_where.asp ordre WHERE] (PDO)

* Feu un exemple de l'[https://www.w3schools.com/php/php_mysql_select_orderby.asp ordre ORDER BY] (PDO)

* Feu un exemple d'[https://www.w3schools.com/php/php_mysql_delete.asp esborrament de dades] (PDO)

* Feu un exemple d'[https://www.w3schools.com/php/php_mysql_update.asp actualització de dades] (PDO)

* Feu un exemple de [https://www.w3schools.com/php/php_mysql_select_limit.asp limitació de dades] (PDO) Aprofiteu el codi de selecció de dades per a limitar quantes línies de la taula s'han de veure i a partir de quina es comença.


== 20251014 ==
* Seguim fent el [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]]
== 20251007 ==
* [https://ioc.xtec.cat/materials/FP/Recursos/fp_asx_m09_/web/fp_asx_m09_htmlindex/WebContent/u1/a4/continguts.html Condicionals i bucles]
* [https://recull.binefa.cat/files/exemplesPHP/ Exemples de codis PHP]
* Seguim fent el [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]]

== 20250930 ==
Seguim fent el [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026 | recull de pràctiques]]

== 20250923 ==
* Revisió de la instal·lació de l'entorn LAMP ([[Instal·lació d'un entorn LAMP. Curs 2025-2026]]) d'aquells alumnes que ja l'han acabada. El document en pdf demostrant el funcionament de la vostra instal·lació a una màquina virtual emprant Debian 13 ha d'estar a la [[Carpetes compartides del SM7 de 2n d'ASIX. Curs 2025-2026 | carpeta compartida]]. La data de lliurament és el '''30 de setembre de 2025'''

* Variables en PHP:

[https://sm9.binefa.cat/20241001/ Primer contacte amb les variables en PHP]

[https://sm9.binefa.cat/523.php 5.2.3 Variables]

* Ús del mètode GET i dos arxius (html i php):

[https://sm9.binefa.cat/527/ 5.2.7. (GET) Ús de PHP per a aplicacions web]

* Ús del mètode POST i dos arxius (html i php):

[https://sm9.binefa.cat/527_post/ 5.2.7. (POST) Ús de PHP per a aplicacions web]

* [https://www.w3schools.com/PHP/php_superglobals.asp Variables superglobals]:

[https://sm9.binefa.cat/527/server_var.php Variable superglobal $_SERVER]

[https://sm9.binefa.cat/527_request_get/ REQUEST fent servir GET a un sol arxiu]

[https://sm9.binefa.cat/527_request_post/ REQUEST fent servir POST a un sol arxiu]

* [https://www.phptutorial.net/php-tutorial/php-select-option/ PHP Select Option] (Codis [https://sm9.binefa.cat/select/select0/ select0] i [https://sm9.binefa.cat/select/select1/ select1] al [https://recull.binefa.cat/files/20250923/ recull d'avui])

* [[Recull de pràctiques de 2n d'ASIX. Curs 2025-2026]]

== 20250916 ==
[[Temari oficial d'implantació d'aplicacions web a ASIX. Curs 2025-2026]]

[[Normes i avaluació. Curs 2025-2026]]

[[Instal·lació d'un entorn LAMP. Curs 2025-2026]]

[[Instal·lació MariaDB. Curs 2025-2026]]

= Documentació extra =
[https://www.w3schools.com/php/default.asp Tutorial de PHP]

[https://wiki.lordwektabyte.cat/wiki/ASIX/M09/UF1 Wiki lordwektabyte]

[https://www.collados.org/daw2/index_daw2_sm7.php Introducció al PHP amb exemples]

[https://ioc.xtec.cat/materials/FP/Recursos/fp_asx_m09_/web/fp_asx_m09_htmlindex/WebContent/u1/introduccio.html Implantació d'Aplicacions Web a l'IOC]

[https://youtu.be/C44iCr6czAo?si=PL0PSKlIJZWw2VUn Windows 11]

[https://portal.azure.com azure]
== VPS ==
* [https://www.ovhcloud.com/es-es/vps/ VPS a OVH]
* [https://www.nominalia.com/dominios/?lang=ca Dominis a Nominalia]
* [https://www.things.cat/index.php/Servidor_intermediari_invers Servidor intermediari invers amb nginx]
* [https://broker.binefa.cat/wordpressTraefik_00.html Servidor intermediari invers amb Traefik]
* [https://www.things.cat/index.php/File_Browser File Browser]
* [https://www.things.cat/index.php/Redireccions_a_subdomini Redireccions a subdomini]

2n SMX-A per dies. Curs 2025-2026

2026-05-12T14:13:21Z

Jordi Binefa: /* 20260505 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir-nos (als '''dos''' professors) una carpeta amb aquest nom: '''2526-SMX2A-1rCognom2nCognomNom''' (Per exemple, si el vostre nom és Xavier López Pujol --> ''2526-SMX2A-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides 2n d'SMX-A. Curs 2025-2026]]
= Enllaços ràpids =
[https://meet.google.com/tbb-qgtn-kxb Teleconferència provisional]

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://moodle.binefa.cat/ Accés al Moodle de l'espai d'habilitats]

[https://docs.google.com/spreadsheets/d/1PjpZhgqLMilMMzvnTGUtzbPYy6O3vPGKW74V_JUH8NE/edit?gid=1396246821#gid=1396246821 Llista 2n SMX-A] 

== 20260512 ==
* Seguim fent el projecte de TKinter
== 20260505 ==
* Seguim fent el projecte de TKinter

== 20260428 ==
* Fem el projecte de TKinter
* [https://aistudio.google.com/api-keys clau API]

== 20260421 ==
* Seguim amb TKinter

== 20260414 ==
* Seguim amb TKinter

== 20260407 - TKinter ==
* [https://recull.binefa.cat/files/20260407/ Documentació de TKinter]

== 20260324 ==
* Lliurar el [https://moodle.binefa.cat/pluginfile.php/1993/mod_resource/content/3/Proyecto_1.pdf projecte del 2n trimestre] amb un menú en Python ([https://recull.binefa.cat/files/20260317_menu/ Exemple de menú]) (Usuari / Contrasenya: smxA / smxA2526 )

== 20260317 ==
* Seguim fent Python
* Exercici d'un menú en Python ([https://recull.binefa.cat/files/20260317_menu/ Exemple de menú]) (Usuari / Contrasenya: smxA / smxA2526 )

== 20260310 ==
* Seguim fent Python

== 20260224 ==
* Metacognició de síntesi tipus test.

== 20260217 ==
* Acabeu els 8 exercicis de la pràctica 1 de Python que és al Moodle.

== 20260210 ==
* Feu i documenteu els exercicis 1, 2 i 3 presents al Moodle. Els heu de lliurar abans d'acabar la classe.

== 20260203 ==
* Seguim aprenent Python
* [https://pyscript.com/ pyscript.com]

== 20260127 ==
* Seguim aprenent Python

== 20260113 ==
* Presentació del projecte de Nadal
=== Primer contacte amb Python ===
* [https://www.python.org/downloads/ Instal·lació de ''Python'' amb ''pip'']
* [[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]
* [[Exercicis d'introducció a Python]]

== 20251125 ==
* Seguim treballant en el projecte Snap! de Nadal.

== 20251118 ==
* Examen Snap!
== 20251111 ==
* Blocs amb Snap!

== 20251104 ==
* Seguim amb Snap! Fem la pràctica 5 del Moodle

== 20251028 ==
Seguim amb Snap!

== 20251021 ==
Seguim amb Snap!

Fem [https://moodle.binefa.cat/pluginfile.php/780/mod_resource/content/6/practica%204.pdf pràctica 4 del Moodle] ([https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=taur%C3%B3Ping%C3%BC%C3%AD_00 Un exemple no finalitzat])

== 20251014 ==
Seguim amb Snap!

* [https://recull.binefa.cat/files/20251014/ 5 camells de colors en format svg]
* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=carreraCamells Exemple de cursa de camells]

== 20251007 ==
Seguim amb Snap!

== 20250930 ==
Seguim amb Snap!

== 20250923 ==
Seguim amb Snap!

== 20250916 ==
[https://recull.binefa.cat/ Recull d'informació] (usuari: ''smxA'', contrasenya: ''smxA2526'')

[https://snap.berkeley.edu/snap/snap.html Snap!]

[https://gamifi.cat/docs/cs/snapguia.pdf Guia d'Snap!]


= Snap! =
[https://snap.berkeley.edu/snap/snap.html Snap! a snap.berkeley.edu]

[https://snap.berkeley.edu/snap/help/SnapManual.pdf Manual de referència d'Snap!]

= Python =
[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

== Condicionals en Python ==
[[Pràctiques d'introducció a Python . Part 2 - SMX | Condicionals amb Python]]

[[Exercicis de condicions en Python]]

== Estructures repetitives, o bucles, en Python ==

[[Pràctiques d'introducció a Python . Part 3 - SMX | Estructures repetitives, o bucles, en Python]]

[[Exercicis d'estructures de control repetitives en Python]]

== Instal·lació del Jupyter Lab ==
[https://jupyter.org/try Prova de Jupyter via web externa]

Instal·lació de Jupyter Lab a la màquina virtual GNU/Linux. Des del terminal:
$ su -
# apt update
# apt install python3-pip
# exit
$ pip --version
$ pip install jupyterlab
$ pip install jupyter-c-kernel

Sortiu de la sessió i torneu-hi a entrar. Seguiu amb aquestes ordres:

$ install_c_kernel --user
$ jupyter kernelspec list

Un cop instal·lat s'executa des del terminal:
$ jupyter-lab

I apareix el navegador web amb el Jupyter Lab.

= Eines en línia =
[https://recull.binefa.cat/ Recull de codis fets a classe] usuari / contrasenya : ''smxA'' / ''smxA2526''

[https://app.diagrams.net/ Disseny de diagrames de flux en línia]

[https://scratch.mit.edu/scratch_1.4/ Scratch 1.4]

[https://scratch.mit.edu/projects/editor/ Scratch en línia]

[https://snap.berkeley.edu/ Snap!] o [https://www.binefa.cat/Snap Snap! personalitzat]

[https://www.onlinegdb.com/ Compilador en línia]

[http://www.arduinoblocks.com/ Arduino Blocks]


= Baixada de programes =
[https://drive.google.com/drive/folders/1fObr8kPcF7358h3bgKPe_BQT3tyQtiV8?usp=sharing Zona compartida al campus virtual d'FJE]

ASIX 2025-2026

2026-05-11T17:42:41Z

Jordi Binefa: /* 20260508 (1h) */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir-nos (als '''dos''' professors) una carpeta amb aquest nom: '''2526-ASIX-SM3-1rCognom2nCognomNom''' (Per exemple, si el teu nom és Xavier López Pujol --> ''2526-ASIX-SM3-LopezPujolXavier''). A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides del SM3 de 1r d'ASIX. Curs 2025-2026]]

Estructura de les carpetes:
EH1 ''(depenent del subgrup)''
SM1 ''(depenent del subgrup)'' [https://www.collados.org/ collados.org]
SM3
examens
exercicis
C
Python
Encastats
perDies
= Enllaços ràpids =
[https://meet.google.com/wwr-knez-ukp Compartició de pantalla]

[https://docs.google.com/spreadsheets/d/1YZuh2vPnUnUA8A6Q4hY2DZ4CDq7RQM9KzoEB9ubtti0/edit?gid=2064628236#gid=2064628236 Llista de 1r d'ASIX]

[https://fje.sharepoint.com/sites/GD_CLOT-FP-CLOT_FP-DptInformatica/Documentos%20compartidos/Forms/AllItems.aspx?id=%2Fsites%2FGD%5FCLOT%2DFP%2DCLOT%5FFP%2DDptInformatica%2FDocumentos%20compartidos%2FCLOT%5FFP%2DDptInformatica%2F2526%2FLLISTES%20ASSIST%C3%88NCIA&viewid=0378dc70%2Dd30b%2D4dbf%2D9ffc%2D0a0ea8f8bf65&FolderCTID=0x0120003BC8367864239F40A596CE0A21832195 Totes les llistes]
== Proves de final de curs - EH1 ==
* Listening: 15/5/26 (15.00 - 15.55)
* Skills: 18/5/26 (15.00 - 16.50)
* Reading: 21/5/26 (15.55 - 16.50)

= EH2: '''Programació de sistemes encastats''' =
* [[Introducció a Arduino]]
* [https://wokwi.com/projects/354037245005603841 Simulació dels 4 leds i 4 botons de la placa S4A]
* [https://wokwi.com/projects/355572920722910209 Simulació dels 4 leds i 4 botons de la placa S4A, permetent prémer més d'un botó alhora]
* [https://s4a.binefa.cat/ Simulador de la placa S4A en línia]. ([https://raw.githubusercontent.com/jordibinefa/arduino-IDE-codes/refs/heads/master/s4a_test_00/s4a_test_00.ino Codi de test])
* [[Detalls sobre la programació d'Arduino]]
* [[Pràctiques Arduino sobre placa S4A i Snap4Arduino - 1a part]]
* [[Pràctiques Arduino sobre placa S4A i Snap4Arduino - 2a part]]
* [[Pràctiques amb el robot versió 6]]
== 20260511 (2h) ==
* Seguim amb el robot ([[Pràctiques amb el robot versió 6]])
== 20260508 (1h) ==
* Seguim amb el robot ([[Pràctiques amb el robot versió 6]])

== 20260504 (2h) ==
* Seguim amb el robot ([[Pràctiques amb el robot versió 6]])

== 20260427 (2h) ==
* Seguim amb el robot ([[Pràctiques amb el robot versió 6]])

== 20260424 (1h) ==
* Seguim amb el robot ([[Pràctiques amb el robot versió 6]])

== 20260420 (2h) ==
* Seguim amb el robot ([[Pràctiques amb el robot versió 6]])

== 20260417 (1h) ==
* Comencem amb el robot

== 20260413 (2h) ==
* Seguim amb la introducció a Arduino

== 20260410 (1h) ==
* Seguim amb la introducció a Arduino

== 20260323 (2h) ==
* Seguim amb la introducció a Arduino

== 20260316 (2h) ==
* Seguim amb la introducció a Arduino

== 20260313 (1h) ==
* [[Introducció a Arduino]]
* [https://wokwi.com/projects/354037245005603841 Simulació dels 4 leds i 4 botons de la placa S4A]
* [https://wokwi.com/projects/355572920722910209 Simulació dels 4 leds i 4 botons de la placa S4A, permetent prémer més d'un botó alhora]
* [https://s4a.binefa.cat/ Simulador de la placa S4A en línia]. ([https://raw.githubusercontent.com/jordibinefa/arduino-IDE-codes/refs/heads/master/s4a_test_00/s4a_test_00.ino Codi de test])
* [https://www.binefa.cat/doc/Dropbox/Public/oshw20160621/20160621_00.pdf Introducció a la placa S4A PLB]
* [[Detalls sobre la programació d'Arduino]]
* [[Pràctiques Arduino sobre placa S4A i Snap4Arduino - 1a part]]

= SM3: '''Fonaments de Programació''' =
== 20260309 (2h) ==
* Resolem l'examen d'ús de fitxers 20220524exM03Uf3.pdf de la col·lecció d'exàmens del recull.
== 20260302 (2h) ==
* Seguim amb [[Fonaments de gestió de fitxers, estructures i gestió dinàmica de memòria]]
* Resolem un examen d'un any anterior
== 20260227 (1h) ==
* Metacognició
== 20260223 (2h) ==
Seguim amb [[Fonaments de gestió de fitxers, estructures i gestió dinàmica de memòria]]

== 20260220 (1h) ==
[[Fonaments de gestió de fitxers, estructures i gestió dinàmica de memòria]]

#include <stdio.h>
#include <stdlib.h> // Necessari per a malloc i free

int main() {
int n, i;
float *notes, suma = 0.0, mitjana;

printf("Introduïu la quantitat de notes: ");
scanf("%d", &n);

// Reserva de memòria dinàmicament emprant apuntadors
notes = (float*)malloc(n * sizeof(float));

if (notes == NULL) {
printf("Error: No hi ha memòria suficient.\n");
return 1;
}

// Entrada de dades emprant apuntadors
for (i = 0; i < n; i++) {
printf("Introduïu la nota %d: ", i + 1);
scanf("%f", (notes + i)); // Usa aritmètica d'apuntadors
suma += *(notes + i);// Accedeix al valor de lapuntadors
}

// Càlcul de la mitjana
mitjana = suma / n;
printf("\nLa mitjana de les %d notes és: %.2f\n", n, mitjana);

// Alliberament de la memòria reservada
free(notes);

return 0;
}

== 20260209 (2h) ==
* Dubtes
[https://recull.binefa.cat/files/20260209/ Codis comentats avui a classe] usuari: ''asix'' / contrasenya: ''asix2425''


=== Separació d'arxius en Python ===

'''crida01.py''':
# crida01.py

def nLaTevaEdat():
return int(input("La teva edat: "))

'''if __name__ == "__main__":'''
print("Dius tenir %d anys"%nLaTevaEdat())

'''principal.py''':
# principal.py
'''import''' ''crida01''

nEdat = ''crida01''.nLaTevaEdat()
print("Heu dit que teniu %d anys"%nEdat)

'''principal02.py''':
# principal02.py
'''from''' crida01 '''import''' ''nLaTevaEdat''

nEdat = ''nLaTevaEdat''()
print("Heu dit que teniu %d anys"%nEdat)

'''principal03.py''':
# principal03.py
'''from''' crida01 '''import''' nLaTevaEdat '''as''' ''nIntroEdat''

nEdat = ''nIntroEdat''()
print("Heu dit que teniu %d anys"%nEdat)
=== Separació d'arxius en C ===
[https://recull.binefa.cat/files/20260209/ Exemple de separació d'arxius en C al recull d'avui]

== 20260206 (1h) ==
* Dubtes
* [[Comparació dels diccionaris de Python amb les estructures de C]]
* [[try-except a Python]]
* [[Estructures de Dades Lineals a Python: Llistes i Tuples]]

== 20260202 (2h) ==
* Dubtes
* Es comença a implementar un codi per saber si una frase és un palíndrom, o no. De moment no es fa pre-processament de les dades.
* ''strcpy()'' i ''strcat()''
* Pre-processament de les dades pels palíndroms emprant ''strcpy()'' i ''strcat()''
== 20260130 (1h) ==
* Dubtes
* Examen sorpresa (''ja no és sorpresa'') de bucles, condicionals i aleatorietat.

== 20260126 (2h) ==
* Dubtes
* Algorisme per saber si una frase és anagrama, o no.

== 20260123 (1h) ==
* Dubtes
* Heu de dur fet cesar00.c basat en cesar00.py del recull del dia anterior
* Anul·lat l'examen sorpresa de bucles, condicionals i aleatorietat. Queda posposat al proper divendres

== 20260119 (2h) ==
* Explicació dels punts febles del darrer examen
* [[Mètodes de cadenes a Python]]

== 20260112 (2h) ==
* Dubtes
* Exercici de trobar el mínim de les temperatures entrades

== 20260109 (1h) ==
* Dubtes
* Seguim amb vectors

== 20260109 (1h) ==
* Dubtes
* Introducció als vectors (''array'')

== 20251215 (2h) ==
* Dubtes
* pi01.c

// Utilitza RAND_MAX (el màxim valor de rand()) per a una millor distribució.
// rand() / (RAND_MAX + 1.0) produeix un valor entre 0.0 i < 1.0
double lfNombreAleatori(double lfMin, double lfMax) {
return lfMin + (lfMax - lfMin) * (rand() / (RAND_MAX + 1.0));
}
* Vectors (''arrays'')

== 20251212 (1h) ==
* Dubtes
* Trobar número PI

== 20251205 (1h) ==
* Dubtes
* m4e6.c (fet m4e6.py el dia anterior)
* Resolem m4e5.py i m4e5.c
* Exercicis

== 20251201 (1h) ==
* Dubtes
* Exercicis

== 20251128 (1h) ==
* Dubtes
* Aleatorietat

=== Aleatorietat a C ===

#include <stdlib.h>
#include <time.h>

void vLlavorAleatorietat(){
'''srand'''( (unsigned)time( NULL ) );
}

int nNumAleat(int nMin,int nMax){
return nMin+ '''rand()'''% ((nMax-nMin)+1);
}

=== Aleatorietat a Python ===
[https://docs.python.org/3/library/random.html Números aleatoris en Python]
'''import random'''
nN = '''random.randint(a, b)'''
Retorna un enter aleatori ''nN'', tal que ''a <= nN <= b''. Àlies de '''''randrange(a, b+1)'''''.

== 20251124 (2h) ==
* Resolem [http://www.xtec.cat/formaciotic/ateneu_historic/materials/td97/d97m4/d97m4ex.htm m4e1.c] (m4e1.py es va resoldre el darrer dia)
* Dubtes
* Recursivitat
* Les '''torres de Hanoi''':
[https://ca.wikipedia.org/wiki/Torres_de_Hanoi Què són les torres de Hanoi?]

Explicació de [http://www.xtec.cat/formaciotic/ateneu_historic/materials/td97/d97m4/d97m4p2.htm Les torres de Hanoi]

[https://youtu.be/lilBGvaOSy8 Vídeo: Entendiendo la recursividad con las Torres de Hanoi]

* Seguim amb exemples

== 20251121 (1h) ==
* Dubtes
* Recursivitat

== 20251117 (2h) ==
* Dubtes
* Repàs de bucles

== 20251114 (1h) ==
* Prova teòrica manuscrita ''(Heu d'escriure a la part superior: '''1)''' Cognom1 Cognom2, Nom '''2)''' ASIX '''3)''' CO o JB en funció del professor que heu tingut més hores)''

== 20251110 (1h) ==
* Dubtes
* Declaració, assignació i instanciació de variables
* Prototipus de funcions
* ord() i chr() a [[Mètodes de cadenes a Python]]

>>> c = 'z'
>>> print(f"c: {c}")
c: z
>>> print(f"c: {'''ord'''(c)}")
c: 122
>>> print("c: %c"%(c))
c: z
>>> print("c: %d"%('''ord'''(c)))
c: 122
>>> d = 121
>>> print(f"d: {d}")
d: 121
>>> print(f"d: {'''chr'''(d)}")
d: y
>>> print("c: %c"%('''chr'''(d)))
c: y
>>> print("c: %d"%(d))
c: 121
>>>
* Exercicis

== 20251031 (1h) ==
* Dubtes
* Bucles
* Exercicis

== 20251024 (1h) ==
* Dubtes
* Condicionals
* Operador ternari

== 20251017 (1h) ==
* Dubtes
* Condicionals

== 20251013 (2h) ==
* Dubtes
* Condicionals
== 20251006 (2h) ==
* Dubtes
* Correcció d'exercicis pendents
* Variables booleanes i condicionals

== 20251003 (1h) ==
[https://recull.binefa.cat/ Codis comentats avui a classe] usuari: ''asix'' / contrasenya: ''asix2526''

== 20250929 (2h) ==
[https://recull.binefa.cat/ Codis comentats avui a classe] usuari: ''asix'' / contrasenya: ''asix2526''

== 20250926 (1h) ==
[https://recull.binefa.cat/ Codis comentats avui a classe] usuari: ''asix'' / contrasenya: ''asix2526''

[https://xtec.dev/python/computation Python - Computació]

[http://www.xtec.cat/formaciotic/ateneu_historic/materials/td97/index.htm Fonaments de Programació. Llenguatge C/C++ (d97)]

== 20250922 (2h) ==
[https://recull.binefa.cat/files/20240922/ Codis comentats avui a classe] usuari: ''asix'' / contrasenya: ''asix2526''

== 20250919 (1h) ==
[https://recull.binefa.cat/files/20240916/ Codis comentats avui a classe] usuari: ''asix'' / contrasenya: ''asix2526''

[https://www.onlinegdb.com/ Compilador / intèrpret en línia onlinegdb.com]

=== Snap! ===
[https://snap.berkeley.edu/snap/snap.html Snap!]

=== Python ===
[https://www.python.org/downloads/ Instal·lador de Python per a Windows]

[https://app.edublocks.org/project/new?mode=python Convertidor de blocs a Python]

[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

=== C ===
[https://sourceforge.net/projects/mingw/ Instal·lador de C per a Windows]

[https://code.visualstudio.com/docs/cpp/config-mingw Using GCC with MinGW]

[http://www.xtec.cat/formaciotic/ateneu_historic/materials/td97/index.htm Fonaments de programació en C]

=== IDE ===
[https://code.visualstudio.com/download Visual Studio Code]

[https://www.geany.org/download/releases/ Geany]

[https://www.onlinegdb.com/ Compilador / intèrpret en línia onlinegdb.com]

= Repositori de codis fet a classe durant el curs =
[https://recull.binefa.cat/files/ Codis fets a les classes de 1r d'ASIX] usuari: ''asix'' / contrasenya: ''asix2526''

== Algorísmica ==
[https://www.binefa.cat/asix2122/m03_m16/doc/1PRG_M03UF1_EXE001_BasicsPseudocodi.pdf Exercicis bàsics de pesudocodi - Ex01]

== Python ==
[[Pràctiques d'introducció a Python - SMX | Pràctiques d'introducció a Python]]

=== Condicionals en Python ===
[[Pràctiques d'introducció a Python . Part 2 - SMX | Condicionals amb Python]]

[[Exercicis de condicions en Python]]

=== Estructures repetitives, o bucles, en Python ===

[[Pràctiques d'introducció a Python . Part 3 - SMX | Estructures repetitives, o bucles, en Python]]

[[Exercicis d'estructures de control repetitives en Python]]

=== Instal·lació del Jupyter Lab ===
[https://jupyter.org/try Prova de Jupyter via web externa]

Instal·lació de Jupyter Lab a la màquina virtual GNU/Linux. Des del terminal:
$ su -
# apt update
# apt install python3-pip
# exit
$ pip --version
$ pip install jupyterlab
$ pip install jupyter-c-kernel

Sortiu de la sessió i torneu-hi a entrar. Seguiu amb aquestes ordres:

$ install_c_kernel --user
$ jupyter kernelspec list

Un cop instal·lat s'executa des del terminal:
$ jupyter-lab

I apareix el navegador web amb el Jupyter Lab.

== C ==
[http://www.xtec.cat/formaciotic/ateneu_historic/materials/td97/index.htm Fonaments de programació en C]

DAM2 - EH3. IoT Lab. Curs 2025-2026

2026-05-11T15:37:49Z

Jordi Binefa: /* 20260508 */

Quan tingueu les credencials d'accés a la [https://clot.fje.edu/ca NET] heu de compartir una carpeta amb aquest nom: '''2526-DAM-1rCognom2nCognomNom''' (Per exemple, si el vostre nom és Xavier López Pujol --> ''2526-DAM-LopezPujolXavier''). Heu de compartir-la amb el professor transversal dels projectes globals i amb mi. A aquest enllaç podreu veure si ja hi sou a la llista:

[[Carpetes compartides de 2n de DAM. Curs 2025-2026]]
= Enllaços ràpids =
[https://meet.google.com/wwr-knez-ukp Compartició de pantalla]

[[Recull de pràctiques de 2n de DAM. Curs 2025-2026]]

[https://recull.binefa.cat/ Recull de codis fets a classe. Curs 2025-2026]

[[Introducció al QML. Curs 2025-2026]]

[https://docs.google.com/spreadsheets/d/1IdtuoZh2A1T8vC-ir6JPHBQ_DqJIro33SS0CJbb_NNU/edit?gid=580554084#gid=580554084 Llista de 2n de DAM] 

[https://fje.sharepoint.com/sites/GD_CLOT-FP-CLOT_FP-DptInformatica/Documentos%20compartidos/Forms/AllItems.aspx?id=%2Fsites%2FGD%5FCLOT%2DFP%2DCLOT%5FFP%2DDptInformatica%2FDocumentos%20compartidos%2FCLOT%5FFP%2DDptInformatica%2F2526%2FLLISTES%20ASSIST%C3%88NCIA&viewid=0378dc70%2Dd30b%2D4dbf%2D9ffc%2D0a0ea8f8bf65&FolderCTID=0x0120003BC8367864239F40A596CE0A21832195 Totes les llistes]

= Algunes classes =
== 20260511 ==
* Es continua amb el projecte final de cicle, anomenat '''''Repte'''''.
== 20260508 ==
* Es continua amb el projecte final de cicle, anomenat '''''Repte'''''.

== 20260504 ==
* Es continua amb el projecte final de cicle, anomenat '''''Repte'''''.

== 20260427 ==
* Es comença el projecte final de cicle. Anomenat '''''Repte'''''.

== 20260420 - ex 3rT ==
* [https://recull.binefa.cat/files/20260420_eh3_3rT/ Prova epistemològica del tercer trimestre]


== 20260417 ==
* Seguim amb les pràctiques pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]
== 20260413 ==
* Seguim amb les pràctiques pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]
* Afegida la [[Recull de pràctiques de 2n de DAM. Curs 2025-2026#M03 | pràctica M03]]

== 20260410 ==
* Seguim amb les pràctiques pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260327 ==
* Com graficar amb l'IDE d'Arduino ([https://wokwi.com/projects/330035502407221843 Exemple de graficació])
* Prova d'un [[Simulador de la placa IoT-02 en línia]]
* Afegides les pràctiques M01.0, M01.1, M01.2 i M01.3 al [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260323 ==
* Seguim amb les comunicacions per port sèrie

== 20260316 ==
* Seguim amb les comunicacions per port sèrie

== 20260314 ==
* [https://ca.wikipedia.org/wiki/SCADA Sistemes SCADA]
* [[Modbus RTU]]
* [[Comunicació entre Arduino i Python fent servir el port sèrie]]
* Fent servir l'eina de manteniment de les Qt feu la instal·lació de les biblioteques addicionals [https://doc.qt.io/qt-6/qserialport.html QSerialPort] i [https://doc.qt.io/qt-6/qtserialbus-index.html QtSerialBus] (M00.2)
* [https://doc.qt.io/qt-6/qtserialport-terminal-example.html Serial Terminal] Exemple estàndard de les Qt per a fer ús de [https://doc.qt.io/qt-6/qserialport.html QSerialPort] (M00.3)
* [https://recull.binefa.cat/files/material/modbus/m01_3_00.zip Ús de QSerialPort] Codi minimitzat d'ús de QSerialPort (M00.4)
* Pràctiques noves per a fer:
- '''M00.1''' (prova del terminal sèrie), '''M00.2''' (instal·lació de QSerialPort), '''M00.3''' (prova de [https://doc.qt.io/qt-6/qtserialport-terminal-example.html Serial Terminal]) i '''M00.4''' (exemple minimalista d'ús de QSerialPort)

- '''M02''' (ús de [https://github.com/jordibinefa/IoT-02/tree/master/codes/python/modbus mb_IoT_00.py] per a ModBus)

* Seguim fent els exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260309 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260302 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260227 - ex IoT 2nT==
* [https://recull.binefa.cat/files/20260227_exIoT_2nT/ Prova epistemològica sobre IoT]

== 20260223 - ex QML 2nT ==
* [https://recull.binefa.cat/files/20260223_exQML_2nT/ Prova epistemològica sobre QML]
* [https://binefa.com/diner12/ diner12] i [https://binefa.com/rc08/ rc08]

== 20260220 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]
== 20260213 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260209 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260206 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260202 ==
* Seguim fent exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260130 ==
* Interacció de missatgeria Telegram amb la placa IoT-02
** [[Bot de Telegram]]
** [https://t.me/+_VLkz6Lbv3dlZWJk Enllaç d'invitació al grup de Telegram DAM 2025-2026]
** [http://formacio.things.cat:2345/#flow/18de37d8.c91f68 Node-RED de prova] (per mostrar a classe un Node-RED funcionant amb el grup de Telegram DAM 2025-2026)
* [[Desenvolupament d'una API en NodeRed. Pasarel·la HTTP a MQTT]] ([[Introducció a l'ús del Node-RED#Passarel·la HTTP a MQTT | Passarel·la HTTP a MQTT]])
* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=AI%20API Connexió amb Gemini] Cal una [https://aistudio.google.com/app/apikey clau d'API (API key)] ([https://ai.google.dev/gemini-api/docs/quickstart?lang=python Guia ràpida d'ús a l'API de Gemini])
curl "https://generativelanguage.googleapis.com/v1beta/models/gemini-flash-latest:generateContent?key='''LA_TEVA_CLAU_API'''" \
-H 'Content-Type: application/json' \
-X POST \
-d '{
"contents": [{
"parts":[{"text": "Hola! Estàs funcionant amb la versió latest?"}]
}]
}'
* Incorporats els exercicis A14.2, A14.3, A14.9, A14.10 i A14.11 al [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260126 ==
* Lliurament de la pràctica A08.04 (Joc Pedra, Paper, Tisora)
* [https://binefa.com/iot-02/ Bessó digital de la placa IoT-02] ([https://binefa.com/iot-02/dt14.zip Codi font]) ([https://binefa.com/iot-02/dt14.apk dt14.apk])
* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=IoT-02_board_segur_123456789A11 Codi amb Snap! per a controlar el bessó digital] i qualsevol placa IoT-02 amb el [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT_02_mqtts_json_formacioThingsCat microprogramari adient]
* Brokers wss: wss://broker.emqx.io:8084/mqtt (https://www.emqx.com/en/mqtt/public-mqtt5-broker) i wss://broker.binefa.cat:9002 (https://broker.binefa.cat/)
* Incorporat exercici A13.05 al [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260123 ==
* Recordeu dur la [[Placa IoT-02]]
* [[Introducció a l'ús del Node-RED]]
* [[Autenticació d'accés a NodeRED]]
* [[Ús de la base de dades MariaDB des de NodeRED]]
* [[Transmissió d'un número real de tipus IEEE-754 (4 bytes) i llur recuperació a NodeRED]]
* Exercici A14.1 i A14.8 del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

== 20260119 ==
* Dubtes
* [https://binefa.com/dam/teoria/qrc/qrc.html Com incorporar imatges a QML] (resum curt del dos enllaços del darrer dia sobre gestió de recursos o QRC)
* [https://binefa.com/dam/rps/A08.04.3b.html Guia didàctica: Rock, Paper, Scissors amb Configuració] Com fer A08.04.3 emprant el sistema modern d'ús de recursos (sense emprar QRC)

== 20260116 ==
* Dubtes
* Seguim fent els exercicis pendents del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]
=== Sobre arxius .qrc ===
* [https://binefa.com/dam/teoria/qrc/info_QRC.html Ús de l'arxiu de recursos .qrc]
* [https://binefa.com/dam/teoria/qrc/info_QRC_02.html Gestió de recursos en Qt6]

== 20260112 ==
* [https://binefa.com/dam/rps/a08.04.1/ Proposta de solució A08.04.1]
* [https://binefa.com/dam/rps/a08.04.2/ Proposta de solució A08.04.2]
* [https://binefa.com/dam/rps/a08.04.3/ Proposta de solució A08.04.3]
* [https://binefa.com/dam/rps/guiaA08.html Guia A08 - Desenvolupament Joc Pedra, Paper, Tisora] <-- Guia actualitzada
* [https://binefa.com/dam/rps/teoriaA08/ Codis] de [https://binefa.com/dam/rps/teoriaA08.html Teoria A08 - Joc Pedra, Paper, Tisora amb Qt Quick]

== 20260109 ==
* [https://binefa.com/dam/rps/teoriaA08.html Teoria A08 - Joc Pedra, Paper, Tisora amb Qt Quick]
* [https://binefa.com/dam/rps/guiaA08.html Guia A08 - Desenvolupament Joc Pedra, Paper, Tisora]
== 20251215 ==
* Activitat '''A08.04''': [[Recull de pràctiques de 2n de DAM._Curs_2025-2026#A08.04 | joc pedra, paper, tisora]] ([https://binefa.com/dam/rps/ Una idea del joc])

== 20251212 ==
Creació de projectes Qt multiplataforma emprant sòcols web segurs (wss) sobre escriptori, WebAssembly i Android.

alumne@qtedu:~/QtPrj/qml$ '''./qt_project_generator.py'''
============================================================
GENERADOR DE PROJECTES QT MULTIPLATAFORMA
============================================================

📦 Nom del projecte (ex: mqtt00): '''mqt00'''
📱 Nom de l'aplicació [appmqt00]:
📌 Versió del projecte [0.1]:
🎨 URI QML [premeu Enter per deixar buit o ex: com.example.mqt00]:

✅ Projecte 'mqt00' creat correctament!
📁 Ubicació: /home/alumne/QtPrj/qml/mqt00

📝 Passos següents:
1. Copia a la nova carpeta els arxius (.h i .cpp): connexio, mqttbasic i websocketiodevice
2. Obre Qt Creator
3. File → Open File or Project...
4. Selecciona: /home/alumne/QtPrj/qml/mqt00/CMakeLists.txt
5. Configura els kits (Desktop, Android, WebAssembly)
6. Build → Build All
alumne@qtedu:~/QtPrj/qml$
[https://binefa.com/dam/codis/wss/ Lloc web per a descarregar-se els arxius necessaris per a fer una aplicació multiplataforma emprant wss sobre escriptori, WebAssembly i Android]

Per a connectar el rerefons amb el QML, afegiu a [https://binefa.com/dam/codis/wss/main.cpp main.cpp] el text en negreta:
#include <QGuiApplication>
#include <QQmlApplicationEngine>
'''#include "connexio.h"'''

int main(int argc, char *argv[]){
QGuiApplication app(argc, argv);

'''qmlRegisterType<Connexio>("desDe.connexio",1,0,"Connexio");'''

QQmlApplicationEngine engine;
...
Així podeu importar el rerefons des del [https://binefa.com/dam/codis/wss/main.qml main.qml]:
import QtQuick
import QtQuick.Controls
'''import desDe.connexio 1.0'''

Podent fer crides a mètodes públics de la classe C++ de rerefons:
'''mqttController'''.on_btConnecta_clicked(); // on_btConnecta_clicked() és un mètode osca públic (''public slot'') de la classe Connexió a C++
Tots les captures dels senyals de la classe en C++ duen ''on'' al davant i es posa en majúscula el primer caràcter del senyal:
Connexio {
id: '''mqttController'''

// Rep el senyal quan el C++ confirma la connexió
'''onV'''SignalMqttConnected: {
estatText.text = "Connectat!";
estatText.color = "green";
exitButton.text = "&Desconnecta";
}

== 20251205 ==
[https://binefa.com/dam/qmlMqtt00/ mqttQml03] ([https://binefa.com/dam/qmlMqtt00/mqttQml03.zip mqttQml03.zip])

== 20251201 ==
* Seguim amb QML
* Seguim fent exercicis pendents
* A l'exemple qml05 surt aquest advertiment:
qt.qml.context: qrc:/qml05/main.qml:22:9 Parameter "event" is not declared. Injection of parameters into signal handlers is '''deprecated'''. Use JavaScript functions with formal parameters instead.

Solució (afegiu '''function(event)'''):
Keys.onDownPressed: square.y += 8
Keys.onPressed: '''function(event)'''{
switch(event.key) {
case Qt.Key_Plus:
square.scale += 0.2
break;
case Qt.Key_Minus:
square.scale -= 0.2
break;
}
}

== 20251128 ==
* Seguim amb QML
* Seguim fent exercicis pendents

== 20251124 ==
* Seguim fent exercicis pendents
* Primer exemple:
import QtQuick

Window {
width: 640
height: 480
visible: true
title: qsTr("Primera prova. Curs 2025-2026")
Rectangle{
anchors.centerIn: parent
anchors.fill: parent
color: "lime"
Text{
anchors.centerIn: parent
text: "DAM 2025-2026"
color: "darkblue"
font.family: "Comic Sans"
font.pixelSize: 32
font.bold: true
}
}
}
* [[Introducció al QML. Curs 2025-2026]]
=== PureQML ===
[https://pureqml.com/ Pàgina oficial de PureQML]

==== Posada en marxa del PureQML ====
* Instal·lació de l'eina '''python-future''':
pip3 install future

A GNU/Linux Debian 13:
sudo apt update
sudo apt install python3-venv
python -m venv entorn
source entorn/bin/'''activate'''
'''deactivate'''

A Windows:
pip install future

* Primera aplicació
mkdir prjFolder
cd prjFolder
git clone https://github.com/pureqml/qmlcore.git
git clone https://github.com/pureqml/controls.git
./qmlcore/build --boilerplate
./qmlcore/build
A Windows, les dues darreres passes:
python qmlcore/build --boilerplate
python qmlcore/build

Obriu amb un navegador l'arxiu ''prjFolder/build.web/index.html''

* Modificació de ''prjFolder/src/app.qml'':
Text {
anchors.fill: context;

'''text: 'Primer exemple de pureQML';'''
'''color: 'red';'''
font.pixelSize: 32;
verticalAlignment: Text.AlignVCenter;
horizontalAlignment: Text.AlignHCenter;
}
Reconstruïu-ho:
./qmlcore/build

A Windows:
python qmlcore/build

Torneu a obrir amb un navegador l'arxiu ''prjFolder/build.web/index.html'' per a observar els canvis

Activitats '''A08.00''' del [[Recull de pràctiques de 2n de DAM._Curs_2025-2026 | recull de pràctiques de 2n de DAM. Curs_2026-2026]]

== 20251121 ==
* [https://recull.binefa.cat/files/20251121/ Solucions de l'examen]
* Nou exercici [https://www.binefa.com/index.php/Recull_de_pr%C3%A0ctiques_de_2n_de_DAM._Curs_2025-2026#A06.03 A06.03]
* Seguim fent exercicis

== 20251117 - ex Qt 1rT ==
* [https://recull.binefa.cat/files/20251117ex/ Enunciat de la prova del primer trimestre]
* [https://binefa.com/dam/20251117ex/ex05/ ex05 en WebAssembly]
* [https://snap.berkeley.edu/snap/snap.html#present:Username=jordib&ProjectName=dam20251117ex Aplicació en Snap! per a provar ex05]

The Emscripten versions are:

Qt 6.2: 2.0.14
Qt 6.3: 3.0.0
Qt 6.4: 3.1.14
Qt 6.5: 3.1.25
Qt 6.6: 3.1.37
Qt 6.7: 3.1.50
Qt 6.8: 3.1.56
Qt 6.9: 3.1.70
Qt 6.10: 4.0.7

Use emsdk to install specific Emscripten versions. For example, to install it for Qt 6.8 enter:

./emsdk install 3.1.70
./emsdk activate 3.1.70

On Windows, Emscripten is in your path after installation. On macOS or Linux you need to add it to your path, like this:

source /path/to/emsdk/emsdk_env.sh

Check this with the following command:

em++ --version

== 20251114 ==
Seguim fent els exercicis pendents de Qt i IoT del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull]].

== 20251110 ==
* Aneu a [https://recull.binefa.cat/files/programes_i_apps/qt/ alguns exemples amb Qt] i baixeu-vos '''01_simpleclient_usr_pwd_CMake.zip''', '''exQt_05.zip''' i '''ginyMqtt04_cmake.zip'''. Analitzem els codis i llur funcionament.
* Baixeu-vos tots els arxius d'avui al [https://recull.binefa.cat/files/20251110/ recull]. Analitzem els codis i llur funcionament.
* Comencem '''A12.01''' i '''A12.02''' del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull]]

== 20251107 ==
* Acabem exercicis pendents
* Connexió MQTT: [https://binefa.com/clot/smx/telecontrol01/ botonera] ([https://binefa.com/clot/smx/telecontrol01/telecontrol01.zip codi font QML/Qt] i [https://binefa.com/clot/smx/telecontrol01/android-build-apptelecontrol01-debug-signed.apk apk per Android]) i [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=estelaMqtt02 codi Snap! amb MQTT (sols temes)] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=estelaMqtt03 codi Snap! amb MQTT (mou personatges)] o [https://snap.berkeley.edu/snap/snap.html#present:Username=jordibinefa&ProjectName=estelaMqtt04 codi Snap! amb MQTT (mou personatges amb blocs personalitzats)]

== 20251031 ==
* Acabem de comentar A06.2
* [[Introducció a l'ús del Node-RED]]
* Fem A07.02 i A07.03

== 20251027 ==
* Acabem A06.02 del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]

'''set(CMAKE_AUTORCC ON)'''

== 20251024 ==
* Fem A06.02 del [[Recull de pràctiques de 2n de DAM. Curs 2025-2026 | recull de pràctiques]]
* Canvis al CMakeLists.txt (ho teniu penjat al recull del dia d'avui ''ex04siva.zip''):
- Afegiu '''set(CMAKE_AUTORCC ON)''' - això processa automàticament els fitxers .qrc- (també és convenient, no necessari a aquesta pràctica, afegir '''set(CMAKE_AUTOMOC ON)''') a ''CMakeLists.txt''

== 20251017 ==
* Seguim amb Pr03
void Giny::on_btCesar_clicked()
{
qDebug() << "Cesar";
//ui->lbNom->setText("César");
n+=2;
//ui->lbNom->setNum(n);
vEscriuNum(n);
'''emit senyalNum(n); // <----- !!!!!'''
}

void Base::vMostraN(int n){
//qDebug() << "Número: " << QString::number(ui->spN->value());
qDebug() << "Número: " << QString::number(n);
'''setN(n); // <-- !!!!!!!'''
}
[https://recull.binefa.cat/files/20251017/pr03b.zip pr03b.zip]

== 20251013 ==
* Dubtes del dia anterior
* Exercicis pendents

== 20251006 ==
* Dubtes del dia anterior
* Seguim analitzant codis
* Exercicis pendents
== 20251003 ==
* Analitzem [https://recull.binefa.cat/files/20251003/term00_0x.zip term00_0x.zip] i [https://recull.binefa.cat/files/20251003/term01.zip term01.zip].
* Analitzem [https://recull.binefa.cat/files/20251003/pr00.zip pr00.zip] i [https://recull.binefa.cat/files/20251003/pr00_02.zip pr00_02.zip].
* Analitzem implementacions GUI en Qt/C++ (02_ .. 03_)

== 20250929 ==
[http://extensions.snap.berkeley.edu/snap/snap.html#present:Username=jordib&ProjectName=IoT-02_board_noSegur Control de la placa IoT-02 amb Snap!] (Modifiqueu la MAC i poseu-hi la vostra)
== 20250926 ==
* [[Instal·lació de l'IDE d'Arduino v2.3.6]].
* Lliurament de les [[Placa IoT-02 | plaques IoT-02]] que es faran servir durant el curs (al final del curs s'han de tornar).
* [[Addició de l'ESP32 a l'IDE d'Arduino]] (Instal·leu les versions 2 i 3 del compilador d'Espressif alhora).
* Prova de programació de microprogramari a la [[Placa IoT-02 | placa IoT-02]].
* [https://snap.berkeley.edu/snap/snap.html#open:https://raw.githubusercontent.com/jordibinefa/IoT-02/refs/heads/master/codes/snap/07_IoT-02_with_json_Broker1.xml Control amb Snap!]
----
* Analitzem [https://recull.binefa.cat/files/20250919/term00_0x.zip term00_0x.zip] i [https://recull.binefa.cat/files/20250919/term01.zip term01.zip].

== 20250922 ==
[https://recull.binefa.cat/files/20250919/ Recull del dia 20250919] usuari: dam | contrasenya: dam2526
=== Instal·lació del Node-RED ===
==== Linux Installers for Node-RED ====
Per a Debian 13 i Raspberry Pi:
sudo apt install build-essential
bash <(curl -sL https://github.com/node-red/linux-installers/releases/latest/download/update-nodejs-and-nodered-deb)
sudo systemctl enable nodered
sudo systemctl start nodered
[https://github.com/node-red/linux-installers Linux Installers for Node-RED] (GitHub)

==== Running Node-RED locally ====
[https://nodered.org/docs/getting-started/local Running Node-RED locally] (nodered.org)
=== Prova de funcionament del Node-RED ===
[http://localhost:1880/ http://localhost:1880/]
=== Instal·lació del Node-RED Dashboard 2.0 ===
El Node-RED diu que la col·lecció de nodes ''node-red-dashboard'' és obsoleta. La versió actual és Node-RED Dashboard 2.0. En el moment de fer aquesta entrada no es pot instal·lar Node-RED Dashboard 2.0 des del mateix gestor del Node-RED.

Una solució és anar al directori ''.node-red'' i fer la instal·lació emprant ''npm''
jb@clotfje:~$ '''cd ~/.node-red'''
jb@clotfje:~/.node-red$ '''npm install @flowfuse/node-red-dashboard'''

added 172 packages, and audited 173 packages in 7s

20 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities
jb@clotfje:~/.node-red$ '''sudo systemctl stop nodered'''
jb@clotfje:~/.node-red$ '''sudo systemctl start nodered'''
jb@clotfje:~/.node-red$
=== Connectant Snap! i Node-RED mitjançant MQTT ===
[https://snap.berkeley.edu/snap/snap.html Snap!]
== 20250919 ==
[https://recull.binefa.cat/files/20250919/ Recull del dia 20250919] usuari: dam | contrasenya: dam2526

'''La nota final de l'Espai d'Habilitats 3 (EH3) es calcula fent que el 40% de la nota siguin les pràctiques del recull de pràctiques, el 30% l'examen del tercer trimestre, el 20% l'examen del segon trimestre i el 10% l'examen del primer trimestre. En cap cas es farà el càlcul amb resultat d'aprovat si alguna d'aquestes notes no és superior a 3'''. ([https://docs.google.com/document/d/1goYy4VENADhMvjt29BTquHPc_zuM4KbzlSL1B0VO8Lw/edit?tab=t.0 Document al Drive])
=== Distribució de M07UF1 i M13 al curs 2024-2025 (obsolet) ===
[[Distribució de M07UF1 i M13 al curs 2024-2025 de 2n de DAM]]
=== Qt ===
[https://www.qt.io/qt-educational-license Qt Educational License]

El '''Qt Creator''' serà l'IDE que farem servir per a desenvolupar el '''disseny d'aplicacions gràfiques d'usuari''':

Aneu a la pàgina [https://www.qt.io/download-open-source Qt for Open Source Development] i cerqueu '''Download the Qt Online Installer'''. Baixeu-vos-ho i instal·leu-ho (us demana registrar-vos per a poder-ho instal·lar).

[https://www.binefa.cat/curs2022-2023/projecteGlobal/dam2223/doc/projecteGlobal/activitats/a06/ Activitat 6]

Paquets que manquen per a fer funcionar les Qt a l'Ubuntu:
sudo apt install libx11-xcb-dev libglu1-mesa-dev libxcb-xinerama0

=== IoT ===
* [[Placa IoT-02]]

* NodeRED ([https://nodered.org/docs/getting-started/local Running Node-RED locally])

[https://nodejs.org/en/download/ Instal·lació de Node.js] [https://tecadmin.net/install-latest-nodejs-npm-on-debian/ Guia d'instal·lació de node i npm]

[https://nodered.org/docs/faq/node-versions Supported Node versions on NodeRed]

Verificació:
node --version
npm --version

==== Instal·lació i funcionament del NodeRed autònom ====
ecat@iot-ecat:~$ '''mkdir bin'''
ecat@iot-ecat:~$ '''cd bin'''
ecat@iot-ecat:~/bin$ '''sudo apt install unzip'''
ecat@iot-ecat:~/bin$ '''mkdir nodered-ui'''
ecat@iot-ecat:~/bin$ '''cd nodered-ui'''
ecat@iot-ecat:~/bin/nodered-ui$ '''wget https://www.binefa.cat/IoT/nodeRed/node_red_ui.zip'''
ecat@iot-ecat:~/bin/nodered-ui$ '''unzip node_red_ui.zip'''
ecat@iot-ecat:~/bin/nodered-ui$ '''node node_modules/node-red/red.js --userDir node_modules/node-red/data --settings node_modules/node-red/settings.js -v --port 2222 --title elmeuTitol --safe flows_meuTitol.json'''

Si hi ha problemes de confiança amb el certificat al descarrega l'arxiu .zip, hi podeu afegir l'opció '''--no-check-certificate''':

wget --no-check-certificate https://www.binefa.cat/IoT/nodeRed/node_red_ui.zip

[https://www.binefa.cat/curs2022-2023/projecteGlobal/dam2223/doc/projecteGlobal/activitats/a07/ Activitat 7]
==== Credencials IoT ====
#define EAP_ANONYMOUS_IDENTITY "CL-Internet_de_les_coses"
#define EAP_IDENTITY "CL-Internet_de_les_coses"
#define EAP_PASSWORD "CLioT2022_"
#define EAP_USERNAME "CL-Internet_de_les_coses"

const char* ssid = "IOTJE";

= Repositori de codis fet a classe durant el curs =
[https://recull.binefa.cat/files/ Codis fets a les classes de 2n de DAM] usuari: dam | contrasenya: dam2526
= Documentació =
[https://drive.google.com/drive/folders/1vaeeJgMHMJMWCO6fOtQkrzfeP9_HVa5a Documentació EH3_IoT Lab]

[[Alguns exàmens Qt/QML]]

[https://drive.google.com/drive/folders/1Wo6ncP4mHNnmrsW6D3Y5KpjeXyuDSR1C Curs2024-2025]
[https://docs.google.com/spreadsheets/d/16DA_uFnKB23bx7VaH3bfJ4qMuuffrgRh/edit?gid=1882428378#gid=1882428378 Eina d'avaluació GP1]
[https://drive.google.com/drive/u/0/folders/1YPZVFpC3KCQK9tVXpSO6wuzEHjvPaIv2 Curs 2024-2025 - Departament]

[https://drive.google.com/drive/folders/1P4FlwnGsX4qXIXBJJL9vS8KK1R-OUeZM Drive curs 2023-2024] ([https://web2.alexiaedu.com/ACWeb/paginas/Home/HomeMetro.aspx Alèxia], [https://sac.net.fje.edu/v1.0/#/home/ SAC]). [https://drive.google.com/drive/folders/1dcGDwZBWcG3utW6OxXBkQey7oHa_3ZNx Eina d'avaluació GP1]

[https://drive.google.com/drive/folders/0AG8LE_yosU7JUk9PVA novaFP ASIX/DAW/DAM]

[https://drive.google.com/drive/folders/1plnk2yt-SlPEwJDE7ILUkrGRsm2hf1fw Totes les llistes]

[[Distribució de M07UF1 i M13 al curs 2022-2023 de 2n de DAM]]

[[Recull de pràctiques de 2n de DAM. Curs 2022-2023]]

[https://drive.google.com/drive/folders/1vorYyIsiOUU6Ia3ViqDCpfG-gFUqnroc Projecte global GP1. IoT]

[http://192.168.10.17:9191/app?service=page/UserWebPrint Impressió]


== Qt/QML ==
[https://www.youtube.com/watch?v=gzvjb5qMaIw How To Install the Qt Educational License]

Paquets que manquen per a fer funcionar les Qt a l'Ubuntu:
sudo apt install libx11-xcb-dev libglu1-mesa-dev libxcb-xinerama0
sudo apt install libxcb-cursor0 libxcb-cursor-dev
[https://youtu.be/b936UY3YZe4 Activació de l'editor QML al QtCreator 6]

[http://zetcode.com/gui/qt5/ Qt5] de [https://twitter.com/janbodnar Jan Bodnar]

[[Vídeos QML]]

[https://qmlbook.github.io/ Qt5 Cadaques!] A Book about Qt5

[http://zetcode.com/gui/qtquick/ Qt Quick tutorial] de [https://twitter.com/janbodnar Jan Bodnar]

[http://zetcode.com/gui/pyqt5/ PyQt5] de [https://twitter.com/janbodnar Jan Bodnar]

[[Instal·lació de QtMQtt a les Qt]]

=== Qt for Android ===
[https://doc.qt.io/qt-6/android.html Qt for Android]

[https://doc.qt.io/qt-6/android-getting-started.html Getting Started with Qt for Android]

[https://doc.qt.io/qt-6.5/android-getting-started.html Getting Started with Qt6.5 for Android]

[[Instal·lació de les eines mínimes (SDK, NDK i eines de terminal) per a fer aplicacions en Qt per a Android]]

=== Qt for WebAssembly ===
[https://wiki.qt.io/Qt_for_WebAssembly Qt for WebAssembly]

=== json ===
[http://erickveil.github.io/2016/04/06/How-To-Manipulate-JSON-With-C++-and-Qt.html How To Manipulate JSON With C++ and Qt]

=== QProcess ===
[https://gist.github.com/ynonp/8148340 QProcess example]

[https://www.bogotobogo.com/Qt/Qt5_QProcess_QFileDialog_QTextEdit_FFmpeg.php Qt5 tutorial FFmpeg converter using QProcess - 2020]

=== CMake ===
Cal fer la instal·lació d'aquests paquets a Debian 11:
sudo apt-get install '''libqt5svg5-dev qtscript5-dev'''
sudo apt-get install '^libxcb.*-dev' libx11-xcb-dev libglu1-mesa-dev libxrender-dev libxi-dev libxkbcommon-dev libxkbcommon-x11-dev
sudo apt purge ibus
=== Vídeos externs per aprendre QML ===
(Gentilesa d'en Raül Gil García)
* [https://www.youtube.com/playlist?list=PL54fdmMKYUJvahGcI0cZCwrNesEsNd42V (10) Tutorial QML - YouTube]
* [https://www.youtube.com/playlist?list=PLxkHKJE0D3pCkRIFzEfpSly687BUjxUzk qmlscene]
* [https://www.youtube.com/@techcoderhub/videos Tesla Model 3 Dashboard with Advanced Map Integration and Seamless Music Control Using QT QML]

== IoT ==
[https://www.binefa.cat/IoT/nodeRed/nodeRed01.pdf Introducció al Node-RED]

[https://www.binefa.cat/IoT/teoria/ethernetTcpUdp_00.pdf TCP/UDP Capa de transport d'Ethernet]

[https://www.binefa.cat/IoT/teoria/mqtt_00.pdf Introducció a MQTT]

[https://wiki.binefa.cat/index.php?title=Afegint_la_targeta_ESP8266_a_l%27IDE_d%27Arduino Afegint la targeta ESP8266 a l'IDE d'Arduino] (NodeMCU1.0)

[https://blog.miguelgrinberg.com/post/micropython-and-the-internet-of-things-part-i-welcome Micropython and the Internet of Things]

[https://wiki.binefa.cat/index.php?title=SCADA_fent_servir_Python_QML_i_Arduino SCADA fent servir Python QML i Arduino]

[http://silanus.fr/sin/?p=1194 MQTT avec Qt]

[[Introducció al testing]]
=== Placa IoT-02 ===
[[Placa IoT-02]]

[https://www.binefa.cat/IoT/IoT-02/info/iot02_00_ca.pdf Introducció a la placa IoT-02]

Per a la programació amb l'IDE d'Arduino: https://dl.espressif.com/dl/package_esp32_index.json

[https://www.things.cat/index.php/P%C3%A0gina_principal#MicroPython_2 Programació en MicroPython]

=== '''LoRaWAN''' ===
[[LoRa 2021-2022 | LoRa 2022-2023]]

[https://eu1.cloud.thethings.network/ Consola de The Things Stack (Community Edition)] de [https://www.thethingsnetwork.org/ The Things Network]

[https://www.binefa.cat/IoT/lora/lorawan/lorawan01d.pdf Presentació LoRaWAN (esborrany v0.4)]

[https://www.binefa.cat/IoT/05_lorawan_usPractic.pdf Ús pràctic de LoRaWAN TTNv2]

[https://recull.binefa.cat/files/lora/intro/ Recull introductori per a treballar amb LoRa] ( usuari: ''dam'' / contrasenya: ''dam2122'')

[[Recull de pràctiques de 2n de DAM. Curs 2021-2022]]

[[Transmissió d'un número real de tipus IEEE-754 (4 bytes) i llur recuperació a NodeRED]]

[[Downlink LoRaWAN fent servir TTSv3]]

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:56:14Z

Jordi Binefa: /* Verificación de nodos instalados */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated''-).
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:56:04Z

Jordi Binefa: /* Verificación de nodos instalados */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''' -marcado como ''deprecated'').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]

=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:54:52Z

Jordi Binefa: /* Node-RED */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2025-2026 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]
=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:54:32Z

Jordi Binefa: /* Uso de la base de datos MariaDB para almacenar y leer datos IoT */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2024-2025 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]
=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:54:17Z

Jordi Binefa: /* Conexión entre la placa IoT-02 y Snap! mediante MQTT */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''master.iotvertebrae.com'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";

* Broker MQTT púplico:
** MQTT TCP por el puerto no seguro 1883: '''broker.emqx.io'''
** MQTT WSS por puerto seguro: '''wss://broker.emqx.io:8084/mqtt'''
* Broker MQTT en el VPS del máster:
** MQTT TCP por el puerto no seguro 1883: '''master.iotvertebrae.com'''
** MQTT WSS por puerto seguro: '''wss://master.iotvertebrae.com:9002'''

[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2024-2025 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]
=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:52:43Z

Jordi Binefa: /* Temario (31 / 5 / 2025) */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (16 / 5 / 2026) =
[https://meet.google.com/rke-afvm-eou Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''vps656540.ovh.net'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";


[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2024-2025 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]
=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:52:05Z

Jordi Binefa: /* Conceptos previos (30 / 5 / 2025) */

= Conceptos previos (15 / 5 / 2026) =
Acceso a la base de datos del VPS del máster

= Temario (31 / 5 / 2025) =
[https://meet.google.com/uko-nrvp-neu Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''vps656540.ovh.net'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";


[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2024-2025 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]
=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

IoT, Embedded Systems, Edge y Cloud (2026)

2026-05-09T19:51:33Z

Jordi Binefa: /* Por días */

* [[Temario - IoT, Embedded Systems, Edge y Cloud (2026)]]
* Acceso rápido a esta página: https://t.ly/-LmC9
= Por días =
* [[9 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]
* 16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

* 23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud


= Herramientas y recursos =
* [[Adición del ESP32 en el IDE de Arduino]]
* [[Simulador de la placa IoT-02 en línea]]


* [https://github.com/jordibinefa/IoT-02 Placa IoT-02 en GitHub] ([https://github.com/jordibinefa/iot02-simulator Código del gemelo digital de la placa IoT-02 en GitHub])
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02 en castellano] en pdf ([https://www.binefa.cat/training/iot02/pdf/iot02_00_ca.pdf ''Introducció a la placa IoT-02'' en catalán])
* [https://youtu.be/_EIXCGkGQ0U Vídeo de introducción a la placa IoT-02]
* [https://youtu.be/JothMIY4DWE Vídeo de configuración del IDE de Arduino v1.8.19]
* [https://youtu.be/UjtULePAbTE Vídeo de configuración del IDE de Arduino v2] ([https://youtu.be/BvdHeNRDgL8 Vídeo de como usar el IDE de Arduino v2 para programar la placa IoT-02])
* [https://binefa.com/upc-school/libraries_20240420.zip Enlace para bajar las bibliotecas (''libraries'') necesarias para los códigos de ''firmware'' usados en este máster] para el IDE de Arduino ([https://www.arduino.cc/ Página de Arduino])





* [[esptool: Herramienta para borrar toda la memoria flash del ESP32 en caso de tener problemas en la subida del firmware]]

* [https://www.onlinegdb.com/ Programación en línea para C, C++, Python y JavaScript, entre otros]
* [https://app.edublocks.org/#Python Herramienta de conversión de bloques de programación a Python]
* [https://upcommons.upc.edu/handle/2117/363087 Combining Low-Code Programming and SDL-Based Modeling with Snap! in the Industry 4.0 Context]
* [[Asignación de puertos para el curso 2025-2026]]

16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud

2026-05-09T19:51:15Z

Jordi Binefa: Es crea la pàgina amb «= Conceptos previos (30 / 5 / 2025) = Acceso a la base de datos del VPS del máster = Temario (31 / 5 / 2025) = [https://meet.google.com/uko-nrvp-neu Videoconferencia...».

= Conceptos previos (30 / 5 / 2025) =
Acceso a la base de datos del VPS del máster

= Temario (31 / 5 / 2025) =
[https://meet.google.com/uko-nrvp-neu Videoconferencia]

== Repaso del día anterior ==
[https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02]

[[El protocolo MQTT]]

== Conexión entre la placa IoT-02 y Snap! mediante MQTT ==

'''Las credenciales a utilizar son estas:'''

const char* mqtt_server = "'''vps656540.ovh.net'''"; // Your MQTT broker
const int mqtt_port = '''1883''';
const char* mqtt_user = "'''user'''";
const char* mqtt_password = "'''pass'''";


[https://snap.berkeley.edu/snap/snap.html#open:https://wa.binefa.cat/snapCodes/IoT-02_board.xml Código Snap! v10] El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_sync_upcSchool_broker1 ''firmware'' IoT-02_mqtt_sync_upcSchool_broker1] enseña el número MAC por la pantalla OLED cuando la placa IoT-02 se conecta a vuestra wifi. (Cambiar el archivo [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_mqtt_sync_upcSchool_broker1/IoT-02_wifiCredentials.h IoT-02_wifiCredentials.h] en la línea 21 substituyendo ''iotcat'' por el nombre de la SSID de vuestra wifi y ''1234567890a'' por vuestra contraseña).

== Uso de la base de datos MariaDB para almacenar y leer datos IoT ==
[[Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2024-2025 | Uso de MariaDB en el VPS del Máster de Industria 4.0]]


== Node-RED ==
[[Asignación de puertos para el curso 2024-2025 | Asignación de puertos para este curso]]


=== Uso del Node-RED ===
[[Uso del NodeRED (2024) | Uso del Node-RED]]


=== Uso de la base de datos MariaDB desde Node-RED===
[[Uso de la base de datos MariaDB desde NodeRED (2023) | Uso de la base de datos MariaDB desde Node-RED]]


== Repaso y dudas de la clase invertida ==
=== Verificación de nodos instalados ===
Antes de continuar verificamos que ya tenemos instalado el nodo de MySQL ('''node-red-node-mysql''') y los nodos del panel de control ('''node-red-dashboard''').
==== Nodo node-red-node-mysql ====
[https://flows.nodered.org/node/node-red-node-mysql Documentación oficial del nodo ''node-red-node-mysql'']

[[Image:10MariaDbNodeRed00.png|center|thumb|Instalación de los nodos de MariaDB (''MySQL'') en NodeRED]]
[[Image:11nodoMariaDbNodeRed.png|center|thumb|Aspecto del nodo MySQL en NodeRED]]

==== Nodos node-red-dashboard ====
[https://flows.nodered.org/node/node-red-dashboard Documentación oficial de los nodos ''node-red-dashboard'']

[[Image:NodosDashboard.png|center|thumb|Nodos del panel de control (''Dashboard'') en NodeRED]]
=== Acceso al VPS del máster ===
ssh -o ServerAliveInterval=30 convidat@vps656540.ovh.net
o
ssh convidat@vps656540.ovh.net
=== Acceso a la base de datos del VPS del máster ===
* Con permisos de lectura y escritura:
mysql -u iot -p
* Con permisos de lectura:
mysql -u convidat -p

=== Repaso ===
* Uso de JSON con Snap!

* Simulación de generación de un dato. Aleatorización controlada por el panel de control

* Aleatorización de múltiples datos controlada por el panel de control

* Escritura síncrona de múltiples datos asíncronos al mismo tiempo. Uso del formato de datos json


== Ejercicios ==
=== Ejercicio de '''Snap! con MQTT''' ===
* Mediante Snap! hacer que en la pantalla aparezca, de forma infinita y con una cadencia de dos segundos, el porcentaje de luz leída por la LDR y después la temperatura en grados centígrados.

=== Ejercicios de '''NodeRED''' ===
==== Ejercicio '''NodeRED-01''' ====
* Implementad vuestro flujo para recibir el estado de los tres botones (de manera asíncrona, cuando hay un cambio) de la placa IoT-02.

==== Ejercicio '''NodeRED-02''' ====
* Poned 5 conmutadores (Control de los 4 leds y el estado del relé biestable del placa IoT-02).

==== Ejercicio '''NodeRED-03''' ====
* Implementad una pasarela (''gateway'') HTTP/MQTT para cambiar el estado de los leds y el relé biestable de la placa IoT-02.

==== Ejercicio '''NodeRED-04''' ====
* Implementad un sistema SCADA (supervisión y control) que muestre en ''widgets'' diferentes de tipo reloj la temperatura, humedad relativa y nivel de luz (desde la placa IoT-02). También una gráfica de la temperatura en función del tiempo. En la parte de control de la placa IoT-02 hay un conmutador, cuando está activado el relé se pone en estado SET, se enciende el led rojo (y apaga el verde) y aparece SET en la pantalla OLED. Cuando se desactiva el conmutador el relé se pone en estado RESET, se enciende el led verde (y apaga el rojo) y aparece RESET en la pantalla OLED.

==== Ejercicio '''NodeRED-05''' ====
* Implementar un flujo de NodeRED que supervise continuamente el valor de la LDR. Introducir dos ''sliders'' para fijar umbrales. Cuando la luz supere el umbral establecido el led rojo se enciende y el relé biestable cambia a SET. Cuando la luz baje del segundo umbral establecido el led rojo se apaga (se enciende el verde) y el relé biestable cambia a RESET.

==== Ejercicio '''NodeRED-06''' ====
* Implementar un flujo de NodeRED que permita la entrada de un texto y con un botón lo envie a la pantalla OLED.

==== Ejercicio '''NodeRED-07''' ====
* Implementar un flujo de NodeRED que permita seleccionar un mode de funcionamiento automático o manual. En manual se puede encender y apagar el led blanco mediante un ''switch''. En modo automático el led blanco se enciende o se apaga en función de un umbral consignado mediante un ''slider''. (Para habilitar o inhabilitar un ''switch'' se puede usar ''msg.enabled'').



=== Comentario de la práctica para el próximo día ===
El enunciado estará en breve en el campus. Se comenzará después de haber usado Grafana y Telegram.

IoT, Embedded Systems, Edge y Cloud (2026)

2026-05-09T19:50:55Z

Jordi Binefa: /* Por días */

* [[Temario - IoT, Embedded Systems, Edge y Cloud (2026)]]
* Acceso rápido a esta página: https://t.ly/-LmC9
= Por días =
* [[9 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]
* 16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud
* [[16 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud]]
* 23 / 5 / 2026 - IoT, Embedded Systems, Edge y Cloud


= Herramientas y recursos =
* [[Adición del ESP32 en el IDE de Arduino]]
* [[Simulador de la placa IoT-02 en línea]]


* [https://github.com/jordibinefa/IoT-02 Placa IoT-02 en GitHub] ([https://github.com/jordibinefa/iot02-simulator Código del gemelo digital de la placa IoT-02 en GitHub])
* [https://www.binefa.cat/training/iot02/pdf/iot02_00_es.pdf Introducción a la placa IoT-02 en castellano] en pdf ([https://www.binefa.cat/training/iot02/pdf/iot02_00_ca.pdf ''Introducció a la placa IoT-02'' en catalán])
* [https://youtu.be/_EIXCGkGQ0U Vídeo de introducción a la placa IoT-02]
* [https://youtu.be/JothMIY4DWE Vídeo de configuración del IDE de Arduino v1.8.19]
* [https://youtu.be/UjtULePAbTE Vídeo de configuración del IDE de Arduino v2] ([https://youtu.be/BvdHeNRDgL8 Vídeo de como usar el IDE de Arduino v2 para programar la placa IoT-02])
* [https://binefa.com/upc-school/libraries_20240420.zip Enlace para bajar las bibliotecas (''libraries'') necesarias para los códigos de ''firmware'' usados en este máster] para el IDE de Arduino ([https://www.arduino.cc/ Página de Arduino])





* [[esptool: Herramienta para borrar toda la memoria flash del ESP32 en caso de tener problemas en la subida del firmware]]

* [https://www.onlinegdb.com/ Programación en línea para C, C++, Python y JavaScript, entre otros]
* [https://app.edublocks.org/#Python Herramienta de conversión de bloques de programación a Python]
* [https://upcommons.upc.edu/handle/2117/363087 Combining Low-Code Programming and SDL-Based Modeling with Snap! in the Industry 4.0 Context]
* [[Asignación de puertos para el curso 2025-2026]]

Uso de MariaDB en el VPS del Máster de Industria 4.0 el curso 2025-2026

2026-05-09T19:38:31Z

Jordi Binefa:

= Acceso al terminal del VPS =
* Para acceder al terminal remoto del VPS desde Windows, abrir el teminal (''cmd'') o el ''powershell'' y escribir:
ssh '''convidat'''@vps656540.ovh.net
La contraseña es ''benvingut''

* Para acceder al terminal remoto del VPS desde Linux, abrir el teminal escribir:
ssh '''convidat'''@vps656540.ovh.net
y en caso de querer enviar cada 30 segundos un ''blank token'' para evitar la desconexión por ''time out'':
ssh -o ServerAliveInterval=30 '''convidat'''@vps656540.ovh.net
= Información sobre la instalación de la base de datos MariaDB =
'''Este apartado es puramente informativo'''. En el VPS ya está instalada la base de datos.

[https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on-debian-11 Un tutorial de instalación de MariaDB en Debian 11]

Pasos de la instalación desde el terminal:
sudo apt update
sudo apt install mariadb-server
sudo mariadb-secure-installation ''(en este paso el sistema pregunta una contraseña para el usuario '''root''')''

[https://www.digitalocean.com/community/tutorials/how-to-create-a-new-user-and-grant-permissions-in-mysql Un tutorial de creación de usuarios con diferentes permisos (''privilegios'')]

Desde el terminal del sistema operativo se pide entrar al terminal de MariaDB. La primera vez como usuario ''root'':
sudo mysql -u root -p
''(el sistema pide la contraseña del usuario root)''
Una vez dentro del terminal de MariaDB se crean los usuarios ''iot'' y ''convidat'' con sus respectivas contraseñas. Se crea la base de datos ''aula206'', se otorgan todos los permisos al usuario ''iot'' y tan solo la lectura al usuario ''convidat'':
CREATE USER 'iot'@'localhost' IDENTIFIED BY 'iot';
CREATE USER 'convidat'@'localhost' IDENTIFIED BY 'benvingut';

CREATE DATABASE aula206;
SHOW DATABASES;
USE aula206;

GRANT ALL PRIVILEGES ON aula206.* TO 'iot'@'localhost';
GRANT SELECT ON aula206.* TO 'convidat'@'localhost';
FLUSH PRIVILEGES;

= Acceso a la base de datos desde el terminal del VPS =
Para acceder a la base de datos hay tres usuarios con permisos diferentes:

- '''root''': Tiene todos los permisos. Puede crear usuarios y bases de datos.

- '''iot''': Tiene permisos de '''lectura y escritura''' sobre la base de datos '''aula206'''.

- '''convidat''': Tiene permisos de '''lectura''' sobre la base de datos '''aula206'''.

Para acceder al terminal de MariaDB como usuario '''iot''':
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

Para acceder al terminal de MariaDB como usuario '''convidat''':
mysql -u '''convidat''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')

= Creación de tablas =
Para crear tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').

Vamos a compartir la misma base de datos ('''aula206'''), los datos que vamos a introducir los diferenciaremos por el nombre de la tabla. Vamos a poner un prefijo identificativo al nombre de la tabla. Cambiad el número '''28XX''' por el [[Asignación de puertos para el curso 2022-2023 | número de puerto que se os ha asignado]].

mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''CREATE''' TABLE m'''28XX'''_Temperatura (
time TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
value FLOAT,
PRIMARY KEY (time));
'''value''' es el nombre del valor que vamos a introducir en la tabla. Se declara como ''FLOAT'' (número real. Permite decimales).

= Borrado de tablas =
'''Id con cuidado en el momento de borrar una tabla. El proceso borra todos los datos y la misma tabla. No es posible recuperar los datos de las tablas si no se ha hecho una copia de seguridad'''.

Para borrar tablas en la base de datos hace falta que el usuario tenga permisos de escritura a la base de datos ('''iot''' tiene permisos de escritura en la base de datos '''aula206'''. '''convidat''' no tiene permisos de escritura en la base de datos '''aula206''').
mysql -u '''iot''' -p
(el sistema pregunta por la contraseña de este usuario. Es la que sale en el apartado anterior después de ''IDENTIFIED BY'')
USE aula206;
'''DROP TABLE''' m28XX_Temperatura;

= Inserción de datos =
La inserción (también conocida por escritura) de datos tiene que hacerla un usuario con permisos suficientes (el usuario '''iot''' puede escribir).

Ejemplo de inserción del valor 23.4 como valor en el campo '''value'''.
'''insert''' into m28XX_Temperatura (value) values (23.4);

= Lectura de datos =
La lectura de datos tiene que hacerla un usuario con permisos suficientes (los usuarios '''iot''' y '''convidat''' pueden leer).

[https://mariadb.com/kb/es/select/ Documentación oficial de la orden SELECT].

Visualización de todos los datos de la tabla m28XX_Temperatura:
'''select''' * from m28XX_Temperatura;

Ejemplo de respuesta del terminal de MariaDB:
MariaDB [aula206]> '''select * from m28XX_Temperatura;'''
+---------------------+-------+
| time | value |
+---------------------+-------+
| 2023-04-05 17:23:59 | 23.4 |
| 2023-04-05 17:28:29 | 23.7 |
+---------------------+-------+
2 rows in set (0.001 sec)

[https://mariadb.com/kb/en/getting-data-from-mariadb/ Getting Data from MariaDB]

= Creación de tablas vista =
Para poder usar la base de datos en sistemas externos de graficación nos hará falta que el registro del momento de inserción del dato esté expresado en [https://www.unixtimestamp.com/ formato de la época UNIX]. Ejemplo de visualización de una tabla vista con el valor del tiempo en formato Unix:
MariaDB [aula206]> select * from m28XX_Temperatura_v;
+------------+-------+
| time | value |
+------------+-------+
| 1680708239 | 23.4 |
| 1680708509 | 23.7 |
+------------+-------+
2 rows in set (0.000 sec)

Creación de la tabla vista '''m28XX_Temperatura_v''' con la unidad de tiempo cambiada (tomando como origen la tabla '''m28XX_Temperatura'''):
'''CREATE VIEW''' m28XX_Temperatura_v AS select UNIX_TIMESTAMP(time) as time, value from m28XX_Temperatura;

= Inserción y lectura de datos múltiples =
Habitualmente nos hará falta introducir un grupo de datos al mismo tiempo. Por ejemplo, esta tabla contiene tres valores en el mismo momento del registro:
MariaDB [aula206]> select * from m28XX_T_RH_P_v;
+------------+--------+---------+---------+
| time | valueT | valueRH | valueP |
+------------+--------+---------+---------+
| 1680884504 | 23.4 | 45.64 | 1002.34 |
| 1680884734 | 23.7 | 45.21 | 1003.04 |
| 1680885724 | 17.89 | 44.32 | 1001.23 |
| 1680885726 | 19.03 | 40.65 | 1002.11 |
| 1680885728 | 15.43 | 56.78 | 1000.87 |
| 1680886069 | 19.03 | 40.65 | 1002.11 |
+------------+--------+---------+---------+
6 rows in set (0.000 sec)

* '''Creación''' de la tabla con datos múltiples ('''valueT''', '''valueRH''' y '''valueP'''):
'''CREATE TABLE''' `m28XX_T_RH_P` (
`time` TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
`'''valueT'''` FLOAT,
`'''valueRH'''` FLOAT,
`'''valueP'''` FLOAT,
PRIMARY KEY (`time`))
ENGINE = InnoDB;

* '''Inserción''' de datos múltiples:
'''insert into''' m28XX_T_RH_P ('''valueT''','''valueRH''','''valueP''') values (23.4,45.64,1002.34);
* '''Lectura''' de datos múltiples:
'''select''' * '''from''' m28XX_T_RH_P;
* '''Creación''' de la '''tabla vista''':
'''CREATE VIEW''' m28XX_T_RH_P_v '''AS''' select UNIX_TIMESTAMP(time) as time, valueT, valueRH, valueP from m28XX_T_RH_P;
* '''Borrado''' de la '''tabla vista'''
'''DROP VIEW''' IF EXISTS m28XX_T_RH_P_v;
* '''Borrado''' de la '''tabla'''
'''DROP TABLE''' m28XX_T_RH_P;