[{"data":1,"prerenderedAt":212},["ShallowReactive",2],{"work-fr-wama":3,"work-cards-fr":125},{"id":4,"title":5,"approach":6,"body":55,"brief":62,"card":68,"description":59,"extension":72,"gallery":73,"hero":90,"heroAlt":91,"meta":92,"navigation":93,"outcome":94,"path":98,"problem":99,"reflection":103,"resources":104,"role":109,"seo":120,"status":121,"stem":122,"summary":123,"__hash__":124},"work_fr\u002Fwork\u002Fwama.md","Wama",[7,13,26,49],{"label":8,"title":9,"prose":10},"Concept","Un témoin, pas un optimiseur",[11,12],"La plupart des usages du ML à la maison sont vendus comme de l'optimisation : faire la tâche plus vite, suivre la métrique, boucler la boucle. Wama refuse ce registre. En s'appuyant sur la théorie de la perte ambiguë, l'idée que l'attention peut exister sans résolution claire, le personnage a été doté d'un tempérament qui remarque mais n'instruit jamais. Il accompagne plutôt qu'il ne corrige.","Cette seule décision a tout façonné. Il n'y a pas de compteur d'eau, pas de décompte, pas de gamification. La préoccupation environnementale passe par l'affect inquiet du personnage lorsque le robinet coule sans surveillance, ce qui garde toute l'expérience du côté du ressenti, pas de la comptabilité.",{"label":14,"title":15,"prose":16,"artifacts":19},"Détection","Lire l'évier, sur l'appareil",[17,18],"Wama lit la scène à partir d'un petit modèle de vision entraîné sur quatre situations : personne dans la pièce, une personne arrive, l'eau coule avec quelqu'un de présent, l'eau coule sans personne. Un modèle de suivi de la main ajoute un geste, pouce levé ou baissé maintenu une demi-seconde, parce qu'à l'évier les mains sont mouillées et occupées. C'est là toute l'entrée.","Ce qui compte autant que la détection, c'est l'endroit où elle se produit. Tout tourne localement, dans le navigateur du téléphone, sans serveur et sans rien téléverser. Ce seul choix d'architecture concrétise la position éthique du projet. Un appareil peut surveiller votre évier uniquement parce que ce qu'il voit ne quitte jamais la pièce. La détection de présence à domicile n'est qu'à un pas de la surveillance ; garder le modèle sur l'appareil, c'est la façon qu'a Wama de ne pas le franchir.",[20],{"src":21,"alt":22,"caption":23,"decision":24,"width":25},"\u002Fimages\u002Fwork\u002Fwama\u002Fartifact-sensing.jpg","Une matrice deux par deux croisant la présence et l'eau qui coule en quatre classes du modèle, chacune liée à une réponse du personnage : il dort, il salue, il accompagne, et un état inquiet mis en évidence quand le robinet coule sans personne.","Le modèle de vision à quatre classes : présence × eau.","Cadrer la scène en présence × eau, et non en litres, permet au personnage de porter une inquiétude plutôt qu'un compteur.","wide",{"label":27,"title":28,"prose":29,"artifacts":32},"Réponse","Un personnage, pas un tableau de bord",[30,31],"La présence de Wama est portée entièrement par un personnage animé et de courts sons, jamais par du texte ni des notifications pendant la tâche. Il vous salue quand vous arrivez, s'installe pendant que l'eau coule, et après un moment demande une fois si vous voulez de la musique. Quand le robinet coule sans personne, il a simplement l'air inquiet.","Cette inquiétude est le message environnemental. Il n'y a pas de compteur d'eau, pas de décompte, pas de gamification : la préoccupation passe par l'affect, ce qui garde l'ensemble du côté du ressenti, pas de la comptabilité. Tout le travail de personnage qui fait mouche revenait à une coéquipière ; mon rôle, c'était de le faire tourner.",[33,39,44],{"src":34,"alt":35,"caption":36,"decision":37,"width":38},"\u002Fimages\u002Fwork\u002Fwama\u002Fscreen-askmusic.jpg","L'application Wama demandant « Want Some Music? » avec un pouce levé pour oui et un pouce baissé pour non, le personnage nuage tenant un petit juke-box.","Demande une fois si vous voulez de la musique.","Un pouce levé ou baissé, tenu brièvement, jamais un tap : la seule entrée qui marche avec des mains mouillées et occupées.","half",{"src":40,"alt":41,"caption":42,"decision":43,"width":38},"\u002Fimages\u002Fwork\u002Fwama\u002Fscreen-musicplaying.jpg","L'application Wama jouant de la musique : le personnage nuage les yeux fermés, se balançant, de petites notes de musique s'élevant à côté de lui.","Vous accompagne quand vous dites oui.","La musique est la seule chose que Wama propose, et une seule fois, pour qu'il reste un compagnon plutôt qu'un rabâcheur.",{"src":45,"alt":46,"caption":47,"decision":48,"width":25},"\u002Fimages\u002Fwork\u002Fwama\u002Fscreen-worried.jpg","L'application Wama inquiète : le personnage nuage a l'air anxieux au-dessus d'un niveau d'eau bleu qui monte, avec la phrase « I still hear the water but I don't see you ».","S'inquiète quand le robinet coule tout seul.","Le visage inquiet est tout le signal environnemental. Pas de décompte, pas de litres, juste de la préoccupation.",{"label":50,"title":51,"prose":52},"Intégration","Réunir trois parties en un seul produit",[53,54],"Ma véritable contribution a été de fondre trois morceaux distincts en un tout cohérent : l'interface et l'animation du personnage d'une coéquipière, la détection ML locale d'une autre avec MediaPipe et Teachable Machine, et la logique d'interaction qui relie les états aux réponses. Une bonne partie venait de code généré par IA : rapide à produire, difficile à fiabiliser.","Le travail a donc été un travail de développeur. Restructurer ce code en quelque chose de propre et maintenable, faire dialoguer les parties entre elles de manière fiable, et utiliser l'IA comme un outil au sein d'une structure professionnelle, plutôt que de la laisser imposer la sienne. J'ai aussi construit le montage d'évier physique sur lequel l'ensemble a été testé et présenté, car une interaction qui parle d'évier doit s'éprouver à un évier.",{"type":56,"value":57,"toc":58},"minimark",[],{"title":59,"searchDepth":60,"depth":60,"links":61},"",2,[],{"role":63,"year":64,"host":65,"scope":66,"shipped":67},"Intégration et développement","2026","SUPSI · ID131","Équipe de trois","Prototype PWA fonctionnel",{"title":69,"image":70,"alt":71},"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.","md",[74,78,82,86],{"src":75,"alt":76,"caption":77},"\u002Fimages\u002Fwork\u002Fwama\u002Fgallery-01-hello.jpg","Le montage d'évier complet de Wama vu de face, robinet fermé, le téléphone dans son support découpé au laser affichant un nuage bleu souriant.","Détecté — Wama se réveille et salue.",{"src":79,"alt":80,"caption":81},"\u002Fimages\u002Fwork\u002Fwama\u002Fgallery-02-working.jpg","Le montage d'évier avec le robinet coulant dans le bac transparent, le personnage installé à l'écran tandis que l'eau s'écoule.","Tâche en cours — il accompagne le geste.",{"src":83,"alt":84,"caption":85},"\u002Fimages\u002Fwork\u002Fwama\u002Fgallery-03-arm.jpg","Une main qui s'avance pour ouvrir la poignée bleue du robinet au-dessus du bac, le téléphone affichant Wama en pleine tâche.","Testé à un vrai évier — une main au robinet.",{"src":87,"alt":88,"caption":89},"\u002Fimages\u002Fwork\u002Fwama\u002Fgallery-04-holder.jpg","Gros plan du support en contreplaqué assemblé par entures, gravé Wama, le téléphone affichant le nuage bleu qui salue.","Le compagnon de près — personnage et support découpé au laser.","\u002Fimages\u002Fwork\u002Fwama\u002Fhero.jpg","Wama tournant sur un téléphone dans un support en bois découpé au laser, sur un montage d'évier construit pour l'occasion : un robinet verse dans un bac transparent tandis que l'écran affiche un petit personnage en forme de nuage bleu.",{},true,[95,96,97],"Un compagnon fonctionnel qui tourne entièrement sur un téléphone fixé à l'évier, se réveillant, saluant, accompagnant et s'inquiétant en temps réel à partir d'un seul flux de caméra.","Trois flux de travail séparés (détection, personnage et logique d'interaction) fusionnés et nettoyés en une seule application cohérente, avec un montage d'évier conçu sur mesure pour le tester et le présenter.","Local par conception. Tout le traitement reste dans le navigateur, de sorte que la détection de présence ne devient jamais une collecte de données, ce qui est la réponse la plus claire du projet à son propre cahier des charges éthique.","\u002Fwork\u002Fwama",[100,101,102],"Faire la vaisselle occupe un seuil étrange. C'est assez physique pour vous garder dans la pièce, mais assez automatique pour laisser l'esprit filer complètement ailleurs. Cet écart, entre présence du corps et absence de l'esprit, est le territoire pour lequel Wama a été conçu.","La question n'était délibérément pas de rendre la tâche plus efficace. C'était de savoir si cette dérive pouvait être remarquée, voire accompagnée, par quelque chose dans l'environnement. Wama tient davantage de l'objet rituel, équipé d'une caméra presque par accident, que de l'outil de productivité.","Le cours, Intelligence as a Material, posait la véritable provocation : un système de ML peut agir comme un témoin plutôt que comme un optimiseur. Il peut remarquer sans exiger de résolution. Ce recadrage, et la ligne éthique qu'il croise de plein fouet (la détection de présence à domicile peut glisser vers la surveillance), est le problème de design au cœur du projet.","Wama a été ma première expérience pratique du machine learning, et le cours a vraiment été une découverte : l'occasion de voir comment ces nouveaux modes de détection et d'interaction pouvaient s'intégrer à un projet de design, tout simplement. Ce qui est resté, c'est moins le modèle que le cadre autour de lui. Un agent qui remarque sans optimiser, et la prise de conscience que garder le traitement sur l'appareil, c'est ce qui maintient un compagnon d'évier du bon côté de la surveillance au lieu d'y glisser.",[105],{"type":106,"title":107,"url":108},"github","Source code","https:\u002F\u002Fgithub.com\u002Fjerem-marti\u002FMAInD-Intelligence_As_A_Material-2026-Wama",{"led":110,"contributed":114,"notTouched":116,"team":119},[111,112,113],"Intégrer les contributions de l'équipe en une seule application fonctionnelle : l'interface et le personnage d'une coéquipière, la détection ML locale d'une autre","Restructurer et nettoyer le code largement généré par IA pour en faire une base professionnelle et maintenable","Construire le montage d'évier physique utilisé pour les tests et la démonstration finale",[115],"Concept et idéation avec l'équipe",[117,118],"Le design et l'animation du personnage (Jennifer Lee)","Le code de détection MediaPipe et Teachable Machine (Annabelle Conron)","Équipe de trois (Jennifer Lee, Annabelle Conron, Jérémy Martin) pour ID131 Intelligence as a Material à la SUPSI, enseigné par Matteo Loglio.",{"title":5,"description":59},"live","work\u002Fwama","Un discret compagnon en machine learning, posté au bord de l'évier. Wama détecte votre présence et l'eau qui coule grâce à un modèle de vision entraîné, lit un simple geste de la main et répond par un personnage animé. Le ML y est un témoin, pas un optimiseur.","xfx-VMFMl6_t4fDuhzwDovDnaj5iSNf5Bnskv52z-d4",[126,132,138,144,150,156,162,168,174,180,186,192,198,204,206],{"path":127,"card":128},"\u002Fwork\u002Fa-ta-dispo",{"title":129,"alt":130,"image":131},"À 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":133,"card":134},"\u002Fwork\u002Fan-aura-of-words",{"title":135,"image":136,"alt":137},"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":139,"card":140},"\u002Fwork\u002Fbeau-rivage",{"title":141,"alt":142,"image":143},"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":145,"card":146},"\u002Fwork\u002Fbereal",{"title":147,"alt":148,"image":149},"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":151,"card":152},"\u002Fwork\u002Fbrushbuddy",{"title":153,"image":154,"alt":155},"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":157,"card":158},"\u002Fwork\u002Fcultural-trails",{"title":159,"alt":160,"image":161},"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":163,"card":164},"\u002Fwork\u002Fdatabloom",{"title":165,"image":166,"alt":167},"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":169,"card":170},"\u002Fwork\u002Felen",{"title":171,"image":172,"alt":173},"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":175,"card":176},"\u002Fwork\u002Ffamily-space",{"title":177,"image":178,"alt":179},"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":181,"card":182},"\u002Fwork\u002Fhuman-loci",{"title":183,"image":184,"alt":185},"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":187,"card":188},"\u002Fwork\u002Fmeeting-pond",{"title":189,"alt":190,"image":191},"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",{"path":193,"card":194},"\u002Fwork\u002Fthea",{"title":195,"image":196,"alt":197},"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":199,"card":200},"\u002Fwork\u002Fuefa-female-coaches",{"title":201,"alt":202,"image":203},"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":98,"card":205},{"title":69,"image":70,"alt":71},{"path":207,"card":208},"\u002Fwork\u002Fwematch",{"title":209,"image":210,"alt":211},"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.",1783535580845]