Perfbook
suivi de performance
Développement d'un système vidéo complexe
Domaine d'activité:
Management de clubs de sport
Services:
Développement web
URL du projet:
http://perfbook.fr
Pays:
France
Mots-clés:
Lecteur vidéo, marquage d'événements, compression vidéo, application web
Perfbook est une application Web qui permet de gérer en ligne tous les paramètres de la performance des joueurs et athlètes professionnels ou en formation.
Tous les critères de suivi des sportifs sont entièrement paramétrables (types de tests, objectifs en fonction du poste occupé, barèmes de calcul des performances, liste des compétitions, critères d'évaluation technique ou physique, ...)
Nous avons travaillé avec Perfbook sur la partie analyse vidéo de matchs de leur application web. Cette partie de l'application s'adresse aux managers de clubs ainsi qu'aux joueurs. Elle leur permet de charger sur la plateforme les vidéos de leurs matchs et d'enregistrer des événements à des moments précis du match. L'analyse vidéo est ensuite utilisée pour débriefer les matchs passés et préparer ceux à venir.
Tous les critères de suivi des sportifs sont entièrement paramétrables (types de tests, objectifs en fonction du poste occupé, barèmes de calcul des performances, liste des compétitions, critères d'évaluation technique ou physique, ...)
Nous avons travaillé avec Perfbook sur la partie analyse vidéo de matchs de leur application web. Cette partie de l'application s'adresse aux managers de clubs ainsi qu'aux joueurs. Elle leur permet de charger sur la plateforme les vidéos de leurs matchs et d'enregistrer des événements à des moments précis du match. L'analyse vidéo est ensuite utilisée pour débriefer les matchs passés et préparer ceux à venir.
Défis
- 01Travailler sur une solution pour réduire grandement le temps de chargement des vidéos uploadées sur la plateforme de sorte que les utilisateurs n'aient pas de temps d'attente lorsqu'ils passent d’un événement à un autre.
- 02 Développer un système qui permette de marquer et d'enregistrer les événements d'un match à un moment précis de la vidéo.
- 03 Mettre en place un lecteur vidéo avec des fonctionnalités personnalisées et des raccourcis clavier spécifiques.
Solutions
- 01Nous avons intégré un outil de compression personnalisé qui compresse automatiquement les vidéos uploadées par les utilisateurs. Nous avons également hébergé l'application sur un nouveau serveur avec plus de ressources.
- 02 Nous avons développé un système complexe qui permet à l'utilisateur de sauvegarder une période de la vidéo que l'on qualifie d'événement auquel on lie plusieurs données telles que les joueurs concernés, leur position sur le terrain, le type d'action, etc...
- 03 Nous avons travaillé sur un lecteur vidéo très léger basé sur du CSS/HTML qui inclut des fonctionnalités personnalisées telles que la lecture rapide, et le changement d'angle de vue de la caméra. Nous avons également mis en place des raccourcis clavier permettant de gérer la visualisation de la vidéo et des événements en mode plein écran.
Résultats
- 01La vidéo se charge instantanément lorsqu'on navigue sur le match ou qu'on visualise plusieurs événements. L'expérience utilisateur est excellente et l'outil est utilisé quotidiennement par de nombreux grands clubs sportifs pour débriefer les matchs passés et préparer ceux à venir.
- 02 Le système de marquage fonctionne très bien et les options de filtrage développées permettent de visualiser rapidement une sélection d'événements et de faire une analyse vidéo adaptée à chaque joueur.
- 03 Les options développées sur le lecteur vidéo participent grandement à la bonne expérience utilisateur. Le lecteur peut être utilisé en plein écran ou en mode réduit et peut fonctionner à pleine capacité quelles que soient les habitudes d'utilisation de l’utilisateur.