Drupagora  2015    Trucs  &  Astuces  pour  op4miser  son  budget  Web  

10  ans  

d’exper4se  Drupal  

23  projets  

Drupal  en  2014  

Préambule  

Cycles  en  V  Projets  au  forfait      La  ques5on  et  les  réponses  sont  différentes  dans  les  projets  Agiles  

SOMMAIRE  1.  Déjà,  ça  se  fait  comment  le  budget  d’un  

projet  Drupal  ?  2.  La  concep5on  itéra5ve  3.  Le  développement  sans  effet  tunnel  4.  Une  récep5on  apaisée  5.  L’industrialisa5on  avec  Drupal  

Drupagora 2015 – Trucs & Astuces pour optimiser son budget Web - Twitter : #drupagora

1. Au fait, combien ça coûte ?

hMp://ptmoney.com/  

Ce  qui  coûte  c’est  le  temps  /  homme  

Sur  quoi  passe  t-­‐on  du  temps  sur  les  projets  ?  

TMA  

Livraison  

Tests   ReceMe   MEP  

Intégra5on  /  Développement  

Site  building  avec  Drupal  

Intégra5on  HTML/CSS,  RWD  

Développement  de  modules  

Interfaçage  avec  des  ou5ls  5ers  

Migra5on  de  contenus  

Op5misa5on  de  performances   SEO   …  

Concep5on  Wireframes,     Rédac5ons  de  specs   MaqueMes  graphiques  

Sur  quoi  passe  t-­‐on  du  temps  sur  les  projets  ?  

TMA  

Livraison  

Tests   ReceMe   MEP  

Intégra5on  /  Développement  

Site  building  avec  Drupal  

Intégra5on  HTML/CSS,  RWD  

Développement  de  modules  

Interfaçage  avec  des  ou5ls  5ers  

Migra5on  de  contenus  

Op5misa5on  de  performances   SEO   …  

Concep5on  Wireframes,     Rédac5ons  de  specs   MaqueMes  graphiques  

20-­‐40%  de  dev    

15-­‐30%  de  dev    

             Ges5on  

de  projet  :  10-­‐25%                      

Plus  un  site  est  complexe  plus  les  ra4os  de  chiffrage  sont  élevés  

Ce  qui  coûte  du  temps  et  de  l’argent,  c’est  quand  on  dérape…    

Les  facteurs  connus  de  dérapage  

Les facteurs connus de dérapage

Les  facteurs  connus  de  dérapage    

La  solu4on  :  RISK  ASSESSMENT  

Visuel  agence  tous  risques  

Il  faut  perdre  du  temps  sur  la  concep4on  

Il  faut  faire  du  lean  prototyping  ou  prototypage  agile  

Visuel  agence  tous  risques  

Il  faut  définir  comment  orchestrer  les  étapes  de  concep4on    

Prototypage  

MaqueMes  graphiques  Spécifica5ons  

Prototypage  

Spécifica5ons  

MaqueMes  graphiques  

Il  faut  définir  comment  orchestrer  les  étapes  de  concep4on    

Prototypage   MaqueMes  graphiques   Spécifica5ons  

Il  faut  définir  comment  orchestrer  les  étapes  de  concep4on    

Le  choix  de  l’enchaînement  des  étapes  dépend  aussi  un  peu  du  projet    

Des  tests  u4lisateur  peuvent  être  menés  sur  le  proto  

Il  faut  limiter  les  intervalles  de  temps  lors  des  itéra4ons  

Il faut faire des specs « made in Drupal »

-­‐  Définir  les  types  de  contenu  et  les  champs  -­‐  Définir  les  vues  -­‐  Définir  les  contexts  ,  les  panels  et  les  blocs  -­‐  Définir  les  modules  u5lisés  et  leur  paramétrage  -­‐  Pour  certains  besoins  d’administra5on  (ex  :  droits,  workflows,  …),  il  faut  

définir  le  besoin  avec  des  cas  de  test  

Libellé   Type  de  champ  

Widget   Obligatoire   Mul4valué  

Titre   Texte   Champ  texte   Oui   Non  

Référence   En5ty  Ref  «  Reference  »  

Autocomplé5on   Oui   Oui  

Equipe  idéale  

Il  ne  faut  pas  lâcher  la  bride  aux  fonc4onnels  et  graphistes    

«  Je  voudrais  un  fil  d’actus  comme  sur  Facebook…  »  

«  Et  pour  le  moteur  de  recherche,  il  faudrait  que  ça  fonc5onne  comme  Google  »  

«  J’ai  prévu  un  design  avec  un  effet  WHAOUUUH  !!»  

La  stratégie  pour  limiter  les  itéra4ons  graphiques  

Intégrer  le  mobile  dès  la  concep4on  

Faire  voir  le  BO  Drupal  lors  de  la  concep4on  

Prévoir  l’accessibilité  à  priori  et  la  tester  à  toutes  les  étapes  

Prototype   MaqueMes  graphiques   Specs   Inté  HTML/  

CSS   Dév   ReceMe   Forma5on  

3. Le développement, des étapes à respecter

Projet classique  

Montage  HTML   Intégra5on  /  Développement  

Intégra5on  fichiers  CSS  dans  

le  projet  

Dans  un  projet  Drupal    

Site  building  Créa5on  de  la  CSS  directement  sur  le  HTML  généré  

Le  choix  des  modules  

Et  les  bons  modules  compa5bles  D7>D8  

Choisir  un  module  alors  qu’il  ne  répond  pas  à  90%  du  scope  ?  

Lo4r  et  faire  voir  en  amont.  Du  semi-­‐agile  ?  

Développer  en  premier  les  fonc4onnalités  complexes  

Faites  une  distrib  «  home  made  »  et  maintenez-­‐là  !  

3. Une réception apaisée

Dédrama4ser  bien  en  amont  la  période  de  receie  

S’assurer  que  le  client  a  la  méthode  ou  le  former  pour  

Organiser  les  équipes  de  receie  

S’assurer  qu’il  dispose  d’un  cahier  de  receie  

An4ciper  et  préparer  la  reprise  des  contenus  

Donner  un  temps  limite  de  dépôt  d’anomalies  

4. Industrialiser avec Drupal

Comment  limiter  la  répé44on  des  tâches  ?  

Automa4ser  les  tâches  

Des  processus  rodés  de  mise  en  produc4on  

MERCI

50  

t w i t t e r : @ d r u p a g o r a

Drupagora 2015 - Conférence Drupal 8, regards croisés par Paul Bismuth et John Doo - Twitter : #drupagora