DESIGN GRAPHIQUE
Graphisme d'information
avec Angelo Benedetto
Durant le cours de graphisme d’information, les étudiants ont réalisé une affiche cartographique à partir d’un film du genre "road-movie", dans une représentation directe ou abstraite.
DESIGN GRAPHIQUE
Collector
avec Adeline Mollard
Durant le cours d'identité visuelle avec Adeline Mollard, les étudiants-es ont du développer un projet d'identité promouvant une collection choisie par leur soin. Chaque travail comprend la conception d'un catalogue contextualisant et présentant cette dernière accompagné de la conception d'un triptyque d'affiches.
MEDIA & INTERACTION DESIGN
Mélanie Fontaine – Latent*
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Le système de conversation en miroir des messageries instantanées sous-entend la disponibilité présumée de l’interlocuteur·rice. Pourtant, dans l’attente d’une réponse, certaines questions deviennent récurrentes : « Alex est en ligne, pourquoi ne me répond-il·elle pas ? Que fait-il ? » Latent* est une application de chat permettant de converser avec ses ami·e·s en développant le contexte de la discussion et ce qui n’y est pas dit. A la manière du théâtre, elle nourrit la conversation en ajoutant des didascalies générées en fonction des données récoltées (temps de réponse, localisation). En mettant en avant les non-dits d’un échange, le mode de lecture généré enrichit la discussion, crée une tension poétique, et permet aux interlocuteur·rice·s de devenir les personnages de leur propre pièce. www.melaniefontaine.ch
MEDIA & INTERACTION DESIGN
Elodie Anglade – Digital DNA
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Digital DNA est une plateforme de visualisation 3D présentant une analyse du contenu qui m’est proposé sur Instagram. L’interface met en regard la dualité existante entre ma perception et celle de l’algorithme. Il en résulte un espace virtuel représentant un génome digital que le visiteur est invité à explorer. Il y découvre alors les subtilités de la rencontre entre la perspective humaine et algorithmique. En me penchant sur ces systèmes « intelligents », je me suis aperçue que leur capacité d’analyse n’est pas sans poser problèmes. En effet, certaines catégories m’étant attribuées s’avèrent être surprenantes : elles ne correspondent pas aux visuels présentés. Ainsi, Digital DNA met en avant l’écart créé par cette non-correspondance entre « catégories » et « visuels » proposés. Essayer l'expérience
MEDIA & INTERACTION DESIGN
Achille Masson – Phone Archaeology
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Phone Archaeology est une installation interactive retraçant l’évolution des téléphones mobiles au travers de ma propre expérience. Le projet permet d’y découvrir une vie privée digitalisée, spéculée et récupérée, telles les traces d’un passé. Cette mémoire gravée dans le silicium qui tend à être obsolète est le récit de souvenirs laissés derrière nous, à chaque changement de téléphone. La recherche autour de Phone Archaeology met en lumière une réflexion sur nos données. La question de la récupération est intrinsèquement liée à l’archivage numérique et l’obsolescence programmée. Alors que l’abstraction d’un fichier numérique peut sembler intemporelle, le danger imminent de perdre encore plus de souvenirs nous oblige à réfléchir sur notre façon de les archiver. phonearchaeology.com
DESIGN GRAPHIQUE
Manon Vouga – Sensitive Binaries
par Manon Vouga
Le concept de qualité de vie est utilisé pour mesurer le bien-être de la population. Il comporte neuf dimensions interdépendantes, relatives aux conditions de vie matérielles mais aussi à nos perceptions subjectives de celle-ci. Cette première édition imprimée met en lumière chacune de ces dimensions en les illustrant au travers de divers indicateurs¬ afin de fournir des informations et des points de comparaison entre chaque ville partenaire. Sous la forme de séries de données couvrant la plupart des aspects liés aux conditions de vie et mené sous la direction de l’étude City Statistics de l’Office fédéral de la statistique, ce projet vous invite à un voyage intangible au travers des villes de Bâle, Berne, Genève, Lausanne, Lucerne, Lugano, Saint-Gall, Winterthur et Zurich.
MEDIA & INTERACTION DESIGN
Martial Grin – Spectacle·s Museum
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Spectacle·s Museum s’intéresse à la photographie des spectateur·rice·s au sein de l’espace muséal. Au travers d’un atlas web, ce projet dresse une série de portraits autour d’un des musées les plus photographiés : le Louvre. En reprenant des images publiées sur Instagram, mon projet classifie et regroupe celles-ci selon leurs spécificités formelles et spatiales. Au travers de Spectacle·s Museum, j’aborde le thème de la mise en scène de soi, en particulier dans l’espace muséal.
MEDIA & INTERACTION DESIGN
Nathanaël Vianin – The Last Forest
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
The Last Forest propose une forêt, accessible par navigateur, contenant des informations spatialisées sur l’effondrement en général. Les internautes sont invité·e·s à s’y promener, et ils·elles y trouvent des messages de la communauté reddit r/collapse sous forme d’arbres. Catégorisation et index permettent une navigation structurée des informations contenues dans les arbres. The Last Forest a pour but de sensibiliser au changement climatique et à son potentiel de mettre fin à la civilisation mondialisée et consumériste telle que nous la connaissons.
MEDIA & INTERACTION DESIGN
Soraya Camina – Per Aspera Ad Astra – Five Women Who Mapped the Cosmos
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Per Aspera Ad Astra est un web-documentaire retraçant l’histoire de cinq femmes astronomes ayant été en charge de découvrir, calculer, classifier et cartographier le cosmos entre 1879 et 1979. Ce projet entend réhabiliter l’importante contribution des femmes dans le développement des technosciences. Avant que le mot computer ne désigne une machine, il décrivait les femmes qui effectuaient calculs et observations astronomiques à la main. Les « ordinatrices de Harvard » ont grandement contribué à la science en découvrant nombre de galaxies et en établissant le système de classification stellaire encore utilisé de nos jours. Aujourd’hui pourtant, nous ne parlons que très peu de ces cinq femmes ; leur travail reste méconnu et leurs découvertes ont souvent été attribuées aux hommes qui les employaient. per-aspera-ad-astra.vercel.app
MEDIA & INTERACTION DESIGN
Antoine Contreras Salazar – Ballade
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
A l’heure où la musique n’a jamais été aussi accessible, peu importe l’endroit, comment compose-t-on un album interactif et évolutif qui tiendrait compte de son environnement? Dans une ode à la déambulation dans Lausanne, l’auditeur·rice découvre un orchestre polyphonique en parcourant les lieux phares de la ville. Le téléphone devient outil d’une composition où différentes couches sonores se révèlent lors de la marche, rendant les musiques non plus soumises à une durée préétablie, mais au rythme de la découverte des lieux. Par sa géolocalisation, l’auditeur·rice-compositeur·rice enclenche de nouvelles pistes musicales au fur et à mesure de son avancée. Une écoute plus organique se fait jour, où boussole et sons binauraux révèlent la matière abstraite et numérique qui flotte autour de nous.
MEDIA & INTERACTION DESIGN
Ignacio Pérez – Overloaded.supply
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
En 2020, nous avons atteint le point de basculement où la masse d’artefacts créée par l’homme a dépassé la biomasse présente sur notre planète. Cela est principalement dû à un système économique de manufacture et de consommation où la surabondance d’objets est devenue la norme. Overloaded.supply est un système semi-autonome qui exploite le contrôle d’algorithmes de création afin d’interroger les modèles de conception, production et législation actuels. Pour ce faire, l’installation permet via une interface physique le contrôle d’un univers intangible, invisible et vaste d’objets ou l’utilisateur prend possession sous la forme d’un document de brevet fictif. Ce document sera stocké sur un site web dédié qui fait office de dépôt d’objets déjà protégés qui pourraient — ou pas — être produits. overloaded.supply
MEDIA & INTERACTION DESIGN
Michael Pica – Confessionnal
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Confessionnal est un site web permettant à ses utilisateurs de se confesser anonymement sur leur comportement sur les réseaux sociaux. Avec l’arrivée des réseaux sociaux, il y a des années, le comportement des utilisateurs sur ses derniers varie. Des actes inavouables sont parfois commis sur ces plateformes. Ce projet reprend le fonctionnement du confessionnal catholique que nous connaissons, mais se base sur l’ère digitale que nous vivons actuellement. C’est à l’aide de masques que l’utilisateur va vivre l’expérience anonyme en tant que participant ou spectateur. Il se confesse à l’oral et personnalise un masque selon son âge, la plateforme et le sujet principal de la confession. Il peut aussi, d’un autre côté, observer d’autres masques et écouter les confessions d’autres utilisateurs.
MEDIA & INTERACTION DESIGN
Rayane Jemaa – Is This the Middle East?
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Is This the Middle East? étudie la représentation du Moyen-Orient et de l’Afrique du Nord (MENA) dans une sélection de jeux vidéo. Je m’intéresse aux schémas, aux artefacts répétitifs, aux lieux et aux textes propres aux jeux qui prétendent se dérouler dans la région MENA. Ces objets deviennent des archétypes. Ces environnements photoréalistes sont-ils également réalistes dans les scènes qu’ils dépeignent, ou deviennent-ils une autre toile de fond pour les jeux liés à la guerre? En utilisant la photogrammétrie pour reconstruire ces environnements, j’aborde les implications de l’abondance d’images souvent trop simplifiées du Moyen-Orient, surtout dans un monde où les jeux vidéo deviennent non seulement un phénomène mondial, mais aussi un moyen de rencontrer d’autres cultures.
DESIGN GRAPHIQUE
Pauline Baldinetti – Entrecroisés
par Pauline Baldinetti
Entrecroisés est un livre polyglotte de neufs langues qui traite du sujet du multilinguisme en Suisse.
MEDIA & INTERACTION DESIGN
Extra 2020
avec Cyril Diagne
Un workshop d’une semaine avec Cyril Diagne où les étudiants ont été invités à questionner le navigateur et son utilisation, à changer l’expérience du web grâce aux extensions Chrome.
MEDIA & INTERACTION DESIGN
Evan Kelly – Invisible Network
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Invisible Network est un dispositif portable qui rend perceptibles et tangibles les communications invisibles et autonomes des machines. La manière dont elles interagissent les unes avec les autres s’apparente aux modes de communications humains, créant ainsi un véritable réseau social de machines. Ce dispositif agit en médiateur entre les humains et les machines qui les entourent. Par le biais de son écran, il nous transmet des bribes de ses communications continues et silencieuses sous la forme de métaphores sociales humaines.
MEDIA & INTERACTION DESIGN
Diane Thouvenin – Sun Connection
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Quelle heure est-il à Montréal chez Hortense ? Quel temps fait-il à Tokyo chez Alexandre ? Lorsque je communique avec mes proches, dispersés aux quatre coins du réseau, je suis déconnectée de mon espace-temps physique. Sources de lumière artificielle constante et fenêtres sur le monde digital, les écrans remplacent le soleil en tant que repère spatio-temporel. Sun Connection permet de se reconnecter à ses proches par le biais d’un soleil délocalisé. Libre à chacun d’investir son espace physique et digital avec une présence lumineuse et colorée pour se transposer dans la temporalité d’un ailleurs.
MEDIA & INTERACTION DESIGN
Bastien Mouthon – MoodWalk
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
MoodWalk est un lecteur de musique proposant de découvrir de la musique différemment. Il génère des « moods » sonores basés sur la programmation musicale d’une ville (clubs/salles de concerts/bars/lieux culturels). L’app est constituée de deux mode d’utilisation fonctionnant grâce à la géolocalisation : un mode « boussole » et un mode « balade ». Désirant offrir une alternative locale et radicale de découverte musicale, MoodWalk permet d’éclater les bulles algorithmiques existantes afin d’offrir un outil de découverte du paysage sonore environnant.
MEDIA & INTERACTION DESIGN
Pablo Bellon – Lockdown Memorial Archive
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
En 2020, avec l’apparition du Covid-19 chacun s’isole. Pour beaucoup, c’est l’occasion de réfléchir à sa situation. Lockdown Memorial Archive permet à chacun de partager son témoignage du confinement et de prendre conscience du ressenti d’autres personnes. A travers une application web, les participants sont invités à personnaliser un objet emblématique, puis d’y associer le témoignage de leur expérience. L’ensemble va ainsi constituer une archive faite de plusieurs mémoriaux immersifs où l’on pourra revivre autrement cette situation d’isolement.
MEDIA & INTERACTION DESIGN
Aurélien Pellegrini – Pump and Surf
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Pump and Surf invite chaque internaute à s’interroger sur la quantité d’énergie dépensée lorsqu’il navigue sur internet. Avant de pouvoir visionner un site, l’internaute est invité à fournir un effort physique similaire à l’énergie nécessaire à l’acheminement des données qui vont permettre l’affichage du site sur son écran. Au travers d’expériences interactives et de visualisations graphiques, Pump and Surf amènent l’internaute à prendre la mesure des quantités d’énergie engagées dans les échanges d’information, jusqu’à les ressentir dans son corps.
MEDIA & INTERACTION DESIGN
Paul Lëon – Caption
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Laura Nieder, Pauline Saglio
Aujourd’hui, nous capturons sans discontinuer des images dans lesquelles nous plaçons un espoir de mémoire. Dans les faits, la plupart de ces images sont laissées à l’abandon dans la masse de nos galeries ou sur des disques durs dormants. Caption nous expose des images oubliées piochées dans la galerie de ses utilisateur·trice·x·s. Par une série de questions, nous sommes invités à faire l’introspection de notre rapport à ces images. En synthétisant et exposant toutes les réponses récoltées, Caption nous plonge dans une recherche ethnographique qui étudie notre rapport collectif aux images.
DESIGN GRAPHIQUE
Bruno Jolliet – New York Urban Atlas
avec Gilles Gavillet, Nicole Udry
« New York Urban Atlas » est un projet portant sur les différentes façons dont la densité urbaine est retranscrite de manière physique dans la ville de New York. L’édition reprend le principe des zones résidentielles administratives pour explorer, sous forme d’illustrations, différents quartiers. Au cours des chapitres, le lecteur est amené à explorer la matérialité urbaine sous un angle analytique avec des facteurs environnementaux liés aux illustrations. Des informations cartographiques mettent en perspective les divers quartiers explorés au cours du livre.
DESIGN GRAPHIQUE
Bruno Jolliet – New York Urban Atlas
avec Gilles Gavillet, Nicole Udry
« New York Urban Atlas » est un projet portant sur les différentes façons dont la densité urbaine est retranscrite de manière physique dans la ville de New York. L’édition reprend le principe des zones résidentielles administratives pour explorer, sous forme d’illustrations, différents quartiers. Au cours des chapitres, le lecteur est amené à explorer la matérialité urbaine sous un angle analytique avec des facteurs environnementaux liés aux illustrations. Des informations cartographiques mettent en perspective les divers quartiers explorés au cours du livre.
DESIGN GRAPHIQUE
Graphisme d'information
avec Angelo Benedetto
Pour le cours de graphisme d’information, les étudiants ont réalisé une affiche cartographique à partir d’un film du genre "road-movie", dans une représentation directe ou abstraite.
MEDIA & INTERACTION DESIGN
Drawing Machines
avec Daniël Maarleveld
Drawing Machines - Projets axés sur la conception de machines capables de produire des dessins de façon générative. Semaine bloc donnée à la classe de 2ème année en Media & Interaction Design par Daniël Maarleveld. Workshop assisté par Callum Ross et Pietro Alberti.
MEDIA & INTERACTION DESIGN
Extra 2019
avec Cyril Diagne
Un workshop d’une semaine avec Cyril Diagne où les étudiants ont été invités à questionner le navigateur et son utilisation, à changer l’expérience du web grâce aux extensions chrome.
MEDIA & INTERACTION DESIGN
Nathan Vogel – relations.watch
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Pauline Saglio
Les conflits d’intérêts sont souvent au cœur des crises démocratiques ou environnementales, mais dans le paysage informationnel d’aujourd’hui, nous recevons et oublions en masse ces informations. Avec une approche ouverte et collaborative, relations.watch rassemble et résume des relations entre personnes, entreprises et médias afin que chacun puisse découvrir des potentiels conflits d’intérêts à l’œuvre. L’un des principaux défis du projet est de communiquer des données sémantiques très denses de manière simple, tout en restant aussi neutre que possible au sein de sujets polémiques. relations.watch
MEDIA & INTERACTION DESIGN
Guillaume Simmen – zero lux(e)
avec Alain Bellet, Christophe Guignard, Gaël Hugo, Pauline Saglio
La pollution lumineuse est une nuisance que l’humain ne remarque pas. Pourtant elle perturbe l’écosystème de milliers d’espèces. L’objectif de mon projet est d’éteindre l’éclairage nocturne en zone rurale. Il est composé de trois outils, un luxmètre DIY géolocalisé afin de mesurer la pollution de son village, une boîte DIY à placer sous un lampadaire qui permet d’interpeler la commune et le site internet qui réunit les informations collectées et qui sert également de support pour mobiliser les gens. Ce projet m’a montré comment je peux aider dans des causes importantes. zerolux-e.org
MEDIA & INTERACTION DESIGN
Infomesh
avec Pauline Saglio, Vincent Jacquier, Laura Nieder
Infomesh est une plateforme web célébrant le 30ème anniversaire du World Wide Web qui explore les faits sociaux, techniques, culturels et juridiques à travers différentes chronologies interactives. Il a été initié en octobre 2018 lors d’un atelier d’une semaine en partenariat avec swissnex San Francisco, où les étudiants ont visité des partenaires clés et commencé à développer le projet. La chronologie présente une vue d’ensemble de l’histoire du Web, à commencer par la proposition d’hypertexte de Tim Berners-Lee au CERN en 1989, initialement sous le nom de « Information Mesh ». A partir de cette date de début, les utilisateurs peuvent alors explorer 30 ans d’évolution. infomesh.org
MEDIA & INTERACTION DESIGN
Sonogram
avec Alain Bellet
Contenu produit durant un cours donné par Alain Bellet aux étudiants de 2ème année en Bachelor Media & Interaction Design.
MEDIA & INTERACTION DESIGN
Giulio Barresi – Tools for Connected Humans
avec Alain Bellet, Christophe Guignard, Gaël Hugo
Aujourd’hui, le smartphone s’apparente à un prolongement du corps humain. Autant outil que distraction, cet appareil met notre attention à rude épreuve étant donné la surabondance d’interactions digitales. Notre capacité à dialoguer avec les autres sans dispositif connecté fléchit. En tant que designer d’interactions, je questionne notre relation à la technologie et ses promesses d’un monde meilleur. A la recherche d’espace pour plus d’interactions déconnectées, j’ai conçu Tools for Connected Humans, une collection d’outils connectés prêts à nous aider à nous déconnecter.
MEDIA & INTERACTION DESIGN
Adrien Kaeser – Weather Thingy
avec Alain Bellet, Christophe Guignard, Gaël Hugo
Mon projet consiste à utiliser des événements climatiques en temps réel pour contrôler et modifier les réglages d’instruments de musique. A travers ce projet, j’ai voulu proposer une nouvelle façon de composer et de jouer de la musique en laissant la nature nous accompagner dans nos mélodies. Ce projet s’inscrit dans une suite de modules sonores que j’ai conçu dans le but de trouver de nouvelles façons de composer avec des événements environnementaux.
MEDIA & INTERACTION DESIGN
André Andrade – 300 000 km/s
avec Alain Bellet, Christophe Guignard, Gaël Hugo
La probable future expansion du territoire de l’Homme sur Mars nous amènera à communiquer via un Internet interplanétaire. L’éloignement entre les deux astres ne permettra physiquement pas l’instantanéité d’Internet telle qu’on la connaît sur Terre. Mon projet met en évidence la limite de la vitesse de communication à travers la visualisation simplifiée d’un « ping » (c’est-à-dire un aller-retour) permanent entre la Terre et Mars. Dans un monde où tout s’accélère, « 300’000 km/s » illustre symboliquement les limites de la physique et évoque une patience à laquelle nous ne sommes plus habitués.
MEDIA & INTERACTION DESIGN
Pierry Jaquillard – Prelude in ACGT, Chr. 1 to 22 and XY
avec Alain Bellet, Christophe Guignard, Gaël Hugo
2018 : les avancées technologiques promettent une conservation des données éternelle. L’ADN semble être le nouveau support de mémoire. Pourtant l’interprétation de ces données est capitale pour les comprendre. Pourrons-nous les décoder ? Proposant une nouvelle interprétation de ce code à travers la musique, je cherche à le découvrir. Comment est-il composé ? A-t-il déjà été composé ? Cette recherche se matérialise en quatre écrans permettant d’interagir avec différentes interprétations d’un seul code. Entre science et musique, ce projet agit en tant qu’interface entre culture, codes et nature.
MEDIA & INTERACTION DESIGN
Stockify
avec Dries Depoorter
Stockify est un service de musique en ligne qui suit l’humeur de la bourse. L’application propose de la musique heureuse uniquement lorsque l’indice boursier monte et vice versa, de la musique triste quand il redescend. L’app exploite les APIs de la bourse afin de transformer l’état du marché en une expérience musicale.
MEDIA & INTERACTION DESIGN
Timeline 125
avec Angelo Benedetto, Cyril Diagne, Vincent Jacquier
Timeline 125 est une timeline interactive créée spécialement pour le 125e anniversaire de l’Ecole hôtelière de Lausanne. Ce projet fut développé en collaboration avec les étudiant·x·e·s de 1ère année Bachelor, orientation Media & Interaction Design.
MEDIA & INTERACTION DESIGN
HHMMSS
avec Angelo Benedetto
Horloges virtuelles n’ayant aucun repères temporels, simples représentations du temps qui passe. Sélection de projets créés en première année Bachelor Media & Interaction lors du cours Dynamic Display avec Angelo Benedetto. Retrouvez toutes les versions interactives ici.
MEDIA & INTERACTION DESIGN
Pietro Alberti – Beyond Fields
avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Beyond Fields est un jeu multiplateforme de type puzzle, décomposé en trois chapitres chacun s’inspirant des interactions fondamentales de la nature. Au fil du jeu, le joueur traverse les niveaux au cours desquels il a l’occasion d’interagir avec différents éléments graphiques qui vont lui permettre de rééquilibrer les champs de forces présents et résoudre le niveau en question. Grâce à un système de filtres, il a la possibilité de voyager entre différentes représentations du jeu - graphiques, analytiques ou mathématiques - lui permettant ainsi d’avoir une vision globale des forces qui s’exercent entre les éléments graphiques. Jouer en ligne
MEDIA & INTERACTION DESIGN
Thomas Faucheux – Sockciety
avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Sous couvert d’un magasin de chaussettes en ligne, « Sockciety » propose une façon de consommer dans laquelle les données personnelles issues des réseaux sociaux sont converties en droits ou en interdictions d’achat. C’est aussi une réflexion sur les conséquences de la mise en données du monde, mêlées à un système de « gamification » pervers où toutes actions quantifiées deviennent des critères d’évaluation, nécessaires à l’obtention d’un uniforme.
MEDIA & INTERACTION DESIGN
Swiss Data
avec Cyril Diagne, Vincent Jacquier
Une série de visualisation de données interactives à propos de la culture suisse et de l’activité de swissnex. Créés par les étudiants du Bachelor Media & Design d’Interaction de l’ECAL, les projets ont été initiés pendant un voyage d’une semaine à San Francisco en mars 2016. Ils présentent une manière nouvelle et ludique d’afficher des données. Commissioné par swissnex San Francisco.
MEDIA & INTERACTION DESIGN
Machine Learning
Le workshop était une introduction au machine learning et à la classification d’image. Les étudiants ont apportés chacun une cinquantaine d’objets que nous avons photographiés. Ces objets ont ensuite été analysées par un algorithme qui les a classifié et nous a permis de les placer au sol de la manière la plus ordonnée. Chaque étudiant a ensuite réalisé un projet utilisant la collection d’objets. Comme par exemple un moteur de recherche physique par mot-clés où les objets correspondant s’éclairent ou un dégradé d’objets similaires en utilisant du suivi d’objet et de la reconnaissance d’image. quasimondo.com
MEDIA & INTERACTION DESIGN
Martin Hertig – Sensible Data
avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
Sensible Data est une installation interactive composée de trois machines, qui permet de créer un passeport à partir de données personnelles. Prenez-vous en photo et une machine dessinera votre portrait. Envoyez un email et un algorithme estimera vos âge, sexe et beauté. Appuyez enfin sur un bouton douteux pour obtenir un joli tampon de validation. Merci pour votre contribution ! Ce projet m’a permis de m’interroger sur la confiance que nous attribuons aux systèmes d’enregistrement de données qui nous entourent : une expérience ludique en échange d’informations personnelles.
MEDIA & INTERACTION DESIGN
Pierre-Xavier Puissant – EURI - LOW RES AWAY
avec Alain Bellet, Cyril Diagne, Christophe Guignard, Gaël Hugo
LOW RES AWAY est un système de télé-présence modulaire dont EURI est le premier module. Le but de mon projet était de prolonger une des réflexions de mon mémoire : l’idée que l’instantanéité du net « rend la géographie obsolète ». J’ai décidé de travailler sur la représentation sonore de données météorologiques au moyen d’objets idiophoniques simples. Pour ce premier module, je me suis intéressé à la pluie. Une application permet à l’utilisateur de définir un point auquel récupérer les données météo. Les EURI créent alors une composition sonore abstraite, répliquant une réalité distante.
MEDIA & INTERACTION DESIGN
Botcaves
avec Patrick Keller, Matthew Plummer-Fernandez
Botcaves est un atelier tenu en novembre 2014 explorant les bots et la relation entre leur comportement autonome (logiciel) et leur physicalité (matériel intégré dans les objets) ainsi que la relation potentielle que ces objets maintiendraient avec des infrastructures de cloud computing à l’échelle mondiale. Les étudiants ont conçus et développés les robots qui ont pris part à des activités en ligne. Dans certains cas, les robots utilisaient des capteurs électroniques comme déclencheur, tandis que dans d’autres cas, ils ont utilisé des données en ligne et les ont exprimé à l’aide de la robotique. Les résultats ont été présentés à la fin de la semaine. Le processus et les résultats sont documentés sur le blog de l’IICloud : iiclouds.org
MEDIA & INTERACTION DESIGN
Beijing Connection
avec Alain Bellet, Vincent Jacquier
Beijing Connection est une plateforme web hébergeant des projets réalisés durant un voyage d’une semaine à Pékin avec 15 étudiants. L’objectif du voyage était de travailler autour de la question du soi quantifié, la collecte de données et aussi de mener une réflexion autour des images et des films standards que les gens réalisent au cours de leur voyage. Pour réaliser précisément ces projets, nous avons dû oeuvrer 24 heures par jour pour obtenir nos données et notre matériel visuel. Nous remercions le programme « Université d’été » du canton de Vaud qui a rendu cela possible et aussi toutes les personnes qui nous ont accueillis à Tsinghua University, CAFA University et au Beijing Maker Space. beijing-connection.ecal-mid.ch
MEDIA & INTERACTION DESIGN
David Colombini – Attachment
avec Alain Bellet, Christophe Guignard, Gaël Hugo
Attachment, une machine poétique connectée à Internet, vous permettra d’envoyer dans les airs, grâce à un ballon biodégradable, un message accompagné d’une image, d’un son ou d’une vidéo. L’idée de base est de prendre le contre-pied de l’utilisation actuelle des technologies « intelligentes » pour créer un concept poétique qui, en utilisant les moyens techniques actuels, nous permet de communiquer différemment en reprenant goût à l’attente, au hasard et à l’imprévu. Le site vous permet, en inscrivant votre nom et email, d’envoyer un message texte et d’y attacher une image, un son ou une vidéo. Une fois votre contenu validé, la machine imprime le message ainsi qu’un code sur une feuille A6, le glisse dans un cylindre en biopolymère attaché à un ballon, qui est lâché dans les airs. Le ballon voyage de manière hasardeuse jusqu’à un potentiel destinataire.
MEDIA & INTERACTION DESIGN
Siméon Brandner – Spin Motion
avec Alain Bellet, Christophe Guignard, Gaël Hugo
« Spin Motion est une application iPhone qui permet de créer et de partager des stop-motions. Sur les animations partagées on peut participer à la réalisation en ajoutant une image à la suite. Cela va créer deux types d’animations : les animations faites par une personne ou des cadavres exquis. L’application est divisée en trois parties: la création se fait image par image. Pour chaque photo prise, une ligne principale, qui traverse l’écran par son milieu sert de guide pour aligner quelque chose dessus. Cette ligne tourne de quelques degrés après chaque prise de vue jusqu’à faire un tour complet. La visualisation se fait en tournant le iPhone, ce qui fait avancer ou reculer l’animation. La ligne de base crée à l’aide du guide reste horizontale alors que l’on fait tourner l’écran. La modification des stop-motions permet de retravailler les animations puis de les partager. J’ai développé beaucoup de connaissance dans l’ergonomie et le design d’une interface de partage sur iPhone. » Siméon Brandner
MEDIA & INTERACTION DESIGN
Ruslan Gaynutdinov – Sona
avec Alain Bellet, Christophe Guignard, Gaël Hugo
« Durant le premier semestre de la troisième année à l’ECAL, j’ai réalisé un projet d’installation basé sur la visualisa- tion du son. Je me suis intéressé à la ma- nière dont le spectateur est plongé dans l’oeuvre interactive en présence de cet élément. J’ai décidé de poursuivre mes recherches sur les thèmes du son et ambiance. Sona est un jeu expérimental sur iPad inspiré du classique « jeu de Simon ». L’univers est composé des tableaux sonores énigmatiques que le spectateur doit résoudre à travers des simples interactions. Le jeu se joue avec le casque d’écoute pour centrer l’attention sur le son. Ce projet m’a permis d’étudier en détail les phénomènes acoustiques et comprendre comment on mémorise et perçoit les sons. L’immersion et le son sont devenus les éléments essentiels pour moi dans un projet interactif. » Ruslan Gaynutdinov