Étude de cas : utiliser WordPress
multisite pour un media télévisuel
français
Xavier Tellier et Samy Ranavela
Introduction

2
Introduction

3
Introduction
WordPress c'est pour faire des blogs, non ?
J’utilise WordPress pour des petits sites
Pourquoi j’utiliserais ...
I - Pourquoi pas
WordPress ?

5
Le périmètre du projet

6
Pourquoi pas WordPress ?

Refonte d’un site unique en Typo3 vers 5 sites
Nouvelles fonctionnalités dont des synchronisatio...
Pourquoi pas WordPress ?

...
8
Pourquoi pas WordPress ?

Avantages

Inconvénients

Modularité
Open source avec une
communauté forte

9

Coûts financiers ...
Les délais et le coût du
projet

10
Pourquoi pas WordPress ?

Réalisation sous 3 mois pendant les vacances d’été
→ Planning réalisable mais avec de fortes con...
Les propositions de
design

12
Pourquoi pas WordPress ?
Refonte de la charte graphique en responsive design :
Responsive design => délais allongés aussi ...
Comment qu'on va
faire ?

14
Pourquoi pas WordPress ?

Périmètre + Délais +
Coûts + Responsive Design

=
.

15
Pourquoi pas WordPress ?

Ça tombe bien !
Le client nous a demandé

16
II - Non sans déconner !

17
WordPress comme CMS

18
Non sans déconner !
Site éditorial avec :
Deux rédactions + Support client + Service marketing +
Équipe webmaster
→ WYSIWY...
Non sans déconner !
→Multi-utilisateurs avec ACL
→Possibilité de Publication via une application mobile
→CMS avec un aspec...
WordPress comme
Framework

21
Non sans déconner !
→Plugins performants
→API WordPress complète => facilité d’intégration de
services externes au sein de...
WordPress comme
solution optimum

23
Non sans déconner !

→Adéquation avec le besoin client et le périmètre du
projet
→Coûts
→Délais de réalisation
.

24
III – Plan de bataille

25
L'équipe

26
Plan de bataille
Équipe de 10 personnes :
Directeur de projet
Chef de projet
Concepteur Fonctionnel
Architecte / Lead Dev ...
Le planning

28
Plan de bataille
JUILLET : PHASE 1
Lancement du projet
Ateliers conception
Wireframes
Graphisme
Spécifications

.

29
Plan de bataille
AOUT : fin PHASE 1 et début PHASE 2
Ateliers conception
Graphisme
Spécifications
Développement / Intégrat...
Plan de bataille
SEPTEMBRE : fin PHASE 2 et PHASE 3
Développement / intégration →Recette interne
Livraison en deux lots
Sa...
Méthodologie de
conception

32
Plan de bataille
CONCEPTION

→Réunions client => découverte de l’univers du client et des
équipes (essentiel pour comprend...
Plan de bataille
REALISATION GRAPHIQUE

→Transmission et validation des wireframes au fil de l’eau
→Réalisation du templat...
Plan de bataille
REALISATION GRAPHIQUE

La réalisation des maquettes pour les terminaux mobiles /
tablettes n’a pas été ré...
La réalisation technique

36
Plan de bataille
La méthodologie de développement Alter Way
→Développement "industriel Dev Ops" : Mercurial et Hudson sur ...
Plan de bataille
Méthodologie appliquée au projet
Architecture :
→Multisite : 5 sites (un site portail sur les 4 autres)
→...
Plan de bataille
Utilisation de plugins de la communauté :
→ ACF, Disqus, Breadcrumb, Contact form, Google
analytics for W...
Plan de bataille
Développement de plugins spécifiques et utilisation de
WordPress comme un framework :
→ Connexion à un we...
Plan de bataille
Modification de plugins de la communauté pour
correspondre au besoin du site :
→ Gestion des contenus des...
IV – La gestion du client
et de ses prestataires

42
L'hébergeur

43
Gestion du client et de ses prestataires
Architecture d'hébergement complexe :
→ Contraintes techniques fortes : par exemp...
Gestion du client et de ses prestataires
Conclusion
→ être en contact dès le début du projet pour être au
courant des cont...
Les fournisseurs de
contenus

46
Gestion du client et de ses prestataires
Les équipes en interne :
→ Comprendre la culture d'entreprise et s’imprégner des
...
Gestion du client et de ses prestataires
Les prestataires externes :
→ Pour éviter la documentation incomplète, inexistant...
Le client final

49
Gestion du client et de ses prestataires
Ne pas négliger la contrainte forte qu’a le projet au sein de la
structure du cli...
V – Bilan et
enseignements

51
Bilan et enseignements
Le choix de WordPress a été concluant
WordPress permet des projets complexes
Plannings tendus → peu...
Quelques références
WordPress

53
Wampserver

.

54
.
Recrutement.alterway.fr

56
Prochain SlideShare
Chargement dans…5
×

Alter way-wordcamp-paris-2014

1 465 vues

Publié le

Publié dans : Technologie
0 commentaire
4 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 465
Sur SlideShare
0
Issues des intégrations
0
Intégrations
392
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Alter way-wordcamp-paris-2014

  1. 1. Étude de cas : utiliser WordPress multisite pour un media télévisuel français Xavier Tellier et Samy Ranavela
  2. 2. Introduction 2
  3. 3. Introduction 3
  4. 4. Introduction WordPress c'est pour faire des blogs, non ? J’utilise WordPress pour des petits sites Pourquoi j’utiliserais WordPress : un moteur de blogs, pour un site de grande ampleur ? Pourquoi je ne passerais pas par un framework ou Drupal ? 4
  5. 5. I - Pourquoi pas WordPress ? 5
  6. 6. Le périmètre du projet 6
  7. 7. Pourquoi pas WordPress ? Refonte d’un site unique en Typo3 vers 5 sites Nouvelles fonctionnalités dont des synchronisations à des services externes (XML, API et REST) Une nouvelle charte web en design responsive. 7
  8. 8. Pourquoi pas WordPress ? ... 8
  9. 9. Pourquoi pas WordPress ? Avantages Inconvénients Modularité Open source avec une communauté forte 9 Coûts financiers élevés Délais de réalisation longs
  10. 10. Les délais et le coût du projet 10
  11. 11. Pourquoi pas WordPress ? Réalisation sous 3 mois pendant les vacances d’été → Planning réalisable mais avec de fortes contraintes Budget inconnu lors de la compétition → Toutefois un critère d’attribution fort. Projet initial d'environ 160 JH 11
  12. 12. Les propositions de design 12
  13. 13. Pourquoi pas WordPress ? Refonte de la charte graphique en responsive design : Responsive design => délais allongés aussi bien en temps de réalisation des maquettes que de leur conception. Proposition de charte graphique fonctionnelle et créative tout étant rationalisée => un même template pour chacun des cinq sites modulable et chartable. En tenant compte des coûts et du planning. . 13
  14. 14. Comment qu'on va faire ? 14
  15. 15. Pourquoi pas WordPress ? Périmètre + Délais + Coûts + Responsive Design = . 15
  16. 16. Pourquoi pas WordPress ? Ça tombe bien ! Le client nous a demandé 16
  17. 17. II - Non sans déconner ! 17
  18. 18. WordPress comme CMS 18
  19. 19. Non sans déconner ! Site éditorial avec : Deux rédactions + Support client + Service marketing + Équipe webmaster → WYSIWYG . 19
  20. 20. Non sans déconner ! →Multi-utilisateurs avec ACL →Possibilité de Publication via une application mobile →CMS avec un aspect « user friendly » →Multisite : Mise à jour, maintien, gestion des utilisateurs . 20
  21. 21. WordPress comme Framework 21
  22. 22. Non sans déconner ! →Plugins performants →API WordPress complète => facilité d’intégration de services externes au sein de l’environnement WordPress →Utilisation de framework CSS (Bootstrap) possible . 22
  23. 23. WordPress comme solution optimum 23
  24. 24. Non sans déconner ! →Adéquation avec le besoin client et le périmètre du projet →Coûts →Délais de réalisation . 24
  25. 25. III – Plan de bataille 25
  26. 26. L'équipe 26
  27. 27. Plan de bataille Équipe de 10 personnes : Directeur de projet Chef de projet Concepteur Fonctionnel Architecte / Lead Dev WordPress 2 développeurs / intégrateurs CMS 2 Intégrateurs HTML 1 DA 1 Graphiste 27
  28. 28. Le planning 28
  29. 29. Plan de bataille JUILLET : PHASE 1 Lancement du projet Ateliers conception Wireframes Graphisme Spécifications . 29
  30. 30. Plan de bataille AOUT : fin PHASE 1 et début PHASE 2 Ateliers conception Graphisme Spécifications Développement / Intégration OBJECTIF : terminer la phase 1 avant le 9 août . 30
  31. 31. Plan de bataille SEPTEMBRE : fin PHASE 2 et PHASE 3 Développement / intégration →Recette interne Livraison en deux lots Saisie des contenus Recette client OBJECTIF : Livraison finale fin septembre Mise en production en octobre . 31
  32. 32. Méthodologie de conception 32
  33. 33. Plan de bataille CONCEPTION →Réunions client => découverte de l’univers du client et des équipes (essentiel pour comprendre les enjeux métiers) →Réalisation des wireframes et lancement des spécifications fonctionnelles en parallèle →Récupération des informations techniques sur les services externes pour matcher avec les besoins fonctionnels En chiffre : 17 wireframes réalisés . 33
  34. 34. Plan de bataille REALISATION GRAPHIQUE →Transmission et validation des wireframes au fil de l’eau →Réalisation du template général et du principe de déclinaison => validé par le client →Déclinaison de la suite des maquettes => A/R client . 34
  35. 35. Plan de bataille REALISATION GRAPHIQUE La réalisation des maquettes pour les terminaux mobiles / tablettes n’a pas été réalisée dans les règles de l’art. Elles ont été réalisées en fin de création graphique. Les wireframes avaient été fait en simultané en concertation avec les intégrateurs. Pourquoi ? Pour répondre aux contraintes du client En chiffre : 38 maquettes / déclinaisons produites 35 .
  36. 36. La réalisation technique 36
  37. 37. Plan de bataille La méthodologie de développement Alter Way →Développement "industriel Dev Ops" : Mercurial et Hudson sur 5 instances local / dev / recette / preprod / prod →Développement possible sur tous les supports →IDE différent . 37
  38. 38. Plan de bataille Méthodologie appliquée au projet Architecture : →Multisite : 5 sites (un site portail sur les 4 autres) →Thème parent basé sur Bootstrap avec Roots avec 5 déclinaisons enfants . 38
  39. 39. Plan de bataille Utilisation de plugins de la communauté : → ACF, Disqus, Breadcrumb, Contact form, Google analytics for WordPress, Simple 301, WP paginate, WP control, WordPress SEO, Twitter to WP ... → Gestion des caches avec W3 Total Cache avec fragment caching et Memcache. → Gestion des Crons WordPress pour synchronisation en temps réel des données sportives externes 39
  40. 40. Plan de bataille Développement de plugins spécifiques et utilisation de WordPress comme un framework : → Connexion à un webservice pour la gestion de l'abonnement d'un client, vérification de droit de visualisation des chaînes en streaming → Interface et imports des données sportives externe en temps réel → Interface et import des données de programmes TV des chaînes 40 .
  41. 41. Plan de bataille Modification de plugins de la communauté pour correspondre au besoin du site : → Gestion des contenus des pages via des widgets de remontées de contenus gérées en back office. → Adaptation de plugins existants (Custom Post widget, Twitter to WP, Wp Polls notamment) . 41
  42. 42. IV – La gestion du client et de ses prestataires 42
  43. 43. L'hébergeur 43
  44. 44. Gestion du client et de ses prestataires Architecture d'hébergement complexe : → Contraintes techniques fortes : par exemple derrière un proxy → Plusieurs instances : Recette / Preprod / prod Hébergeur procédural : → Procédures de livraison non industrialisées → Délai de procédure → Période de test de la plateforme → Tir de charges 44
  45. 45. Gestion du client et de ses prestataires Conclusion → être en contact dès le début du projet pour être au courant des contraintes techniques et des procédures → confirmer l’expérience de l’hébergeur vis-à-vis de WordPress et des technologies open source de manière plus générale. Alter Way Hosting a été d'une aide précieuse pour créer un terrain de communication technique → ça sera toujours de votre faute si quelque chose ne tourne pas rond ! Il faut donc être au fait des outils et technologies que l’on utilise. 45
  46. 46. Les fournisseurs de contenus 46
  47. 47. Gestion du client et de ses prestataires Les équipes en interne : → Comprendre la culture d'entreprise et s’imprégner des impératifs métier → Intégrer une formation à l’outil le plus tôt possible Le temps de rentrée de contenus peut être important Permet de faire une partie de la recette client finale et de valider de l’utilisation du backoffice et du fonctionnel . 47
  48. 48. Gestion du client et de ses prestataires Les prestataires externes : → Pour éviter la documentation incomplète, inexistante ou incorrecte → Pour pouvoir bénéficier d’un soutien et d'un support → Essayer de créer une relation de confiance . 48
  49. 49. Le client final 49
  50. 50. Gestion du client et de ses prestataires Ne pas négliger la contrainte forte qu’a le projet au sein de la structure du client final Demander une disponibilité cliente forte (même en période de vacances) Plusieurs services avec des métiers différents et des besoins différents => interlocuteur unique / décideur agile = fragile → Prise de décision interne avant les réunions projet → Se méfier des deadlines trop courtes → Pression client / Changement d’avis au dernier moment 50
  51. 51. V – Bilan et enseignements 51
  52. 52. Bilan et enseignements Le choix de WordPress a été concluant WordPress permet des projets complexes Plannings tendus → peu le droit à l'erreur (choix) L'industrialisation a été un soutien essentiel . Notre client est content On recommencera ! 52
  53. 53. Quelques références WordPress 53
  54. 54. Wampserver . 54
  55. 55. .
  56. 56. Recrutement.alterway.fr 56

×