DAM2 - EH3. IoT Lab. Curs 2025-2026

De binefa.com
Salta a la navegació Salta a la cerca

Quan tingueu les credencials d'accés a la 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

Compartició de pantalla

Recull de pràctiques de 2n de DAM. Curs 2025-2026

Recull de codis fets a classe. Curs 2025-2026

Introducció al QML. Curs 2025-2026

Llista de 2n de DAM

Totes les llistes

Algunes classes

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$

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 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 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ó
           onVSignalMqttConnected: {
               estatText.text = "Connectat!";
               estatText.color = "green";
               exitButton.text = "&Desconnecta";
           }

20251205

mqttQml03 (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
       }
   }
}

PureQML

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_2026-2026

20251121

20251117ex

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.

20251110

  • Aneu a 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 recull. Analitzem els codis i llur funcionament.
  • Comencem A12.01 i A12.02 del recull

20251107

20251031

20251027

set(CMAKE_AUTORCC ON)

20251024

  • Fem A06.02 del 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); // <-- !!!!!!!
}

pr03b.zip

20251013

  • Dubtes del dia anterior
  • Exercicis pendents

20251006

  • Dubtes del dia anterior
  • Seguim analitzant codis
  • Exercicis pendents

20251003

20250929

Control de la placa IoT-02 amb Snap! (Modifiqueu la MAC i poseu-hi la vostra)

20250926

20250922

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

Linux Installers for Node-RED (GitHub)

Running Node-RED locally

Running Node-RED locally (nodered.org)

Prova de funcionament del Node-RED

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

Snap!

20250919

Recull del dia 20250919 usuari: dam | contrasenya: dam2526

Distribució de M07UF1 i M13 al curs 2024-2025 (obsolet)

Distribució de M07UF1 i M13 al curs 2024-2025 de 2n de DAM

Qt

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 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).

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

Instal·lació de Node.js Guia d'instal·lació de node i npm

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

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

Codis fets a les classes de 2n de DAM usuari: dam | contrasenya: dam2526

Documentació

Alguns exàmens Qt/QML

Curs2024-2025 Eina d'avaluació GP1 Curs 2024-2025 - Departament

Drive curs 2023-2024 (Alèxia, SAC). Eina d'avaluació GP1

novaFP ASIX/DAW/DAM

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

Projecte global GP1. IoT

Impressió

Qt/QML

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

Activació de l'editor QML al QtCreator 6

Qt5 de Jan Bodnar

Vídeos QML

Qt5 Cadaques! A Book about Qt5

Qt Quick tutorial de Jan Bodnar

PyQt5 de Jan Bodnar

Instal·lació de QtMQtt a les Qt

Qt for Android

Qt for Android

Getting Started with Qt for Android

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

Qt for WebAssembly

json

How To Manipulate JSON With C++ and Qt

QProcess

QProcess example

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)

IoT

Introducció al Node-RED

TCP/UDP Capa de transport d'Ethernet

Introducció a MQTT

Afegint la targeta ESP8266 a l'IDE d'Arduino (NodeMCU1.0)

Micropython and the Internet of Things

SCADA fent servir Python QML i Arduino

MQTT avec Qt

Introducció al testing

Placa IoT-02

Placa IoT-02

Introducció a la placa IoT-02

Per a la programació amb l'IDE d'Arduino: https://dl.espressif.com/dl/package_esp32_index.json

Programació en MicroPython

LoRaWAN

LoRa 2022-2023

Consola de The Things Stack (Community Edition) de The Things Network

Presentació LoRaWAN (esborrany v0.4)

Ús pràctic de LoRaWAN TTNv2

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

Obtingut de «https://www.binefa.com/index.php?title=DAM2_-_EH3._IoT_Lab._Curs_2025-2026&oldid=11337»