Drupagora 2016 · Le projet Le choix de Drupal 8 2. ... CONTEXTE –le choix de Drupal 8 Drupagora 2016 ... Gestion des fichiers images avec le Crop

Drupagora 2016

France Télévisions et Drupal 8 :

Premiers pas

SOMMAIRE1. CONTEXTE

France Télévisions et le numérique

Le projet

Le choix de Drupal 8

2. REALISATION

Méthodologie

Architecture et développement

Difficultés/Solutions

3. BILAN

Pour l’entreprise

Drupal 8 : +/-

Et si c’était à refaire ?

4. POINT DRUPAL 8 (F.Marand)

Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora 2

1. CONTEXTEFrance télévisions et le numérique

3Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora

1. CONTEXTE – france télévisions et le numérique - Aujourd’hui

Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 4

• Organisation

DSI(ISI)

BtoC

BtoBPôle digital(France Télévisions

Editions Numériques)

1. CONTEXTE – france télévisions et le numérique – Aujourd’hui


• Le web

– Les sites des chaines historiques

– tv de rattrapage

– des sites thématiques

– Des séries évènements

– Des web séries, fictions interactives

• Le mobile first

1. CONTEXTE – france télévisions et le numérique – Aujourd’hui


Consultation délinéarisée (mars 2016)

Fréquentation des sites

et applications (mars 2016)

300millions

de vidéos vues

Programmes France télévisions sur

tous supports et toutes plates-formes

46,3 millions**

19,2 millions

1,9 million

* L’offre d’information en ligne comprend francetvinfo, Géopolis, Culturebox et les sites régionaux de France 3 et Outre-mer 1ère

** nombre de visites

(6ème au classement

des marques d’info)

*

1. CONTEXTE – france télévisions et le numérique - Demain


• Conforter et étendre l’offre

– Chaine d’information

– Plate-forme Vidéo A la Demande (VOD/SVOD)

– Prise en compte des formats pour le digital en amont des productions

• Distiller le digital dans l’entreprise

– GPEC (Gestion Prévisionnelle de l’Emploi et des Compétences)

1. CONTEXTE – france télévisions et Drupal


• Une place historique :

– Depuis 20XX ? … !

– Pour rationaliser, notamment le maintien en sécurité

• Une large gamme de produits :

– Sites chaines

– Francetvsport

– Culturebox (web, applis mobile, TV connectée)

– ….

• Une participation active dans la communauté

1. CONTEXTELe projet


1. CONTEXTE – le projet


2 sites de communication externe à (re)développer :

www.francetelevisions.fr

www.francetvpro.fr

1. CONTEXTE – situation avant projet


• www.francetelevisions.fr

– En SPIP, en wordpress

– Pas de BO disponible pour les contributeurs

– Un design vieillissant

• Plusieurs extranets de communication

– Solutions hétérogènes (.dotnet, Oracle Forms, CMS éditeur)

– Certaines chaînes sans extranet

1. CONTEXTE – une ambition


DOTER LA COMMUNICATION EXTERNE D’OUTILS WEB PERFORMANTS

1. CONTEXTE – le projet - www.francetelevisions.fr


ACCESSIBLEFIABLEOFFICIELLE

La communication institutionnelle du groupe

en direction du grand public et des professionnels de l’audiovisuel

Un site « vitrine » à faible trafic ( environ 15 000 visites/mois)

positionnement

1. CONTEXTE – le projet - www.francetelevisions.fr


Construire un nouveau site pour :

• Moderniser l’image du groupe

• Mettre à jour, enrichir et diversifier les contenus

• Décentraliser la contribution vers les entités

responsables des rubriques (une douzaine de

contributeurs)

promesse

1. CONTEXTE – le projet - www.francetvpro.fr


SIMPLERICHEPRO

La promotion des programmes

en direction de la presse

positionnement



S’adresse aux

JOURNALISTES TV PRINT,

RADIO, WEB,

BLOGGUEURS, …

Répond aux

NOUVEAUX USAGESContribue à

GAGNER EN IMPACT

La plateforme contribue à alimenter les cibles en CONTENUS APPROPRIÉS

en termes de FORMES et de TEMPORALITE

positionnement



promesse

• Rubriques présentant :

« Les temps forts de la semaine » et la grille des

programmes

les communiqués et les dossiers de presse

les vidéos (teasers, bandes-annonces, ..)

• Fabrication de communiqués de presse(pour une diffusion avec un outil interne)

• Fabrication de newsletters pour annoncer les

programmes (pour une diffusion avec un outil interne)

• Environ 150 rédacteurs (dans toute la France

métropolitaine et en outre-mer)

Offrir un espace de communication (press-room)

à chaque chaîne

Etre une brique du SI France télévisions

• En Interconnexion avec le SI Antennes

• Offrir un service de grilles enrichies à l’extérieur

1. CONTEXTE – le projet


• Un client en forte attente suite à un gel du projet pendant des années

• Une expertise digitale variable au sein de l’entreprise

• Une volonté d’expérimenter l’agilité au sein de la DSI

• Un contexte technologique ouvert

1. CONTEXTELe choix de Drupal 8


1. CONTEXTE – le choix de Drupal 8


Drupal 7 / Drupal 8 ? Symfony 2 ? Autres ?• Autres :

– Peu étudié, vite écarté au profit de la cohérence des choix d’entreprise

• Symfony 2 :

– L’orientation prise par le pôle digital dans une logique d’usine à site « APIsée »

– Une grande souplesse pour répondre aux développements spécifiques

– Coûteux

• Drupal 7 :

– Nombreux modules

– Supporté jusqu’à la sortie de Drupal 9 (2020 ?)

– Migration complète à prévoir dans 3 ou 4 ans

• Drupal 8 :

– Une grande incertitude : en release candidate, la V0 devant sortir dans les 6 mois

– Un cœur (presque) stable incluant toutes les fonctionnalités basiques d’un CMS

Début 2015



• le budget

– Une estimation à environ 20-30% plus cher en Drupal 8

– Un site amorti

• le périmètre fonctionnel

– simple pour www.francetelevisions.fr

– Plus dense pour www.francetvpro.fr mais pouvant bénéficier de l’expérience du premier site

• Une culture d’entreprise

– Vers l’innovation et l’expérience

– La gestion du risque :

• Pilotage

• Expertise technique et coaching



GO !

2. REALISATIONMéthodologie


1. REALISATION – méthodologie


• Etre pragmatique face aux contraintes de l’entreprise

• Instaurer un « partenariat » MOA/MOE

• Avoir des résultats rapidement

– Améliorer le « Time to Market »

• Se donner les moyens de réagir au changement

– De besoin, d’organisation, de budget, …

• Favoriser la communication et la transparence

– à tous les échelons du projet

Principes





• (re)définir les règles du jeu

– Un coach

– Un cadrage (gouvernance, roadmap, ressources techniques, logistiques et humaines, Lead devaux devDays …)

– Une formation (1 journée pour toute l’équipe)

– Des rôles et des responsabilités (PO, Scrum master, équipe de dev, …)

– Des post-it

EQUIPE TRANSPARENCE COMMUNICATION

AUTONOMIE COURAGE MAITRISE

SCRUM



Responsable

produit (PO)

Sprint De 2 semaines

Mêlée quotidienne

ScrumMaster

Product Backlog Sprint Backlog

Equipe

Revue de sprint

Rétrospective

Planification

Développement

Recette

Livraison

Coach Agile

Expert Drupal 8

2. REALISATIONArchitecture et développement

28/12Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora

1. REALISATION – Architecture


• Une Plate-forme d’outillage :

– OS Debian

– Outillage devops

• GITlab pour les sources

• Jenkins pour le build

• Capistrano pour la livraison

– Gestion de projet : Redmine

• Un hébergeur extérieur, infogérant les environnements de pre-prod et de prod

1. REALISATION – Architecture


v

a

r

n

i

s

h

C

D

N

1. REALISATION – Développement


• 1 Lead dev/scrum Master,

2 ou 3 développeurs, 1 intégrateur

• Environ 40 types de contenus pour chaque site

• Inline Entity Form (IEF), media, pathAuto, MemCache,

Crop, ToolBar, SearchApi, Restui, Views, .. : Environ 20 Modules core contribution

• Environ 30 modules spécifiques dont une vingtaine « intelligent »

• 1 Module contribué : Image Widget Crop

2. REALISATIONDifficultés / Solutions


1. REALISATION – Difficultés / Solutions




Difficultés Solutions

Les médias

Le workflow

Pas grand-chose de disponible pour l’utilisateur final

Gestion des fichiers images avec le Crop

Entity Browser : Quand ?

Module peu ou pas utilisable en l’état

Interfaçage avec la photothèque de l’entreprise

Un hébergement des vidéos externalisé,

un interfaçage avec une vidéothèque de l’entreprise

Des objets média dupliqués

La création de statuts et de vues filtrables

Des fonctionnalités d’export et d’envoi de mails

Des droits ouverts

Une responsabilisation des utilisateurs




IEF

Memcache

Problèmes lors de la création des objets en cascade

Gestion différente de D7 : tout doit être codé !

MemCache en multi-site

CDN, varnish, navigateur : des recettes compliquées

Limiter les niveaux d’imbrication à 2

Systématiser la gestion du cache + revue de code




Profil développeur php/Symfony 2 peu communicant

Faible motivation pour se mettre à Drupal

Difficultés à respecter les règles SCRUM : communication, transparence, ….

Avoir des postes de dev puissants (core i7, 32Go RAM, disque ssd)

Hors standard du parc informatique

Le travail en mobilité et la sécurité du SI

Le dévoiement de l’agilité

Un besoin pas assez mûr : changement en cours de sprint

Des spécifications souvent trop peu écrites

Changer de développeur

« Scrum ne fait pas ressortir l'excellence, il expose l'incompétence » Ken Schwaber, co-fondateur de Scrum

Budget spécifique

BYOD

Accès aux environnements en VPN

Pédagogie du Scrum Master

1. REALISATION – www.francetelevisions.fr


1. REALISATION – www.francetelevisions.fr


1. REALISATION – www.francetvpro.fr






3. BILANPour l’entreprise


1. BILAN – Pour l’entreprise


Mise en ligne le 15 juillet 2016cadrage d’1 mois3 sprints de 15 jours

Mise en ligne le 09 février 201613 sprints de 15 jourspérimètre réduit

(sans les grilles de programmes)

• Naissance de deux sites en moins d’un an !

• Une direction de la communication satisfaite

• Un projet pilote réussi : Un REX Drupal 8 Un REX AGILE/SCRUM pour la DSI

www.francetelevisions.fr www.francetvpro.fr

1. BILAN – Pour l’entreprise


• Formation (par une société tierce) Plus de 150 collaborateurs Taux de satisfaction : 85% environ (taux de retour 70%)

• Utilisation effective Seul un service de presse est réticent à quitter son ancien outil Elargissement du périmètre aux filiales de France télévisions

Plus de 90% de la population ciblée

Les utilisateurs

3. BILANDrupal 8 : +/-

45Drupagora 2016 – Titre conférence par nom(s) intervenant(s) - Twitter : #drupagora

1. Bilan – Drupal 8


• Intégration avec TWIG

• QuickEdit

• Ergonomie BO

• Responsive design/Version mobile

• Des développeurs hyper motivés

• Une communauté passionnée

• BO : assez lent en pics de charge

• Lenteur à l’enregistrement : sur les images en masse (diapo photo) ou duplication de contenus

• relance nécessaire des php/fpm

• BO : wording Drupal par défaut

• Difficulté à trouver des développeurs

• Des modules orientées utilisateurs finaux qui tardent à sortir (media, entity browser)

+ -

3. BILANEt si c’était à refaire ?


1. BILAN – Et si c’était à refaire ?


• La vertu de la contrainte :

Pas beaucoup de budget : choix d’une technologie qui dure … un peu (à quand Drupal 9 ?) Pas beaucoup de développeurs : seuls les meilleurs restent Pas beaucoup de modules à disposition : rationalisation des solutions et …. du besoin Pas beaucoup de temps : concentration autour de la « Minimum viable product » (MVP)

• Les limites de l’exercice :

Identifier un terrain favorable : forte valeur/faible risque Des produits de communication, pas des produits de consommation dont

dépendent l’antenne (ou le chiffre d’affaire) et la pérennité de l’entreprise Une population utilisatrice en forte demande, avec assez peu d’expériences digitales

La technologie au service du produit et non pas l’inverse Garder l’équilibre : investissement (contribution)/retour sur investissement projet Conserver la cible (le produit fini) et la confiance du client final

Réflexions du pilote

(moi ;-))

1. BILAN – Et si c’était à refaire ?


• La frustration du lead développeur :« Si on l’avait fait en D7, on aurait largement terminé dans les temps … » :

• La première expérience du développeur :Découverte, innovation, contribution : motivation et valorisation !

• L’euphorie de la PO :Elle accompagne ses utilisateurs même en vacances

• La bonne année de Delphine Ernotte-Cunci :http://www.francetelevisions.fr/2016_voeux_edito

http://www.francetelevisions.fr/2016_voeux_edito

4. POINT DRUPAL 8Par Frédéric Marand


MERCI

51

tw i t t e r : @ d r u p a g o r a

Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora

Documents

Drupagora 2016 · Le projet Le choix de Drupal 8 2. ... CONTEXTE –le choix de Drupal 8 Drupagora 2016 ... Gestion des fichiers images avec le Crop