France.tv — plateforme de streaming
Tous les projets Dossier mission · N°21

France.tv — plateforme de streaming

Développement full-stack de France.tv, plateforme réunissant les chaînes du groupe en direct, leurs programmes en replay et des contenus disponibles à la demande.

Client
France Télévisions
Rôle
Full-Stack Developer
Période
2019 – 2021
Aperçu — France.tv — plateforme de streaming
  • 6développeurs, méthode agile
  • Live · Replay · VODTrois modes de diffusion
  • Multi-écransCompatibilité testée en continu
Contexte

La mission

France.tv est la plateforme numérique de France Télévisions. Elle rassemble les chaînes du groupe en direct, leurs programmes en replay ainsi que des contenus exclusifs accessibles à la demande.

J’ai participé à ses évolutions fonctionnelles et techniques au sein d’une équipe agile de six développeurs. Mon périmètre couvrait les API de présentation, l’intégration front-end, l’authentification, la mesure d’audience et la qualité de service sur une plateforme très sollicitée.

Déroulé

Ce que j'ai fait

  • Diffusion de contenus

    Conception et évolution des API de présentation alimentant les parcours direct, replay et vidéo à la demande.

  • Interfaces dynamiques

    Intégration de composants réutilisables en HTML, CSS et JavaScript ES6 selon les principes de l’Atomic Design.

  • Authentification & tracking utilisateur

    Intégration des parcours d’authentification et des mécanismes de mesure d’audience.

  • Qualité & tests

    Tests unitaires (PHPUnit) et fonctionnels (Behat, Cypress), compatibilité multi-navigateurs validée via BrowserStack.

  • Collaboration produit & design

    Évolutions menées en lien avec les équipes design et produit, au sein d'une équipe de six développeurs.

  • Monitoring & performance

    Suivi de la disponibilité avec New Relic, optimisation de la performance web et déploiement continu via GitLab CI/CD.

Socle technique

Technologies utilisées

Backend

PHPPHPSymfonySymfonyDoctrineDoctrineComposerComposer

Frontend

JavaScriptJavaScriptHTML5HTML5SCSSSCSSWebpackWebpackBabelBabel

Données & recherche

MySQLMySQLElasticsearchElasticsearchKibanaKibana

Qualité & tests

PHPUnitPHPUnitBehatCypressCypressBrowserStackBrowserStack

Cloud & infrastructure

DockerDockerGitLabGitLabNginxNginxLinuxLinux

Outils

GitGitJiraJiraPostmanPostmanNew RelicNew RelicSentrySentryKameleoonKameleoonAT InternetAT Internet
Normes & exigences
  • Atomic Design
  • Agile
Résultat

Ce que ça a changé

Des fonctionnalités livrées en continu sur les parcours direct, replay et vidéo à la demande.
Une expérience plus robuste sur les navigateurs et appareils ciblés grâce à une stratégie de tests complémentaires.
Des parcours d’authentification et une mesure d’audience intégrés au fonctionnement de la plateforme.
Une production mieux observée grâce au suivi de disponibilité et de performance avec New Relic et Sentry.

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