Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency Drupagora 2016

1/12Drupagora 2016 - Usine à sites avec Drupal 7 et 8
Twitter : #drupactency
Drupagora 2016
Usine à sites avec
Drupal 7 et 8
Avec le témoignage
de ARTE, PERNOD RICARD et une grande
marque d’articles de sport

L’intervenant
Mathieu Gros
Directeur Général
@Actency
Mathieu GROS est le CEO d’Actency, qu’il a fondée en 2007.
Expert Drupal de la première heure, l’agence a connu un développement rapide en
se spécialisant sur les sites à problématiques complexes et sur les applications
métier.
Ce sont aujourd’hui 80 experts qui interviennent dans plus de 25 métiers du Web,
afin de délivrer à une clientèle grands comptes, une prestation 360°.

1. Actency – 100% powered by Drupal
Actency
● 80 experts du digital
● Entreprise fondée en 2007
● 2 agences & 3 bureaux :
Strasbourg, Paris, Lyon (nouveau), Lille (nouveau),
New Orleans/USA (nouveau)
● 600% de croissance en 7 ans

SOMMAIRE
1. QU’EST-CE QU’UNE USINE A SITES ?
3. L’EXPERIENCE ARTE
4. L'EXPÉRIENCE D’UNE MARQUE D’ARTICLES DE SPORT
5. ET DRUPAL 8 ? L’ETUDE PERNOD RICARD
6. CONCLUSION
4/12

1. Qu’est-ce qu’une
usine à sites ?

2. Une usine à sites : pourquoi et comment
Le nombre de sites d’entreprise a explosé depuis 10 ans
5 fois plus de sites internet en 5 ans

Aujourd’hui pour les DSI : une situation ingérable
DSI
Métier
Marque
Site E
Techno E
Métier
Marque
Métier
Marque
Site D
Techno D
Site F
Techno F
Site G
Techno G
Site H
Techno H
Site B
Techno ASite A
Techno A
Site C
Techno A

Demain : la centralisation
Rationalisation des couts
Stratégie Marketing/ Ergonomie
Fournisseur de service efficace
Moindres coûts, délais réduits
Partage de fonctionnalités,
réutilisation de modèles
Centralisation des moyens :
plus de sécurité et de qualité
DSI
Métier
Marque
Site A Site B Site C
Métier
Marque
Métier
Marque
FoncA
FoncB
FoncC
FoncD
FoncE
FoncF
FoncG
HÉBERGEMENT
MIDDLEWARE (DevOps)

Un niveau de partage sur-mesure > Partage du code uniquement

> Partage code+configurationUn niveau de partage sur-mesure

Un niveau de partage sur-mesure > Partage du contenu

Que contient une usine à site : du DEVOPS au FRONT
Utilisateur final
Frontoffice
Backoffice
Services tiers
Applications
Infrastructure
Equipe de développement
Qualité & délais de livraison
Templates de pages
Widgets
Spécificités graphiques
Outils éditoriaux
Méthodologies
Clients / Middlewares
Configurations
Configurations
Outils de déploiement
Outils d’évolutivité
Outils de développement
Intégration continue
Méthodologies
Usineàsite

Une usine à site c’est quoi ?
● Une seule plateforme pour gérer tous les sites
Rationalisation des couts
Réduction des délais de production
Mutualisation des moyens pour investir sur la qualité
● Une gouvernance globalisée
Fournir une expérience utilisateur unique / mode de relation
Partager les contenus / homogénéité
Accentue le collaboratif entre métiers/services/marques
Casse les silos
● Transformer l’activité de DSI de “Intégrateur” à “Editeur
La réutilisation et le partage des fonctionnalités
Répliquer les correctifs
● Une vision sur le long terme
Outil de développement de marketing
Time-2-market
Change Management

3 TEMOIGNAGES
D’ENTREPRISE
● 3 typologies d’usines à sites
●3 expériences différentes et leurs enseignements

3. L’expérience ARTE

L’intervenant ARTE
Guillaume
Renard
@Arte
Guillaume RENARD est un chef de projet orienté WEB chez ARTE G.E.I.E. depuis environ 3 ans après une
dizaine d’années en tant d'administrateur système/réseau.
Il a été chargé de migrer de nombreux contenus d’un CMS monolithique (Coremedia) vers Drupal tout
en permettant à chaque magazine de conserver ses spécificités.
Il est actuellement en charge de la maintenance et des évolutions ce qu’ARTE appelle ARTE Site Factory
(usine à sites).

3. Et Drupal 8 ? L’étude de Pernod-Ricard
17/12
ARTE
● Chaîne de télévision franco-allemande créée en 1992
● Gestion par la centrale Arte GEIE, basée à Strasbourg
● Vocation culturelle européenne
● Diffusion via plusieurs plateformes en ligne :
creative, future, concert, info, opéra, cinema
en direct (arte.tv/direct) ou en différé (arte.tv/guide/fr/plus7/)
un ‘multi-site’: sites.arte.tv (ASF)
● Challenge technique :
API pour ouvrir l’accès au guide des programmes ou au replay
multilinguisme (4 langues)
multitude et diversité des contenus

2. L’expérience d’ARTE
Avant l’usine à site : le contexte
● Des contraintes techniques variées (streaming, droits de diffusion,
API inachevée, …)
● Plusieurs prestataires à coordonner
● Du code à maintenir séparément dans plusieurs endroits
● Des délais importants pour déployer les nouvelles API et nouveaux
services

Les attentes techniques vis à vis de l’usine à site
Le fonctionnement souhaité implique que :
• Un socle commun apporte des aspects normés
• Chaque plate-forme hérite de ce socle
• Le cycle de livraisons soit indépendant des projets qui l’utilise
• Les éléments obligatoires soient actifs sur toutes les plate -formes
• Les éléments facultatifs soient activés selon les besoins de chaque
plate-forme

ARTE: Une intégration progressive dans le socle
Sites généralistes
Portail, VOD, Grilles prog.
Arte Info
Arte Future
Arte Concert
Arte Creative
Arte Cinema
Socle commun
Arte Site Factory
Site FutureMag
Site Festival de Cannes
Site distinct
Bleu = Socle commun

Les challenges du projet
• Comment faire progresser l’ensemble des sites vers un
ensemble harmonisé d’outils et de workflows éditoriaux
• Comment rendre les fonctionnalités génériques et “hookables”
pour permettre de livrer un socle fonctionnel de base adaptatif
• Comment prendre en compte les spécificités de chaque site
dans l’effort de centralisation à la fois fonctionnel et technique
(architecture technique pour les traductions différentes sur
chaque site par exemple : i18n / entity translation)

Objectifs Atteints
La réalisation du projet d’usine à sites a apporté les bénéfices
suivants :
• Des délais de livraison réduits
• 2 à 3 déploiements du socle commun par mois
• 2 déploiements de sites par semaine
• Une nouvelle répartition / rationalisation des coûts
• le socle commun est l’investissement principal
• les différents sites ont un budget réduit
• Un gain de qualité: un code mieux harmonisé grâce à des
tests plus importants

Objectifs Atteints (suite)
Planning prévisionnel connu de tous pour chaque plate-forme

2. L’experience d’ARTE
Objectifs Atteints (suite)
Objectifs atteints
• De nombreuses fonctionnalités sont partagées
• Configurations SEO
• API OPA pour récupérer les programmes
• Outils et workflows éditoriaux
• Outils liés à la performance et à la sécurité
• Outils liés aux traductions
• Player Arte
• Librairie de médias Scald
• Configurations liées aux moteurs de recherche
• Aspects visuels commun (header, footer, styles)

Objectifs Atteints
• 5 sites standardisés
• Arte Info

Objectifs Atteints
• Arte Future

Objectifs Atteints
• Arte Creative

Objectifs Atteints
• Arte Concert

Objectifs Atteints
• Arte Cinema

Objectifs Atteints
• Une usine à site héritant des standards précédents
• ASF (Arte Site Factory)

ARTE Site Factory
• Unecinquantaine de sites
• Création automatique d’un site minimal en 5 minutes
avec liste des vidéos
• A venir (les prochains broadcasts)
• déjà disponible (le replay, ARTE+7)
• Back office strictement similaire pour chacun des
sites
• Groupe d’utilisateurs dédiés par site
• Chaque site est indépendant

Synthèse globale
AVANT APRÈS
Temps long pour développer une fonctionnalité
commune
une fonctionnalité doit être développée X fois
pour être disponible partout
Une fonctionnalité n’est plus
développée qu’une fois au sein de
ARTE Foundation et peut être déployée sur
toutes les plates-formes rapidement
Chaque prestataire travaille sur sa ou ses plates-
formes spécifiques sans se soucier de ce qui se
passe ailleurs.
Une fois par an, deux jours de workshop commun
avec tous nos prestataires Drupal
⇒ partage de connaissance et best-practice,
amélioration de la communication
Perte de temps
Augmentation des coûts
GAIN DE TEMPS
RÉDUCTION DES COÛTS

3. L’expérience d’une grande
marque d’articles de sport

Notre intervenant
Pierre Chauvel
Consultant Drupal
@Actency
Pierre Chauvel est développeur Drupal depuis 2010. Après un rapide tour de D6 c’est
avec D7 qu’il est intervenu sur des projets de différentes envergures en immersion régie
ou au forfait. Ces six années Drupal lui ont permis d’acquérir une solide expérience des
besoins métiers auxquels Drupal 7 sait répondre. Il aime à présent faire découvrir les
nouvelles opportunités offertes par Drupal 8.

2. L’expérience d’une grande marque de sport
Présentation de l’entreprise
Un des leaders français de la distribution d’articles de sport
● CA : 9 Mds € dont 65% à l’international
● 70 000 employés
● 1 038 Magasins dans 27 pays
● Jusqu’à 3000 références produits/marques
● Jusqu’à 30 000 déclinaisons de produits par site

Les difficultés rencontrées
• Maîtrise de Drupal en mode Usine à site
• Création de module suffisamment générique et configurable pour
répondre à tous les besoins
“Le site de running utilisait une multitude de menus (multilingue) ce qui a
posé des problèmes de performance/lenteur dans Drupal. L’architecture
étant à revoir pour fournir une performance optimale à tous les sites”
• Maîtrise des caches
“Des problèmes de connexion utilisateur liés aux caches varnish ont été
détectés lors d’une mise en production. Après loggin d’un utilisateur, les
visiteurs suivants se retrouvaient loggués avec son compte.”

Les objectifs obtenus > Chiffres clés
• Une 20aine de sites de marques
• Une usine à site « métier » : développée et optimisée depuis plus de 3
ans
• Une usine à site « front » : développée en moins de 9 mois
• Rationalisation :
• Une seule équipe de maintenance et un seul CIT
• Réplication d’une modification automatique sur tous les sites
• Réduction des coûts > 50% d’économies sur la production de nouveaux
sites comparés aux versions initiales

Synthèse globale
AVANT APRES
Des choix de technologies différentes sur chaque site pour
parfois un même besoin fonctionnel.
Des choix de technologies automatiquement partagées
entre tous les sites/
Des souhaits d’évolutions métiers rendues couteuses par
l’ajustement quasi systématique des fonctionnalités
communes.
Des thèmes et méthodes d’intégration différentes
Un socle offrant de solides fonctionnalités communes
pour concentrer l’effort financier sur les évolutions métiers
spécifiques
Un thème parent responsive commun offrant une
flexibilité d’intégration riche et contrôlée.
Certaines marques ne disposaient pas du budget suffisant
pour financer les modifications nécessaires à la mise en
place de leurs besoins fonctionnelles.
Un socle qui peut fournir out of the box, jusqu’à 90% des
besoins fonctionnelle d’une marques, réduisant d’autant le
budget.
Un niveau de code hétéroclite rendant la maintenance des
sites délicates.
Définition d’un standard de code utilisé dans le socle afin de
facilité la maintenance.

3. Et Drupal 8 ?
L’étude de Pernod-Ricard

L’intervenant
Nicolas LOYE est passionné par le Web, avec une mention toute particulière
pour Drupal ainsi que les produits SaaS. Sa spécialité : trouver les solutions
les plus optimisées pour les problématiques les plus complexes. Expert
reconnu, Nicolas est très impliqué dans la Communauté Drupal, avec laquelle
il partage régulièrement ses sujets préférés lors de conférences.
Nicolas Loye
Directeur technique
@Actency

45/12
Pernod Ricard
● N° 2 mondial des vins et spiritueux
● 14 marques stratégiques
● 18 marques clés locales
● 8558 M€ chiffre d'affaires
● 2238 M€ résultat opérationnel courant
● 18 421 collaborateurs
● 85 Sociétés de Marché réparties sur 3 régions

EAI
Data Repository
Contribution
Local
Contributors
Administrators
& DEVOPS
Anonymous & Authentificated Users
Development
teams
CIT + Deployment tools
(Unit tests / Ghost)
Monitoring
INFRASTRUCTURE (AWS Cloud / Morea)
MIDDLEWARES / APPLICATIONS (SOLR,etc.)
DRUPAL Foundation (shared features)
France site
subprofile
Canada
subprofile
China site
subprofile
FR
EN
FR
EN
CN
Project shared
Theme 1
Theme
2
Theme 4
etc...
DAM
PIM
CDN

Drupal 8 intègre les composantes essentielles dans son Coeur
DRUPAL 7 DRUPAL 8
Aide à l’architecture
Core (Multisite)
Modules (Organic Groups, Domain Access)
Core (Multisite)
Modules (Organic Groups, Group, Webfactory, ...)
Traduction Core + Modules (i18n + Entity Translation) Core
Contribution
éditoriale
Core + Modules (WYSIWYG, Media, Scald)
Core
Modules (Entity browser Entity embed)
Workflow éditorial
Modules (Workbench, Workbench moderation, Diff,
Scheduler)
Modules en alpha/beta
(Workbench, Workbench moderation, Diff, Scheduler)
Connexion
LDAP/SSO
Modules (LDAP, Securesite) Modules en dev (LDAP, Securesite)
Performance Core + Modules (Entity cache, Memcache, autres …)
Core + Modules en alpha (Memcache)
Meilleurs outils (Entity cache dans le core, big pipe,
cache tags, etc)
Headless
architecture
Modules (Services) Core
Big /small pipe - Core
Pages Modules (View, Display Suite, Panels, Search API) Core + Modules (Display Suite, Panels, Search API)
Stockage des config. Modules (Features) Core (CMI) + Modules (Features)
SEO
Modules (Pathauto, Metatag, Metatags Quick, Page
Title, Global redirect, Redirect)
Modules (Pathauto, Metatag, Metatags Quick, Global
redirect, Redirect)
Imports/migrations Modules (Feeds, Migrate) Core + Modules (Feeds)

Statut Drupal 8 - Exemples concrets
• 20 modules courants pour des besoins
fonctionnels courants
• Peu de modules “manquants”
• 3 disponibles en version stable
• 2 sans aucune version disponible
• 5 en cours de développement
• 12 disponibles en alpha ou beta
• Avantages de D8 par rapport à D7
• Pas d’avantage coté architecture
• Par contre des avantages propres à
Drupal 8, quelque soit le site
MODULES DRUPAL 8 STATUT
Aide à l’architecture
Webfactory
Organic Group
Domain Access
1.1
En cours
En cours
Contribution
éditoriale
Entity browser
Entity embed
1.0-alpha2
1.0-alpha1
Workflow éditorial
Workbench
Workbench moderation
Diff
Scheduler
1.0-alpha1
1.0
1.0-alpha2
1.0-dev
LDAP/SSO Securesite 1.0-dev
Performance Memcache 2.0-alpha1
Pages
Display Suite
Panels
Search API
2.3
3.0-beta4
1.0-alpha14
Stockage config. Features 3.0-beta3
SEO
Metatag
Metatags Quick
Global redirect
Redirect
1.0-beta7
3.0-alpha1
1.0-dev
1.0-alpha1
Imports/migrations Feeds 2.0-beta2

Drupal 7 vs Drupal 8 : Des gains significatifs pour les utilisateurs
Utilisateur finaux Amélioration performance, mobilité, accessibilité
Équipes éditoriales Amélioration Multilingue, ergonomie et gestion des
médias
Équipes d’intégration / theming Meilleur support HTML5,TWIG, Headless
Équipes de développement Amélioration robustesse et déploiement
Architecte Légère amélioration sur les standards et l'efficacité
Chefs de projet / DSI Réduction des regressions, optimisation qualité.
Pas de réduction des délais de production / Temps jr/h
nécessaire.

5. Conclusions

5. Conclusions
51/12
Conclusion
● La dégressivité des couts/délais se fait progressivement
Projet initial = coût comparable à un
projet sans usine à site
Couts/Délais moyens des projets avec une usine à site

5. Conclusions
52/12
Conclusion
● Le seuil de rentabilité est généralement atteint au 3ème site

5. Conclusions
53/12
Conclusion
● Il n’existe pas UN modèle d’usine à sites idéal
● L’implémentation d’une usine à sites est un projet de longue
durée : >= 2 ans pour en constater les bénéfices
● Ne pas sous-évaluer l'investissement socle initial : le gain
devient significatif à partir du 3ème projet et celui-ci peut
atteindre 80%
Ces exemples très divers mettent en évidence 3 enseignements essentiels pour qui veut se lancer
dans une usine à sites.

Quel super chanceux
powered by Drupal
êtes-vous ?
LUCKY GAME
CONTEST
1. Prenez un Selfie devant
notre photocall
2. Tweetez-le en mentionnant
@Actency et #DrupActency
3. Tentez de gagner des
cadeaux powered by Drupal !
Tirage au sort à :
11h30 - 15h30 - 17h30
A GAGNER :
3 Audits ou formations
aux choix et plein
d’autres goodies…

55/12
MERCI
En savoir plus,
Visitez notre site, téléchargez nos supports
www.actency.fr
www.twitter.com/actency
www.facebook.com/actency
Notre book de références
www.actency.fr/book
Notre Factsheet Drupal
www.actency.fr/drupal

56
twitter : @actency
QUESTIONS?

Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency Drupagora 2016

Contenu connexe

Similaire à Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency Drupagora 2016

Plus de Actency

Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency Drupagora 2016