Mostra la font per a Recull de pràctiques de 2n de DAM. Curs 2023-2024

= M07UF1 =
== M00 ==
=== M00.1 ===
Proveu el [https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html putty] amb la placa vermell de la placa IoT-02. En Linux és [https://github.com/Jeija/gtkterm gtkterm], instal·lable amb l''''apt'''.
=== M00.2 === 
Instal·leu la biblioteca '''QSerialPort''' per a fer-la servir al vostre entorn de programació en Qt. Proveu el codi [https://doc.qt.io/qt-6/qtserialport-terminal-example.html terminal] sèrie. Feu servir la placa vermella de la placa IoT-02.

== M01 ==
=== M01.1 ===
Feu un microprogramari a la placa IoT-02 per a que tregui dos senyals pel port sèrie, una quadrada i una de triangular. L'heu de poder visualitzar al Serial Plotter de l'IDE d'Arduino.
=== M01.2 ===
Feu un programa en Python capaç de llegir els valors tramesos per la placa IoT-02 pel port sèrie. ([https://github.com/jordibinefa/IoT-02/blob/master/codes/python/modbus/mb_IoT_00.py Codi en Python que fa servir el port sèrie])

=== M01.3 ===
Feu un programa emprant [https://doc.qt.io/qt-6/qserialport.html la classe QSerialPort] capaç de llegir els valors tramesos per la placa IoT-02 pel port sèrie. ([https://doc.qt.io/qt-6/qtserialport-terminal-example.html Exemple de QSerialPort])

== M02 ==
Proveu el codi '''mb_IoT_00.py''' present al [https://github.com/jordibinefa/IoT-02/tree/master/codes/python/modbus GitHub] connectant la placa IoT-02 mitjançant el ModBus RTU. Expliqueu llur funcionament.

== M03 ==
Desenvolupeu un codi per a la placa IoT-02 per a que faci de mestre (''master'') ModBus RTU. Feu servir d'esclau el codi '''mb_IoT_slave_00.py''' present al [https://github.com/jordibinefa/IoT-02/tree/master/codes/python/modbus GitHub]. Heu de presentar la temperatura llegida des de l'ordinador a la pantalla OLED de la placa IoT-02.

== M04 ==
=== M04.1 ===
Basant-vos en M01.2 i M01.3 desenvolupeu una aplicació GUI feta en Qt. Ha de tenir dos botons: '''Set''' i '''Reset'''. Aquests dos botons han de controlar l'estat del relé de la placa mitjançant el protocol ModBus RTU. ([https://github.com/starnight/MODBUS-CRC/blob/master/modbuscrc.c Exemple per a calcular el CRC del ModBus])

=== M04.2 ===
Basant-vos en M04.1 desenvolupeu una aplicació GUI feta en Qt. Ha de tenir tres botons: '''Set''', '''Reset''' i '''Temperatura'''. Els primers dos botons han de controlar l'estat del relé de la placa mitjançant el protocol ModBus RTU. El tercer botó ha de preguntar la temperatura a la placa i l'heu de mostrar a una etiqueta.
=== M04.3 === 
Acabeu d'implementar totes les funcions ModBus RTU del codi en Python '''mb_IoT_00.py''' a una GUI en Qt.

== M05 ==
=== M05.1 ===
Basant-vos en M01.2 i M01.3 desenvolupeu una aplicació GUI feta en QML. Ha de tenir dos botons: '''Set''' i '''Reset'''. Aquests dos botons han de controlar l'estat del relé de la placa mitjançant el protocol ModBus RTU. ([https://github.com/starnight/MODBUS-CRC/blob/master/modbuscrc.c Exemple per a calcular el CRC del ModBus])

=== M05.2 ===
Basant-vos en M05.1 desenvolupeu una aplicació GUI feta en QML. Ha de tenir tres botons: '''Set''', '''Reset''' i '''Temperatura'''. Els primers dos botons han de controlar l'estat del relé de la placa mitjançant el protocol ModBus RTU. El tercer botó ha de preguntar la temperatura a la placa i l'heu de mostrar a una etiqueta.
=== M05.3 === 
Acabeu d'implementar totes les funcions ModBus RTU del codi en Python '''mb_IoT_00.py''' a una GUI en QML.

= Cronograma i carpetes compartides =
[[File:CronogramaGP1-2022-2023.png|caption]]

[[Carpetes compartides de 2n de DAM. Curs 2023-2024]]
= Activitats =
== A00 - Creació de grups ==
Dins de la carpeta compartida feu una subcarpeta amb el nom '''''activitats'''''. I a dins de la subcarpeta '''''A00'''''. Deseu a la subcarpeta '''''A00''''' l'activitat feta amb el professor transversal en format .odt i .pdf

== A03 - Què sabem? ==
Dins de la carpeta compartida feu una subcarpeta amb el nom '''''activitats'''''. I a dins de la subcarpeta '''''A03'''''. Deseu a la subcarpeta '''''A03''''' l'activitat feta amb el professor transversal en format .odt i .pdf

== A05 - Identificació dels rols ==
Feu la subcarpeta '''''A05''''' dins de la subcarpeta '''''activitats''''' de la carpeta compartida. Deseu a la subcarpeta '''''A05''''' l'activitat feta amb el professor transversal en format .odt i .pdf

== A06 - POO en C++ i Qt ==
=== A06.01 - Ginys encastats ===
* '''a0601a'''. Feu una interfície gràfica (GUI) amb dos botons ('''+''' i '''-''') i una etiqueta numèrica.

* '''a0601b'''. Feu una interfície gràfica (GUI) amb una barra lliscant (''slider'') i un giny LCD de dos números. La barra lliscant controla l'LCD.

* '''a0601c'''. Feu una interfície gràfica (GUI) que integri els dos projectes anteriors. La botonera també controla la barra lliscant i l'LCD. La barra lliscant també controla el valor de l'etiqueta numèrica.

Exercici '''A06.01'''. (Heu de desar a la carpeta '''A06''' un document '''2324-DAM-''A06.01''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-''A06.01''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').
=== A06.02 - Interfícies gràfiques ===
[https://recull.binefa.cat/files/doc/projecteGlobal/activitats/a06/A06.02/ Enunciat A06.02]

Exercici '''A06.02'''. (Heu de desar a la carpeta '''A06''' un document '''2324-DAM-''A06.02''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-''A06.02''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').
=== A06.03 - Instal·lació de QtMQtt a les Qt ===
[[Instal·lació de QtMQtt a les Qt]]

Exercici '''A06.03'''. (Heu de desar a la carpeta '''A06''' un document '''2324-DAM-''A06.03''-1rCognom2nCognomNom.pdf''' ).

=== A06.04 - Interfícies gràfiques ===
[https://recull.binefa.cat/files/doc/projecteGlobal/activitats/a06/A06.04/ Enunciat A06.04]

Exercici '''A06.04'''. (Heu de desar a la carpeta '''A06''' un document '''2324-DAM-''A06.04''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-''A06.04''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').
=== A06.05 - Prova de QtMQtt a la placa IoT-02 ===
Un cop heu fet la [[Instal·lació de QtMQtt a les Qt]] proveu el funcionament de [https://recull.binefa.cat/files/20231107/ ''simplecient'' amb usuari i contrasenya]. Provem llur funcionament interactuant bidireccionalment amb la [[Placa IoT-02 | placa IoT-02]]. Heu de subscriure-vos a un tema d'un botó i publicar 1 i 0 a un tema d'un led.

Exercici '''A06.05'''. (Heu de desar a la carpeta '''A06''' un document '''2324-DAM-''A06.05''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-''A06.05''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').
<!--
=== A06.01 ===
[https://recull.binefa.cat/files/doc/projecteGlobal/activitats/a06/A06.01/20161129ex1rT.tar.gz Exercici '''A06.01'''] (Heu de desar a la carpeta '''A06''' un document '''2223-DAM-''A06.01''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2223-DAM-''A06.01''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').

=== A06.02 ===
Exercici '''A06.02''' (Heu de desar a la carpeta '''A06''' un document '''2223-DAM-''A06.02''-1rCognom2nCognomNom.pdf''' amb l'explicació del procés per a instal·lar QtMqtt al vostre sistema. Verifiqueu que us funciona fent servir el codi de la carpeta de l'[https://recull.binefa.cat/files/doc/projecteGlobal/activitats/a06/A06.02/ exercici A06.02]
=== A06.03 ===
'''Aquest exercici passa a ser ''A12.01'''''.

[https://recull.binefa.cat/files/doc/projecteGlobal/activitats/a06/A06.03/ Exercici '''A06.03'''] (Heu de desar a la carpeta '''A06''' un document '''2223-DAM-''A06.03''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2223-DAM-''A06.03''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').
-->

== A07 - Introducció a la placa IoT-02, Wokwi i protocols de comunicació ==
=== A07.01 - Introducció al control de la placa Iot-02 mitjançant NodeRed ===
Exercici '''A07.01''' (Heu de desar a la carpeta '''A07''' un document '''2324-DAM-''A07.01''-1rCognom2nCognomNom.pdf''' amb l'explicació del procés de resolució de la pràctica, incloent-hi captures de pantalla i fotografies.
==== A07.01.1 ====
Feu un codi emprant el panell de control (''Dashboard'') de NodeRed que surtin quatre interruptors que controlin els quatre leds de la [[Placa IoT-02 | placa IoT-02]], mitjançant comunicació MQTT.
==== A07.01.2 ====
Feu un codi emprant el panell de control (''Dashboard'') de NodeRed que mostri l'estat dels tres botons de la [[Placa IoT-02 | placa IoT-02]], mitjançant comunicació MQTT.
==== A07.01.3 ====
Agrupeu a una sola pestanya A07.01.1 i A07.01.2.

=== A07.02 - Punt multicolor al NodeRED i variables de flux ===

Feu una visualització d'un punt que representa un led multicolor. A la placa IoT-02:

* Quan el botó '''IO0''' sigui premut incorpora el color '''vermell''' al punt multicolor representat al panell de control del NodeRED

* Quan el botó IO0 no sigui premut traieu el color vermell al punt multicolor representat al panell de control del NodeRED

* Quan el botó '''I34''' sigui premut incorpora el color '''verd''' al punt multicolor representat al panell de control del NodeRED

* Quan el botó I34 no sigui premut traieu el color verd al punt multicolor representat al panell de control del NodeRED

* Quan el botó '''I35''' sigui premut incorpora el color '''blau''' al punt multicolor representat al panell de control del NodeRED

* Quan el botó I35 no sigui premut traieu el color blau al punt multicolor representat al panell de control del NodeRED

=== A07.03 - Visualització amb un giny rellotge del nivell de llum ===
Feu una visualització d'un giny rellotge que indiqui el nivell de llum a la LDR de la placa IoT-02.

=== A07.04 - Ús d'MQTT (no MQTTS) ===
Feu una visualització d'un giny rellotge que indiqui el nivell de llum a la LDR de la placa IoT-02, emprant MQTT (no MQTTS)

=== A07.05 - Instal·lació del servei mosquitto ===
[http://www.steves-internet-guide.com/install-mosquitto-broker/ How to Install The Mosquitto MQTT Broker on Windows]

[http://www.steves-internet-guide.com/mqtt-username-password-example/ Mosquitto Username and Password Authentication -Configuration and Testing]

=== A07.06 - Ús del servei mosquitto ===
Feu una visualització d'un punt que representa un led multicolor. Feu servir un ''broker'' MQTT (no MQTTS):

* Quan el botó '''IO0''' sigui premut incorpora el color '''vermell''' al punt multicolor representat al panell de control del NodeRED

* Quan el botó IO0 no sigui premut traieu el color vermell al punt multicolor representat al panell de control del NodeRED

* Quan el botó '''I34''' sigui premut incorpora el color '''verd''' al punt multicolor representat al panell de control del NodeRED

* Quan el botó I34 no sigui premut traieu el color verd al punt multicolor representat al panell de control del NodeRED

* Quan el botó '''I35''' sigui premut incorpora el color '''blau''' al punt multicolor representat al panell de control del NodeRED

* Quan el botó I35 no sigui premut traieu el color blau al punt multicolor representat al panell de control del NodeRED

* Afegiu quatre selectors (''switch'') o vuit botons per a apagar i encendre cadascun dels quatre leds de la placa IoT-02

=== A07.07 - Introducció al micropython ===
Heu de desar a la carpeta '''A07''' un document '''2324-DAM-''A07.07''-1rCognom2nCognomNom.pdf''' 

* L'explicació del procés de la instal·lació de microPython a la [[Placa IoT-02 | placa IoT-02]]

* Feu servir '''ampy'''

* Feu servir '''Thonny'''.

* Feu la traducció de [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_01_leds IoT-02_01_leds] a MicroPython

* Feu la traducció de [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_05_ldr IoT-02_05_ldr] a MicroPython

 adc_pin = Pin(36, mode=Pin.IN) # adc_pin diu el canal ADC corresponent al pin 
 adc = ADC(adc_pin) # adc_pin no és el número de pota, és el número d'ADC
=== A07.08 - Prova de QtMQtt a la placa IoT-02 ===
Un cop heu fet la [[Instal·lació de QtMQtt a les Qt]] proveu el funcionament de [https://recull.binefa.cat/files/20231107/ ''simplecient'' amb usuari i contrasenya]. Provem llur funcionament interactuant bidireccionalment amb la [[Placa IoT-02 | placa IoT-02]]. Heu de subscriure-vos a un tema d'un botó i publicar 1 i 0 a un tema d'un led.

Exercici '''A07.08'''. (Heu de desar a la carpeta '''A07''' un document '''2324-DAM-''A07.08''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-''A07.08''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user''').

<!--
=== A07.01 ===
Exercici '''A07.01''' (Heu de desar a la carpeta '''A07''' un document '''2223-DAM-''A07.01''-1rCognom2nCognomNom.pdf''' amb l'explicació del procés de fer servir la modificació de '''simpleclient''', anomenant-la '''simpleclientUsrPwd''', incorporant usuari i contrasenya. Heu de comunicar la [[Placa IoT-02 | placa IoT-02]] de forma bidireccional amb  '''simpleclientUsrPwd'''.

 void MainWindow::on_buttonConnect_clicked()
 {
    if (m_client->state() == QMqttClient::Disconnected) {
        ui->lineEditHost->setEnabled(false);
        ui->spinBoxPort->setEnabled(false);
        ui->buttonConnect->setText(tr("Disconnect"));
        '''ui->leUser->setEnabled(false);'''
        '''ui->lePwd->setEnabled(false);'''
        '''m_client->setUsername(ui->leUser->text());'''
        '''m_client->setPassword(ui->lePwd->text());'''
        m_client->connectToHost();
    } else {
        ui->lineEditHost->setEnabled(true);
        ui->spinBoxPort->setEnabled(true);
        '''ui->leUser->setEnabled(true);'''
        '''ui->lePwd->setEnabled(true);'''
        ui->buttonConnect->setText(tr("Connect"));
        m_client->disconnectFromHost();
    }
 }

=== A07.02 ===
Exercici '''A07.02''' (Heu de desar a la carpeta '''A07''' un document '''2223-DAM-''A07.02''-1rCognom2nCognomNom.pdf''' amb l'explicació de com heu modificat la MAC (escrivint-hi la de la vostra [[Placa IoT-02 | placa IoT-02]]) del [https://wokwi.com/projects/341892004923310676 bessó digital] copiat a la vostra zona de [https://wokwi.com/ Wokwi]. Feu el document fent servir '''com a controladors l'Snap!, NodeRED, i el codi amb QtMqtt''' [https://recull.binefa.cat/files/20221013/ginyMqtt04.zip ginyMqtt04]. I '''com a dispositius la vostra còpia modificada del [https://wokwi.com/projects/341892004923310676 bessó digital] i  la [[Placa IoT-02 | placa IoT-02]]''' per a provar la bidireccionalitat de la comunicació MQTT amb el botó i el led.

=== A07.03 ===
Controleu la raqueta d'usuari de la pràctica '''A08.05''' (un ping pong) fent servir les tecles '''i34''' i '''i35''' de la [[Placa IoT-02]]
-->

== A08 - QML, connexió a rerefons Qt i PureQML ==
=== A08.00 ===
Feu un document explicant com fer un projecte emprant PureQML i llur migració a QML.
=== A08.01 ===
Feu un programa en QML que al principi hi surti un quadrat vermell centrat. Al prémer la tecla B hi sortirà de color blau, al prémer la tecla G hi sortirà de color verd i al prémer la tecla R torna a ser vermell.
=== A08.02 ===
Feu un programa en QML a on hi aparegui centrat, horitzontalment i vertical, ben gros i en negreta el nom '''Escola del Clot'''. Al prémer la tecla + la lletra es farà més grossa. I al prémer la tecla - la lletra es farà més petita.
=== A08.03 ===
Feu un programa que hi surti el text, centrat a la finestra, "Comptador: 0" de color vermell. Al prémer el botó + incrementarà el valor del comptador, i al prémer el botó '-' es decrementarà. Al prémer la tecla N el text serà de color negre i al prémer V tornarà a ser de color vermell.
=== A08.04 ===
Seguiu els [[Vídeos QML]] de l'apartat ''Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend)''. Feu el vostre '''qmlLliscant''' que comunica el rerefons en C++ amb el frontal QML de forma bidireccional. Feu '''a08.04.pdf''' amb la captura de pantalla del vostre projecte funcionant. '''Heu d'explicar el funcionament de la comunicació bidireccional i definir que són les Q_PROPERTY'''. El vostre codi serà dins d''''a08.04.zip'''.

Per afegir '''QMLDesigner''' a l'entorn del QtCreator: Aneu al menú ''Help'' / ''About pluggins'' / Seleccioneu ''QMLDesigner''

Per afegir un nou formulari: '''nomForm.ui.qml'''
=== A08.05 ===
A partir del codi [https://recull.binefa.cat/files/material/qml/pingPong02.zip pingPong02], desenvolupeu el projecte '''a08_05''' per a que mitjançant MQTT es pugui moure la raqueta de l'usuari. Hi haurà un tema per pujar la raqueta i un altra per a baixar-la.

=== A08.06 ===
Desenvolupeu el projecte '''a08_06''' que controla els dos temes MQTT de control de la pràctica '''a08_05'''. Ha de funcionar per a escriptori, Android i WebAssembly.

== A09 - FreeRTOS i MicroWorkers ==
'''A09.01''': fent servir '''Microworkers''' emprant MicroPython

'''A09.02''': fent servir '''FreeRTOS''' emprant l'IDE d'Arduino
=== FreeRTOS i MicroWorkers ===
==== fr-mw-1) Presa de contacte amb MicroWorkers i FreeRTOS ====
Codi [https://wokwi.com/projects/350955865540395602 uPython_mqtt_01] amb el botó dibuixat (copieu l'arxiu .json)

Fent servir la placa IoT-02 feu un programa amb dues tasques. Una tasca farà que el led groc faci pampallugues (500ms encés i 500ms apagat). Una altra tasca llegirà el botó I35, fent que quan estigui premut el cicle del led groc sigui de 100ms encés i 100ms apagat.

Per a definir entrades i sortides a MicroPython: <!-- Solució uPython: https://wokwi.com/projects/389912602887440385 Solució FreeRTOS: https://wokwi.com/projects/389915605944256513 -->
 from machine import Pin
 
 btn = Pin(35,Pin.IN) # Botó connectat a l'entrada I35 del Wokwi i la placa IoT-02
 ledIntern = Pin(2,Pin.OUT) # led intern a Wokwi i led groc a la placa IoT-02 és el 19

Per a controlar la lluminositat del led:
 from time import sleep
 
 while True:
    ledIntern.value(1) # Encés
    sleep(0.5)
    ledIntern.value(0) # Apagat
    sleep(0.5)

Per a llegir el botó:
 currentBtn = btn()
 lastBtn = currentBtn
 while True:
    currentBtn = btn()
    if currentBtn != lastBtn:
        lastBtn = currentBtn
        if currentBtn == 1:
            print("Button released. ",end="")
        else:
            print("Button pressed. ",end="")

==== fr-mw-2) Connexió a WiFi i un broker MQTT ====
Afegiu una tasca per a fer connexió a WiFi i MQTT. 

* Emprant MicroWorkers

Us podeu basar en el codi present a [https://github.com/jordibinefa/IoT-02/tree/master/micropython/prj_mqtt_json prj_mqtt_json]. Feu servir també una variable booleana '''bSocConnectat''' (que serà certa quan hi hagi connexió i falsa quan no s'hagi establert la connexió o s'hagi perdut -quan es perd la IP que s'autollegeix és 0.0.0.0-).

* Emprant FreeRTOS

Us podeu basar en el codi present a [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_freeRTOS_json_12 IoT-02_mqtts_freeRTOS_json_12]. Afegiu-hi també un '''#define USING_WIFI''' per saber si cal que funcionin totes aquelles funcions que tenen relació amb la wifi. Feu servir també una variable booleana '''bSocConnectat''' (que serà certa quan hi hagi connexió i falsa quan no s'hagi establert la connexió o s'hagi perdut -quan es perd la IP que s'autollegeix és 0.0.0.0-).

- Publicació

Si '''bSocConnectat''' és certa, publica el canvi d'estat del botó quan es prem I35.

- Subscripció

Quan feu la connexió a MQTT, afegiu una subscripció al tema '''/''MAC''/led''' (essent ''MAC'' la MAC de la vostra placa). Si rebeu per aquest tema un '1', 'On','on' o 'ON' s'ha d'encendre el led blanc. Si rebeu '0', 'Off', 'off' o 'OFF' s'apaga el led blanc.

== A10 - Paho + Telegram + Mastodon ==
=== A10.1 - Telegram ===
Desenvolupeu un exemple d'ús d'un bot de Telegram.

=== A10.2 - Mastodon ===
Desenvolupeu un exemple d'ús d'un bot de Mastodon.

=== A10.3 - Paho ===
Desenvolupeu un exemple d'ús de Paho fent servir Python (podeu fer servir Jupyter Lab).

==== A10.3.1 - Subscripció MQTT a Paho i publicació a Snap! ====
Exemple d'ús de Paho fent servir Python fent de subscriptor i publicant temes MQTT des d'Snap!.

[http://extensions.snap.berkeley.edu/snap/snap.html Snap emprant http] (existeix la llibreria MQTT)

==== A10.3.2 - Publicació MQTT a Paho i subscripció a Snap! ====
Exemple d'ús de Paho fent servir Python fent de publicador tenint la subscripció MQTT a Snap!.

[http://extensions.snap.berkeley.edu/snap/snap.html Snap emprant http] (existeix la llibreria MQTT)

== A11 - Metacognició de síntesi ==
[https://recull.binefa.cat/files/20240219_IoT_ex/20240219_A11.pdf Enunciat de la metacognició de síntesi en pdf]

[https://recull.binefa.cat/files/20240219_IoT_ex/20240219_A11.pdf Enunciat de la metacognició de síntesi en format editable]

== A12 - Qt ==
=== A12.01.1 - ginyMqtt amb '''QMake''' ===
L'objectiu d'aquest exercici és fer una aplicació en Qt capaç de comunicar-se bidireccionalment amb la [[Placa IoT-02]]. A partir de [https://recull.binefa.cat/files/20231107/ ''simplecient'' amb usuari i contrasenya] s'ha generat la classe [https://recull.binefa.cat/files/programes_i_apps/qt/mqttBasic.zip mqttBasic]. Heu de desenvolupar l'aplicació '''ginyMqtt''' que tingui aquest aspecte:

* Pantalla inicial, quan encara no s'ha connectat al broker (el nom del ''broker'' MQTT, usuari i contrasenya s'escriuen al codi. És a dir, no es demana una personalització del ''broker''):
 
[[Image:A1201a.png|center|Desconnectat del broker]]

* Un cop s'ha connectat al broker:

[[Image:A1201b.png|center|Connectat del broker]]

'''La casella de selecció''' encén i apaga el led blanc de la [[Placa IoT-02 | placa IoT-02]] publicant el tema i missatge corresponent. '''L'etiqueta''' s'ha de subscriure al tema MQTT del botó I35 i presenta llur missatge traduït al català.

* Suggeriment de classe '''GinyMqtt''':

[[Image:A1201c.png|center|Exemple de classe]]

* Suggeriment de constructor:

[[Image:A1201d.png|center|Exemple de constructor i destructor]]

* Suggeriment d'arxiu de projecte emprant '''qmake''':

[[Image:Qmake01.png|center|Exemple d'arxiu de projecte emprant '''qmake''']]

Exercici A12.01.1 (Heu de desar a la '''carpeta A12''' del [[Carpetes compartides de 2n de DAM. Curs 2023-2024 | Drive]] un document '''2324-DAM-A12.01.1-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-A12.01.1-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el .pro.user).

=== A12.01.2 - ginyMqtt amb '''CMake''' ===
L'objectiu d'aquest exercici és fer una aplicació en Qt capaç de comunicar-se bidireccionalment amb la [[Placa IoT-02]]. El funcionament és exactament igual que a l'exercici anterior que heu fet emprant '''qmake''', en aquest heu de fer servir '''CMake'''.

[[Image:A1201e.png|center|Connectat al broker. Desenvolupat amb CMake]]

Suggeriment d'arxiu de projecte emprant '''CMake''':

[[Image:Cmake01.png|center|Exemple d'arxiu de projecte emprant '''CMake''' i Mqtt]]

Afegiu '''Network''' i '''Mqtt''' a ''find_package()'':
 find_package(QT NAMES Qt6 Qt5 REQUIRED COMPONENTS Widgets '''Network Mqtt''')
 find_package(Qt${QT_VERSION_MAJOR} REQUIRED COMPONENTS Widgets '''Network Mqtt''')
[[Image:Cmake02.png|center|Exemple d'arxiu de projecte emprant '''CMake''' i Mqtt]]

Afegiu '''Qt${QT_VERSION_MAJOR}::Network''' i '''Qt${QT_VERSION_MAJOR}::Mqtt''' a ''target_link_libraries()'':
 target_link_libraries(ginyMqtt04_cmake PUBLIC Qt${QT_VERSION_MAJOR}::Widgets '''Qt${QT_VERSION_MAJOR}::Network Qt${QT_VERSION_MAJOR}::Mqtt''')
[[Image:Cmake03.png|center|Exemple d'arxiu de projecte emprant '''CMake''' i Mqtt]]

Exercici A12.01.2 (Heu de desar a la '''carpeta A12''' del [[Carpetes compartides de 2n de DAM. Curs 2023-2024 | Drive]] un document '''2324-DAM-A12.01.2-1rCognom2nCognomNom.pdf''' amb les solucions explicades i un arxiu '''2324-DAM-A12.01.2-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el ''CMakeLists.txt.user''). 

<!--
'''Aquest exercici abans era l' ''A06.03'''''.

[https://recull.binefa.cat/files/doc/projecteGlobal/activitats/a12/A12.01/ Exercici '''A12.01'''] (Heu de desar a la carpeta '''A12''' el document '''2223-DAM-''A12.01''-1rCognom2nCognomNom.pdf''' amb les solucions explicades i l'arxiu '''2223-DAM-''A12.01''-1rCognom2nCognomNom.zip''' amb els codis comprimits, sense el '''.pro.user'''). -->

=== A12.02 Mqtt_IoT02 ===
Desenvolupeu un projecte en Qt, capaç d'interaccionar amb la [[Placa IoT-02]], amb aquest aspecte:

[[Image:QtMqttIoT02.png|center|QtMqttIoT02]]

* '''A12.02-1)'''

Prenent com a base els arxius '''00_botonsToggle05.zip''' i '''00_botonsToggle06.zip''' del [https://recull.binefa.cat/files/20221205/ recull], desenvolupeu el projecte '''02_indicadorLed_00''' per a que tingui aquest comportament:

[[Image:02_indicadorLed_00a.png|center|02_indicadorLed_00]]


[[Image:02_indicadorLed_00b.png|center|02_indicadorLed_00]]

* '''A12.02-2)'''

Basant-vos en '''02_indicadorLed_00''' i '''01_json_00.zip''' del [https://recull.binefa.cat/files/20221205/ recull], desenvolupeu el projecte '''03_indicadorLed_01''' per a que tingui aquest aspecte (els valors dels led R, G i B donen valors '''0''' i '''1'''. Els valors del led W són '''true''' i '''false'''):

[[Image:03_indicadorLed_01.png|center|03_indicadorLed_01]]

* '''A12.02-3)'''

Basant-vos en '''04_indicadorBotons00.zip''' del [https://recull.binefa.cat/files/20221205/ recull], desenvolupeu el projecte '''05_indicadorBotons_01''' per a que tingui aquest aspecte:

[[Image:05_indicadorBotons_01.png|center|05_indicadorBotons_01]]

* '''A12.02-4)'''

Basant-vos en '''03_indicadorLed_01''', desenvolupeu '''03_indicadorLed_01_mqtt''' que controli els quatre leds de la placa IoT-02. (Us pot ajudar l'exemple [https://recull.binefa.cat/files/material/mqttQt/ginyMqtt04.zip ginyMqtt04])

 Mqtt_IoT02::Mqtt_IoT02(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Mqtt_IoT02)
 {
    ui->setupUi(this);
 
    mqttBasic = new [https://recull.binefa.cat/files/material/mqttQt/ MqttBasic];
    indicadorLed = new IndicadorLed;
    indicadorBotons = new IndicadorGrupBotonsEt;
    ui->hlAmunt->addWidget(mqttBasic);
    ui->hlCentre->addWidget(indicadorLed);
    ui->hlAvall->addWidget(indicadorBotons);
    connect(mqttBasic,SIGNAL(vSignalMqttConnected()),this,SLOT(vMqttConnectat()));
    connect(mqttBasic,SIGNAL(vSignalMqttDisconnected()),this,SLOT(vMqttDesconnectat()));
    connect(indicadorLed,SIGNAL(vTrametJsonLeds(QString)),this,SLOT(vTrametJsonLeds(QString)));
 
    indicadorBotons->vSetJsonText("");
 
    //showMaximized();
 }

* '''A12.02-5)'''

Basant-vos en '''05_indicadorBotons_01''', desenvolupeu '''05_indicadorBotons_01_mqtt''' que llegeixi els tres botons de la placa IoT-02.

* '''A12.02-6)'''

Feu l'integració per a que l'aspecte sigui semblant a la captura d'inici de l'activitat A12.02. Haureu d'afegir un '''QTimer''' per anar demanant periòdicament el JSON que conté el valor de l'LDR.

== A13 - QML a l'escriptori, Android i WebAssembly ==
=== A13.00 ginyMqtt en QML i ''qmake'' ===
Desenvolupeu la versió per a QML de l'exercici [[Recull de pràctiques de 2n de DAM. Curs_2023-2024#A12.01.1 - ginyMqtt amb QMake | A12.01.1 - ginyMqtt amb QMake]]. La comunicació MQTT s'ha de fer mitjançant un rerefons en C++.

=== A13.01 ===
Feu un exemple bàsic executant un codi QML al vostre dispositiu '''Android''' o a una màquina virtual funcionant amb Android.

[[Màquina virtual Android per a fer-la servir per a executar codis QML des de QtCreator]]

=== A13.02 ===
Feu un exemple bàsic executant un codi QML al vostre navegador emprant '''emscripten''' (''webassemby'').

[https://doc.qt.io/qt-6.2/wasm.html Guia per a fer anar WebAssembly al QtCreator]

=== A13.03 ===
Feu la versió en QML de la [https://provisional.binefa.com/index.php/Recull_de_pr%C3%A0ctiques_de_2n_de_DAM._Curs_2022-2023#A12.02 pràctica A12.02] fent servir el mateix protocol TCP MQTT. (Ajuda a [https://recull.binefa.cat/files/material/mqttQml/ mqttQml]).
 
        Page1Form {
            id: p1
            lbEstatMqtt.color: "#ff0000"
 
            btConnecta.onClicked: {
                if(btConnecta.text == "Connecta"){
                    rf.szBroker = "C,"+tiBroker.text+","+tiUsr.text+","+tiPwd.text+","+p2.tiMac.text;
                }else{
                    rf.szBroker = "D,"+tiBroker.text+","+tiUsr.text+","+tiPwd.text+","+p2.tiMac.text;
                }
            }
        }
 
        Page2Form {
            id: p2
            cbLedW.enabled: false
 
            cbLedW.onClicked: {
                if(!cbLedW.checked){
                    console.log("Apaga led blanc");
                    rf.szPublica = "w,"+tiMac.text;
                }else{
                    console.log("Encén led blanc");
                    rf.szPublica = "W,"+tiMac.text;
                }
                // console.log(tiMac.text);
            }
        }

 void RereFons::setBroker(const QString &szValue){
    QStringList qsL = szValue.split(QLatin1Char(','));
 
    m_szNomBroker = qsL[1];
    m_szUsrBroker = qsL[2];
    m_szPwdBroker = qsL[3];
    m_szMac = qsL[4];
 
    qDebug() << "Des de C++. Broker: " << m_szNomBroker << ". Usuari: " << m_szUsrBroker << ". Contrasenya: " << m_szPwdBroker << ". MAC: " << m_szMac;
 
    if(qsL[0] == "C"){ // C: Connecta broker
        mqtt->vSetBroker(m_szNomBroker,MQTT_PORT,m_szUsrBroker,m_szPwdBroker);
    }
    if(qsL[0] == "D") // D: Desconnecta broker
        mqtt->vDisconnectBroker();
 
    emit brokerCanviat();
 }
 
 void RereFons::setPublica(const QString &szValue){
    QStringList qsL = szValue.split(QLatin1Char(','));
 
    QString qsTopic = "/"+qsL[1]+"/ledW";
 
    qDebug() << "Des de C++. Broker: " << m_szNomBroker;
    qDebug() << "Des de C++. Usuari: " << m_szUsrBroker;
    qDebug() << "Des de C++. Contrasenya: " << m_szPwdBroker;
 
    if(qsL[0] == "W"){ // W: Encén led blanc
        mqtt->vPublish(qsTopic,"W");
        qDebug() << "Publica tema: " << qsTopic << " amb valor: W";
    }
    if(qsL[0] == "w"){ // w: Apaga led blanc
        mqtt->vPublish(qsTopic,"w");
        qDebug() << "Publica tema: " << qsTopic << " amb valor: w";
    }
 }

=== A13.04 ===
Feu la versió en QML de la [https://provisional.binefa.com/index.php/Recull_de_pr%C3%A0ctiques_de_2n_de_DAM._Curs_2022-2023#A12.02 pràctica A12.02] fent servir sòcols web MQTT no segurs.

[https://recull.binefa.cat/files/doc/wsMqtt/a13_04_ajudaParcial.zip Ajuda parcial per a resoldre aquesta pràctica] al recull (usuari: dam | contrasenya: dam2223 )

=== A13.05 ===
Feu la versió en PureQML de la [https://provisional.binefa.com/index.php/Recull_de_pr%C3%A0ctiques_de_2n_de_DAM._Curs_2022-2023#A12.02 pràctica A12.02] fent servir sòcols web MQTT no segurs.

== A14 - Scada NodeRed + InfluxDB + Grafana + UserLand + Snap! + Telegram + Mastodon API ==
=== A14.1 - Autenticació d'accés a NodeRED ===
Personalitzeu l'autenticació d'accés al vostre NodeRed ([[Autenticació d'accés a NodeRED]]).

=== A14.2 - Bot de Telegram ===
Desenvolupeu un bot de Telegram que interactui amb la vostra placa IoT-02. Les ordres, des del mateix bot, són:

'''/W''' : Encén el led blanc

'''/w''' : Apaga el led blanc

'''/botons''' : Estat dels botons a la placa

=== A14.3 - Bot de Telegram ===
Desenvolupeu un bot de Telegram que interactui amb la vostra placa IoT-02. Les ordres, des d'un grup al qual pertany i és administrador, són:

'''/W''' : Encén el led blanc

'''/w''' : Apaga el led blanc

'''/botons''' : Estat dels botons a la placa
  
I de manera asíncrona avisa quan s'ha premut el botó I35, trametent un missatge al grup al qual pertany. El [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtt_json_upcSchool_broker2 codi MQTT en format ''json'']

=== A14.4 - Mastodon ===
Publiqueu la temperatura, humitat relativa i pressió atmosfèrica llegides per la vostra placa IoT-02 i les publiqueu a Mastodon mitjançant NodeRED.

Feu un informe de com ho heu programat i captures de llur funcionament.

=== A14.5 - Grafana ===
Documenteu la instal·lació de Grafana al vostre sistema operatiu

* [https://www.vultr.com/docs/install-grafana-on-debian-11/ Instal·lació a Debian 11]

* [https://grafana.com/docs/grafana/latest/setup-grafana/installation/windows/ Instal·lació de Grafana a Windows]

=== A14.6 - InfluxDB ===
Documenteu la instal·lació d'InfluxDB al vostre sistema operatiu

* [https://docs.influxdata.com/influxdb/v2.6/install/?t=Linux Instal·lació d'InfluxDB a Linux]

A [https://portal.influxdata.com/downloads/ descàrregues d'InfluxDB] es pot trobar:
 # influxdata-archive_compat.key GPG fingerprint:
 #     9D53 9D90 D332 8DC7 D6C8 D3B9 D8FF 8E1F 7DF8 B07E
 wget -q https://repos.influxdata.com/influxdata-archive_compat.key
 
 echo '393e8779c89ac8d958f81f942f9ad7fb82a25e133faddaf92e15b16e6ac9ce4c influxdata-archive_compat.key' | sha256sum -c && cat influxdata-archive_compat.key | gpg --dearmor | sudo tee /etc/apt/trusted.gpg.d/influxdata-archive_compat.gpg > /dev/null
 
 echo 'deb [signed-by=/etc/apt/trusted.gpg.d/influxdata-archive_compat.gpg] https://repos.influxdata.com/debian stable main' | sudo tee /etc/apt/sources.list.d/influxdata.list
 
 sudo apt-get update && sudo apt-get install influxdb2

* [https://docs.influxdata.com/influxdb/v2.6/install/?t=Windows Instal·lació d'InfluxDB a Windows]

=== A14.7 - UserLand ===
Pàgina oficial d'[https://userland.tech/ UserLand]

Arxiu apk: [https://f-droid.org/repo/tech.ula_7438725.apk tech.ula_7438725.apk] enllaçat des de [https://f-droid.org/packages/tech.ula/ f-droid]

Instal·leu-vos l'aplicació [https://userland.tech/ UserLAnd] al vostre telèfon mòbil (present a Google Play i aviat a App Store). Si no teniu mòbil disponible, feu servir un emulador d'Android.

Connecteu el vostre mòbil, real o emulat, a la xarxa sense fils per a IoT i poseu en marxa l'aplicació. Un cop a dins, instal·leu-vos un Debian (80MB). Us demanarà un nom d'usuari i contrasenya. Feu una instal·lació que permeti veure al navegador del vostre ordinador un NodeRED executant-se des del mòbil.

Per a fer-ho:
 
 sudo apt update
 sudo apt upgrade
 sudo apt install aptitude openssh-server net-tools curl software-properties-common wget unzip screen
A partir d'ara us podeu connectar remotament per SSH fent servir el '''port 2022''' ( ''ssh usuari@ipMobil -p 2022'' o ''ssh -o ServerAliveInterval=30 usuari@ipMobil -p 2022'' per a que hi hagi persistència en la comunicació)
 mkdir bin
 cd bin
 curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
 sudo apt-get install -y nodejs
 node -v
 npm -v
 mkdir nodered-ui
 cd nodered-ui
 wget --no-check-certificate https://www.binefa.cat/IoT/nodeRed/node_red_ui.zip
 unzip node_red_ui.zip
 screen
 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
Premeu '''Ctrl A''' + '''D'''. I per a tornar a ''screen'' funcionant des del rerefons:
 screen -r
=== A14.8 - MariaDB ===
Feu un document amb totes les passes necessàries per a que funcioni al vostre ordinador un NodeRed amb nodes MariaDB. Repliqueu al vostre ordinador:

[[Ús de MariaDB per emmagatzemar dades de la Internet de les Coses]]

[[Ús de la base de dades MariaDB des de NodeRED]]

== A15 - Consultes asíncrones I2C - FreeRTOS i MicroWorkers ==
'''A15.01''': fent servir '''Microworkers''' emprant MicroPython

'''A15.02''': fent servir '''FreeRTOS''' emprant l'IDE d'Arduino

=== A15.01 i A15.02) Connexió a WiFi i un broker MQTT ===
Afegiu una tasca per a fer connexió a WiFi i MQTT. 

* Emprant MicroWorkers

Us podeu basar en el codi present a [https://github.com/jordibinefa/IoT-02/tree/master/micropython/prj_mqtt_json prj_mqtt_json]. Feu servir també una variable booleana '''bSocConnectat''' (que serà certa quan hi hagi connexió i falsa quan no s'hagi establert la connexió o s'hagi perdut -quan es perd la IP que s'autollegeix és 0.0.0.0-).

* Emprant FreeRTOS

Us podeu basar en el codi present a [https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_mqtts_freeRTOS_json_12 IoT-02_mqtts_freeRTOS_json_12]. Afegiu-hi també un '''#define USING_WIFI''' per saber si cal que funcionin totes aquelles funcions que tenen relació amb la wifi. Feu servir també una variable booleana '''bSocConnectat''' (que serà certa quan hi hagi connexió i falsa quan no s'hagi establert la connexió o s'hagi perdut -quan es perd la IP que s'autollegeix és 0.0.0.0-).

- Publicació

Si '''bSocConnectat''' és certa, publica el canvi d'estat del botó quan es prem I35.

- Subscripció

Quan feu la connexió a MQTT, afegiu una subscripció al tema '''/''MAC''/led''' (essent ''MAC'' la MAC de la vostra placa). Si rebeu per aquest tema un '1', 'On','on' o 'ON' s'ha d'encendre el led blanc. Si rebeu '0', 'Off', 'off' o 'OFF' s'apaga el led blanc.

=== A15.03 - IoT-02 servint pàgina web per a canviar contrasenya ===
Aquesta pràctica consisteix en canviar, mitjançant pàgina web, l'SSID i contrasenya de connexió a una xarxa sense fils de la vostra [[Placa IoT-02]]. Baixeu-vos els codis del [https://github.com/kurimawxx00/wifi-manager GitHub del wifi-manager] per a poder desenvolupar la pràctica.


'''A15.03-01)'''
Afegiu a sota dels ''include'' de '''WiFiManager-example.ino''':

 '''#define LED_BLANC 19'''
 '''#define RST_WIFI_CRED 35'''

Després de seleccionar la velocitat de '''115200''' bauds, afegiu-hi '''Serial.println(__FILE__);''' per a que després de fer ''reset'' us surti el nom, i ubicació, del darrer programa pujat a la [[Placa IoT-02]]

'''A15.03-02)'''

També a '''WiFiManager-example.ino''', canvieu '''2''' per '''LED_BLANC''' i '''15''' per '''RST_WIFI_CRED'''. Això farà que al bucle principal s'encengui i s'apagui el led blanc i que quan es premi el botó '''I35''' s'esborrin les credencials.

 void setup() {
  pinMode('''2''', OUTPUT);
  pinMode('''15''',INPUT); //for resetting WiFi creds
  ...
  
 void loop() {
  if(digitalRead('''15''') == '''''LOW'''''){ // LOW és quan es prem el botó. HIGH quan no és premut
    Serial.println("Wiping WiFi credentials from memory...");
    wipeEEPROM();
    while(loadWIFICredsForm());
  }
  digitalWrite('''2''',HIGH);
  delay(1000);
  digitalWrite('''2''',LOW);
  delay(1000);
 }

El codi haurà de quedar:

 void setup() {
  pinMode('''LED_BLANC''', OUTPUT);
  pinMode('''RST_WIFI_CRED''',INPUT); //for resetting WiFi creds
  ...
  
 void loop() {
  if(digitalRead('''RST_WIFI_CRED''') == '''''LOW'''''){ // LOW és quan es prem el botó. HIGH quan no és premut
    Serial.println("Wiping WiFi credentials from memory...");
    wipeEEPROM();
    while(loadWIFICredsForm());
  }
  digitalWrite('''LED_BLANC''',HIGH);
  delay(1000);
  digitalWrite('''LED_BLANC''',LOW);
  delay(1000);
 }

'''A15.03-03)'''

A l'arxiu '''WiFiManager.h''', personalitzeu el vostre punt d'accés canviant l'SSID (per defecte '''ESP32 WiFi Manager''') per un de vostre. També personalitzeu la contrasenya d'accés al punt d'accés (per defecte '''12345678''').

 bool loadWIFICredsForm(){
  String s = EEPROM.readString(100);
  String p = EEPROM.readString(200);
  
  const char* ssid     = "'''ESP32 WiFi Manager'''";
  const char* password = "'''12345678'''";

  Serial.println("Setting Access Point...");
  
  WiFi.softAP(ssid, password);
  
  IPAddress IP = WiFi.softAPIP();
  
  Serial.print("AP IP address: ");
  Serial.println(IP);
  
  server.on("/", handleRoot);


'''A15.03-04)'''

Connecteu-vos al punt d'accés generat per la vostra placa IoT-02 (per exemple, amb el mòbil). Un cop connectats, el telèfon us pot avisar que no teniu connexió a Internet i us pot suggerir canviar de xarxa (digueu-li explícitament que no). Des del dispositiu connectat al punt d'accés entreu al navegador i escriviu com a URL: '''192.168.4.1'''

Un cop us aparegui el formulari web demanant SSID i contrasenya, feu una captura de pantalla. Quan deseu les credencials, la placa IoT-02 tornarà a reiniciar-se en tres segons. Verifiqueu que s'aconsegueix la connexió a la xarxa sense fils de la vostra placa IoT-02.

'''A15.03-05)'''

Modifiqueu [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_wifi_01_simpleWiFiServer/IoT-02_wifi_01_simpleWiFiServer.ino IoT-02_wifi_01_simpleWiFiServer.ino] per a que es pugui canviar la SSID i contrasenya aprofitant els codi desenvolupat al punt anterior.

'''Funcionament final:'''

- Si es manté el botó I35 premut després de prémer el reset (o mentre s'alimenta la placa), s'activa el punt d'accés (192.168.4.1) i serveix una pàgina web que permet canviar l'SSID i la contrasenya.

- Altrament, intenta connectar-se a l'SSID i contrasenya servint [https://github.com/jordibinefa/IoT-02/blob/master/codes/IoT-02_wifi_01_simpleWiFiServer/IoT-02_wifi_01_simpleWiFiServer.ino IoT-02_wifi_01_simpleWiFiServer.ino] amb les credencials de WiFi emmagatzemades prèviament amb el mètode del botó.

=== A15.04 - Codi de la placa IoT-02 per a que funcioni amb l'activitat A12.02 ===
Feu les modificacions que creieu escaients per a que la [[Placa IoT-02]] funcioni amb el codi que heu desenvolupat a l'activitat [https://provisional.binefa.com/index.php/Recull_de_pr%C3%A0ctiques_de_2n_de_DAM._Curs_2022-2023#A12.02 A12.02]

== A16 - PureQML - Control de la placa IoT-02 ==

== A17 - LoRa + InfluxDB + Grafana + Scada NodeRed ==
=== A17.01 - Presa de contacte amb LoRa mitjançant The Things Network ===
Amb la placa IoT-02 feu una tramesa d'un missatge ''Hola món'' fins al vostre NodeRed fent servir el mètode '''OTAA''' (''On The Air Activation'') de LoRa i el rerefons de [https://eu1.cloud.thethings.network/ The Things Stack]. Teniu material d'ajuda a [https://recull.binefa.cat/files/doc/iot02/loraWan/lora/ la carpeta intro del recull LoRa] ( usuari: ''dam'' / contrasenya: ''dam2324'')

=== A17.02 - Tramesa de dades emprant LoRa, The Things Network i NodeRed ===
Amb la placa IoT-02 feu una tramesa del valor de la LDR amb dos bytes, fent servir el mètode '''OTAA'''. (Feu servir [http://www.xtec.cat/formaciotic/ateneu_historic/materials/td97/d97m7/d97m7te.htm unions]). Dimensioneu correctament el vector '''mydata'''.

 LMIC_setTxData2(1, mydata, '''sizeof(mydata) - 1''', 0); // Si no és una cadena de caràcters, hem d'informar del nombre exacte de bytes a trametre.

[https://github.com/jordibinefa/IoT-02/tree/master/codes/IoT-02_11_modbus_bme280 Codi IoT-02_11_modbus_bme280]

[https://recull.binefa.cat/files/doc/iot02/loraWan/lora/codis/unions_01.c Exemple de conversió bidireccional de ''float'' a cadena ''unsigned char'' fent servir ''union''].

=== A17.03 - Prova bàsica d'ús del NodeRed injectant dades a InfluxDB i visualitzant-les a Grafana ===
Feu una demostració d'ús de Grafana llegint InfluxDB. I InfluxDB emmagatzemant dades des del NodeRED. Baseu-vos en [https://recull.binefa.cat/files/doc/grafanaInfluxDB/ aquests arxius d'exemple].

 from(bucket: "dam2")
  |> range(start: v.timeRangeStart, stop: v.timeRangeStop)
  |> filter(fn: (r) => r["_measurement"] == "valorAleatori")
  |> filter(fn: (r) => r["_field"] == "value")
  |> aggregateWindow(every: v.windowPeriod, fn: mean, createEmpty: false)
  |> yield(name: "mean")

=== A17.04 - Visualització a Grafana de les dades dels sensors de la placa IoT-02, fent servir NodeRed i InfluxDB ===

A17.04.1) Visualitzeu a Grafana les dades de temperatura, humitat relativa, pressió atmosfèrica i de nivell de llum. Feu servir missatgeria MQTT amb un '''''broker'' públic'''. Gestioneu les dades amb NodeRED emmagatzemant-les a una base de dades temporal InfluxDB v2.0. Visualitzeu les dades a un panell de gràfiques emprant Grafana.

A17.04.2) Visualitzeu a Grafana les dades de temperatura, humitat relativa, pressió atmosfèrica i de nivell de llum. Feu servir missatgeria MQTT amb un '''''broker'' local''' (a la vostra màquina base o màquina virtual). Gestioneu les dades amb NodeRED emmagatzemant-les a una base de dades temporal InfluxDB v2.0. Visualitzeu les dades a un panell de gràfiques emprant Grafana.

=== A17.05 - Prova bàsica d'ús del NodeRed injectant dades a MariaDB i visualitzant-les a Grafana ===
Feu una demostració d'ús de Grafana llegint MariaDB. I MariaDB emmagatzemant dades des del NodeRED. Baseu-vos en '''Aleatorització controlada pel panell de control''' explicada a [[Ús de la base de dades MariaDB des de NodeRED]]

=== A17.06 - Visualització a Grafana de les dades dels sensors de la placa IoT-02, fent servir NodeRed i MariaDB ===
Visualitzeu a Grafana les dades de temperatura, humitat relativa, pressió atmosfèrica i de nivell de llum. Feu servir missatgeria MQTT amb un '''''broker'' públic'''. Gestioneu les dades amb NodeRED emmagatzemant-les a una base de dades temporal MariaDB. Visualitzeu les dades a un panell de gràfiques emprant Grafana.
=== A17.07 - Desenvolupament d'una API en NodeRed per a trametre dades ===
Implementeu un flux per a canviar l'estat dels leds i el relé biestable de la placa IoT-02. Feu la prova de validació des del terminal.
=== A17.08 - Desenvolupament d'una API en NodeRed per a rebre dades ===
==== A17.08.01 - Desenvolupament d'una API en NodeRed per a rebre una dada ====
Implementeu un flux per a rebre el valor de l'LDR de la placa IoT-02. Feu la prova de validació des del terminal.
==== A17.08.02 - Desenvolupament d'una API en NodeRed per a rebre un conjunt de dades emprant JSON ====
Implementeu un flux per a rebre un JSON dels valors dels sensors i els botons de la placa IoT-02 (aprofiteu el tema ''jsonIn''). Feu la prova de validació des del terminal.

== A18 - LoRa + QML ==
=== A18.01 - Recepció de dades LoRa, emprant el rerefons de The Things Network i un visualitzador QML ===
Aprofitant exercicis anteriors, ''A17.02 - Tramesa de dades emprant LoRa, The Things Network i NodeRed'' i l'''A08.06'', desenvolupeu un visualitzador, fet en QML, del valor de la LDR tramès per la [[Placa IoT-02 | placa IoT-02]] emprant LoRa.
<!--
= UDP =
== UDP-1 ==
Mireu-vos l'ajuda al QtCreator per a saber com funciona la classe '''QUdpSocket'''. ''Podeu anar a la casella inferior i escriure-hi''' "'''? QUdpSocket'''".

1) Feu un programa amb les Qt a on apareguin dos botons. El botó superior ha de tenir el text '''W''' i el nom de l'objecte del botó '''btEncenBlanc'''. El botó inferior ha de tenir el text '''w''' i el nom de l'objecte del botó '''btApagaBlanc'''.

El mètode que tramet el sòcol té aquest prototipus:
 void GinyUdp::'''vTrametSocolUdp'''(QByteArray qbaCos,QHostAddress qhaAdd,int nPort)

Quan premeu qualsevol dels dos botons s'ha de trametre el text ('''W''' o '''w''') al localhost (''QHostAddress::LocalHost'') al port '''7755'''.

2) Executeu localment el vostre NodeRED i feu que un node UDP pseudoservidor rebi datagrames pel port '''7755'''.
(''Feu una captura de pantalla, incloent-hi el NodeRED i el vostre programa en Qt, demostrant llur funcionament'')

3) Modifiqueu el microprogramari (''firmware'') per rebre els sòcols tramesos pel programa en Qt. Indiqueu que heu canviat al microprogramri per a que funcioni. També heu de canviar l'adreça de destí del datagrama (la IP de la placa IoT-02).

== UDP-2 ==
L'exercici Qt anterior és la base per a fer aquest.

1) Afegiu ginys de tipus QLineEdit per a recollir el valor de la IP i el port de destí. Feu servir els ginys amics (''buddies'') per a relacionar etiquetes (''QLabel'') i línies d'edició (''QLineEdit''). Canvieu l'ordre de la tabulació per defecte.

2) Feu que al prémer un botó es trameti el contingut '''W''' o '''w''' del datagrama a la IP i port correctes.

= QML =
= Qt =

= IoT =
Per a fer les pràctiques a classe emprant WiFi podeu fer servir l'SSID: '''JE_DAW_DAM_2''' i la contrasenya '''clotClot'''
== Wokwi ==
== UserLAnd ==
== Servint pàgina web per a canviar contrasenya ==
== LoRaWAN ==
== NodeRED ==
=== NR01 - Instal·lació ===
Instal·lació i funcionament del NodeRed autònom
=== NR02 - Contrasenya ===
Afegiu usuari i contrasenya al vostre NodeRED

=== NR03- TCP ===
==== MQTTS-01 ====
- [https://recull.binefa.cat/files/doc/mqtt/IoT-02_mqtts_10.zip Microprogramari] amb MQTTS a la placa IoT-02

- Connexió mitjançant sòcols web (9001) a un [http://extensions.snap.berkeley.edu/snap/snap.html Snap! sense SSL]. I vam provar [https://recull.binefa.cat/files/20211025/mqttSnap.xml mqttSnap.xml].

- Connexió mitjançant NodeRED. Enceneu i apagueu un led. Grafiqueu el nivell de llum mitjançant el sensor LDR. Deseu el flux de nodes en format JSON.

- [https://play.google.com/store/apps/details?id=net.routix.mqttdash&hl=es_419&gl=US Aplicació d'Android MQTT Dash] ([https://apps.apple.com/es/app/mqttool/id1085976398 MQTTool a IOS])

==== MQTT-02 ====
- [https://recull.binefa.cat/files/doc/mqtt/IoT-02_mqtt_10.zip Microprogramari] amb MQTT a la placa IoT-02

- Connexió mitjançant sòcols web (9001) a un [http://extensions.snap.berkeley.edu/snap/snap.html Snap! sense SSL]. Modifiqueu [https://recull.binefa.cat/files/20211025/mqttSnap.xml mqttSnap.xml] anomenant-lo mqttNoSegurSnap.xml .

- Connexió mitjançant NodeRED. Afegiu un nou ''broker'' MQTT per a comunicar-vos amb la placa. Enceneu i apagueu un led. Grafiqueu el nivell de llum mitjançant el sensor LDR. Deseu el flux de nodes en format JSON.

- [https://play.google.com/store/apps/details?id=net.routix.mqttdash&hl=es_419&gl=US Aplicació d'Android MQTT Dash]. Teniu cura de no seleccionar que hi ha certificats SSL. ([https://apps.apple.com/es/app/mqttool/id1085976398 MQTTool a IOS])

== Bots ==
=== Telegram ===
=== Mastodon ===
== InfluxDB i Grafana ==
== Python i MQTT amb Paho ==

= FreeRTOS =
= Fils =
-->