Upgrade to Pro — share decks privately, control downloads, hide ads and more …

FranceTV Sport de Drupal 7 à 8

FranceTV Sport de Drupal 7 à 8

FranceTV Sport est un site atypique pour Drupal: sa plus récente refonte l'a converti d'une plateforme de contenus textuels illustrés par des vidéos à une plateforme vidéo-first capable de gérer des dizaines de flux vidéo temps réel, intégrée à de multiples systèmes de flux asynchrones, avec un front Symfony 4 devant un Drupal 8 headless.

Cette présentation illustre les mécanismes de migration et de résistance aux pannes et à la charge mises en oeuvre dans ce site grand public au trafic très irrégulier.

Les participants à la conférence ont publié leur prise de notes collaborative sur https://annuel.framapad.org/p/dcp2019

Frédéric G. MARAND

February 15, 2019
Tweet

More Decks by Frédéric G. MARAND

Other Decks in Technology

Transcript

  1. QUI SOMMES NOUS ?
    Thomas Jolliet
    France Télévisions
    Frédéric Marand
    OSInet

    View full-size slide

  2. LE PLAN
    ➔ Francetv Sport : Les enjeux
    ➔ La roadmap
    ➔ Architecture du projet
    ➔ Drupal 8 en action
    ➔ Les résultats
    ➔ Rétrospective projet
    ➔ Et après ?

    View full-size slide

  3. LES
    ENJEUX
    ● Pourquoi une refonte ?
    ● Ne pas répéter les mêmes erreurs
    ● Industrialiser les événements
    ● Des rendez-vous forts et récurrents
    (RG, TDF, JO …)
    ● Un fort trafic
    ● Usage orienté mobile

    View full-size slide

  4. LA ROADMAP
    11/2016
    Lancement projet &
    début conception
    Fin conception
    02/2017
    Début
    développement
    03/2017
    MEP MVP
    05/2017
    Fin migration
    10/2017

    View full-size slide

  5. L’ARCHITECTURE
    Simple Mutualiser les
    technologies
    Résilience Scalable

    View full-size slide

  6. L’ARCHITECTURE

    View full-size slide

  7. L’ARCHITECTURE

    View full-size slide

  8. L’ARCHITECTURE

    View full-size slide

  9. DRUPAL 8
    EN ACTION
    ● Gestion des API
    ● Le cache
    ● Personnalisation (dev)
    ● Services et injection de dépendance
    ● Composer
    Les +

    View full-size slide

  10. ● Ergonomie de l’interface
    ● Recrutement
    ● Maturité contributions
    DRUPAL 8
    EN ACTION
    Les -

    View full-size slide

  11. DRUPAL 8 EN ACTION

    View full-size slide

  12. DRUPAL 8 EN ACTION

    View full-size slide

  13. DRUPAL 8 EN ACTION

    View full-size slide

  14. DRUPAL 8 EN ACTION

    View full-size slide

  15. +58 %
    de visites
    +30%
    de vidéos vues
    Android :
    3.8 début 2017 -> 4.2 fin 2018
    iOS :
    2.8 début 2017 -> 4.1 fin 2018
    -65%
    sur le speed index
    (2361)
    -85%
    temps chargement
    des pages (3,99)
    LES RÉSULTATS

    View full-size slide

  16. LES
    RÉSULTATS

    View full-size slide

  17. ● Tour de France : 6 flux
    ● JO Jeunesse : 15 flux, 25 épreuves/j
    ● Roland Garros : 20 flux, 70 matchs/j
    ● JO Tokyo : 45 flux
    LES
    RÉSULTATS

    View full-size slide

  18. ● Naissance en 2012
    ● Drupal 6 - 7 - 8
    ● Équipe de 10 développeurs
    ● 30 / 40 développeurs en 7 ans
    RÉTROSPECTIVE
    PROJET

    View full-size slide

  19. ET
    APRÈS ?
    ● Mutualisation du Back-office
    ● Principe d’invalidation par tag
    ● Les JO à Tokyo ?
    ● Migration Drupal 9 ?

    View full-size slide