View
220
Download
0
Category
Preview:
Citation preview
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 5
• 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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 6
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 7
• 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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 8
• 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
9Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
1. CONTEXTE – le projet
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 10
2 sites de communication externe à (re)développer :
www.francetelevisions.fr
www.francetvpro.fr
1. CONTEXTE – situation avant projet
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 11
• 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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 12
DOTER LA COMMUNICATION EXTERNE D’OUTILS WEB PERFORMANTS
1. CONTEXTE – le projet - www.francetelevisions.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 13
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 14
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 15
SIMPLERICHEPRO
La promotion des programmes
en direction de la presse
positionnement
1. CONTEXTE – le projet - www.francetvpro.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 16
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
1. CONTEXTE – le projet - www.francetvpro.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 17
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 18
• 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
19Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
1. CONTEXTE – le choix de Drupal 8
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 20
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
1. CONTEXTE – le choix de Drupal 8
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 21
• 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
1. CONTEXTE – le choix de Drupal 8
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 22
GO !
2. REALISATIONMéthodologie
23Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
1. REALISATION – méthodologie
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 24
• 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
1. REALISATION – méthodologie
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 25
1. REALISATION – méthodologie
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 26
• (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
1. REALISATION – méthodologie
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 27
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 29
• 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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 30
v
a
r
n
i
s
h
C
D
N
1. REALISATION – Développement
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 31
• 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
32Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
1. REALISATION – Difficultés / Solutions
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 33
1. REALISATION – Difficultés / Solutions
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 34
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
1. REALISATION – Difficultés / Solutions
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 35
Difficultés Solutions
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
1. REALISATION – Difficultés / Solutions
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 36
Difficultés Solutions
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 37
1. REALISATION – www.francetelevisions.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 38
1. REALISATION – www.francetvpro.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 39
1. REALISATION – www.francetvpro.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 40
1. REALISATION – www.francetvpro.fr
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 41
3. BILANPour l’entreprise
42Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
1. BILAN – Pour l’entreprise
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 43
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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 44
• 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
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 46
• 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 ?
47Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
1. BILAN – Et si c’était à refaire ?
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 48
• 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 ?
Drupagora 2016 – france télévisions/Drupal 8 Les premiers pas - Twitter : #drupagora 49
• 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
4. POINT DRUPAL 8Par Frédéric Marand
50Drupagora 2016 – france télévisions et Drupal 8 : premiers pas par S.FAGNIEZ et F.MARAND - Twitter : #drupagora
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
Recommended