POCL : Poke : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(MQTT)
(MQTT)
Ligne 46 : Ligne 46 :
 
   </head>
 
   </head>
 
   <body>
 
   <body>
     <button id="button">Click Me</button>
+
     <button id="button">Envoie un pokou</button>
  
 
     <script>
 
     <script>
Ligne 55 : Ligne 55 :
 
       client.on('connect', function() {
 
       client.on('connect', function() {
 
         console.log('connected!');
 
         console.log('connected!');
         client.subscribe('hello');
+
         client.subscribe('Poke');
 
       });
 
       });
  
Ligne 63 : Ligne 63 :
  
 
       document.querySelector('button').addEventListener('click', function() {
 
       document.querySelector('button').addEventListener('click', function() {
         client.publish('hello', 'leMonde');
+
         client.publish('Poke', 'pokou');
 
       });
 
       });
 
     </script>
 
     </script>

Version du 10 décembre 2021 à 15:50

Résumé du Projet

Le POCL communautaire.

Ce POCL est interactif, on peut agir sur lui :

  • tapoter
  • appuyer

...

Le projet a été réalisé par Alma, Wing-Anh, Tony, Antony, Gaelle

Il envoie un message à la communauté de ses homomorphes, qui réagissent par une ou des actions perceptibles par leurs possesseurs (signal lumineux, vibration etc...)

membres du projet

Alma, Wing-Anh, Tony, Antony, Gaelle

Prototype qu'on souhaite réaliser

au moins deux POCL Poke pour montrer les interactions

technologie

Boite

je découpe un truc pour faire rentrer les machins.

La boîte est un cylindre dont le matériau laisse passer la lumière comme le plexiglas ou le papier.

Les extrémités du cylindre sont faites de bois découpé au laser afin de renforcer la structure

matériel

  • 1 D1 Mini
  • 1 Ruban de LED ou
  • 1 Bouton poussoir

MQTT

L'interaction entre les POCL passe par un serveur MQTT (Message Queuing Telemetry Transport)

Example


Montage

Découpe du bois

Découpe papier

Arduino

premier diaporama : Alors ? Comment ça se passe ?

Diaporama type Alors ?: Téléchargez et adaptez-le !

second diaporama : Et voilà !

Diaporama type Et Voilà ! : Téléchargez et adaptez-le !