Utilisateur:Antonydbzh : Différence entre versions

Version du 6 mars 2024 à 16:38

Sommaire

1 Mes pages préférées
2 Master HST
- 2.1 2023-2024
- 2.2 Obsolète
3 Réalisations en cours
- 3.1 ESP32 MINI TV
- 3.2 escape game
- 3.3 satellite tracker
- 3.4 jeu à led
- 3.5 Se former à Blender
4 Qu'est-ce donc ?
5 40 ans des petits débrouillards
6 Code Arduino
7 Pour des BAM
8 A explorer
- 8.1 Synthétiseur
- 8.2 ecran LCD 1602 I2C
9 site de bidouille numérique à explorer
- 9.1 robots
- 9.2 ESP8266
- 9.3 Sons
10 recherches POCL
11 Recherches critiques
12 Reflexions IOT
13 Mon capteur
14 Standards de code en C++
15 janvier2020
16 test encapsul pad
17 des gens qui font des trucs
18 Mes raccourcis
- 18.1 Doc brodeuse numérique
- 18.2 Les messages généraux
19 idées
20 robots
21 Quelques envies
22 relire
23 docs
24 outils
25 Réflexion Fablab
26 comment faire un tableau
27 ou faire ses courses
28 Les machines qui me plaisent
29 mes tests
30 mapping vidéo avec processing
- 30.1 Exemples
- 30.2 Ex. CornerPin
- 30.3 Ex. CornerPinVideo
- 30.4 Ex. CornerPinMultiSurface
- 30.5 Référence Keystone
31 Autres sources
- 31.1 Arduino et Processing
32 test MQTT et Node-red
33 MQTT over Websocket
34 Encapsulation page web

Mes pages préférées

MP3-TF-16P vs DFPlayer : https://www.youtube.com/watch?v=LJXM1KGWEKg
http://digitaltown.co.uk/components17dfminiplayer.php

Intéressant nouveau type de pad : https://demo.codimd.org/ Bonjour,

Je m'occupe des usages du numérique et de l'innovation aux petits débrouillards Grand Ouest. on peut me joindre par téléphone au 06 85 17 62 95 et par mail en cliquant ici.

Discusciences : https://vimeo.com/manage/videos/18972895

https://code.highcharts.com/highcharts.js

Master HST

2023-2024

Obsolète

Réalisations en cours

ESP32 MINI TV

Inspirations :

surtout çui-ci : https://www.youtube.com/watch?v=y51j2k0CUp8

affichage d'image sur le TFT ILI9341 : https://www.xtronical.com/esp32ili9341/

👉Don't forget to have fun with the kids while doing the project.
➡️ Follow us @officutelava👍
➡️ Video by @stevenkroon 👏👏#microcontroller #engineers #Electronic #engineering #technology #electronics #diyprojects #arduino #arduinoproject #arduinofun #kids #fun pic.twitter.com/JvCprJGtyo
— Cute Lava (@OffiCuteLava) January 31, 2020

jeu pour PAPIFAB - https://www.youtube.com/watch?v=vKiWkSPpyaA
voir https://ladigitale.dev/
https://ressources.labomedia.org/boiteayeah
tuto solenoid : https://www.youtube.com/watch?v=UbvL0gGQGys
les trucs animé avec bandes noires : kinegrammes : https://www.instructables.com/Kinegram-or-Analogous-Boomerang-Animation/
Voir Capteur CO2 moins cher : SCD40 ou SCD41
Son lu par ESP8266(D1 mini) : https://www.youtube.com/watch?v=SPa9SMyPU58
wave lu par esp32 : https://www.instructables.com/ESP-32-Based-Audio-Player/

Se former à Blender

En général, en anglais : https://www.youtube.com/watch?v=B0J27sf9N1Y
Modéliser une banane : https://www.youtube.com/watch?v=D8g74tG9oHQ
Débutant en français : https://www.youtube.com/watch?v=WUqZkyFBtYs
débétant français modéliser un ordi : https://www.youtube.com/watch?v=d93bu-2rnOE

Qu'est-ce donc ?

40 ans des petits débrouillards

Code Arduino

Pensez à cette formidable ressource : https://zestedesavoir.com/tutoriels/686/arduino-premiers-pas-en-informatique-embarquee/746_les-capteurs-et-lenvironnement-autour-darduino/3434_generalites-sur-les-capteurs/

 1 /*
 2   Blink
 3 
 4   Turns an LED on for one second, then off for one second, repeatedly.
 5 
 6   Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 7   it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 8   the correct LED pin independent of which board is used.
 9   If you want to know what pin the on-board LED is connected to on your Arduino
10   model, check the Technical Specs of your board at:
11   https://www.arduino.cc/en/Main/Products
12 
13   modified 8 May 2014
14   by Scott Fitzgerald
15   modified 2 Sep 2016
16   by Arturo Guadalupi
17   modified 8 Sep 2016
18   by Colby Newman
19 
20   This example code is in the public domain.
21 
22   https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
23 */
24 
25 // the setup function runs once when you press reset or power the board
26 void setup() {
27   // initialize digital pin LED_BUILTIN as an output.
28   pinMode(LED_BUILTIN, OUTPUT);
29 }
30 
31 // the loop function runs over and over again forever
32 void loop() {
33   digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
34   delay(1000);                       // wait for a second
35   digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
36   delay(1000);                       // wait for a second
37 }

 1 /*
 2   Blink
 3 
 4   Turns an LED on for one second, then off for one second, repeatedly.
 5 
 6   Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 7   it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 8   the correct LED pin independent of which board is used.
 9   If you want to know what pin the on-board LED is connected to on your Arduino
10   model, check the Technical Specs of your board at:
11   https://www.arduino.cc/en/Main/Products
12 
13   modified 8 May 2014
14   by Scott Fitzgerald
15   modified 2 Sep 2016
16   by Arturo Guadalupi
17   modified 8 Sep 2016
18   by Colby Newman
19 
20   This example code is in the public domain.
21 
22   https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
23 */
24 
25 // the setup function runs once when you press reset or power the board
26 void setup() {
27   // initialize digital pin LED_BUILTIN as an output.
28   pinMode(LED_BUILTIN, OUTPUT);
29 }
30 
31 // the loop function runs over and over again forever
32 void loop() {
33   digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
34   delay(1000);                       // wait for a second
35   digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
36   delay(1000);                       // wait for a second
37 }

 1 /*
 2   Blink
 3 
 4   Turns an LED on for one second, then off for one second, repeatedly.
 5 
 6   Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 7   it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 8   the correct LED pin independent of which board is used.
 9   If you want to know what pin the on-board LED is connected to on your Arduino
10   model, check the Technical Specs of your board at:
11   https://www.arduino.cc/en/Main/Products
12 
13   modified 8 May 2014
14   by Scott Fitzgerald
15   modified 2 Sep 2016
16   by Arturo Guadalupi
17   modified 8 Sep 2016
18   by Colby Newman
19 
20   This example code is in the public domain.
21 
22   https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
23 */
24 
25 // the setup function runs once when you press reset or power the board
26 void setup() {
27   // initialize digital pin LED_BUILTIN as an output.
28   pinMode(LED_BUILTIN, OUTPUT);
29 }
30 
31 // the loop function runs over and over again forever
32 void loop() {
33   digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
34   delay(1000);                       // wait for a second
35   digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
36   delay(1000);                       // wait for a second
37 }

Pour des BAM

https://www.voltpaperscissors.com/rgb-touchcube

A explorer

Synthétiseur

ecran LCD 1602 I2C

site de bidouille numérique à explorer

robots

https://howtomechatronics.com/tutorials/arduino/diy-arduino-robot-arm-with-smartphone-control/

ESP8266

https://www.youtube.com/watch?v=IIl5nDjfkjY
https://www.youtube.com/watch?v=jIOTzaeh7fs&t=152s
https://www.youtube.com/watch?v=Wm1xKj4bKsY
RNT Ruban de Led : https://randomnerdtutorials.com/guide-for-ws2812b-addressable-rgb-led-strip-with-arduino/
Wifimanager : http://www.martyncurrey.com/esp8266-and-the-arduino-ide-part-5-adding-wifimanager/
identifiant de l'esp : client.publish("DocTest/ChipID", String(ESP.getChipId()).c_str()); ESP.getChipId() renvoie un entier
https://techtutorialsx.com/2017/04/26/esp8266-flash-chip-information-functions/
https://forum.arduino.cc/t/mqtt-with-esp32-gives-timeout-exceeded-disconnecting/688723/7

Sons

R2D2 : https://www.instructables.com/R2D2-Sound-Generator/
Meilleure fonction tone : https://playground.arduino.cc/Code/ToneAC/

recherches POCL

Dessiner des formes en fonction des données https://www.open-electronics.org/draw-patterns-with-arduino/
la lutherie numérique de labomedia https://labomedia.org/oeuvres-interactives/exposition-de-lutheries-numeriques/
visualiser des capteurs avec arduino https://www.electroschematics.com/visualizing-data-arduino/

Recherches critiques

Reflexions IOT

https://be-smartcity.com/2017/08/24/internet-of-things-iot-objets-connectes-et-open-data/

Mon capteur

https://api-rrd.madavi.de/grafana/d/GUaL5aZMz/pm-sensors?orgId=1&theme=light&var-chipID=esp8266-12666278

Standards de code en C++

janvier2020

Compte à rebour fête de la musique Countdown

MPR121, la touchboard inspirée de bare conductive : https://www.hackster.io/talofer99/turn-almost-any-surface-into-a-touch-button-with-mpr121-cc4205
esp32 cam, la voiture avec camera : https://www.youtube.com/watch?v=HedMwVT6J3M
- https://www.bitsnblobs.com/esp32-troubleshooting-guide/
- voir aussi : https://www.youtube.com/watch?v=u7cYWQiltuM

poule story : https://www.hackster.io/BnBe_Club/video-capture-using-the-esp32-cam-board-c61ad7

au sujet ds diférence de wifi 5 et 2,4Ghz : https://www.linksys.com/fr/support-article?articleNum=134478

interface Raspi : https://www.networkshare.fr/2015/05/tuto-dashboard-raspberry-pi-dashing/

test encapsul pad

des gens qui font des trucs

http://www.antoninfourneau.com/
https://www.niklasroy.com/workshop/69/surprise-control
Hannah Perner-Wilson Voir ici http://www.kobakant.at/DIY/ et là https://www.youtube.com/watch?v=h6P8DzEG_7A
Coralie Gourguechon : https://www.coraliegourguechon.fr/Anatomical-board-of-a-speaker
http://arborescenceselectroniques.com/
http://florianpineau.fr/

Mes raccourcis

help

Parc Machines

Le menu de gauche est éditable (avec les droits admin pour éviter les abus) via la page Mediawiki:sidebar.

Les éléments de menu y sont organisés comme des listes à puces, où les puces de premier niveau sont des sous-ensembles du menu et les puces de deuxième niveau des éléments (en général des liens)

Doc brodeuse numérique

Sur le wiki de ping : https://fablabo.net/wiki/Brodeuse_Num%C3%A9rique_BrotherNV800E/Modedemploi/Modedemploi
logiciele open-source forké de Inkscape : https://inkstitch.org/
modèle acquise par la ville de Brest sur recommandation des Fabriques : Memory Craft 500E

Les messages généraux

Il sont diffusés sur toutes les pages.

Par exemple, le code suivant :

[[Fichier:BC2017.png|50px]]
<font color="#b13ebf">
{{grossir|Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition}}
</font>

donne en haut de toutes les pages du wiki, l'affichage suivant :

Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition

idées

jeu éducatif au code "Primo" : https://www.kickstarter.com/projects/1039674461/primo-teaching-programming-logic-to-children-age-4?ref=category
un oeil sur Kano : https://www.kickstarter.com/projects/alexklein/kano-a-computer-anyone-can-make
http://www.laboiteverte.fr/des-cubes-qui-sarrangent-de-differentes-manieres/

Machine à Cocktails : http://yujiangtham.com/2014/05/30/build-your-very-own-drink-mixing-robot-part-2/

robots

https://www.youtube.com/watch?v=8VvYu1fWyxA

Avec mini ecran de tele pour faire la bouche : https://www.youtube.com/watch?v=bO-DWWFolPw

Quelques envies

http://www.instructables.com/id/Wiebelbot/?ALLSTEPS

http://3dprint.com/17665/robopuppet-3d-print/

http://3dprint.com/19709/3d-printed-zortrax-robots/

relire

http://www.internetactu.net/2014/10/20/fab-labs-makerspaces-etc-imaginer-lavenir-des-ateliers-de-fabrication-numerique/#comment-1094660

http://wiki.fablab.is/wiki/ConditionsForFabLabLabel/fr

http://wiki.fablab.is/wiki/Portal:Labs

docs

argile virtuelle : http://vrclay.com/

logicielle de création pour découpage 2D et structures en faite par assemblage de plans : http://flatfab.com/

site de DiY : http://www.humanosphere.info/2014/10/fabriquer-vos-meubles-ca-vous-dirait-des-plans-gratuits/

outils

http://www.woodself.com/fr/

Réflexion Fablab

https://lite2.framapad.org/p/TlauzTjtu2

critique Fabab (source : liste fablab-fr, mail de Thomas Fourmond) :

comment faire un tableau

Texte de l’en-tête	Texte de l’en-tête	Texte de l’en-tête
Texte de la cellule 1	Texte de la cellule 2	Texte de la cellule 3
Texte de la cellule	Texte de la cellule	Texte de la cellule
Texte de la cellule	Texte de la cellule	Texte de la cellule

ou faire ses courses

http://www.hobbyking.com/hobbyking/store/__662__HXT900_9g_1_6kg_12sec_Micro_Servo.html

Les machines qui me plaisent

mes tests

Fichier:HP Outil Idéalisation-2.odt

Fichier:HP - AAA décodage.odt

Fichier:HP Portrait chinois-2.odt

mapping vidéo avec processing

Traduction sauvage de la page : https://fh-potsdam.github.io/doing-projection-mapping/processing-keystone/

Taille vidéo projecteurs :

1080p : 1920 X 1080
720p : 1280 X 720
480p : 720 X 480
4K : 3840 X 2160
8K : 7680 X 4320

Nous devons d'abord ajuster la taille du sketch à la sortie de nos projecteurs. Recherchez la ligne suivante et insérez la largeur et la hauteur de votre projecteur (dans cet ordre).

size (800, 600, P3D);

Lors de l'exécution de notre sketch, nous obtiendrons maintenant une fenêtre qui correspond à notre sortie. Exécutez-le comme une fenêtre plein écran en appuyant sur le bouton d'agrandissement en haut de celui-ci ou démarrez le sketch en mode présentation directement à partir de Traitement.

Keycombo	Description
⌘ + R	exécute le sketch
⇧ + ⌘ + R	exécute le sketch en mode présentation

Le paramètre suivant que nous devons ajuster est la ligne qui crée notre surface. Recherchez la ligne suivante et modifiez les valeurs à la taille souhaitée ou laissez-les telles quelles. Selon ce que devrait être votre sortie.

surface = ks.createCornerPinSurface(400, 300, 20);

Le premier paramètre est la largeur - width -, le second la hauteur - height - et le troisième la résolution - resolution - de la surface. Ces valeurs doivent correspondre au paramètre suivant que nous devons ajuster.

offscreen = createGraphics(400, 300, P3D);

Il s'agit de la taille des graphiques que nous allons générer dans Processing. Nous ne rendons rien directement dans la fenêtre de l'application. Au lieu de cela, la bibliothèque prend un graphique rendu hors écran et le déforme dans la surface du coin. Cela signifie que chaque sortie graphique de Processing que nous voulons avoir déformée doit être appelée comme un descendant de l'objet offscreen PGraphics. Voir la référence Processing pour plus d'informations. Les lignes suivantes dans l'esquisse obtiennent la position transformée de la souris et ajoutent la sortie graphique au tampon hors écran.

PVector surfaceMouse = surface.getTransformedMouse();
offscreen.beginDraw();
offscreen.background(255);
offscreen.fill(0, 255, 0);
offscreen.ellipse(surfaceMouse.x, surfaceMouse.y, 75, 75);
offscreen.endDraw();

Tout ce que vous voulez sur votre objet doit être entre les lignes offscreen.beginDraw(); et offscreen.endDraw();. Après cela, nous envoyons l'objet PGraphics à la surface Keystone et le rendons à l'écran avec la ligne suivante.

surface.render(offscreen);

Vous pouvez maintenant déformer votre surface. Appuyez sur «c» et vous obtiendrez des poignées à chaque coin. pour plus de commodité, deux autres commandes sont implémentées. «S» enregistre votre scène dans un fichier .xml. "L" charge une scène à partir de ce fichier.

Key	Description
s	sauvegarde la scène
l	charge la scène
c	édite les poignées à chaque coin

Vous savez l'essentiel ! Si vous souhaitez cartographier plusieurs surfaces, il vous suffit de :

créer un objet PGraphics pour chaque surface
créer un objet CornerPinSurface pour chaque surface
les initialiser
dessiner dans vos tampons hors écran
ajoutez-les tous à la commande surface.render (PGraphics).

Exemples

Dans le référentiel, vous pouvez trouver trois exemples de traitement. Pour les exécuter, vous devez télécharger le dossier entier et ouvrir les fichiers .pde dans Traitement. Voir le répertoire examples / Processing / Keystone pour les croquis.

Ex. CornerPin

Ceci est l'exemple de base tiré de la bibliothèque Keystone. Il déforme une surface comme expliqué ci-dessus.

Key	Description
s	sauvegarde la scène
l	charge la scène
c	édite les poignées à chaque coin

code source ici

Ex. CornerPinVideo

Key	Description
s	sauvegarde la scène
l	charge la scène
c	édite les poignées à chaque coin
p	play/pause the video

Cet exemple montre comment utiliser une vidéo à l'intérieur de votre surface. Vous pouvez le lire / le mettre en pause en appuyant sur «p».

code source ici

Ex. CornerPinMultiSurface

L'exemple MultiSurface montre l'utilisation de deux surfaces qui forment un coin. Tous les traits de touche des exemples CornerPin s'appliquent.

Key	Description
s	sauvegarde la scène
l	charge la scène
c	édite les poignées à chaque coin

Code source ici

Référence Keystone

Pour un aperçu plus approfondi de la bibliothèque Keystone. Aller à : http://keystonep5.sourceforge.net/reference/index.html

Autres sources

tuto vidéo et processing : http://www.silentlycrashing.net/p5/libs/video/
projection sur formes 3D : https://vvvv.org/documentation/how-to-project-on-3d-geometry
http://www.inimart.com/inimart/pmtutorial-processingspoutsyphonmapio-winosx/

Arduino et Processing

Arduino et Processing : https://forum.processing.org/two/discussion/25365/play-video-using-processing-arduino-and-pir-sensor
Arduino et Processing : https://discourse.processing.org/t/volume-control-with-analog-sensor-arduino-processing/6122/7

@@ Ligne 1 : / Ligne 1 : @@
+[[Fichier:Geekoten-github-light.jpg|100px|gauche|picto Antony]]
+==Mes pages préférées==
+* MP3-TF-16P vs DFPlayer : https://www.youtube.com/watch?v=LJXM1KGWEKg
+* http://digitaltown.co.uk/components17dfminiplayer.php
+* https://www.youtube.com/watch?v=azs2dGFUoJw
+* https://peertube.fr/w/rcVFXvkPFbgFjuk3DjZGbR
+* https://www.voltpaperscissors.com/rgb-touchcube
+* https://scribouilli.org/
+* http://fabrico.fr/
+* [[une nouvelle page préférée]]
+* [[Aide à la syntaxe]]
+* [[Mode d'emploi]]
+* [[Penn Avel : SOS, j'ai des problèmes]]
+* [https://www.instagram.com/antonydbzh/ Mon compte Instagram tralalère]
+<html>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/DjN9L8Cagnw?si=nO_c--lGGaD5MmW7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+</html>
+[[Fichier:Hackathonpedagogique2015.jpg|200px]]
+Intéressant nouveau type de pad : https://demo.codimd.org/
 <font color="#FE2EF7">Bonjour,
 Je m'occupe des usages du numérique et de l'innovation aux petits débrouillards Grand Ouest.
-on peut me joindre sur skype/AIM/JABBER/twitter avec ce pseudo : Antonydbzh sinon par téléphone au 06 85 17 62 95 et [http://wiki.lesfabriquesduponant.net/index.php?title=Sp%C3%A9cial:Envoyer_un_courriel/Antonydbzh par mail en cliquant ici].
+on peut me joindre par téléphone au 06 85 17 62 95 et [http://wiki.lesfabriquesduponant.net/index.php?title=Sp%C3%A9cial:Envoyer_un_courriel/Antonydbzh par mail en cliquant ici].
+Discusciences : https://vimeo.com/manage/videos/18972895
+https://code.highcharts.com/highcharts.js
+</font color>
+==Master HST==
+===2023-2024===
+* https://mypads2.framapad.org/mypads/?/mypads/group/masterhst-z91tfu9dl/pad/view/stagemediation23-24-qp1ic29f0
+* [[Media:ApartagerMEHST.zip|Télécharger les docs]]
+===Obsolète===
+* musée de l'Internet : https://neal.fun/internet-artifacts/first-mp3/
+* [[Media:FichetypeAnimationM1-EHST-2023.odt]]
+* https://upload.wikimedia.org/wikipedia/commons/8/89/Blooms_rose_fr.svg
+* [[Media:Ficheanimation.odt]]
+* https://www.meirieu.com/PATRIMOINE/lespedagogues.htm
+* [[Media:ConnaissancedesPublics.odt]]
+* [[Media:Activitespourlesetudiants.pdf]]
+* [[Media:GrilleObservationFDLS2023.odt]]
+==Réalisations en cours==
+===ESP32 MINI TV===
+Inspirations :
+* https://www.thingiverse.com/thing:6330378
+* https://www.instructables.com/Mini-Retro-TV/
+* https://github.com/atomic14/esp32-tv
+* https://www.youtube.com/@atomic14
+surtout çui-ci : https://www.youtube.com/watch?v=y51j2k0CUp8
+affichage d'image sur le TFT ILI9341 : https://www.xtronical.com/esp32ili9341/
+===escape game===
+https://gusandco.net/2024/01/31/creer-un-escape-game-pedagogique-le-guide-complet/
+https://www.youtube.com/watch?v=XTrP3Fah3Fk
+===satellite tracker===
+* https://projecthub.arduino.cc/alex_chang/satellite-tracker-21883c
+===jeu à led===
+* Tetris geants : https://electronoobs.com/eng_arduino_tut104.php
+<html>
+<blockquote class="twitter-tweet"><p lang="en" dir="ltr">👉Don&#39;t forget to have fun with the kids while doing the project.<br>➡️ Follow us <a href="https://twitter.com/OffiCuteLava?ref_src=twsrc%5Etfw">@officutelava</a>👍<br>➡️ Video by <a href="https://twitter.com/stevenkroon?ref_src=twsrc%5Etfw">@stevenkroon</a> 👏👏<a href="https://twitter.com/hashtag/microcontroller?src=hash&amp;ref_src=twsrc%5Etfw">#microcontroller</a> <a href="https://twitter.com/hashtag/engineers?src=hash&amp;ref_src=twsrc%5Etfw">#engineers</a> <a href="https://twitter.com/hashtag/Electronic?src=hash&amp;ref_src=twsrc%5Etfw">#Electronic</a> <a href="https://twitter.com/hashtag/engineering?src=hash&amp;ref_src=twsrc%5Etfw">#engineering</a> <a href="https://twitter.com/hashtag/technology?src=hash&amp;ref_src=twsrc%5Etfw">#technology</a> <a href="https://twitter.com/hashtag/electronics?src=hash&amp;ref_src=twsrc%5Etfw">#electronics</a> <a href="https://twitter.com/hashtag/diyprojects?src=hash&amp;ref_src=twsrc%5Etfw">#diyprojects</a> <a href="https://twitter.com/hashtag/arduino?src=hash&amp;ref_src=twsrc%5Etfw">#arduino</a> <a href="https://twitter.com/hashtag/arduinoproject?src=hash&amp;ref_src=twsrc%5Etfw">#arduinoproject</a> <a href="https://twitter.com/hashtag/arduinofun?src=hash&amp;ref_src=twsrc%5Etfw">#arduinofun</a> <a href="https://twitter.com/hashtag/kids?src=hash&amp;ref_src=twsrc%5Etfw">#kids</a> <a href="https://twitter.com/hashtag/fun?src=hash&amp;ref_src=twsrc%5Etfw">#fun</a> <a href="https://t.co/JvCprJGtyo">pic.twitter.com/JvCprJGtyo</a></p>&mdash; Cute Lava (@OffiCuteLava) <a href="https://twitter.com/OffiCuteLava/status/1223093120054845445?ref_src=twsrc%5Etfw">January 31, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+</html>
+* jeu pour PAPIFAB - https://www.youtube.com/watch?v=vKiWkSPpyaA
+* voir https://ladigitale.dev/
+* https://ressources.labomedia.org/boiteayeah
+* tuto solenoid : https://www.youtube.com/watch?v=UbvL0gGQGys
+* les trucs animé avec bandes noires : kinegrammes : https://www.instructables.com/Kinegram-or-Analogous-Boomerang-Animation/
+* Voir Capteur CO2 moins cher : SCD40 ou SCD41
+* Son lu par ESP8266(D1 mini) : https://www.youtube.com/watch?v=SPa9SMyPU58
+* wave lu par esp32 : https://www.instructables.com/ESP-32-Based-Audio-Player/
+===Se former à Blender===
+* En général, en anglais : https://www.youtube.com/watch?v=B0J27sf9N1Y
+* Modéliser une banane : https://www.youtube.com/watch?v=D8g74tG9oHQ
+* Débutant en français : https://www.youtube.com/watch?v=WUqZkyFBtYs
+* débétant français modéliser un ordi : https://www.youtube.com/watch?v=d93bu-2rnOE
+==Qu'est-ce donc ?==
+<inputbox>
+type=create
+break=no
+</inputbox>
+<html>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/FW6Vx2g9OCI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</html>
+==40 ans des petits débrouillards==
+* https://www.youtube.com/watch?v=-9HLzS__r5s
+* https://www.youtube.com/watch?v=bScwFvvntWc
+* https://www.youtube.com/watch?v=Tp4rjFXos8k
+==Code Arduino==
+Pensez à cette formidable ressource : https://zestedesavoir.com/tutoriels/686/arduino-premiers-pas-en-informatique-embarquee/746_les-capteurs-et-lenvironnement-autour-darduino/3434_generalites-sur-les-capteurs/
+<nowiki>
+<syntaxhighlight lang="Arduino" line>
+</syntaxhighlight>
+</nowiki>
+<syntaxhighlight lang="Arduino" line>
+/*
+  Blink
+  Turns an LED on for one second, then off for one second, repeatedly.
+  Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
+  it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
+  the correct LED pin independent of which board is used.
+  If you want to know what pin the on-board LED is connected to on your Arduino
+  model, check the Technical Specs of your board at:
+  https://www.arduino.cc/en/Main/Products
+  modified 8 May 2014
+  by Scott Fitzgerald
+  modified 2 Sep 2016
+  by Arturo Guadalupi
+  modified 8 Sep 2016
+  by Colby Newman
+  This example code is in the public domain.
+  https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
+*/
+// the setup function runs once when you press reset or power the board
+void setup() {
+  // initialize digital pin LED_BUILTIN as an output.
+  pinMode(LED_BUILTIN, OUTPUT);
+}
+// the loop function runs over and over again forever
+void loop() {
+  digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
+  delay(1000);                       // wait for a second
+  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
+  delay(1000);                       // wait for a second
+}
+</syntaxhighlight>
+<syntaxhighlight lang="C++" line>
+/*
+  Blink
+  Turns an LED on for one second, then off for one second, repeatedly.
+  Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
+  it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
+  the correct LED pin independent of which board is used.
+  If you want to know what pin the on-board LED is connected to on your Arduino
+  model, check the Technical Specs of your board at:
+  https://www.arduino.cc/en/Main/Products
+  modified 8 May 2014
+  by Scott Fitzgerald
+  modified 2 Sep 2016
+  by Arturo Guadalupi
+  modified 8 Sep 2016
+  by Colby Newman
+  This example code is in the public domain.
+  https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
+*/
+// the setup function runs once when you press reset or power the board
+void setup() {
+  // initialize digital pin LED_BUILTIN as an output.
+  pinMode(LED_BUILTIN, OUTPUT);
+}
+// the loop function runs over and over again forever
+void loop() {
+  digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
+  delay(1000);                       // wait for a second
+  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
+  delay(1000);                       // wait for a second
+}
+</syntaxhighlight>
+<syntaxhighlight lang="C" line>
+/*
+  Blink
+  Turns an LED on for one second, then off for one second, repeatedly.
+  Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
+  it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
+  the correct LED pin independent of which board is used.
+  If you want to know what pin the on-board LED is connected to on your Arduino
+  model, check the Technical Specs of your board at:
+  https://www.arduino.cc/en/Main/Products
+  modified 8 May 2014
+  by Scott Fitzgerald
+  modified 2 Sep 2016
+  by Arturo Guadalupi
+  modified 8 Sep 2016
+  by Colby Newman
+  This example code is in the public domain.
+  https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
+*/
+// the setup function runs once when you press reset or power the board
+void setup() {
+  // initialize digital pin LED_BUILTIN as an output.
+  pinMode(LED_BUILTIN, OUTPUT);
+}
+// the loop function runs over and over again forever
+void loop() {
+  digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
+  delay(1000);                       // wait for a second
+  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
+  delay(1000);                       // wait for a second
+}
+</syntaxhighlight>
+==Pour des BAM==
+* https://www.voltpaperscissors.com/rgb-touchcube
+==A explorer==
+* https://www.kiwix.org/en/downloads/macos/
+* https://cargocollective.com/toydesign/Praxinoscope
+* https://www.playmodes.com/portfolio-category/coding/
+* http://www.vivienroussel.com/memoire/
+* https://arduino-france.site/jeu-dinosaur/
+* https://www.aranacorp.com/fr/rendez-votre-robot-interactif-avec-un-ecran-lcd16x2/
+* https://histoiresetfablab.wordpress.com/
+* TagTool pour iPad uniquement : https://www.omai.at/tagtool/
+* https://www.tubefr.com/comment-construire-une-valise-tagtool.html
+* https://arduinogetstarted.com/arduino-tutorials
+===Synthétiseur===
+* https://www.instructables.com/Synthesizer/
+* https://www.instructables.com/Open-MIDI-Sax-Build-Your-Own-MIDI-Wind-Controller-/
+===ecran LCD 1602 I2C===
+* https://arduino-france.site/lcd-1602/
+* https://www.electronique-kit.com/ecran-lcd-arduino
+==site de bidouille numérique à explorer==
+* https://electropeak.com/learn/
+* https://www.brainy-bits.com/tutorials
+===robots===
+* https://howtomechatronics.com/tutorials/arduino/diy-arduino-robot-arm-with-smartphone-control/
+===ESP8266===
+* https://www.youtube.com/watch?v=IIl5nDjfkjY
+* https://www.youtube.com/watch?v=jIOTzaeh7fs&t=152s
+* https://www.youtube.com/watch?v=Wm1xKj4bKsY
+* RNT Ruban de Led : https://randomnerdtutorials.com/guide-for-ws2812b-addressable-rgb-led-strip-with-arduino/
+* Wifimanager : http://www.martyncurrey.com/esp8266-and-the-arduino-ide-part-5-adding-wifimanager/
+* identifiant de l'esp : client.publish("DocTest/ChipID", String(ESP.getChipId()).c_str());  ESP.getChipId() renvoie un entier
+* https://techtutorialsx.com/2017/04/26/esp8266-flash-chip-information-functions/
+* https://forum.arduino.cc/t/mqtt-with-esp32-gives-timeout-exceeded-disconnecting/688723/7
+===Sons===
+* R2D2 : https://www.instructables.com/R2D2-Sound-Generator/
+* Meilleure fonction tone : https://playground.arduino.cc/Code/ToneAC/
+==recherches POCL==
+* Dessiner des formes en fonction des données https://www.open-electronics.org/draw-patterns-with-arduino/
+* la lutherie numérique de labomedia https://labomedia.org/oeuvres-interactives/exposition-de-lutheries-numeriques/
+* visualiser des capteurs avec arduino https://www.electroschematics.com/visualizing-data-arduino/
+==Recherches critiques==
+* https://labomedia.org/labomedia/
+* https://artlabo.org/
+* https://www.makery.info/2020/02/08/les-rencontres-artlabo-recits-des-temps-futurs-a-bourges/
+* https://disnovation.org/index.php
+* https://lafun.fr/
+==Reflexions IOT==
+* https://be-smartcity.com/2017/08/24/internet-of-things-iot-objets-connectes-et-open-data/
+==Mon capteur==
+https://api-rrd.madavi.de/grafana/d/GUaL5aZMz/pm-sensors?orgId=1&theme=light&var-chipID=esp8266-12666278
+==Standards de code en C++==
+* https://isocpp.org/wiki/faq/coding-standards
+* https://isocpp.org/wiki/faq/coding-standards
+==janvier2020==
+<html>
+<div data-type="countdown" data-id="1873640" class="tickcounter" style="width: 100%; position: relative; padding-bottom: 25%"><a href="//www.tickcounter.com/countdown/1873640/compte-a-rebour-fete-de-la-musique" title="Compte à rebour fête de la musique">Compte à rebour fête de la musique</a><a href="//www.tickcounter.com/" title="Countdown">Countdown</a></div><script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script>
+</html>
+<html>
+<iframe width="100%" height="480px" src="https://www.watchisup.fr/compte-a-rebours/embed/super-brest-2023-11-24-18-00?backgroundcolor=&color=" frameborder="0" allowfullscreen></iframe>
+</html>
+* MPR121, la touchboard inspirée de bare conductive : https://www.hackster.io/talofer99/turn-almost-any-surface-into-a-touch-button-with-mpr121-cc4205
+* esp32 cam, la voiture avec camera : https://www.youtube.com/watch?v=HedMwVT6J3M
+** https://www.bitsnblobs.com/esp32-troubleshooting-guide/
+** voir aussi : https://www.youtube.com/watch?v=u7cYWQiltuM
+poule story : https://www.hackster.io/BnBe_Club/video-capture-using-the-esp32-cam-board-c61ad7
+au sujet ds diférence de wifi 5 et 2,4Ghz : https://www.linksys.com/fr/support-article?articleNum=134478
+interface Raspi : https://www.networkshare.fr/2015/05/tuto-dashboard-raspberry-pi-dashing/
+==test encapsul pad==
+<html>
+<iframe name="embed_readwrite" src="https://mypads.framapad.org/p/testatelier-6r1lur7x2?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width=600 height=400></iframe>
+</html>
 ==des gens qui font des trucs==
 * http://www.antoninfourneau.com/
@@ Ligne 12 : / Ligne 336 : @@
 ==Mes raccourcis==
-* helppage|help
+* [[helppage|help]]
-[[Parc Machines]]
+* [[Parc Machines]]
-Le menu de gauche est éditable (avec les droits admin pour éviter les abus) via la page [[Mediawiki:sidebar]].
+* Le menu de gauche est éditable (avec les droits admin pour éviter les abus) via la page [[Mediawiki:sidebar]].
+Les éléments de menu y sont organisés comme des listes à puces, où les puces de premier niveau sont des sous-ensembles du menu et les puces de deuxième niveau des éléments (en général des liens)
-Les éléments de menu y sont organisés comme des listes à puces, où les puces de premier niveau sont des sous-ensembles du menu et les puces de deuxième niveau des éléments (en général des liens)
+===Doc brodeuse numérique===
+* Sur le wiki de ping : https://fablabo.net/wiki/Brodeuse_Num%C3%A9rique_BrotherNV800E/Modedemploi/Modedemploi
+* logiciele open-source forké de Inkscape : https://inkstitch.org/
+* modèle acquise par la ville de Brest sur recommandation des Fabriques :  [https://www.janome.com/en/machines/embroidery/memory-craft-500e/ Memory Craft 500E]
 ===Les messages généraux===
 <font color="#000000">
-Il sont diffusés sur toutes les pages un exemple :
+Il sont diffusés sur toutes les pages.
-<nowiki>
+Par exemple, le code suivant :
+<pre>
 [[Fichier:BC2017.png|50px]]
-</nowiki>
-<nowiki>
 <font color="#b13ebf">
-</nowiki>
-<nowiki>
 {{grossir|Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition}}
-</nowiki>
+</font>
+</pre>
-<nowiki>
+donne en haut de toutes les pages du wiki, l'affichage suivant :
-</font>
-</nowiki>
 [[Fichier:BC2017.png|50px]]
@@ Ligne 43 : / Ligne 366 : @@
 {{grossir|Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition}}
 </font>
 </font>
@@ Ligne 55 : / Ligne 379 : @@
 ==robots==
 https://www.youtube.com/watch?v=8VvYu1fWyxA
+Avec mini ecran de tele pour faire la bouche :
+https://www.youtube.com/watch?v=bO-DWWFolPw
 ==Quelques envies==
 http://www.instructables.com/id/Wiebelbot/?ALLSTEPS
@@ Ligne 97 : / Ligne 425 : @@
 ! Texte de l’en-tête !! Texte de l’en-tête !! Texte de l’en-tête
 |-
-| Texte de la cellule || Texte de la cellule || Texte de la cellule
+| Texte de la cellule 1
+|| Texte de la cellule 2
+|| Texte de la cellule 3
 |-
-| Texte de la cellule || Texte de la cellule || Texte de la cellule
+| Texte de la cellule
+|| Texte de la cellule
+|| Texte de la cellule
 |-
-| Texte de la cellule || Texte de la cellule || Texte de la cellule
+| Texte de la cellule
+|| Texte de la cellule
+|| Texte de la cellule
 |}
-==en cours==
-demande licence Solidworks effectuée le 25 février sur le site http://www.fabfoundation.org/fab-lab-resources/
-http://www.lemonde.fr/pixels/article/2015/03/27/on-a-teste-pour-vous-l-hologramme-fait-maison-en-dix-minutes-chrono_4602295_4408996.html
-cela prend quelque semaines
 ==ou faire ses courses==
@@ Ligne 124 : / Ligne 450 : @@
 <iframe height="300px" width="500px" src="https://www.qwant.com/?q=hibiscus&t=images">
 </iframe>
+</html>
+[[fichier:HP Outil Idéalisation-2.odt]]
+[[fichier:HP - AAA décodage.odt ]]
+[[fichier:HP Portrait chinois-2.odt]]
+==mapping vidéo avec processing==
+Traduction sauvage de la page : https://fh-potsdam.github.io/doing-projection-mapping/processing-keystone/
+Taille vidéo projecteurs :
+* 1080p : 1920 X 1080
+* 720p : 1280 X 720
+* 480p : 720 X 480
+* 4K : 3840 X 2160
+* 8K : 7680 X 4320
+Nous devons d'abord ajuster la taille du sketch à la sortie de nos projecteurs. Recherchez la ligne suivante et insérez la largeur et la hauteur de votre projecteur (dans cet ordre).
+ size (800, 600, P3D);
+Lors de l'exécution de notre sketch, nous obtiendrons maintenant une fenêtre qui correspond à notre sortie. Exécutez-le comme une fenêtre plein écran en appuyant sur le bouton d'agrandissement en haut de celui-ci ou démarrez le sketch en mode présentation directement à partir de Traitement.
+{| class="wikitable"
+|-
+! Keycombo !! Description
+|-
+| ⌘ + R  || exécute le sketch
+|-
+| ⇧ + ⌘ + R || exécute le sketch en mode présentation
+|}
+Le paramètre suivant que nous devons ajuster est la ligne qui crée notre surface. Recherchez la ligne suivante et modifiez les valeurs à la taille souhaitée ou laissez-les telles quelles. Selon ce que devrait être votre sortie.
+<pre>
+surface = ks.createCornerPinSurface(400, 300, 20);
+</pre>
+Le premier paramètre est la largeur - width -, le second la hauteur - height - et le troisième la résolution - resolution - de la surface. Ces valeurs doivent correspondre au paramètre suivant que nous devons ajuster.
+<pre>
+offscreen = createGraphics(400, 300, P3D);
+</pre>
+Il s'agit de la taille des graphiques que nous allons générer dans Processing. Nous ne rendons rien directement dans la fenêtre de l'application. Au lieu de cela, la bibliothèque prend un graphique rendu hors écran et le déforme dans la surface du coin. Cela signifie que chaque sortie graphique de Processing que nous voulons avoir déformée doit être appelée comme un descendant de l'objet offscreen PGraphics. Voir la [https://processing.org/reference/createGraphics_.html référence Processing] pour plus d'informations.
+Les lignes suivantes dans l'esquisse obtiennent la position transformée de la souris et ajoutent la sortie graphique au tampon hors écran.
+<pre>
+PVector surfaceMouse = surface.getTransformedMouse();
+offscreen.beginDraw();
+offscreen.background(255);
+offscreen.fill(0, 255, 0);
+offscreen.ellipse(surfaceMouse.x, surfaceMouse.y, 75, 75);
+offscreen.endDraw();
+</pre>
+Tout ce que vous voulez sur votre objet doit être entre les lignes offscreen.beginDraw(); et offscreen.endDraw();. Après cela, nous envoyons l'objet PGraphics à la surface Keystone et le rendons à l'écran avec la ligne suivante.
+<pre>
+surface.render(offscreen);
+</pre>
+Vous pouvez maintenant déformer votre surface. Appuyez sur «c» et vous obtiendrez des poignées à chaque coin. pour plus de commodité, deux autres commandes sont implémentées. «S» enregistre votre scène dans un fichier .xml. "L" charge une scène à partir de ce fichier.
+{| class="wikitable"
+|-
+! Key !! Description
+|-
+|s || sauvegarde la scène
+|-
+|l || charge la scène
+|-
+|c || édite les poignées à chaque coin
+|}
+Vous savez l'essentiel ! Si vous souhaitez cartographier plusieurs surfaces, il vous suffit de :
+* créer un objet PGraphics pour chaque surface
+* créer un objet CornerPinSurface pour chaque surface
+* les initialiser
+* dessiner dans vos tampons hors écran
+* ajoutez-les tous à la commande surface.render (PGraphics).
+====Exemples====
+Dans le référentiel, vous pouvez trouver trois exemples de traitement. Pour les exécuter, vous devez télécharger le dossier entier et ouvrir les fichiers .pde dans Traitement. Voir le répertoire examples / Processing / Keystone pour les croquis.
+====Ex. CornerPin====
+Ceci est l'exemple de base tiré de la bibliothèque Keystone. Il déforme une surface comme expliqué ci-dessus.
+{| class="wikitable"
+|-
+!Key !! Description
+|-
+|s || sauvegarde la scène
+|-
+|l || charge la scène
+|-
+|c || édite les poignées à chaque coin
+|}
+[https://github.com/FH-Potsdam/doing-projection-mapping/blob/master/examples/Processing/Keystone/CornerPin/CornerPin.pde code source ici]
+====Ex. CornerPinVideo====
+{| class="wikitable"
+|-
+!Key !! Description
+|-
+|s || sauvegarde la scène
+|-
+|l || charge la scène
+|-
+|c || édite les poignées à chaque coin
+|-
+|p ||play/pause the video
+|}
+Cet exemple montre comment utiliser une vidéo à l'intérieur de votre surface. Vous pouvez le lire / le mettre en pause en appuyant sur «p».
+[https://github.com/FH-Potsdam/doing-projection-mapping/blob/master/examples/Processing/Keystone/CornerPinVideo/CornerPinVideo.pde code source ici]
+====Ex. CornerPinMultiSurface====
+L'exemple MultiSurface montre l'utilisation de deux surfaces qui forment un coin. Tous les traits de touche des exemples CornerPin s'appliquent.
+{| class="wikitable"
+|-
+!Key !! Description
+|-
+|s || sauvegarde la scène
+|-
+|l || charge la scène
+|-
+|c || édite les poignées à chaque coin
+|}
+[https://github.com/FH-Potsdam/doing-projection-mapping/blob/master/examples/Processing/Keystone/CornerPinMultiSurface/CornerPinMultiSurface.pde Code source ici]
+====Référence Keystone====
+Pour un aperçu plus approfondi de la bibliothèque Keystone. Aller à : http://keystonep5.sourceforge.net/reference/index.html
+==Autres sources==
+* tuto vidéo et processing : http://www.silentlycrashing.net/p5/libs/video/
+* projection sur formes 3D : https://vvvv.org/documentation/how-to-project-on-3d-geometry
+* http://www.inimart.com/inimart/pmtutorial-processingspoutsyphonmapio-winosx/
+<html>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/99CJ9nUMVT4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</html>
+<html>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/Xe6SDEmVSzQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</html>
+<html>
+</html>
+<html>
+</html>
+<html>
+</html>
+===Arduino et Processing===
+* Arduino et Processing : https://forum.processing.org/two/discussion/25365/play-video-using-processing-arduino-and-pir-sensor
+* Arduino et Processing : https://discourse.processing.org/t/volume-control-with-analog-sensor-arduino-processing/6122/7
+<html>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/NhyB00J6PiM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</html>
+==test MQTT et Node-red==
+<html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Example</title>
+    <script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
+  </head>
+  <body>
+    <button id="button">Envoie un pokou</button>
+    <script>
+      const client = mqtt.connect('ws://MQTT1:MQTT1@debrouillards.ddns.net', {
+        clientId: 'WikiTestDemo'
+      });
+      client.on('connect', function() {
+        console.log('connected!');
+        client.subscribe('/Poke');
+      });
+      client.on('message', function(topic, message) {
+        console.log(topic + ': ' + message.toString());
+      });
+      document.querySelector('button').addEventListener('click', function() {
+        client.publish('/Poke', 'pokou');
+      });
+    </script>
+  </body>
+</html>
+==MQTT over Websocket==
+* https://www.youtube.com/watch?v=ROeT-gyYZfw
+==Encapsulation page web==
+<html>
+<iframe height="600px" width="600px" src="https://eurekoi.typeform.com/to/rIEefF7o">
+</iframe>
 </html>

Utilisateur:Antonydbzh : Différence entre versions

Version du 6 mars 2024 à 16:38

Sommaire

Mes pages préférées

Master HST

2023-2024

Obsolète

Réalisations en cours

ESP32 MINI TV

escape game

satellite tracker

jeu à led

Se former à Blender

Qu'est-ce donc ?

40 ans des petits débrouillards

Code Arduino

Pour des BAM

A explorer

Synthétiseur

ecran LCD 1602 I2C

site de bidouille numérique à explorer

robots

ESP8266

Sons

recherches POCL

Recherches critiques

Reflexions IOT

Mon capteur

Standards de code en C++

janvier2020

test encapsul pad

des gens qui font des trucs

Mes raccourcis

Doc brodeuse numérique

Les messages généraux

idées

robots

Quelques envies

relire

docs

outils

Réflexion Fablab

comment faire un tableau

ou faire ses courses

Les machines qui me plaisent

mes tests

mapping vidéo avec processing

Exemples

Ex. CornerPin

Ex. CornerPinVideo

Ex. CornerPinMultiSurface

Référence Keystone

Autres sources

Arduino et Processing

test MQTT et Node-red

MQTT over Websocket

Encapsulation page web

Menu de navigation

Rechercher