[{"data":1,"prerenderedAt":203},["ShallowReactive",2],{"work-fr-meeting-pond":3,"work-cards-fr":116},{"id":4,"title":5,"approach":6,"body":39,"brief":46,"card":52,"description":43,"extension":56,"gallery":57,"hero":78,"heroAlt":79,"meta":80,"navigation":81,"outcome":82,"path":86,"problem":87,"reflection":90,"resources":91,"role":101,"seo":111,"status":112,"stem":113,"summary":114,"__hash__":115},"work_fr\u002Fwork\u002Fmeeting-pond.md","Meeting Pond",[7,13,26],{"label":8,"title":9,"prose":10},"Concept","La présence comme perturbation",[11,12],"Les premières explorations ont essayé des signaux, des marques et des traces, mais tout cela semblait trop littéral, trop proche de la messagerie conventionnelle. Le projet a convergé vers la métaphore d'un étang vivant, parce qu'elle permettait d'exprimer la présence comme mouvement et transformation plutôt que comme contenu.","Une goutte n'est pas neutre. Elle porte la couleur active de l'étang de l'expéditeur, et quand elle atteint l'autre appareil elle se mêle brièvement à la couleur locale, un mélange temporaire qui figure un moment partagé. L'interaction est conçue pour être relationnelle : le geste est à la fois une action et une empreinte visuelle de la personne qui l'a fait.",{"label":14,"title":15,"prose":16,"artifacts":19},"Contrainte","Concevoir pour une grille de 32×32",[17,18],"L'affichage est une matrice de LED en basse résolution, et cette limite est devenue l'opportunité de design. À trente-deux par trente-deux pixels, il n'y a pas de place pour le détail, alors le langage doit être l'abstraction, la lumière et le mouvement. Une onde se lit parfaitement en basse résolution parce qu'elle n'est que dynamique : une perturbation qui se propage et s'atténue.","Chaque unité est un objet autonome, la matrice et son électronique dissimulées dans un cadre sur mesure pour que l'appareil se lise comme une seule surface lumineuse, plus proche d'une peinture incandescente que d'un gadget. Les parties techniques disparaissent pour que l'étang puisse être toute l'expérience.",[20],{"alt":21,"caption":22,"decision":23,"width":24,"src":25},"Une seule matrice de LED 32×32 remplissant le cadre dans une pièce sombre, une lumière verte formant une douce perturbation sur la grille, chaque pixel distinct.","La surface 32×32 — une perturbation lue en pure lumière.","La limite de la grille a poussé le langage vers le mouvement : une onde est lisible précisément parce qu'elle n'a aucun détail à perdre.","wide","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fartifact-constraint.jpg",{"label":27,"title":28,"prose":29,"artifacts":32},"Interaction","Une interface que l'on ne peut pas voir",[30,31],"Une première version exposait des paramètres comme la taille et la vitesse des ondes via une interface de commande externe. Nous l'avons abandonnée au profit d'un modèle pleinement incarné où chaque commande vit dans l'objet lui-même, lue à travers la caméra comme mouvement de la main.","Trois gestes portent tout. Une tape libère une goutte. Déplacer une main horizontalement change la couleur de l'étang ; la déplacer verticalement règle l'intensité du champ. Pas de boutons, pas de menus. Ce basculement, d'un panneau de paramètres au geste corporel, est ce qui a transformé un montage technique en un objet cohérent où l'interaction, la forme et le sens tiennent ensemble.",[33],{"alt":34,"caption":35,"decision":36,"width":37,"src":38},"Un schéma du système : les gestes de la main de chaque personne sont lus par un smartphone faisant tourner MediaPipe et une simulation d'eau, qui diffuse des images RGB565 vers un serveur WebSocket pilotant les matrices de LED ESP32 et relayant chaque événement de goutte vers l'étang de l'autre personne.","Le système temps réel derrière deux étangs connectés.","Un seul serveur WebSocket relie les gestes de chaque téléphone aux deux matrices, si bien qu'une goutte dans un étang refait surface dans l'autre en temps réel.","full","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fartifact-interaction.png",{"type":40,"value":41,"toc":42},"minimark",[],{"title":43,"searchDepth":44,"depth":44,"links":45},"",2,[],{"role":47,"year":48,"host":49,"scope":50,"shipped":51},"Conception du système & de l'interaction","2026","SUPSI · ID151","Équipe de deux","Paire de prototypes connectés",{"title":53,"alt":54,"image":55},"Meeting Pond — des objets lumineux connectés pour la présence à distance","Deux unités Meeting Pond connectées posées côte à côte, l'une luisant en bleu et l'autre en rose, chacune montrant des ondes sur une grille de LED 32×32.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fadjacent.jpg","md",[58,62,66,70,74],{"alt":59,"caption":60,"src":61},"Une seule unité Meeting Pond posée dans une pièce sombre, luisant d'un bleu calme et uniforme sur sa grille de LED 32×32, sa lumière se déversant sur la surface en dessous.","Au repos — un étang calme, présent sans réclamer d'attention.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-idle.jpg",{"alt":63,"caption":64,"src":65},"La matrice de LED montrant une lumière violette rayonnant vers l'extérieur juste après l'arrivée d'une goutte, les pixels individuels de la grille 32×32 nettement visibles.","Une goutte — les ondes se propagent sur la surface.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-drop.jpg",{"alt":67,"caption":68,"src":69},"Les deux unités connectées côte à côte, l'une luisant en vert et l'autre en magenta, chacune montrant son propre étang de lumière en ondes.","Deux étangs — un geste ici, une onde là-bas.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-twoponds.jpg",{"alt":71,"caption":72,"src":73},"Un seul étang où des lumières verte, bleue et magenta se mélangent sur la grille, une goutte reçue mêlant brièvement sa couleur à l'étang local.","Mélange — la couleur de l'expéditeur, se mêlant à la vôtre.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-blend.jpg",{"alt":75,"caption":76,"src":77},"Le montage disposé sur une surface claire : le panneau à matrice de LED 32×32, une batterie externe, un câble USB, un smartphone, et la petite carte ESP32 avec son antenne et son faisceau de batterie.","Les pièces — la matrice, l'ESP32, l'alimentation, et le téléphone qui détecte et simule.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-components.jpg","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fhero.jpg","Deux unités Meeting Pond posées côte à côte sur une surface réfléchissante dans une pièce sombre, l'une luisant en bleu et l'autre en rose, chacune montrant une onde circulaire sur sa grille de LED 32×32, leur lumière se déversant en dessous.",{},true,[83,84,85],"Une paire fonctionnelle d'objets lumineux connectés. Une tape sur l'un se propage en ondes sur les deux surfaces en temps réel, la couleur de l'expéditeur se mêlant brièvement à l'étang du destinataire.","Une interaction autonome et sans écran : geste en entrée, lumière en sortie, tout le système (la détection, la simulation et la mise en réseau) embarqué dans l'objet plutôt que dans un contrôleur séparé.","Une interaction délibérément éphémère. Les ondes s'estompent et la surface revient au calme, de sorte qu'il n'y a pas d'archive, pas de pression à répondre, et aucune trace des moments manqués, rien que de la présence.","\u002Fwork\u002Fmeeting-pond",[88,89],"Nous sommes saturés de messages, d'alertes et d'écrans. Meeting Pond pose une question plus discrète : la connexion peut-elle se ressentir à travers quelque chose de plus ambiant et non verbal qu'une notification de plus ? La présence peut-elle voyager sans contenu ?","Le geste du projet est de transformer la présence en perturbation. Plutôt que d'envoyer du texte, un utilisateur laisse une trace temporaire de son énergie dans un environnement visuel partagé. L'eau est la métaphore parce qu'elle correspond structurellement à une relation à distance : une petite action en un lieu rayonne vers l'extérieur et en atteint un autre, portant de l'énergie plutôt que de la matière, puis revient au calme.","Meeting Pond m'a appris tout ce qu'une contrainte forte peut offrir. Une grille de trente-deux pixels semble limitante jusqu'à ce qu'elle réduise chaque idée au mouvement et à la lumière, et c'est précisément là que le projet a trouvé sa voix. La discipline la plus dure a été de résister à l'envie d'ajouter des fonctionnalités : au moment où nous avons retiré le panneau de commande et fait confiance à quelques gestes, l'objet a enfin signifié ce que nous voulions qu'il signifie.",[92,96],{"type":93,"title":94,"url":95},"github","Source code — server, web client, and ESP32 firmware","https:\u002F\u002Fgithub.com\u002Fjerem-marti\u002FMAInD-ID151.01-2026-MissingDrop",{"type":97,"title":98,"poster":99,"src":100},"video","Walkthrough","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fvideo-poster.jpg","\u002Fvideos\u002Fmeeting-pond\u002Fwalkthrough.mp4",{"led":102,"contributed":106,"notTouched":108,"team":110},[103,104,105],"Le système temps réel reliant deux appareils : la détection du geste, la simulation de l'étang et la mise en réseau entre eux","L'intégration de l'interaction dans un objet autonome plutôt que dans un panneau de commande externe","L'électronique et l'intégration de l'affichage à matrice de LED",[107],"Le concept et le langage visuel de l'étang, avec l'équipe",[109],"Le cadre sur mesure et la finition de l'objet, partagés au sein de l'équipe","Équipe de deux (Jérémy Martin, Nerea Asensio) pour ID151 Programming Interactive Objects à la SUPSI, enseigné par Andreas Gysin.",{"title":5,"description":43},"live","work\u002Fmeeting-pond","Une paire d'objets lumineux connectés qui permet à deux personnes éloignées de sentir la présence l'une de l'autre sans mots, sans notifications, sans écrans. Une tape laisse tomber une goutte dans un étang de lumière qui se propage en ondes et apparaît en temps réel sur l'autre appareil, transformant la présence en une perturbation qui voyage et s'estompe.","987ti6DkmnNqm52Sh2MD6ALVxASN3NHoiLApQHQG7mU",[117,123,129,135,141,147,153,159,165,171,177,179,185,191,197],{"path":118,"card":119},"\u002Fwork\u002Fa-ta-dispo",{"title":120,"alt":121,"image":122},"À ta Dispo — mettre en relation les bénévoles d'événements avec les organisateurs","Le logotype dessiné à la main d'À ta Dispo, un logo corail sur une forme d'autocollant rose, sur un fond corail uni.","\u002Fimages\u002Fwork\u002Fa-ta-dispo\u002Fadjacent.jpg",{"path":124,"card":125},"\u002Fwork\u002Fan-aura-of-words",{"title":126,"image":127,"alt":128},"An Aura of Words — les parcs de Lugano, racontés par leurs avis","\u002Fimages\u002Fwork\u002Fan-aura-of-words\u002Fadjacent.jpg","Les cinq parcs de Lugano montrés sur une carte, chacun une aura organique aux couleurs mêlées dimensionnée par le volume d'avis.",{"path":130,"card":131},"\u002Fwork\u002Fbeau-rivage",{"title":132,"alt":133,"image":134},"Beau-Rivage Eco-Redesign — un site d'hôtel de luxe 95 % plus léger","Le site du Beau-Rivage Palace refondu : sobre, élégant, bien plus léger que l'original.","\u002Fimages\u002Fwork\u002Fbeau-rivage\u002Fadjacent.jpg",{"path":136,"card":137},"\u002Fwork\u002Fbereal",{"title":138,"alt":139,"image":140},"Recoder BeReal — une capture à double caméra et un pipeline d'images","Recoder BeReal : la publication composée à double photo à côté du fil d'un ami, sur une interface mobile sombre.","\u002Fimages\u002Fwork\u002Fbereal\u002Fadjacent.jpg",{"path":142,"card":143},"\u002Fwork\u002Fbrushbuddy",{"title":144,"image":145,"alt":146},"BrushBuddy — un cube monstre qui guide deux minutes de brossage des dents","\u002Fimages\u002Fwork\u002Fbrushbuddy\u002Fadjacent.jpg","Une main soulève la brosse à dents du socle au sommet du cube BrushBuddy, qui arbore un visage de monstre jaune inquiet.",{"path":148,"card":149},"\u002Fwork\u002Fcultural-trails",{"title":150,"alt":151,"image":152},"Cultural Trails — une app de randonnée patrimoniale full-stack","Deux écrans de l'application Sentiers culturels sur le ruban de sentier vert, pêche et bleu du projet : la carte d'exploration des sentiers le long de la rive de Lausanne, et la navigation en cours de marche suivant un itinéraire sur une carte satellite.","\u002Fimages\u002Fwork\u002Fcultural-trails\u002Fadjacent.jpg",{"path":154,"card":155},"\u002Fwork\u002Fdatabloom",{"title":156,"image":157,"alt":158},"DataBloom — rendre visible l'impact énergétique des usages numériques","\u002Fimages\u002Fwork\u002Fdatabloom\u002Fadjacent.jpg","La fleur DataBloom : des pétales en feutre outremer sur une tige verte segmentée dans un petit pot en terre cuite, sur un fond de studio blanc.",{"path":160,"card":161},"\u002Fwork\u002Felen",{"title":162,"image":163,"alt":164},"ELEN — une caméra spéculative pour les présences sans fil invisibles","\u002Fimages\u002Fwork\u002Felen\u002Fadjacent.jpg","ELEN, une caméra portable au corps orange translucide avec deux poignées blanches, éclairée sur un fond de studio gris, son écran bleu profond visible à travers le plexiglas.",{"path":166,"card":167},"\u002Fwork\u002Ffamily-space",{"title":168,"image":169,"alt":170},"UBS Family Space — l'endroit partagé d'une famille pour gérer l'argent","\u002Fimages\u002Fwork\u002Ffamily-space\u002Fadjacent.jpg","Concept UBS Family Space : deux écrans de téléphone sur un dégradé rouge doux, un hub parent pour les analyses, les limites et les objectifs de l'enfant, et l'écran d'objectif d'épargne de l'enfant.",{"path":172,"card":173},"\u002Fwork\u002Fhuman-loci",{"title":174,"image":175,"alt":176},"Human Loci — un objet d'écoute synesthésique","\u002Fimages\u002Fwork\u002Fhuman-loci\u002Fadjacent.jpg","Human Loci : une boîte d'écoute transparente en acrylique avec trois disques de plâtre pour un parc, un port de plaisance et une gare.",{"path":86,"card":178},{"title":53,"alt":54,"image":55},{"path":180,"card":181},"\u002Fwork\u002Fthea",{"title":182,"image":183,"alt":184},"Thea — un nouveau sens, calme, pour vivre avec une allergie","\u002Fimages\u002Fwork\u002Fthea\u002Fadjacent.jpg","Le wearable Thea suspendu dans un entrelacs de cordes orange sur un ciel cobalt, sa jauge oblongue qui luit, un cliché éditorial tiré de la présentation finale.",{"path":186,"card":187},"\u002Fwork\u002Fuefa-female-coaches",{"title":188,"alt":189,"image":190},"Why Not You? — la campagne UEFA pour les entraîneuses","La campagne Why Not You? : une typographie d'affichage percutante sur une entraîneuse, avec la ligne Lead Your Passion, Shape the Game.","\u002Fimages\u002Fwork\u002Fuefa-female-coaches\u002Fadjacent.jpg",{"path":192,"card":193},"\u002Fwork\u002Fwama",{"title":194,"image":195,"alt":196},"Wama — le machine learning comme témoin au bord de l'évier","\u002Fimages\u002Fwork\u002Fwama\u002Fadjacent.jpg","Le montage d'évier construit pour Wama, de biais : un robinet versant dans un bac transparent, le téléphone dans son support découpé au laser affichant le personnage.",{"path":198,"card":199},"\u002Fwork\u002Fwematch",{"title":200,"image":201,"alt":202},"WeMatch — un service de matching AX pour l'univers WeRoad","\u002Fimages\u002Fwork\u002Fwematch\u002Fadjacent.jpg","Carte-titre WeMatch : « WeMatch finds your group before you find your trip » en corail et encre sur un dégradé doux du blanc au rose, avec le personnage rond de l'agent Matchy.",1783535580598]