Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016

1OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

Visuel

Pour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuel

Pour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

Contenu

Lors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Développement artisanal d’un logiciel en 20 itérations

@abel_ndre & @damienbeaufils


Notice

Visuel







Contenu



puces :

QUI SOMMES-NOUS ?

@abel_ndreDéveloppeur

@damienbeaufilsDéveloppeur



Notice

Visuel







Contenu



puces :

Savoir comment mieux aborder un projet de développement

OBJECTIF



Notice

Visuel







Contenu



puces :

CONTEXTE


☉ Refonte d’une billetterie sportive en ligne

☉ Enjeux principaux

> Expérience utilisateur

> Performance & disponibilité

> Maintenabilité & évolutivité

☉ Premier projet en agile pour le client


Notice

Visuel







Contenu



puces :

ARCHITECTURE CIBLE



Notice

Visuel







Contenu



puces :

VÉLOCITÉ PAR ITÉRATION



Notice

Visuel







Contenu



puces :

4 GRANDES PHASES


12

3

4

>01 DÉMARRAGE


Notice

Visuel







Contenu



puces :

DÉMARRAGE


1


Notice

Visuel







Contenu



puces :

AU FAIT, QUELQU’UN CONNAIT LA TECHNO ?



Notice

Visuel







Contenu



puces :

STRATÉGIE DE TESTS AUTOMATISÉS


(2009) Mike Cohn


Notice

Visuel







Contenu



puces :

TEST DRIVEN DEVELOPMENT



Notice

Visuel







Contenu



puces :

PREMIER RESSENTI DU CLIENT

“J’ai l’impression que vous faites de la sur-qualité”



Notice

Visuel







Contenu



puces :

SOLUTION : RÉPONDRE AUX INQUIÉTUDES

☉ Observer et mesurer

> Non-couverture de code

> Duplication de code

> Fiabilité des livraisons

☉ Présenter ces mesures à chaque démonstration


>02 DÉCOLLAGE… ET DÉCROCHAGE


Notice

Visuel







Contenu



puces :

DÉCOLLAGE… ET DÉCROCHAGE


2


Notice

Visuel







Contenu



puces :

☉ Le cadrage dit ce qu’il faut faire mais ne dit pas comment le faire

☉ Le cadrage ne précise rien sur le volume du code ni la qualité de l’outillage

LES DANGERS DU CADRAGE

“Il y aura juste un peu de JavaScript pourdynamiser l’UI et faire joli”



Notice

Visuel







Contenu



puces :

DES INDICATEURS MOROSES

☉ Points de fonctionnalité réalisés dans les itérations 7 & 8 : le tiers de l’attendu

> Arrivée d’un nouveau développeur dans l’équipe

> En fait, nous devons créer une Single Page Application pour le tunnel de vente



Notice

Visuel







Contenu



puces :

DETTE DU SYSTÈME D’INFORMATION

Les données fournies par le partenaire sont incomplètes



Notice

Visuel







Contenu



puces :

SOLUTION : REPENSER L’APPROCHE TECHNIQUE

☉ Prendre du recul

> Penser en termes d’architecture de Système d’Information

> Remettre en question l’architecture cible

> Atelier de conception du modèle de données avec le Métier


>03 VITESSE FLUCTUANTE


Notice

Visuel







Contenu



puces :

VITESSE FLUCTUANTE


3


Notice

Visuel







Contenu



puces :

NOUS SOMMES AUTONOMES

☉ Nous organisons nos rituels

☉ Fix > Rollback

☉ Nous livrons de la valeur à chaque itération

☉ Points de fonctionnalité réalisés dans les itérations 11 & 12 : le double de l’attendu



Notice

Visuel







Contenu



puces :

LES PROJECTIONS SONT CATASTROPHIQUES

Le planning initial est impossible à tenir



Notice

Visuel







Contenu



puces :

SOLUTION : CHALLENGER LE METIER

☉ Prendre du recul sur le métier pour prioriser

> Ne pas refondre à l’identique

> Enlever ce qui n’est pas vital au business

> Proposer d’autres implémentations au Métier



Notice

Visuel







Contenu



puces :

AUGMENTATION DE LA DETTE TECHNIQUE

Le code est trop complexe à cause de l’accumulation

des fonctionnalités



Notice

Visuel







Contenu



puces :

SOLUTION : GÉRER LA DETTE AU QUOTIDIEN

☉ Dette tactique vs. Dette endémique

☉ Maintenir un backlog de dette> Dépiler quotidiennement

☉ Itération de "remboursement" opportuniste> Expérimentation du mob programming


>04 VITESSE DE CROISIÈRE


Notice

Visuel







Contenu



puces :

VITESSE DE CROISIÈRE


4


Notice

Visuel







Contenu



puces :

OUVERTURE AU PUBLIC : EN THÉORIE

“ Là on livre, et on ne touche plusà rien pendant 3 mois ”



Notice

Visuel







Contenu



puces :

OUVERTURE AU PUBLIC : EN PRATIQUE

☉ Certains bugs n’apparaissent qu’en production

☉ Les feedbacks des utilisateurs sont cruciaux

☉ Il faut livrer jusqu’à 3 fois par semaine



Notice

Visuel







Contenu



puces :

OUVERTURE AU PUBLIC : OBJECTIF ATTEINT !

☉ Aucune interruption de service

☉ 6 fois moins de serveurs

☉ 2 fois plus de commandes que l’an passé

☉ C.A. liés aux ventes en hausse



Notice

Visuel







Contenu



puces :

RÉSILIENCE


TECH LEAD

DEV 3

DEV 4

DEV 1

DEV 2

>05 TAKE AWAY


Notice

Visuel







Contenu



puces :

EN TANT QU'ÉQUIPE DE DEV

☉ Mesurer la qualité et être transparent

☉ Définir une stratégie de tests automatisés

☉ Pratiquer la revue de code et le pair programming

☉ Concevoir le modèle de données avec le Métier



Notice

Visuel







Contenu



puces :

EN TANT QU'ÉQUIPE DE DEV

☉ Proposer des alternatives au Métier

☉ Maîtriser la dette technique au quotidien

☉ Rechercher le feedback des utilisateurs

☉ Se préparer à livrer le plus fréquemment possible



Notice

Visuel







Contenu



puces :

CONCLUSION

@abel_ndre

Un projet est en succès lorsque l’équipe est résiliente.

Une équipe est résilientegrâce à ses pratiques et sa

communication.

@damienbeaufils

Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016

Software

Transcript of Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016