Antoine BuzaudDéveloppeur Web Senior
Discutons de votre projet
Accueil
Projets
FFF — FFFTV, plateforme vidéo OTT
Tous les projets Dossier mission · N°19

FFF — FFFTV, plateforme vidéo OTT

Conception et développement de FFFTV, la plateforme OTT gratuite de la FFF réunissant directs, replays et formats éditoriaux autour du football amateur et de haut niveau, sur tous les écrans.

Client
Fédération Française de Football
Rôle
Full-Stack Developer
Période
2019
Un besoin similaire ? Discutons-enVoir FFFTV.fr
Aperçu — FFF — FFFTV, plateforme vidéo OTT
  • 4 000vidéos disponibles au lancement
  • 250rendez-vous en direct annoncés
  • 18sélections nationales suivies
  • Multi-écransDu web au téléviseur connecté
Contexte

La mission

Avec FFFTV, la Fédération Française de Football disposait de sa propre plateforme OTT pour valoriser et diffuser ses productions audiovisuelles. Gratuite et accessible sur ordinateur, tablette, smartphone et téléviseur connecté, elle donnait aux licenciés comme aux passionnés un accès direct à ces contenus, en complément de l’offre proposée par les diffuseurs TV partenaires.

La plateforme rassemblait le football sous toutes ses formes : coulisses des Équipes de France, directs du National et du futsal, résumés de D1 Arkema, Coupe de France, portraits, magazines, rétrospectives, top buts et reportages consacrés au football amateur. L'expérience permettait d'explorer les vidéos par compétition et de retrouver un contenu par mots-clés.

J’ai participé à sa conception et à son développement de bout en bout dans le cadre de la mission FFF — Plateformes digitales. Le socle Symfony/PHP et le front-end basé sur TypeScript ont été développés avec une attention particulière portée à la performance, à la fiabilité en production, à la qualité logicielle et à la conformité RGPD.

Déroulé

Ce que j'ai fait

  • Conception full-stack de la plateforme

    Développement du socle applicatif en PHP/Symfony et des interfaces en TypeScript/jQuery, avec Composer pour la gestion des dépendances et Webpack pour le build et l’optimisation des assets front-end.

  • Navigation & valorisation du catalogue

    Création des parcours de découverte des contenus par compétition et par univers éditorial, avec intégration de la recherche par mots-clés.

  • Expérience vidéo multi-écrans

    Intégration des interfaces de consultation et de lecture pour les directs, replays et formats courts ou longs, avec une expérience adaptée aux différents écrans.

  • Qualité & tests

    Mise en place de tests unitaires avec PHPUnit et de scénarios end-to-end avec Cypress, complétés par des validations cross-browser via BrowserStack.

  • Monitoring & conformité RGPD

    Supervision de la plateforme avec New Relic et intégration de Didomi pour assurer la gestion du consentement et la conformité RGPD.

  • Industrialisation & mise en production

    Intégration continue avec GitLab, conteneurisation Docker, déploiement derrière Nginx et distribution des contenus statiques via Amazon S3.

Socle technique

Technologies utilisées

Backend

PHPPHPSymfonySymfonyComposerComposer

Frontend

TypeScriptTypeScriptjQueryjQueryJavaScriptJavaScriptWebpackWebpack

Qualité & tests

PHPUnitPHPUnitCypressCypressBrowserStackBrowserStack

Cloud & infrastructure

DockerDockerGitLabGitLabNginxNginxAmazonS3AmazonS3

Outils

GitGitNew RelicNew RelicDidomiDidomi
Normes & exigences
  • RGPD
  • Agile
Résultat

Ce que ça a changé

Un canal numérique propriétaire qui a permis à la FFF de s’adresser directement aux supporters et de valoriser les acteurs du football amateur comme de haut niveau.
Une offre éditoriale d’envergure dès le lancement : 4 000 vidéos, 250 rendez-vous en direct et l’actualité des 18 sélections nationales masculines et féminines.
Une expérience gratuite et multi-écrans, structurée par compétition et enrichie d’une recherche par mots-clés, en complément des diffuseurs TV partenaires de la FFF.
Un socle technique industrialisé, testé et supervisé, intégrant les exigences de performance, de disponibilité et de conformité RGPD.

Un projet en tête ? Parlons-en !

Je serai ravi d'échanger sur vos besoins et de vous proposer la meilleure approche.

Discutons de votre projet