Project

Une expertise unique dont il faut tirer partie dans vos projets!

Programmation web

(HTML/Javascript/CSS, Drupal, Wordpress, Node.js, etc.)

Installations interactives

(technologies web-based, WebGl, Electron, etc.)

Biosphère - Ceci n'est pas un parapluie

More information
TKNL

Programmation de l'installation permanente « Ceci n'est pas un parapluie » pour la Biosphère de Montréal. On y découvre l'influence de la météo sur tout ce qui nous entoure et la science derrière le temps qu'il fait.

Le projet est composé de deux parties distinctes. En première partie, la programmation de 3 écrans tactiles interactifs qui affichent de l'information de manière classique, mais présentée élégamment avec un souci du respect du design et d'animations subtiles et bien exécutées.

La deuxième partie du mandat est sans aucun doute la plus excitante : il s'agit d'une grande table tactile qu'on utilise afin d'altérer le climat de la planète en contrôlant le rayonnement solaire et les gaz à effet de serre. Quatre personnes peuvent utiliser la table simultanément. Propulsé par une projection from-top, la table est composé de 4 pellicules tactiles (touchfoil) ce qui permet un excellent temps de réponse et une bonne précision.

La programmation est basée sur des technologies web qui ont encore une fois été poussées à leurs limites afin d'offrir une expérience inoubliable aux visiteurs de l'exposition.

Réalisé en collaboration avec Marc-Antoine Brodeur.

  • Production, réalisation et scénographie TKNL
  • Design graphique François Joron (TKNL)
  • Programmation Jean-Maxime Couillard Marc-Antoine Brodeur

Chargement...

Exposition Empress of Ireland

More information
LM Tremblay

Programmation de six écrans interactifs mettant de l'avant des thématiques importantes entourant la tragédie de l'Empress of Ireland s'étant échoué près de Pointe-au-Père en 1914. Allant de «La vie à bord du navire» à «La récupération des lettres», les écrans interactifs s'intègrent et complètent l'aventure du visiteur.

Ce projet s'inscrit dans la nouvelle installation permanente du Site historique maritime de la Pointe-au-Père (à Rimouski) réalisé par Laurent-Michel Tremblay.

Réalisé en toute simplicité, mais avec beaucoup d'efficacité : le contenu est mis de l'avant et l'expérience est simple et accessible pour tous. La navigation est intuitive et permet au contenu de prendre toute la place qu'il mérite.

Utilisation de technologies web-based : HTML5, Javascript et NWJS.

Chargement...

Mur interactif et visualisation de données

More information
Float4

eBay a inauguré un nouvel espace corporatif de 20,000 pieds carrés. Dans cet espace fait sur mesure appelé Main Street, un écran de 165 pouces (4K) et six colonnes LEDs de haute résolution occupent l'espace d'un vaste hall d'entrée. Tous synchronisés, ils diffusent des statistiques provenant des données en temps réel du service de vente en ligne.

Selon le mode actif, les écrans affichent des statistiques en temps réel des ventes d'une catégorie de produit pour l'heure et la journée sélectionnées.

Mon rôle a été de développer les modules (ou widgets) qui affichent les données de vente. Les défis du projet s'organisent autour de 3 axes :

  1. Connexions à différents APIs : afin d'afficher correctement les données, la connexion précise et la gestion d'erreur (graceful degradation) à différents APIs a été mise en place.
  2. Animation orientée autour des données : afin de rendre ces données numériques attrayantes, une excellente connaissance des technologies web a été requise afin de créer des animations agréables et fidèles au design.
  3. Utilisation de plusieurs technologies combinées : la gestion d'un écran de cette taille et d'un système de particules complexe a nécessité l'utilisation de différentes technologies. La mise en cache des éléments, la création d'animations en conséquence et une bonne communication entre les équipes responsables de chacune de ces technologies a permis d'en faire un produit unifié et de haute qualité sans laisser percevoir les différentes composantes de l'installation.

Le produit final a été déployé à San José et a été très bien accueilli par le client et le public.

visite guidée

  • Production Float4
  • Design ESI Design
  • Programmation - particules et systèmes Ariel Gamelin Float4
  • Programmation - UI et visualisation de données Jean-Maxime Couillard

Chargement...

Pointe-à-Callière - Généalogie

More information
TKNL

Liée à une base de données de près d'un demi million d'entrées, cette installation interactive permet aux visiteurs de Pointe-à-Callière d'accéder aux données généalogiques enregistrées à Montréal.

En entrant son nom de famille, le visiteur peut accéder à une fiche détaillées de la première personne ayant ce nom répertoriée à Montréal, à des statistiques sur son nom et à des fichiers de personnes ayant le même nom et ayant vécu à Montréal.

Un partenariat à été établi avec différents organismes généalogiques afin de mettre en valeur cette importantes banque de données.

Deux bornes sont disponibles pour les visiteurs au musée Pointe-à-Callière. L'expérience est rapide, simple et surtout, riche de sens.

  • Production, réalisation et scénographie TKNL
  • Design graphique François Joron (TKNL)
  • Programmation Jean-Maxime Couillard

Chargement...

CSM - Robot interactif

More information
TKNL

Un bras robotisé avec une écran en guise de visage est mis à la disposition des jeunes visiteurs du Centre des sciences de Montréal. Ceux-ci créent une séquence de mouvement en disposant jusqu'à 6 blocs de couleurs devant eux.

Programmation de la détection visuelle en temps réel, de la séquence de mouvement et de l'envoie de données à un robot.

Une réalisation qui, espérons-le, marquera une génération de jeunes visiteurs !

  • Production, réalisation et scénographie TKNL
  • Design graphique TKNL
  • Programmation Jean-Maxime Couillard

Chargement...

Planétarium - Tables interactives

More information
Techni-logique

Création de 4 tables interactives de type reactable pour le nouveau Planétarium Rio Tinto Alcan.

Chaque table, d'une grandeur de 30 pouces de diamètre, nécessite deux ordinateurs : le premier pour la détection (CCV) et le deuxième pour la génération du visuel. Les deux ordinateurs sont reliés par UDP/Tuio.

Les thèmes abordés étaient aussi vastes qu'intéressants : formation de la planète Terre, molécules essentielles à la vie, inventions de la vie et la terraformation de Mars.

Projet réalisé en Processing 2, openFramework et OpenGL.

  • Production Chaos Création
  • Scénarisation David Murphy
  • Programmation Jean-Maxime Couillard

Chargement...

Cats craddle

More information
ONF / Gentilhomme

Découvrez «Le berceau du chat», un haïku interactif réalisé pour l'ONF qui vous transporte dans un univers sonore génératif.

Adapté pour les plateformes mobiles et pour les ordinateurs, il s'agit d'une expérience hors de l'ordinaire réalisée avec ThreeJS, WebGL et WebAudio.

haikusinteractifs.com/cats

Chargement...

Simulateur spatial pour enfants

More information
Musée pour enfants

À chaque jour, des centaines d'enfants de la région de Montréal visitent le Musée pour enfants de Laval, un endroit thématique conçu pour eux de toute pièce. Là-bas, tout est permis (ou presque) !

Nous avons participé à la création de la nouvelle version du simulateur spatial disponible sur place. L'installation est composée de deux moniteurs, deux écrans et deux ordinateurs. Chacun des éléments partage le même environnement 3D afin de permettre aux jeunes visiteurs de vivre une expérience collaborative hors de l'ordinaire.

Au menu, des vidéos de caméras de surveillance de l'espace et deux super-modes permettant d'aller à la vitesse de la lumière ou d'altérer l'espace-temps.

Réalisé avec des technologies web-based, le projet brille par ses performances et sa stabilité.

Musée pour Enfants de Laval

Chargement...

ZOOOMachine

More information
TKNL

Au Musée des sciences et technologies du Canada, une section complète a été dédiée aux enfants. L'expérimentation et la mise en valeur de la découverte sont à l'honneur.

À l'intérieur de cette zone existe la ZOOOMachine, une structure dotée de trois vélos connectés à un écran géant sur lequel 15 tableaux complètement différents se succèdent et s'animent selon la vitesse d'activation de chaque vélo. Les enfants sont donc appelés à y aller à toute vitesse afin de remplir l'écran aux couleurs de leur vélo, de gagner une course ou de déclencher des animations variées.

Chaque tableau a une durée d'environ 60 secondes et est accompagné d'une musique originale unique. Une mécanique de jeu a dû être développée pour répondre à chacune de leur spécificité.

Le projet a été développé en WebGL afin de créer une expérience fluide, dynamique et généré en temps réel.

Encore une fois, les technologies web-based ont été exploitées d'une manière unique !

Musée des sciences et technologies du Canada

Chargement...

Exposition - Canola

More information
TKNL

Mandatés par TKNL, nous avons réalisé la programmation de trois interactifs destinés au Musée de l'agriculture et de l'alimentation du Canada. Avec un esthétisme simple mais efficace, chacun d'eux met en valeur un aspect d'une plante bien connue au Canada, le Canola. Avec comme objectif premier l'éducation des visiteurs, l'application a été très appréciées par nos partenaires.

L'application est propulsée par des technologies web-based.

  • Production, réalisation et scénographie TKNL
  • Design graphique François Joron (TKNL)
  • Programmation Jean-Maxime Couillard Marc-Antoine Brodeur

Chargement...

Exposition Chiffrer | Déchiffrer

More information
TKNL

Une exposition itinérante à été mise au point par TKNL afin de mettre en lumière l'importance de la cryptographie au quotidien. Au menu, des interactifs mécaniques, des interactifs numériques et des artefacts, dont une vraie machine Enigma !

J'ai été mandaté pour réaliser les interactifs numériques de l'exposition. Parmi ceux-ci, un simulateur Enigma connecté à un clavier mécanique permet aux visiteurs de crypter et de décrypter des messages en utilisant la méthode de cryptage réelle d'Enigma. Un autre interactif numérique illustre les conséquence de bonnes habitudes en ligne sur la sécurité et la vie privée.

Déjà en production, cette exposition voyagera à travers le Canada durant les prochaines années.

  • Réalisation et scénographie Laurent-Michel Tremblay
  • Production TKNL
  • Design graphique Philippe Legris
  • Programmation Jean-Maxime Couillard

Chargement...

Mur interactif HEC

More information
Float4

Un mur interactif a été mis en place au HEC de Montréal afin de mettre de l'avant les gens qui ont de près ou de loin fait rayonner l'institution.

Mon rôle a été de développer les parties web-based visibles à l'écran et le CMS (système de gestion de contenu) alors que l'interactivité et l'animation d'arrière-plan son gérés par Realmotion.

Une fois le mur activé, le contenu provenant du CMS est affiché à l'écran dans un menu permettant de trier et de filtrer les résultats. En tout temps, l'équipe du HEC peut ajouter et mettre à jour du contenu en utilisant un CMS simple et extrêmement facile d'utilisation.

Réalisé en HTML5 et Javascript. CMS basé sur Drupal.

Chargement...

CMS - 900 North Michigan Shops

More information
Float4

Afin d'augmenter l'achalandage de son centre d'achat, un groupe de promoteur immobilier a entrepris d'installer d'énormes écrans au plafond du l'immeuble de manière à ce qu'ils soient visibles de tous les étages. L'effet est plus que surprenant : présenté comme des fenêtres ouvertes sur le ciel, on croit être transporté complètement ailleurs alors que nous sommes en plein coeur de la ville de Chicago.

Mon équipe et moi avons mis en place le système de gestion de contenu avancé qui propulse le contenu et l'horaire des écrans. De plus, un outil de téléchargement de fichiers vidéos est mis à la disposition des créateurs de contenu afin qu'ils puissent télécharger le contenu à distance.

Vidéo du projet sur Vimeo

Chargement...

A More Better Life

More information
Gentilhomme

Programmation d'un court métrage interactif inspiré par la musique de Young Empire. Vous êtes invité à vivre un seul et même moment à travers les points de vue très distincts des deux protagonistes. Pour changer de perspective, il suffit de vous déplacer de gauche à droite devant votre caméra.

Afin de mener à bien la réalisation de ce projet, nous avons dû faire de multiples tests et choisir les technologies adéquates afin de supporter les besoins spécifiques de ce projet : détection de visage, détection du clignement des yeux et altération en temps réel du vidéo (ThreeJS et GLSL). Déploiement intégral sur AWS (Amazon Web Services).

En collaboration avec Thibaut Duverneix (réalisation) et Marc-Antoine Brodeur (programmation). Produit par Revolver Films.

Récipiendaire d'un FWA of the day (thefwa.com/cases/a-more-better-life).

amorebetterlife.com

Chargement...

Vélos connectés

More information
TKNL / Servier

Développement d'écrans connectés en temps réel aux cyclomètres de vélos. L'idée est simple : ensemble, parcourons virtuellement la distance qui relie Montréal à Vancouver. Réalisé dans le cadre du «Cardio Cyclothon Challenge» par Servier.

Sur les écrans, nous pouvons voir le nom de chaque participant et leur vitesse de croisière en temps réel.

Des iPads sont utilisés par les agents sur place afin de faire l'inscription des participants (inscription de leur nom et leur courriel) et de les associer à une université.

Pour chaque kilomètre parcouru, l'entreprise remettait 1$ à la recherche sur la santé cardio-vasculaire. L'événement a duré trois jours et a permis d'amasser 10 000$.

  • Production et réalisation TKNL
  • Design graphique TKNL
  • Programmation Jean-Maxime Couillard Marc-Antoine Brodeur

Chargement...

NBA Social Sphere

More information
Float4

Création d'une sphère interactive dans le cadre du NBA All-Star 2014. La sphère, projetée du haut, illustrait en temps réel d'où provenait l'activité sur les réseaux sociaux à propos de l'événement. Intégré dans un environnement interactif créé par Float4.

  • Production / client Float4
  • Conception et direction de création Matéo M.
  • Programmation Jean-Maxime Couillard
  • Vidéo Boogie studio

Chargement...

Musicothérapie - Aurore

More information
Eraylik

La technologie est plus que jamais jointe à des domaines d'application variés. Et c'est d'autant plus intéressant lorsque la créativité y est mêlée. La musicothérapie s'inscrit dans cette tendance et allie la musique à l'art visuel afin de venir en aide à ses patients.

Pour réaliser son nouveau projet et explorer de nouvelles possibilités, le musicothérapeutre a opté pour un logiciel multimédia génératif. À l'aide d'un piano, le patient compose littéralement un tableau audiovisuel. C'est-à-dire qu'à chaque note émise, une aurore boréale est générée par le logiciel, puis projetée sur un écran géant. Parallèlement, une ambiance sonore est générée en temps réel, toujours en réaction avec les actions du patient.

Développé en Java/Processing avec la librairie MSA Fluids.

  • Production Eraylik
  • Programmation visuelle Jean-Maxime Couillard

Chargement...

Racines de Mer - Tablettes interactives

More information
LM Tremblay

Le Musée maritime du Québec à L’Islet lance une nouvelle exposition permanente où le Saint-Laurent se pose en figure de proue de l’identité québécoise.

L'exposition comporte quatre tablettes interactives, qui affichent des images et des vidéos sur les différents thèmes maritimes abordés par le Musée.

Chargement...