1. REX SERVICE-PUBLIC.FR
1

2. 2

3. LIBERTÉ EGALITÉ
FRATERNITÉ
AGILITÉ ?
3

4. LIBERTÉ EGALITÉ
FRATERNITÉ
AGILITÉ !
4

5. “ Le plaisir de travailler ensemble, cela se transmet dans le produit “
TENIR LES PROMESSES DE L’AGILE
Passer du “concevoir pour” au “concevoir avec”
Mettre en place l’organisation qui focalise les énergies
sur le produit
Répondre aux priorités par des cycles courts sécurisés
Développer nativement et collectivement des services
de qualité
5

6. … devenir opérateur numérique
Evolution de la mission de la DILA
A l’origine : publier la loi et de la
documentation à destination de la fonction
publique
> Aujourd’hui, l’usager / citoyen est au cœur
des préoccupations de la DILA :
- donner accès à la loi, la rendre intelligible
- orienter l’usager vers les services publics,
simplifier les démarches
- éclairer le citoyen sur les politiques
publiques
Accélération du numérique
• Imprimerie
• 1986 premiers flux numériques
• 1996 Internet
• 2016 fin du papier sur le JO
6

7. Répartition du trafic par support
Nombre de compte
particuliers ouverts depuis
mars 2016
1 400 000
Nombre de comptes
associations ouverts depuis
avril 2016
120 000
Nombre de démarches
effectuées sur service-
public.fr (2016)
3 800 000
63% 30% 7%
WWW.SERVICE-PUBLIC.FR : UN SERVICE XXL
7

8. WWW.SERVICE-PUBLIC.FR : REFONTE EN AGILE
Objectifs de la refonte :
 Un point d’entrée unique d’information, d’orientation et de service
 Faciliter la vie des usagers en simplifiant les parcours sur tous les supports
 Enrichir l’offre d’information et les services, accélérer la dématérialisation des démarches administratives (projet
Plateforme de services en ligne et FranceConnect)
Pourquoi l’agile ?
 Mettre l’usager au cœur du produit => co-concevoir, tester, modifier
 Tenir les délais, le budget
 (re)Questionner globalement nos méthodes de travail
8

9. WWW.SERVICE-PUBLIC.FR
Les contraintes
9
Qualité du service rendu à l’usager, IHM,
nouveaux besoins ?
=> Baromètres, focus groups, entretiens,
ateliers créatifs…
• Contraintes RGAA intégrées
100% au développement
• Respect 95 % du RGAA
• Label e-accessible en 2017 ?

10. WWW.SERVICE-PUBLIC.FR
La fin de l’année ? Le graphe qui fait peur !
10

11. L'ÉQUIPE
11

12. REX
Piloter un projet Agile
Maxence Modelin, Delivery Manager OCTO
Les usagers au coeur de la conception de service-public.fr
Flavien Testevuide, Chef de Produit DILA
Géraldine da Sylva, Consultante User eXperience OCTO
Animer une large équipe fonctionnelle au sein d’un projet Agile.
Katia Sonntag, Product Owner DILA
Nicolas Fournier, Product Owner OCTO
Les pratiques au quotidien pour assurer la propriété collective du code applicatif ainsi que la qualité du produit.
Stéphane Colle, Tech Lead DILA
Damien Beaufils, Tech Lead OCTO
Principes clés DevOps à mettre en place pour déployer sereinement en production toutes les deux semaines.
Alexandre Otparlic, Chef de Projet
Tanguy Patte, Consultant OCTO
Intégrer nativement les normes d’accessibilité dans le processus de construction du produit.
Anne Cavalier, Responsable Qualité & Accessibilité DILA
Adrien Saunier, Développeur OCTO
12

13. 01 PILOTER UN PROJET AGILE
Maxence MODELIN
Delivery Manager OCTO

14. SOMMAIRE
 Lexique Agile
 Présentation des phases du projet
 Quelques indicateurs de pilotage
 Zoom sur le pilotage de la 1re release
14

15. LEXIQUE AGILE
 "User Story" (US)
> C'est une fonctionnalité ou une partie d'une fonctionnalité
 Epic
> Un ensemble de fonctionnalités
 Backlog :
> Ensemble des US
 Sprint
> Itération de 2 semaines
 Vélocité
> Simplification de la "capacité de production" de l'équipe sur 1 itération
15

16. 2015 2016 2017
UN PROJET EN 4 PHASES POST-CADRAGE
Refonte du
site
Espace
compte
Évolutions du site Réversibilité
Aujourd'hui
2014
Cadrage
16

17. INDICATEURS AVANT MEP
17

18. EXEMPLE D'INDICATEURS
Reste À Faire
(RAF)
Capacité À Faire
(CAF)
Risques Nombre de bugs restants
18

19. INDICATEURS POST-MEP
19

20. AVANCEMENT DU PRODUIT
20

21. ÉVOLUTION DE LA PRODUCTIVITÉ
21

22. SATISFACTION DE L'ÉQUIPE DE DÉVELOPPEMENT
22

23. KPI D'IMPACT UTILISATEURS
Xiti et autres statistiques
23
Métriques produits : fréquentation,
retours utilisateurs, etc.

24. ZOOM SUR LE PILOTAGE
DE LA REFONTE DU SITE
24

25. L'ESTIMATION SUR SERVICE-PUBLIC
 Estimation en point de complexité
 En utilisant la suite de Fibonacci
...
25

26. POUR PASSER DE J.H EN POINT DE COMPLEXITÉ
Estimation
totale en j.h
Estimation
totale
en "point initial"
de complexité
≃3 points ≃2/3
j.h
Ré-estimation
en point de
complexité de
l'équipe
⇒
Au cadrage Au démarrage A chaque itération
26

27. Estimation du
périmètre à
réaliser
Date de livraison
27

28. 28

29. 29

30. On décale la date
30

31. Diminuer le périmètre
31

32. "MVP"
Sans ça, on vous fait un
procès
Fonctionnalités
importantes
On voudrait vraiment ça
ZOOM : DIMINUER LE PÉRIMÈTRE
32
Nice to have
Ce serait vraiment top
Fonction des
projections

33. "MVP"
Sans ça, on vous fait un
procès
LE PÉRIMÈTRE : JOUER SUR LA LARGEUR ET LA PROFONDEUR
33
Fonction de la CAFFonctionnalités
importantes
On voudrait vraiment ça
Nice to have
Ce serait vraiment top

34. On augmente la vélocité
34

35. On augmente la vélocité
⇒ Aller plus vite (au détriment de la qualité)
35

36. On augmente la vélocité
⇒ Aller plus vite (au détriment de la qualité)
⇒ Augmenter la taille de l'équipe
36

37. On augmente la vélocité
⇒ Aller plus vite (au détriment de la qualité)
⇒ Augmenter la taille de l'équipe
⇒ Augmenter la productivité
37

38. FOCUS : AUGMENTER LA
PRODUCTIVITÉ EN S'AMÉLIORANT
38

39. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Augmenter la productivité des développeurs
Pratiques de développement, formations, animations, co-développement, etc.
39

40. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Déterminer le processus
40
Pré-cadrage Cadrage Développement Recette
Ergonomie Design Templating Spécifications Développements Pré-recette Recette
Développements OPS

41. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Afficher le processus
41
Pré-cadrage Cadrage Développement
OPS
Recette Objectifs

42. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Fluidifier en affichant les problèmes
42
US prioritaires
dans l'itération
Exemple
d'engorgement
dans le process
Problème sur des US
WIP limit
Ce qui a été
réalisé dans
l'itération

43. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Mesurer les problèmes
43
"La varicelle"
Le nombre de
jour passé entre 2
étapes

44. FOCUS : AUGMENTER LA PRODUCTIVITÉ EN S'AMÉLIORANT
Afficher les objectifs
44
Burndown chart
d'itération
Avancement par epic
Planning
Objectifs de
l'itération
Burnup de
release

45. NOTRE KANBAN 1 AN APRÈS...
Pré-cadrage et cadrage Développement Recette Objectifs
45

46. BURNUP DE RELEASE
46

47. TAKE AWAY
 Pour piloter il faut mesurer
 Afficher vos processus et vos problèmes, tester les améliorations et les contre-mesures pour vous améliorer
 Faites des cycles courts
 Communiquer votre optimisme
47

48. 02
LESUSAGERS AUCOEURDE LA
CONCEPTION DE SERVICE-
PUBLIC.FR
Flavien Testevuide
Chef de Produit DILA
Géraldine da Sylva
Consultante User eXperience OCTO

49. UNE RENCONTRE NATURELLE ENTRE UNE MARQUE, UN PROJET ET UNE
MÉTHODE
Une marque, une mission :
donner accès simplement et clairement
à l’ensemble de l’information
administrative en satisfaisant au besoin
d'intérêt général… donc AU SERVICE de
l’utilisateur...des utilisateurs !
Difficulté :
répondre à la diversité des utilisateurs
Moyen : s’appuyer sur une méthode
centrée utilisateur basée sur la co-
construction.
49

50. UN PRODUIT ERGONOMIQUE, C’EST QUOI…?
Produit
ergonomique
Utilisatrice,
utilisateur
Tâches
UTILE
Répond aux objectifs
réels des utilisateurs
et des utilisatrices
UTILISABLE
S’adapte aux
caractéristiques des
utilisateurs, des
utilisatrices et assure
une prise en main
efficace
+ DÉSIRABLE ET
AGRÉABLE À UTILISER
Pour une expérience
utilisateur satisfaisante
50

51. La conception centrée utilisateurs,
c’est quoi…?
Une démarche :
Centrée sur les utilisateurs et les
utilisatrices,
Empathique,
Collaborative et basée sur la co-
construction
Basé sur la norme ISO 9241-210 51

52. PRISE EN COMPTE DES UTILISATEURS ET DES UTILISATRICES DÈS LE DÉPART
DU PROJET DE REFONTE : LES PERSONAS
QU’EST-CE QU’UN PERSONA?
PERSONAS SECONDAIRES
FRANÇAISE EN FRANCE
À L’ÉTRANGER
AGENT
COLLECTIVITÉ LOCALE
PRO PARTENAIRE
SERVICE-PUBLIC
ADMINISTRATEUR DILA
PERSONNE EN SITUATION
DE HANDICAP
MEMBRE ASSOCIATION
PERSONAS
PRINCIPAUX
= Archétype de l’utilisateur
≠ PAS UN stéréotype!
Personnage imaginaire composite
Représente un groupe d’utilisateurs
avec des caractéristiques et des
objectifs communs
Défini par ses besoins et objectifs
en rapport avec le produit
52

53. Les personas permettent, en se
mettant à la place des utilisateurs,
d’imaginer :
- Leur utilisation du produit
- Les freins et les frustrations
à prendre en compte
- Ce qui peut les fidéliser
- Imaginer les heureuses
surprises
---> Utile pour définir les
fonctionnalités du site
LA FICHE PERSONA : USAGER FRANÇAIS EN FRANCE
53

54. PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE
REFONTE
Les études utilisateurs, tests utilisateurs
et Focus group : des indices précieux sur
les difficultés rencontrées et les attentes
des utilisateurs.
54

55. PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE
REFONTE
Les supports mail et téléphone, une source
volumineuse et de qualité pour la collecte des
besoins et attentes utilisateurs.
1,2 millions
d’appels
par an
(3939)
150 000 mails traités
dans l’année
20 personnes au support
55

56. PRISE EN COMPTE DES UTILISATEURS DÈS LE DÉPART DU PROJET DE
REFONTE
Faire parler les statistiques pour déterminer les
points forts et les points faibles et apprendre à
connaître les utilisateurs
56

57. “Une plateforme accessible et
sécurisée de contenus et de
services personnalisés qui
simplifient la vie des usagers”
LA VISION DU PRODUIT
1
Fédérer les acteur•trice•s du projet
Aligner l’équipe
Définir l’objectif du produit
Et ne pas l’oublier….
57

58. LES HYPOTHÈSES DE CONCEPTION, “L’ESPRIT” DU PRODUIT
Espace
personnel
Espace
Association
Les tendances, les idées, les hypothèses
pour répondre à des problèmes :
- Un seul site pour obtenir de
l’information pour les particuliers, les
associations et les pros et réaliser des
démarches en ligne
- Des contenus plus lisibles,
accessibles et personnalisés.
- L’accès et le suivi des démarches
simplifiés.
- Un espace association partagé par
les membres de l’association.
- Un mode d’accès unique à plusieurs
espaces (personnel et association)
58

59. Les services, les fonctionnalités, la story map
Connaître ses
droits et
devoirs
Réaliser une
démarche en
ligne
Échanger de
l’information
et collaborer
Prendre un
Rendez vous
Contrôler et
gérer mes
informations
personnelles
Consulter les fiches
“droits et
démarches”,
l“Actualité” et les
fiches de l’annuaire.
Effectuer une
démarche en ligne
Ajouter un contact
dans mon
smartphone
Contacter une
administration
Gérer mes infos
personnelles et mes
documents
administratifs
Rechercher et être
redirigé sur les
démarches de
l’administration
(services en ligne,
CERFA, …)
Consulter
l’avancement de ma
démarche
Ajouter un événement
dans mon smartphone
Afficher des créneaux
de disponibilité
Gérer mon mode de
connexion
(FranceConnect)
Être redirigé vers le
formulaire de ma
mairie
Sauvegarder les
informations saisies
et les documents
administratifs
fournis lors de la
demande
Noter une fiche -
Qualifier
Prendre et confirmer
un Rendez vous
Gérer les informations
de mon association et
les autres utilisateurs
de mon espace
association
Accéder à du contenu
personnalisé en
fonction de ma
situation
Etre alerté par
l’administration si
mon dossier n’est
pas valide
Proposer une
modification, une mise
à jour des
informations
Se localiser
géographiquement
Gérer mes
abonnements, mes
favoris,
Créer des rappels en
fonction des
événements de vie et
de ma situation
Pouvoir interrompre,
reprendre ma
démarche. Pouvoir la
compléter
Partager par mail par
SMS tous les
contenus de SP
Gérer mes alertes,
consulter l’échéance
des mes tâches,
etc….
Recueil utilisateurs
Esprit produit, hypothèses
Story map
● Familles fonctionnelles
● Priorisation /
fondamentaux
La construction
59

60. CONSTRUCTION DU PRODUIT : CONCRÉTISER LES HYPOTHÈSES
Idée =
hypothèse
Peut être
expérimenté
60

61. LA CO-CONCEPTION : UTILISATEURS
Ateliers de co-construction avec les personnes
travaillant en association, persona dont les besoins et
les difficultés restaient à explorer.
Confirmation / infirmation des hypothèses grâce aux
tests de première impression et du tri par carte.
61

62. La co-conception : partenaires
administration
Entretiens et immersion en
mairies et collectivités avec
les personnes directement en
contact avec les usagers qui
font écho de leurs demandes et
de leurs difficultés.
L’observation sur le terrain
permet de comprendre les
difficultés rencontrées au
quotidien par les agents.
Élaboration des solutions : on
dessine
62

63. LA CO-CONCEPTION : ÉQUIPE DILA
Faire dialoguer les hypothèses et les
tendances avec les impératifs et
contraintes de l’ensemble des acteurs de
la Dila réunis autour de service-public.fr.
- Sécurité
- Planning
- RGAA
- Stratégie
- Rédaction...
63

64. Les services, les fonctionnalités : la story map RETENUE
Connaître ses
droits et
devoirs
Réaliser une
démarche en
ligne
Échanger de
l’information et
collaborer
Prendre un
Rendez vous
Contrôler et
gérer mes
informations
personnelles
Consulter les
fiches “droits et
démarches”,
l“Actualité” et les
fiches de
l’annuaire.
Effectuer une
démarche en ligne
Ajouter un contact
dans mon
smartphone
Contacter une
administration
Gérer mes infos
personnelles et
mes documents
administratifs
Rechercher et être
redirigé sur les
démarches de
l’administration
(services en ligne,
CERFA, …)
Consulter
l’avancement de
ma démarche
Ajouter un
événement dans
mon smartphone
Afficher des
créneaux de
disponibilité
Gérer mon mode de
connexion
(FranceConnect)
Être redirigé vers le
formulaire de ma
mairie
Sauvegarder les
informations
saisies et les
documents
administratifs
fournis lors de la
demande
Noter une fiche -
Qualifier
Prendre et confirmer
un Rendez vous
Gérer les
informations de mon
association et les
autres utilisateurs de
mon espace
association
Accéder à du
contenu personnalisé
en fonction de ma
situation
Etre alerté par
l’administration si
mon dossier n’est
pas valide
Proposer une
modification, une
mise à jour des
informations
Se localiser
géographiquement
Gérer mes
abonnements, mes
favoris,
Créer des rappels en
fonction des
événements de vie
et de ma situation
Pouvoir interrompre,
reprendre ma
démarche. Pouvoir la
compléter
Partager par mail par
SMS tous les
contenus de SP
Gérer mes alertes,
consulter l’échéance
des mes tâches,
etc….
Réajustement de la story map suite aux
ateliers de co-construction :
- Faisable / pas faisable
- Dans quel temps ?
64

65. LA PREUVE PAR L’EXEMPLE : FOCUS SUR UNE USER STORY
65
Connaître ses droits
et devoirs
Réaliser une
démarche en ligne
Échanger de
l’information et
collaborer
Prendre un Rendez
vous
Contrôler et gérer
mes informations
personnelles
Consulter les
fiches “droits et
démarches”...
Effectuer une démarche
en ligne
Ajouter un contact dans
mon smartphone
Contacter une
administration
Gérer mes infos
personnelles et mes
documents
administratifs
Rechercher et être
redirigé sur les
démarches de
l’administration
(services en ligne,
CERFA, …)
Consulter l’avancement
de ma démarche
Ajouter un événement
dans mon smartphone
Afficher des créneaux de
disponibilité
Gérer mon mode de
connexion
(FranceConnect)
Être redirigé vers le
formulaire de ma mairie
Sauvegarder les
informations saisies et
les documents
administratifs fournis
lors de la demande
Noter une fiche - Qualifier
Prendre et confirmer un
Rendez vous
Gérer les informations de
mon association et les
autres utilisateurs de mon
espace association
Accéder à du contenu
personnalisé en fonction
de ma situation
Etre alerté par
l’administration si mon
dossier n’est pas valide
Proposer une
modification, une mise à
jour des informations
Se localiser
géographiquement
Gérer mes abonnements,
mes favoris,
Créer des rappels en
fonction des événements
de vie et de ma situation
Pouvoir interrompre,
reprendre ma démarche.
Pouvoir la compléter
Partager par mail par
SMS tous les contenus de
SP
Gérer mes alertes,
consulter l’échéance des
mes tâches, etc….

66. LA FICHE : AVANT REFONTE
AVANT
Du contenu pertinent
Qui s’adresse à tous
MAIS
Une
Page
Immensément
Longue
….
66

67. LA FICHE : APRÈS REFONTE
APRÈS
---> on garde le FOND
---> on améliore la FORME

68. LA FICHE : TRÈS BIENTÔT
Continuer à faire vivre et évoluer le produit
en proposant de nouvelles hypothèses sans
omettre les utilisateurs !
Autre exemple : la personnalisation des fiches
Même méthode !
- Ateliers internes Dila
- Maquettage
- Ateliers utilisateurs
- Go utilisateurs
- Ajustements
- Choix de l’application du principe : consultation
des supports et statistiques : “comment faire si
je déménage” un contenu très visité et source
de nombreuses questions
68

69. “JUSQU’ICI, TOUT VA BIEN…”
69

70. LA COMMANDE URGENTE !!!
“Le cas Allo service-public ou
face à l’urgence :
“quel est le produit minimum, le plus
simple et rapide à construire que l’on
peut mettre dans les mains des
utilisateurs et continuer à avancer ?”
70

71. LA COMMANDE URGENTE...RÉAJUSTEMENT
Réintégration de l’utilisateur au coeur du
projet :
- Statistiques
- Retours usagers
- Tests utilisateurs
De la béta à la V1
71

72. TAKE AWAY
 Posez des hypothèses et proposez des solutions qui répondent à des problèmes
 Testez les hypothèses, partout, tout le temps : recueillez du feed-back
 N’oubliez jamais pour QUI vous codez
 Challengez les demandes de l’équipe et soyez responsables de ce que vous
proposez aux utilisateurs
72
MIKE MONTEIRO

73. 03
ANIMER UNE LARGE ÉQUIPE
FONCTIONNELLE
AU SEIN D’UN PROJET AGILE
Katia Sonntag,
Nouveau Product Owner DILA
Nicolas Fournier,
Product Owner OCTO

74. SOMMAIRE
 Pourquoi une large équipe fonctionnelle ?
 Nouvelles problématiques
 Tips & Tricks
74

75. LE CONTEXTE :
Pourquoi une large
équipe fonctionnelle ?
75

76. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
PO
Équipe de développement
Parties prenantes
Une équipe agile classique
76

77. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Parties prenantes
Chef de
produit
Équipe de Développement
Equipe PO / UX
Equipe Accessibilité
L’équipe Service Public
77

78. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Une large équipe fonctionnelle… mais pas tout de suite
De 1 à 4 PO1 PO
MEP v.3
22/09/15
78

79. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
5 nov. 2015 29 sept. 2016
● Beaucoup de sujets
● Beaucoup d’interlocuteurs
● Beaucoup de repriorisations
9 juin 2016
79

80. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Tout cela fait beaucoup de monde !
80

81. POURQUOI UNE LARGE ÉQUIPE FONCTIONNELLE ?
Rythme soutenu
Cadrage
Recette
81

82. NOUVELLES PROBLÉMATIQUES
82

83. NOUVELLES PROBLÉMATIQUES
Comment faire pour ne pas être tout le temps en réunion et rester productif ?
RÉUNIONS PRODUIRE des US
RÉPONDRE aux questions
?
83

84. NOUVELLES PROBLÉMATIQUES
Comment garantir un cadrage à plusieurs voix ?
RIGUEUR HOMOGÉNÉITÉ
84

85. NOUVELLES PROBLÉMATIQUES
Comment ne pas se court circuiter les uns les autres ?
85

86. NOUVELLES PROBLÉMATIQUES
Manque de vision globale sur l’avancement des chantiers
86

87. NOUVELLES PROBLÉMATIQUES
Création d’une armée de spécialistes sur les différents sujets fonctionnels
87

88. NOUVELLES PROBLÉMATIQUES
Réussir à créer une dynamique d’amélioration continue.
88

89. TIPS & TRICKS
89

90. TIPS & TRICKS
Halte à la dispersion !!
90

91. TIPS & TRICKS
Mise en place d’un process cadrage
Definition of Done
Le cadrage
en 4 étapes
91

92. TIPS & TRICKS
Créer une équipe qui communique
3 Actions :
1. Le stand-up FUNC
92

93. TIPS & TRICKS
Bien se répartir le travail en cours de cadrage
2. Identification visuelle du “Qui fait Quoi”
3. Un seul ticket à la fois par personne
Noms
93

94. TIPS & TRICKS
Réserver un temps pour le travail d’équipe
94

95. TIPS & TRICKS
Bien gérer les priorités : Backlog grooming + repriorisation toutes les semaines
avec le chef de produit
95

96. TIPS & TRICKS
Organiser des rétro fonctionnelles
96

97. TIPS & TRICKS
Partager les connaissances !
97

98. 04
LES PRATIQUES AU QUOTIDIEN
POUR ASSURER LA PROPRIÉTÉ
COLLECTIVE DU CODE APPLICATIF
AINSI QUE LA QUALITÉ DU PRODUIT.
Stéphane Colle,
Nouveau Tech Lead DILA
Damien Beaufils,
Tech Lead OCTO

99. L’ÉQUIPE AU QUOTIDIEN : LE CONTEXTE
Équipe de développement mixte, composée de 10 DevOps + 1 Tech Lead
36 tickets réalisés en moyenne toutes les 2 semaines
Quelles pratiques au quotidien pour assurer la propriété
collective du code ainsi que la qualité du produit ?
99

100. PROPRIÉTÉ COLLECTIVE DU CODE
RÉTROSPECTIVE TECH
> 1 heure, tous les lundis
> Liste de sujets affichée sur le Kanban et
alimentée à la volée par les développeurs
STANDARDS DE CODE / BONNES PRATIQUES
> Affichés sur notre “Table de la loi”
> Doivent pouvoir être affichés sur un mur et être
compris sans difficulté
Quel indicateur pour vérifier cette propriété collective ?
N’importe qui peut partir en congés n’importe quand
100

101. QUID DE LA QUALITÉ ?
Comment s’assurer de la progression
de la qualité du produit ?
Pratiques et mesures
101

102. QUELLES PRATIQUES ?
REVUE DE CODE
> Obligatoire, format « checklist papier-crayon »
> Présentation des retours à la personne concernée
> Objectifs
+ Trouver et corriger des défauts
+ Partager la connaissance
+ Échanger et confronter les idées
TEST DRIVEN DEVELOPMENT (TDD)
> Pratique consistant à écrire le test avant d’écrire le code
> Formation de 3 jours pour toute l’équipe, quel que soit le niveau
> Meilleure cohésion d’équipe et du socle commun de connaissances
REFACTORING SUR DU CODE LEGACY
> Réalisé au minimum en pair-programming voire en dojo afin de réduire au maximum les risques
> Rituel hebdomadaire
« Dur avec le code, doux avec les gens »
102

103. QUID DE LA QUALITÉ ?
Quel aspect de la qualité mesurer ?
Le nombre de tests automatisés
et leurs typologies
103

104. C’EST QUOI UN TEST AUTOMATISÉ ?
104
 DE FAÇON GÉNÉRALE
> Est répétable avec un résultat reproductible et fiable
> Est capable d’indiquer si OK ou KO sans intervention humaine
> Est capable d’être lancé par un robot (Intégration Continue)

105. C’EST QUOI UN TEST AUTOMATISÉ ?
105
TEST UNITAIRE
> Durée : ~5 ms. Complexité : faible.
> Teste un comportement du code en isolation totale
> Teste la logique métier
> Exemple d’une voiture : test sur l’airbag
- Test : quand on demande à l’airbag de se gonfler, on vérifie qu’il est bien passé dans
l’état « gonflé »

106. C’EST QUOI UN TEST AUTOMATISÉ ?
106
TEST D'INTÉGRATION
> Durée : ~100 ms à 1 s. Complexité : moyenne.
> Teste une collaboration entre plusieurs éléments d’un même module de l’application
> Exemple d’une voiture : tests combinant un capteur de choc et l’airbag
- Test : quand un choc est détecté par le capteur, on vérifie que l’airbag est bien dans l’état
« gonflé »

107. C’EST QUOI UN TEST AUTOMATISÉ ?
107
TEST FONCTIONNEL
> Durée : ~10 s à 1 min. Complexité : importante.
> Simule une fonctionnalité, un comportement utilisateur
> Traverse plusieurs couches techniques de l’application
> Exemple d’une voiture : crash test
- Test : quand la voiture est lancée à 30 km/h contre un mur, on vérifie que la tête du
mannequin est intacte

108. LE MODÈLE DE LA PYRAMIDE DES TESTS
108
70%
25%
5%

109. LOI DU DEFECT COST INCREASE
109
« Plus un défaut est détecté tard,
plus il coûte cher à corriger »
2 semaines plus tard 2 mois plus tard

110. MESURE DE LA PYRAMIDE DES TESTS
Formation TDD
TU
TI
TF
Changement
d’équipe
Formation TDD
Changement
d’équipe
110

111. L'ÉVOLUTION DE LA QUALITÉ AUTREMENT QUE PAR LA TECHNIQUE
111

112. TAKE-AWAY
112

113. 05
PRINCIPES CLÉS DEVOPS À
METTRE EN PLACE POUR
DÉPLOYER SEREINEMENT EN
PRODUCTION TOUTES LES DEUX
SEMAINES
Alexandre Otparlic,
Chef de Projet
Tanguy Patte,
Consultant OCTO

114. OBJECTIFS
 Proposer une infrastructure flexible
 Hautes performances
 Doter l’équipe de moyens de tests en amont
114

115. CONTRAINTES
 Associer de nombreux acteurs
 Haute exigence de sécurité
 Limiter les interruptions de service à 0
115

116. RÔLE DE L’OPS SUR LE PROJET
 Installer et configurer les environnements
 Fournir une intégration continue fonctionnelle
116

117. LES ENVIRONNEMENTS
Développement Recette / Démo
PartenairesQualité
DEV1
DEV2
DEV3
DEMO
PART1
PART2
PERF
QUALIF
PREPROD
PROD
HÉBERGEUR A HÉBERGEUR B
117

118. ANSIBLE
118
 Description des environnements
 Rôles regroupant des ensembles de tâches
 Lien entre les machines et les rôles à exécuter

119. INTÉGRATION CONTINUE
Tests de charge
Crawler
Génération site map
Déploiements
Déploiements
Création du package
Déclenchement automatiqueDéclenchement à la demande
119

120. Documentation exécutable de
l’installation
Évite les erreurs manuelles
Accélère les opérations
Répétable sans douleurs
Rends autonome les POs et les
DEVs
Automatisation
120

121. PARTAGER
Pourquoi partager ?
 ADN OCTO
 Enrichissement personnel
 Responsabilisation des DEVs
 Meilleur autonomie de l’équipe
 Plus de SPOF (Single Point Of Failure)
121

122. COMMENT PARTAGER
Présentation des outils
 Qu’est ce que c’est ?
 Comment ça marche ?
 Pourquoi on l’utilise ?
 Comment on l’utilise ?
Pair programming sur les sujets OPS et
DEV
122

123. TAKE AWAY
 Automatisez tout jusqu’à la production
 Partagez la connaissance
 Faites tomber les barrières entre les équipes
123

124. 06 INTÉGRER NATIVEMENT LES NORMES
D’ACCESSIBILITÉ DANS LE PROCESSUS DE
CONSTRUCTION DU PRODUIT
Anne Cavalier,
Responsable Qualité & Accessibilité DILA
Adrien Saunier,
Développeur OCTO

125. Qu’est-ce que
l’accessibilité web ?
125

126. ACCESSIBILITÉ WEB - AMÉLIORATION DE LA QUALITÉ POUR TOUS
126
Sophie
Est déficiente moteur, elle ne
peut pas utiliser une souris et
se déplace dans la page grâce
au clavier
Antoine
Comme presque 10% des
hommes, il est daltonien. Il a
du mal à percevoir les
différences de couleurs.

127. ACCESSIBILITÉ WEB - AMÉLIORATION DE LA QUALITÉ POUR TOUS
127
Benjamin
... est nouveau père d'une
petite fille qui dort peu. Il est
épuisé et a du mal à se
concentrer
Alice
... est aveugle. Elle utilise une
synthèse vocale ou une plage
braille pour lire les pages web

128. ACCESSIBLITÉ WEB ?
128
Rendre les contenus Web accessibles aux
personnes en situation de handicap
“Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou
logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation
géographique, ou leurs aptitudes physiques ou mentales”
Tim Berners-Lee

129. ACCESSIBLITÉ WEB ?
129
Des normes internationales (WCAG - W3C)
Qui fixent de grands principes
Un référentiel national (RGAA)
Méthode d’application, critères, tests, guidelines

130. Une méthodologie
qui évolue
au cours de la vie du projet
130

131. Développement
des fonctionnalités
Création
de story Review
Planning
poker
MÉTHODO - AVANT
131
Audits
Cycle de vie d’une story
Sensibilisation
Gabarits
Travail en silo avec deux équipes (front et back)
Templating

132. Avantages:
Intervention des experts concentrée
Méthodologies de travail familières
Système de reporting simple (Création de tickets)
Douleurs:
● Corriger “bêtement”
● Peu de capitalisation côté dev
● Accessibilité vécue en « surcouche »
● Nombreux tickets de bugs
● Augmentation de la durée de réalisation des tâches
MÉTHODO - PHASE 1
132

133. Dév
MÉTHODO - AUJOURD’HUI
133
AuditsCréation
de story
Cycle de vie d’une story (avec RGAA)
Sensibilisation
Gabarits
Une seule équipe
Review
Planning
poker

134. Avantages de la méthode
● Prévention plutôt que correction
● Mise en place de l’accessibilité sur des périmètres restreints (“On travaille sur de petits blocs”)
● Transmission de compétences / connaissances dans les deux sens
● Accessibilité vécue comme source de valeur / qualité
● Accessibilité vécue “comme une évidence”
● Meilleure perception de l’apport de l’accessibilité sur l’expérience utilisateur, pour tous
À améliorer
● Rendre les développeurs plus à l’aise pour contrôler par eux-mêmes
● Rendre les bonnes pratiques plus naturelles, plus automatiques
● Avoir des experts dans toutes les fonctions, notamment celle de Product Owner
● Intégrer des personnes en situation de handicap au sein des panels utilisateurs
MÉTHODO - PHASE 2
134

135. QUE RETENIR ?
135

136. ● L’accessibilité :
○ une source de valeur
○ un critère de qualité produit
○ qui s’inscrit dans une démarche centrée sur l’utilisateur
○ quelle que soit la taille de projet
● Quand, Qui et Comment?
○ Quand: Au plus tôt et tout le temps!
○ Qui: Tous
○ Comment: Sensibilisation, accompagnement, transmission
QUE RETENIR À PROPOS DE L’ACCESSIBILITÉ ?
136

137. MERCI !!!
“ LE PLAISIR DE TRAVAILLER ENSEMBLE, CELA SE TRANSMET
DANS LE PRODUIT “
137