Blind Test You

Développement d'une solution de blind test

Date

2020

Expertises

Date

2020

#Laravel
#QR Code
#StoryBook
#Nuxt

Projet client

Issue du bassin Nantais, l’équipe de Blind Test You révolutionne le blind test. Avec eux, pas de fausse note. Ce sont des professionnels de l’événementielle et de la musique, qui œuvrent à assurer la qualité des Team Building d’entreprise. Leur objectif est de répondre aux besoins de leur client et de surpasser leur attentes.

L’idée derrière ce concept était de mettre le digital au service de la musique pour la rendre accessible au plus grand nombre. Leur promesse : “avec notre application et votre téléphone, vous partagerez une expérience inoubliable”.

 

Solution proposée

Ce projet est une refonte. Historiquement, notre client souhaitait tester son concept avec un POC. Les retours étant très encourageants, il souhaite désormais passer une autre étape, celle de la commercialisation. Cela passe par une phase de stabilisation de la plateforme. Le back-office en NodeJS et le serveur de websockets sous Express ont laissé la place à un socle en PHP, avec le framework Laravel. Côté websockets, c’est désormais Pisher qui fera le lien entre les trois interfaces pour leur permettre d’interagir en temps réel.

 

Le projet BTY se divise en trois sous projets:

Le back-office : Construit avec le framework PHP Laravel, il est à la fois un espace d’administration pour le client, où il peut gérer ses parties et ses événements, mais aussi le socle de l’API utilisé pour les fronts.

L’écran TV : Lorsque le client démarre une partie, celle-ci est diffusable sur un écran TV via une page web classique. Cet écran reprend les informations essentielles de la partie: le nombre de joueurs, un QR code et un lien afin de se connecter, ainsi qu’un compte à rebours, annonçant le temps restant avant le début de la partie. Lorsque la partie a commencé, cet écran résume l’état du jeu, avec les réponses proposées, les bonnes réponses, mais aussi le classement des joueurs.

Le mobile : Il s’agit d’une page web responsive, qui est le moyen pour les joueurs d’accéder à la partie et de jouer.

 

L’interface graphique des deux fronts est très similaire, nous avons donc décidé de mutualiser les composants Vue, que nous avons pu réemployer aisément. Cette méthode présente de nombreux avantages: nous avons pu bâtir une bibliothèque avec Storybook, permettant à tous les intervenants de pouvoir réutiliser le code et se documenter. Cela nous a également permi de tester unitairement les composants d’interface, afin de s’assurer de leur comportement dans les différentes situations de l’application.

Galerie du projet Blind Test You
Galerie du projet Blind Test You

Contact

Une question ? Un projet ?

Nos réalisations

Les projets similaires