tude de cas : utiliser WordPress multisite pour un media tlvisuel franais

Xavier Tellier et Samy Ranavela

Introduction

Introduction

Introduction

WordPress c'est pour faire des blogs, non?

Jutilise WordPress pour des petits sitesPourquoi jutiliserais WordPress: un moteur de blogs, pour un site de grande ampleur ? Pourquoi je ne passerais pas par un framework ou Drupal ?

I - Pourquoi pas WordPress?

Le primtre du projet

Pourquoi pas WordPress?

Refonte dun site unique en Typo3 vers 5 sites Nouvelles fonctionnalits dont des synchronisations des services externes (XML, API et REST)Une nouvelle charte web en design responsive.

Pourquoi pas WordPress?

...

Pourquoi pas WordPress?

AvantagesInconvnients

ModularitCots financiers levs

Open source avec une communaut forteDlais de ralisation longs

Les dlais et le cot du projet

Pourquoi pas WordPress?

Ralisation sous 3 mois pendant les vacances dt Planning ralisable mais avec de fortes contraintes

Budget inconnu lors de la comptition Toutefois un critre dattribution fort.

Projet initial d'environ 160 JH

Les propositions de design

Pourquoi pas WordPress?

Refonte de la charte graphique en responsive design:

Responsive design => dlais allongs aussi bien en temps de ralisation des maquettes que de leur conception.Proposition de charte graphique fonctionnelle et crative tout tant rationalise => un mme template pour chacun des cinq sites modulable et chartable.En tenant compte des cots et du planning. .

Comment qu'on va faire?

Pourquoi pas WordPress?

Primtre + Dlais + Cots + Responsive Design =

.

Pourquoi pas WordPress?

a tombe bien! Le client nous a demand

II - Non sans dconner!

WordPress comme CMS

Non sans dconner!

Site ditorial avec:Deux rdactions + Support client + Service marketing + quipe webmaster

WYSIWYG

.

Non sans dconner!

Multi-utilisateurs avec ACL

Possibilit de Publication via une application mobile

CMS avec un aspect user friendly

Multisite : Mise jour, maintien, gestion des utilisateurs

.

WordPress comme Framework

Non sans dconner!

Plugins performants

API WordPress complte => facilit dintgration de services externes au sein de lenvironnement WordPress

Utilisation de framework CSS (Bootstrap) possible .

WordPress comme solution optimum

Non sans dconner!

Adquation avec le besoin client et le primtre du projet

Cots

Dlais de ralisation .

III Plan de bataille

L'quipe

Plan de bataille

quipe de 10 personnes :Directeur de projetChef de projetConcepteur FonctionnelArchitecte / Lead Dev WordPress 2 dveloppeurs / intgrateurs CMS2 Intgrateurs HTML1 DA 1 Graphiste .

Le planning

Plan de bataille

JUILLET: PHASE 1Lancement du projetAteliers conception WireframesGraphismeSpcifications

.

Plan de bataille

AOUT : fin PHASE 1 et dbut PHASE 2Ateliers conception GraphismeSpcificationsDveloppement / Intgration

OBJECTIF: terminer la phase 1 avant le 9 aot

.

Plan de bataille

SEPTEMBRE: fin PHASE 2 et PHASE 3 Dveloppement / intgration Recette interneLivraisonen deux lotsSaisie des contenusRecette client

OBJECTIF: Livraison finale fin septembre Mise en production en octobre

.

Mthodologie de conception

Plan de bataille

CONCEPTION Runions client => dcouverte de lunivers du client et des quipes (essentiel pour comprendre les enjeux mtiers) Ralisation des wireframes et lancement des spcifications fonctionnelles en parallleRcupration des informations techniques sur les services externes pour matcher avec les besoins fonctionnels

En chiffre: 17 wireframes raliss .

Plan de bataille

REALISATION GRAPHIQUE

Transmission et validation des wireframes au fil de leauRalisation du template gnral et du principe de dclinaison => valid par le clientDclinaison de la suite des maquettes => A/R client .

Plan de bataille

REALISATION GRAPHIQUELa ralisation des maquettes pour les terminaux mobiles / tablettes na pas t ralise dans les rgles de lart. Elles ont t ralises en fin de cration graphique. Les wireframes avaient t fait en simultan en concertation avec les intgrateurs.

Pourquoi ? Pour rpondre aux contraintes du client

En chiffre: 38 maquettes / dclinaisons produites .

La ralisation technique

La mthodologie de dveloppement Alter WayDveloppement "industriel Dev Ops" : Mercurial et Hudson sur 5 instances local / dev / recette / preprod / prod

Dveloppement possible sur tous les supports

IDE diffrent .

Plan de bataille

Plan de bataille

Mthodologie applique au projet

Architecture: Multisite : 5 sites (un site portail sur les 4 autres)Thme parent bas sur Bootstrap avec Roots avec 5 dclinaisons enfants

.

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 rel des donnes sportives externes .

Plan de bataille

Dveloppement de plugins spcifiques et utilisation de WordPress comme un framework : Connexion un webservice pour la gestion de l'abonnement d'un client, vrification de droit de visualisation des chanes en streaming Interface et imports des donnes sportives externe en temps rel Interface et import des donnes de programmes TV des chanes

.

Plan de bataille

Modification de plugins de la communaut pour correspondre au besoin du site : Gestion des contenus des pages via des widgets de remontes de contenus gres en back office. Adaptation de plugins existants (Custom Post widget, Twitter to WP, Wp Polls notamment) .

IV La gestion du client et de ses prestataires

L'hbergeur

Gestion du client et de ses prestataires

Architecture d'hbergement complexe : Contraintes techniques fortes : par exemple derrire un proxy Plusieurs instances : Recette / Preprod / prod

Hbergeur procdural : Procdures de livraison non industrialises Dlai de procdure Priode de test de la plateforme Tir de charges .

Gestion du client et de ses prestataires

Conclusion tre en contact ds le dbut du projet pour tre au courant des contraintes techniques et des procdures confirmer lexprience de lhbergeur vis--vis de WordPress et des technologies open source de manire plus gnrale. Alter Way Hosting a t d'une aide prcieuse pour crer 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 lon utilise.

.

Les fournisseurs de contenus

Gestion du client et de ses prestataires

Les quipes en interne: Comprendre la culture d'entreprise et simprgner des impratifs mtier Intgrer une formation loutil le plus tt possibleLe temps de rentre de contenus peut tre important Permet de faire une partie de la recette client finale et de valider de lutilisation du backoffice et du fonctionnel

.

Gestion du client et de ses prestataires

Les prestataires externes:

Pour viter la documentation incomplte, inexistante ou incorrecte Pour pouvoir bnficier dun soutien et d'un support Essayer de crer une relation de confiance

.

Le client final

Gestion du client et de ses prestataires

Ne pas ngliger la contrainte forte qua le projet au sein de la structure du client finalDemander une disponibilit cliente forte (mme en priode de vacances)Plusieurs services avec des mtiers diffrents et des besoins diffrents => interlocuteur unique / dcideuragile = fragile Prise de dcision interne avant les runions projet Se mfier des deadlines trop courtes Pression client / Changement davis au dernier moment

.

V Bilan et enseignements

Bilan et enseignements

.

Le choix de WordPress a t concluantWordPress permet des projets complexesPlannings tendus peu le droit l'erreur (choix)L'industrialisation a t un soutien essentielNotre client est content

On recommencera !

.

Quelques rfrences WordPress

Wampserver

.

.

Recrutement.alterway.fr

Cliquez pour diter le format du plan de text

Cliquez pour diter le format du texte-titre

Cliquez pour diter le format du plan de texteDdi la gouvernance open source, dans une logique de bonnes pratique web, telles qu'elles pourraient tre proposes des DSI. La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source, dans une logique de bonnes pratique web jnzido.La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source, dans une logique de bonnes pratique web. La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source.La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source, dans une logique de bonnes pratique web jnzido. La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source, dans une logique de bonnes pratique web, telles qu'elles pourraient tre proposes des DSI. La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source, dans une La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source, dans une logique de bonnes pratique web. La mise en accessibilit correspond une volont d'inscrire le projet, ddi la gouvernance open source.