Project

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

Programmation web

(Drupal / jQuery / AngularJS / CakePHP)

Installations interactives

(ThreeJS, NodeJS, Javascript, OpenGL)

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.

Site web du Site HistoriquePresse - Article dans Le Soleil

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...

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...

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...

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...

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...

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...

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...

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...