Cette année, j’ai beaucoup travaillé avec des appareils connectés. Comme j’envisageais de participer en tant qu’artisane dans un marché de créateurs, je souhaitais aussi avoir un retour visuel lorsqu’un paiement est effectué et à la fois une déco sympa !
Et puis j’ai eu une idée : utiliser une LED connectée pour l’allumer dès qu’une commande est passée.
Alors voilà comment j’ai crée mon pinceau connecté, et comment vous pourriez faire de même 👇.
Côté matériel, je me suis munie d’une lampe connectée. J’ai opté pour une LED ruban de 3M chez Action. Idéalement, j’aurais bien aimé tomber sur une LED sur batterie, mais connexion constante au Wi-Fi oblige, impossible de fonctionner autrement que sur secteur.
Une fois la LED achetée, j’ai étudié les différents modes (avant de réaliser que l’automatisation bridait pas mal). Donc j’installe l’appli Tuya (la grande majorité des devices connectés fonctionne sur Tuya) puis je crée un compte développeur sur leur plateforme IoT. C’est gratuit et même si un projet expire, il est renouvelable gratuitement tous les 6 mois sans limite (à ma connaissance). De mon PC, je peux donc accéder à ma LED et récupérer les identifiants du projet que je vais transférer sur Wordrpress. Attention à bien passer l’appareil en « controllable » et pas en « read only ».
Côté automatisation : l’idée globale, c’est de recevoir une instruction qu’on utilise pour envoyer une information à la LED.
Une fois la commande reçue, j’utilise l’instruction « paiement terminé » pour déclencher un bout de code dont la condition d’exécution est « paiement terminé ». Comme cette dernière est validée, le bout de code va récupérer les informations du projet TUYA dans lequel est stocké ma LED puis lui envoyer un signal type « Allume toi en vert 2 secondes, puis 2 secondes en rouge… » et planifier l’extinction.
Ca, c’est pour l’idée globale. Côté mise en place, j’opte pour 3 services : Sumup (pour recevoir le paiement sur le stand), WordPress (pour faire le lien entre Sumup et Tuya) et Tuya (qui envoie l’info à la LED). Pour ce faire, je cherche d’abord à relier Sumup à WordPress. Sumup étant assez bridé, je décide assez logiquement de décaler le système sur WordPress sur lequel je sais que je peux implémenter pas mal de choses notamment Tuya. Par chance, un plugin Sumup x WordPress existe donc je l’installe, le configure rapidement et en moins de 5 minutes je peux accepter les paiements de mes articles Woo Commerce sur mon terminal Sumup.
Ensuite, le fun commence. Il faut que j’arrive à envoyer l’info à Tuya pour informer qu’il faut s’allumer à X moment. (J’utilise le plugin Code Snippets mais n’importe quel plugin de customisation de code fonctionne. Et si tu aimes le risque, tu peux même faire ça dans le functions.php ahah).
J’utilise le webhook « woocommerce_payment_complete » pour déclencher ma fonction Tuya. En quelques mots, ma fonction Tuya récupère une signature Tuya me permettant de retrouver le device et pouvoir le piloter à distance. Et ensuite, je n’ai qu’à faire un petit mapping en fonction du produit pour allumer (ou non) de telle ou telle façon selon ce que le client commande. Si tel produit est sélectionné, je lui associe la LED ainsi que des données spécifiques (à retrouver directement dans la doc de ta LED sur la plateforme IoT comme ci-dessous)
Une fois que la boucle est parcourue, WordPress programme immédiatement un évènement « Allumer » qui s’exécute instantanément ainsi qu’un évènement « Eteindre » juste après que la boucle « Allumer » soit parcourue intégralement.
De ce fait, le client qui vient juste de réserver verra lui uniquement la LED s’allumer automatiquement une fois le paiement reçu et s’éteindre dans la foulée.
C’est magique !
Ceci dit, à ce stade, le principe fonctionne mais c’est juste une LED. Il faut passer à l’habillage. Je prends les dimensions de ma LED puis je lance Blender. Je façonne un pinceau très simple constitué d’un socle, d’un manche, d’une virole et d’un capuchon pour les poils. À côté je sculpte aussi une palette très simple avec des tâches de peintures en relief. Ah oui, pour que ce soit plus personnalisé, je fais une extrusion de mon logo SVG en 3D.
Direction l’impression 3D, je lance tous les modèles à imprimer séparément (pour contrôler les diamètres en cas de problème) sauf les poils du pinceau et la palette que je lance dans une seconde impression avec un filament transparent pour laisser passer la lumière.
Dernière étape : la customisation ! Un peu de peinture, de bombe dorée pour le logo et voilà le résultat !
Et en situation, ça donne ça 👇.
Peut-être qu’un jour, vous pourrez la tester in situ ou découvrir une autre utilisation…😉
Laisser un commentaire