•   07/10   Vue d'ensemble
•   14/10   Planification & suivi
•   21/10   Exprimer le besoin
•   28/10   Etudier la faisabilité
•   04/11   Concevoir le site
•   11/11   Suivre les développements, recetter, livrer
Cycle conduite de projet web



Conduite > Bases
Qu’est-ce qu’un projet ?

   •   Une envie
   •   Une nécessité
   •   Une enveloppe budgétaire
   •   Un outil au service de la carrière
   •   L’aboutissement d’une longue histoire
   •   …

   •   Le prolongement de la stratégie d’entreprise
   •   Des restrictions budgétaires
   •   Des contraintes imposées par la DSI
   •   …
Qu’est-ce qu’un projet ?

   •   Un nouveau client
   •   Une référence pour l’agence
   •   Un ligne sur son CV / book
   •   …

   •   Une marge
   •   Un échéancier de facturation
   •   De la trésorerie
   •   …
L’enjeu
Les acteurs

  • Client                                                  •     AMOA
     –   Celui qui commande vs celui qui paye                      –   Pouvoir proportionnel au périmètre d’intervention,
                                                                       a la durée d’intervention & à la confiance du
     –   La maîtrise d’ouvrage (MOA)
                                                                       client
     –   La maîtrise d’œuvre (MOE)                                 –   Un allié
                                                                   –   Votre pire ennemi




                                   •   Vous
                                         –      Un gentil organisateur
                                         –      Un esprit claire et dépassionné
                                         –      Celui qui conseille




                •    Votre équipe                                            •    Vos partenaires
                                                                                   –   Un source de marge
                       –   Motiver
                                                                                   –   Un danger permanent
                       –   Rendre efficace
Mise en pratique

   • Décrivez l’équipe idéale pour créer le site
2 types d’équipes

•   Petit projet / petites structures   •   Gros projet / grosses structures

•   Commercial                          •   Commercial
•   Chef de projet / consultant /       •   Directeur de projet
    ergonome                            •   Chef de projet fonctionnel
•   Directeur artistique /              •   Consultants (fonctionnel, édito,
    webdesigner / intégrateur               ergo…)
•   Développeur / chef de projet        •   Directeur artistique
    technique / intégrateur             •   Web designer
                                        •   Rédacteurs, pigistes…
•   4 intervenants                      •   Illustrateur
                                        •   Architect
                                        •   Chef de projet technique
                                        •   Développeurs

                                        •   Souvent plus de 12 intervenants
Cycle conduite de projet web

Conduite > 2 règles
fondamentales
Caractériser son projet
   Nous souhaitons disposer d’un web 2.0 ou d’un intranet pour le 10
   septembre 2007.




         Un quoi ? Ah… vous voulez dire un intranet de publication avec
         des actualités et des pages statiques… animé par 3 contributeurs
         réguliers ?




   C’est exactement ça ! D’ailleurs, si on peut ajouter de la vidéo,
   quelques podcasts et prévoir des espaces de travail collaboratif…
Mise en pratique

   •   Caractérisez les sites
   •   www.micromania.fr
   •   www.clubic.com
   •   www.rue89.com
   •   www.tf1.fr
   •   …

   • Nous allons comparer vos visions !
Tryptique Qualité Coût Délais

                Qualité




    Coût                   Délais
Mise en pratique

   • Vous devez mettre en ligne votre book en
     XHTML/CSS/Ajax mais vous vous cassez les mains.

   • Vous faite appel à vos collègues

   • Quel axe choisissez vous ?
Cycle conduite de projet web



Conduite > Méthodes
Linéaires ou en cascade

  La méfiance a priori implique de maîtriser chaque
  aspect du projet avant de passer commande. Vise à
  garantir la livraison de la commande au pixel près et
  dans le strict respect des contraintes même si cela ne
  fait pas sens...
• Principe : enchainement de phases et étapes
  déterminées à l’avance et nécessitant des validations
  formelles régulières

 Expression du besoin      Conception         Réalisation




• Unité de mesure : la tâche
• Délimitation précise du périmètre de chacun
• Pas de surprise = réduction du risque




• Manque d’implication du client
• Absence de confiance réciproque
• Le prestataire s’en tient aux spécifications même
  quand il est persuadé qu’elles sont obsolètes
• Documentation difficile à maintenir
Agiles

  Repose sur la confiance a posteriori dans la capacité à
  livrer la meilleure solution en respectant globalement
  les contraintes. Réponse à la lourdeur des méthodes
  linéaires + effet des startups. XP, RUP, SCRUM...
• Principe : cycles courts de développement




• Unité de mesure : la fonctionnalité opérationnelle
• Qualité du produit livré (y compris code via refactoring)
• Adaptation au besoin
• Efficacité



• Très difficile à mettre en pratique
• Risques importants
• Sous documentation possible
Comparatif linéaire / agile

   •   Linéaire                      •   Agile

   •   Relation client fournisseur   •   Partenariat (réel)
   •   Périmètre précis              •   Périmètre variable
   •   Maîtrise                      •   Adaptation
Mise en pratique

   • Choisissez la bonne méthode pour créer votre book
Cycle conduite de projet web



Conduite > Etapes
Mise en pratique

   • Quelles sont les grandes phases d’un projet ?




   • Quel est le livrable le plus important ?
Les 7 grandes phases

  Stratégie

      Expression du besoin         Expression du besoin


              Faisabilité   Etude de faisabilité


                     Appel d’offres        Cahier des charges


                               Conception          Spécification détaillées


                                       Réalisation
                                                             Plan de tests

                                                   Mise en œuvre
Pour aller plus loin
• © Stéphane Bordage, breek.fr

• La loi du 11 mars 1957 interdit les copies ou
  reproductions destinées à une utilisation collective.
  Toute représentation ou reproduction intégrale ou
  partielle faite par quelque procédé que ce soit, sans le
  consentement de l’auteur ou de ses ayant droits, est
  illicite et constitue une contrefaçon sanctionnée par les
  articles 425 et suivants du Code pénal.

1 Le Cadre General

  • 1.
    07/10 Vue d'ensemble • 14/10 Planification & suivi • 21/10 Exprimer le besoin • 28/10 Etudier la faisabilité • 04/11 Concevoir le site • 11/11 Suivre les développements, recetter, livrer
  • 2.
    Cycle conduite deprojet web Conduite > Bases
  • 3.
    Qu’est-ce qu’un projet? • Une envie • Une nécessité • Une enveloppe budgétaire • Un outil au service de la carrière • L’aboutissement d’une longue histoire • … • Le prolongement de la stratégie d’entreprise • Des restrictions budgétaires • Des contraintes imposées par la DSI • …
  • 4.
    Qu’est-ce qu’un projet? • Un nouveau client • Une référence pour l’agence • Un ligne sur son CV / book • … • Une marge • Un échéancier de facturation • De la trésorerie • …
  • 5.
  • 6.
    Les acteurs • Client • AMOA – Celui qui commande vs celui qui paye – Pouvoir proportionnel au périmètre d’intervention, a la durée d’intervention & à la confiance du – La maîtrise d’ouvrage (MOA) client – La maîtrise d’œuvre (MOE) – Un allié – Votre pire ennemi • Vous – Un gentil organisateur – Un esprit claire et dépassionné – Celui qui conseille • Votre équipe • Vos partenaires – Un source de marge – Motiver – Un danger permanent – Rendre efficace
  • 7.
    Mise en pratique • Décrivez l’équipe idéale pour créer le site
  • 8.
    2 types d’équipes • Petit projet / petites structures • Gros projet / grosses structures • Commercial • Commercial • Chef de projet / consultant / • Directeur de projet ergonome • Chef de projet fonctionnel • Directeur artistique / • Consultants (fonctionnel, édito, webdesigner / intégrateur ergo…) • Développeur / chef de projet • Directeur artistique technique / intégrateur • Web designer • Rédacteurs, pigistes… • 4 intervenants • Illustrateur • Architect • Chef de projet technique • Développeurs • Souvent plus de 12 intervenants
  • 10.
    Cycle conduite deprojet web Conduite > 2 règles fondamentales
  • 11.
    Caractériser son projet Nous souhaitons disposer d’un web 2.0 ou d’un intranet pour le 10 septembre 2007. Un quoi ? Ah… vous voulez dire un intranet de publication avec des actualités et des pages statiques… animé par 3 contributeurs réguliers ? C’est exactement ça ! D’ailleurs, si on peut ajouter de la vidéo, quelques podcasts et prévoir des espaces de travail collaboratif…
  • 12.
    Mise en pratique • Caractérisez les sites • www.micromania.fr • www.clubic.com • www.rue89.com • www.tf1.fr • … • Nous allons comparer vos visions !
  • 13.
    Tryptique Qualité CoûtDélais Qualité Coût Délais
  • 14.
    Mise en pratique • Vous devez mettre en ligne votre book en XHTML/CSS/Ajax mais vous vous cassez les mains. • Vous faite appel à vos collègues • Quel axe choisissez vous ?
  • 16.
    Cycle conduite deprojet web Conduite > Méthodes
  • 17.
    Linéaires ou encascade La méfiance a priori implique de maîtriser chaque aspect du projet avant de passer commande. Vise à garantir la livraison de la commande au pixel près et dans le strict respect des contraintes même si cela ne fait pas sens...
  • 18.
    • Principe :enchainement de phases et étapes déterminées à l’avance et nécessitant des validations formelles régulières Expression du besoin Conception Réalisation • Unité de mesure : la tâche
  • 19.
    • Délimitation précisedu périmètre de chacun • Pas de surprise = réduction du risque • Manque d’implication du client • Absence de confiance réciproque • Le prestataire s’en tient aux spécifications même quand il est persuadé qu’elles sont obsolètes • Documentation difficile à maintenir
  • 20.
    Agiles Reposesur la confiance a posteriori dans la capacité à livrer la meilleure solution en respectant globalement les contraintes. Réponse à la lourdeur des méthodes linéaires + effet des startups. XP, RUP, SCRUM...
  • 21.
    • Principe :cycles courts de développement • Unité de mesure : la fonctionnalité opérationnelle
  • 22.
    • Qualité duproduit livré (y compris code via refactoring) • Adaptation au besoin • Efficacité • Très difficile à mettre en pratique • Risques importants • Sous documentation possible
  • 23.
    Comparatif linéaire /agile • Linéaire • Agile • Relation client fournisseur • Partenariat (réel) • Périmètre précis • Périmètre variable • Maîtrise • Adaptation
  • 24.
    Mise en pratique • Choisissez la bonne méthode pour créer votre book
  • 26.
    Cycle conduite deprojet web Conduite > Etapes
  • 27.
    Mise en pratique • Quelles sont les grandes phases d’un projet ? • Quel est le livrable le plus important ?
  • 28.
    Les 7 grandesphases Stratégie Expression du besoin Expression du besoin Faisabilité Etude de faisabilité Appel d’offres Cahier des charges Conception Spécification détaillées Réalisation Plan de tests Mise en œuvre
  • 30.
  • 32.
    • © StéphaneBordage, breek.fr • La loi du 11 mars 1957 interdit les copies ou reproductions destinées à une utilisation collective. Toute représentation ou reproduction intégrale ou partielle faite par quelque procédé que ce soit, sans le consentement de l’auteur ou de ses ayant droits, est illicite et constitue une contrefaçon sanctionnée par les articles 425 et suivants du Code pénal.