Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace

1. Drupagora 2015
Industrialisation
de Drupal :
Usines à Sites, retour
sur le cas CCI Alsace

2. SOMMAIRE
1. Présentation
•Actency - 100% powered by Drupal
•CCI ALSACE
2. Qu’est - ce qu’une Usine à Sites
•Pourquoi les Usines à Sites sont-elles plébiscitées ?
•Ce qu’apporte une Usine à Sites
•Les axes stratégiques
•Axe N°1 : Partage de l’infrastructure
•Axe N°2 : Partage du code source
•Axe N°3 : Partage de la configuration
•Axe N°4 : Partage du contenu
•Synthèse des axes de mutualisation
•Choix de la mise en œuvre technique
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
2/12
3. Retour sur le cas des CCI Alsace
•Focus
•Le projet
•Vision Web CCI Alsace
•Choix Business sur la mutualisation
•Choix de la mise en œuvre technique
•L’architecture de l’Usine à Sites des CCI Alsace
•Les différentes étapes de mise en œuvre
•Les challenges relevés
•Les objectifs atteints
•Sites CCI avant
•Sites CCI après

3. 1. Présentation
Actency - 100% powered by Drupal
•Actency – Nos intervenants
CCI ALSACE
•Notre Intervenant
•Les chiffres
•Interventions
3/12Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency

4. 1. Actency – 100% powered by Drupal
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
4/12
Actency
L’agence :
● 65 experts du web
● Agence fondée en 2007
● Sur Strasbourg (siège social) et Lille et Paris
● Des projets de 50 à 2000 jrs/h
● Classée en 2013 par l’Express & EY au 66 ème rang des
« 141 plus belles entreprises d'avenir »

5. 1. Actency – 100% powered by Drupal
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
5/12
Nos intervenants
Chef de projet technique sur le projet CCI,
Manuel a plusieurs fois été confronté aux
différentes problématiques et réponses
techniques possibles à apporter pour mettre
en oeuvre des “Usines à Sites”.
Il est également leader sur la partie “Qualité”,
bonnes pratiques et standardisation “Drupal”
au sein de l’agence.
Violaine Meneux
Directrice de projets
@Actency
Manuel
Chef de projets
technique
@Actency
Directrice de projet formée et certifiée Prince 2
(Management de projet en environnement contrôlé),
Violaine pilote la feuille de route d’une équipe de
5 Chefs de Projets fonctionnels, partagée entre nos
bureaux parisiens et strasbourgeois. Process, Best
Practices, stratégie et pragmatisme sont autant de
clés qui garantissent le succès de nos projets.

6. 2. CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
6/12
Aziz DERBAL exerce depuis plus de deux ans une mission
transversale au sein des CCI d’Alsace où il a pour rôle de
déployer et mettre en œuvre la Stratégie Web définie dans le
cadre d’un Schéma Directeur Régional du Système
d'information. Il assure par ailleurs la direction de plusieurs
projets de refonte et/ou création de sites web au sein des CCI
d’Alsace.
Aziz Derbal
Directeur Web et Qualité
@CCI d’Alsace
Notre intervenant

7. 2. CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
7/12
CCI ALSACE
Acteur majeur de la région qui favorise le développement
économique de son territoire
En chiffres :
Accompagner les projets de 65 000 entreprises du Commerce, de l'Industrie et des Services
Elles aident tous les ans 4 400 porteurs de projets à créer leur entreprise
Elles enregistrent gèrent chaque année 5 500 nouveaux contrats d'apprentissage
Elles forment plus de 13 000 collaborateurs d'entreprises
et 1 400 apprentis dont 85 % transforment leur apprentissage en CDI
Elles emmènent 300 entreprises en prospection sur les marchés étrangers

8. 2. CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
8/12
Interventions :
CCI ALSACE
Acteur majeur de la région qui favorise le développement
économique de son territoire
● Accompagner à l’Export
● Formation au service de
l'emploi.
● Exploiter le numérique
● Surveiller votre
environnement économique
● Connaître votre territoire
● Gérer et développer votre
entreprise industrielle
● Engager une démarche
développement durable

9. 2. Qu’est-ce qu’une
Usine à Sites ?
• Pourquoi les usines à sites sont-elles plébiscitées ?
• Ce qu’apporte une Usine à sites
• “L’intérêt Business” de la mutualisation
• Axe N°1 : Partage de l’infrastructure
• Axe N°2 : Partage du code source
• Axe N°3 : Partage de la configuration
• Axe N°4 : Partage du contenu
• Synthèse des axes de mutualisation
• Choix de la mise en œuvre technique
9/12Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace
Twitter : #drupactency

10. 10/12
● Diversification de l’offre de contenus (vidéos, social, campagnes…)
● Diversification des supports (Sites, blogs, e-commerce, mobile, médias sociaux…)
● Diversification des processus (multiple équipe publishing)
● Fournisseurs multiples
Conséquences :
● Démultiplication des technologies
● Process trop complexes
● Des difficultés de gouvernance, pilotage, supervision
● Manque de cohérence d’infrastructure
● Perte de lisibilité
● Perte de l’adhésion utilisateurs
● Diminution de la performance et de la sécurité
● Maintenance délicate et lourde
1. Qu’est ce qu’une usine à sites ?
Pourquoi les Usines à Sites sont-elles plébiscitées ?
La digitalisation des organisations a engendré…
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency

11. Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
11/12
Ce qu’apporte une Usine à Sites
1. Qu’est ce qu’une usine à sites ?
Un seul socle technique, qui permet une industrialisation digitale.
Impact délais
● Industrialisation du déploiement Time-to-market
● Échanges automatiques de données entre les sites,
les passerelles et plates-formes externes
● Évolutions et services partagés
Impact coûts :
logique de capitalisation
● Production
● Hébergement
● Développement
● Maintenance
Impact Process
● Mutualisation des moyens =
Test automatisé, Intégration
continue, SLA, 24/7
● Une seule infrastructure =>
Industrialisation de l’interropérabilité
● Permet de toucher tous les “Digital
Touchpoints”
● Gouvernance flexible
● Centralisation des compétences pour
l’administration et la mise à jour
● Passerelles
● Centralisation des Workflows
● Unification du Data model :
Taxonomie/Métadonnées
● Contrôle global (Dashboard/BI)

12. 12/12
“L’intérêt Business” de la mutualisation
Les moyens techniquesLes axes de mutualisation
La création d’une Usine à Site nécessite d’abord une réflexion
sur les axes possibles de mutualisation
1. Qu’est ce qu’une usine à sites ?
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency

13. 1. Qu’est ce qu’une usine à sites ?
13/12
Axe N°1 : Partage de l’infrastructure
Intérêt Business :
Baisse des coûts d’infrastructure
● Mutualisation des serveurs
● Une seule infogérance
Simplification du Monitoring / Baisse des coûts
● Un seul rapport pour monitorer l’ensemble
● Moins de variables à contrôler
Réduction des délais de mise en œuvre:
● Pas d’initialisation d‘un nouvel environnement
● L’équipe est familiarisée avec les environnements
Approche technique :
● Utilisation d’un serveur puissant pouvant encaisser des
pics de charge, avec mécanisme de cache et de
monitoring.
● Toutes les formes de multisites sont possibles
● Pas de configuration optimisée par site...
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency

14. 14/12
Axe N°2 : Partage du code source
Intérêt Business :
1. Qu’est ce qu’une usine à sites ?
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
Partage des modifications
● Évolutions/ Patchs/
Corrections répercutées automatiquement
● Tests nécessaires sur l’ensemble des sites
Personnalisation graphique
● Partage du Thème de base / Thème de base
● Cohérence des architectures d’interface/charte globale
Gestion d’un Catalogue de fonctionnalités
● Modules, Features, Librairies partagées
● Proposer les fonctionnalités d’un site pour un autre
Réduction des coûts/délais de production/maintenance
● Réutilisation des fonctionnalités
● Une seule maintenance du code source
● Partage au minimum du Core Drupal, et éventuellement
des modules, des thèmes, Librairies, etc.
● Toutes les formes de multisites sont encore possibles,
mais on est contraint d’implémenter une des solutions.
● Tous les sites doivent accepter les mêmes versions de
sources
● Difficile d’organiser plusieurs prestataires
Approche technique :

15. 15/12
Axe N°3 : Partage de la configuration
Intérêt Business :
Cohérence de l'expérience utilisateur forte
● Héritage de fonctionnalités “out of the box”
Cohérence du data model
● Type de contenus/Métadonnées/
Taxonomie réutilisée
● Impose une parfaite cohérence éditoriale et la
mise en place d’un Data model partagé en amont
Réduction des coûts/Délais de production/Maintenance
● La configuration commune est déjà
mise en place, testée et validée
● Une seule maintenance de configuration
pour tous les sites
Approche technique :
1. Qu’est ce qu’une usine à sites ?
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
● Utilisation de fichiers ou d’une base de données partagée
contenant les configurations, ou d’un Install Profile.
● La phase de test devient critique lors des dev/updates

16. 16/12
Axe N°4 : Partage du contenu
Intérêt Business : Approche technique :
1. Qu’est ce qu’une usine à sites ?
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
Baisse des coûts de webmastering
● Plus de duplication de contenu
● Partage automatique des
modifications/ajouts/suppressions
Parfaite cohérence éditoriale
● Modification des contenus répercutée
en temps réel sur tous les sites
● Choix possible des contenus à partager
Cohérence de la gestion client
•Métadonnées utilisateurs identiques
•Gestion centralisée
•Une seule synchro CRM
Baisse des coûts des animations éditoriales
•Un seul processus de workflow pour tous les sites
•Une seule équipe Support
•Une seule gestion des droits
● “Virtualisation” des sites qui deviennent en réalité des
groupes ou des domaines par exemple
● Tout est mutualisé, il n’y a plus qu’une seule base de
données
● Attention à bien considérer les volumétries et charges
sur la BDD en amont

17. 17/12
Synthèse des axes de mutualisation
1. Qu’est ce qu’une usine à sites ?
Partage
infrastructure
Partage code Partage config Partage contenu
Partage des évolutions
& des dysfonctionnement
Faible Moyen Fort Non applicable
Cohérence du Data model Non applicable Aucune Moyenne Forte
Cohérence
de l'expérience utilisateur
Non applicable Faible Moyenne Forte
Personnalisation graphique Non applicable Sur-mesure Sur-mesure Sur-mesure
Baisse des coûts
des animations éditoriales
Non applicable Non applicable Faible Forte
Baisse des coûts/
Réduction des délais
Fort - Infrastructure
Fort - Production
& maintenance
Fort - Production
& maintenance
Fort - Animation
éditoriale
Catalogue de fonctionnalités Non applicable Oui, avec flexibilité
Respect rigoureux
des fonctionnalités
Non applicable
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency

18. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
18/12
Choix de la mise en œuvre technique

19. 3. Retour sur
le cas CCI Alsace
•Focus
•Le projet
•Vision Web CCI Alsace
•Choix Business sur la mutualisation
•Choix de la mise en œuvre technique
•L’architecture de l’Usine à Sites des CCI Alsace
•Les différentes étapes de mise en oeuvre
•Les challenges relevés
•Les objectifs atteints
•Sites CCI avant
•Sites CCI après
19/12Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency

20. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
20/12
Focus
Contexte
Besoin de cohérence, rationalisation et de synergie
Impact
● Un manque de cohérence et de lisibilité de l’offre pour les internautes
● Des difficultés de gouvernance, pilotage, supervision
● Un manque de synergie dans la mise à jour des contenus
● Une hétérogénéité technique complexifiant les interactions entre les sites
● Et in fine un coût très important pour chaque CCI.

21. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
21/12
Le projet
Cible technique : évolutions & enjeux
✓ Optimisation des interactions entre les sites
✓ Optimisation de la gouvernance et supervision
✓ Mutualisation des compétences pour l’administration
et la mise à jour
✓ Mutualisation de l’hébergement
✓ Mutualisation des développements et délais
✓ Mutualisation de la maintenance et du backup
✓ Mutualisation des évolutions et des services partagés
Usine à sites complexes
Site 1
Site 2
Site 3
CMS sites
complexes
Plate-forme d’hébergement

22. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
22/12
Vision Web CCI Alsace

23. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
23/12
Choix Business sur la mutualisation
Partage
infrastructure
Partage code
Partage
configuration
Partage contenu
Partage des évolutions
& des dysfonctionnement
Faible Moyen Fort Non applicable
Cohérence du Data model Non applicable Aucune Moyenne Forte
Cohérence
de l'expérience utilisateur
Non applicable Faible Moyenne Forte
Personnalisation graphique Non applicable Sur-mesure Sur-mesure Sur-mesure
Baisse des coûts
des animations éditoriales
Non applicable Non applicable Faible Forte
Baisse des coûts/
Réduction des délais
Fort - Infrastructure
Fort - Production
& maintenance
Fort - Production
& maintenance
Fort - Animation
éditoriale
Catalogue de fonctionnalités Non applicable Oui, avec flexibilité
Respect rigoureux
des fonctionnalités
Non applicable

24. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
24/12
Choix de la mise en œuvre technique

25. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
25/12
L’architecture de l’Usine à Sites des CCI Alsace
Contributeur
local
Contribution
Référentielle
de données

26. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
26/12
Les différentes étapes de mise en œuvre

27. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
27/12
Les challenges relevés
● Développements et déploiements rendus plus sensibles : Testing phases lourdes
● Changement de modèle d’Usine à Sites : migrations, agrégations, re-configuration
● Complexification des workflows, rôles, règles éditoriales
● Optimisation des interactions entre les sites
● Optimisation de la gouvernance et supervision de chaque site
● Mutualisation des compétences pour l’administration et la mise à jour
● Optimisation des coûts (hébergement, maintenance, évolutions et service partagés)
● Apport d’une cohérence entre les sites
● Développement et intégration facilités pour les futures sites
● Rapidité de mise en œuvre
Les objectifs atteints

28. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
28/12
Sites CCI avant
● CCI Alsace
● CCI Colmar
● CCI Strasbourg
● CCI Mulhouse

29. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
29/12
Sites CCI après
● CCI Alsace
● CCI Colmar
● CCI Strasbourg
● CCI Mulhouse

30. 3. Retour sur le cas des CCI Alsace
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
30/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

31. 31
Drupagora 2015 - Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI Alsace Twitter :
#drupactency
Vous avez une question ? Un projet ? Une demande de devis ?
Besoin d’un renseignement ?
N’hésitez pas à contacter nos équipes commerciales et techniques :
ACTENCY STRASBOURG
45, avenue de Colmar 67000 Strasbourg
● Tél. 03 88 45 30 60
● Fax 03 88 41 51 70
ACTENCY PARIS
82, rue d'Hauteville 75020 Paris
● Tél. 01 47 70 47 70
● Fax 01 47 70 54 80