Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016
-
Upload
damien-beaufils -
Category
Software
-
view
292 -
download
1
Transcript of Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016
![Page 1: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/1.jpg)
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
![Page 2: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/2.jpg)
2OCTO 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 :
QUI SOMMES-NOUS ?
@abel_ndreDéveloppeur
@damienbeaufilsDéveloppeur
@abel_ndre & @damienbeaufils
![Page 3: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/3.jpg)
3OCTO 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 :
Savoir comment mieux aborder un projet de développement
OBJECTIF
@abel_ndre & @damienbeaufils
![Page 4: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/4.jpg)
4OCTO 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 :
CONTEXTE
@abel_ndre & @damienbeaufils
☉ Refonte d’une billetterie sportive en ligne
☉ Enjeux principaux
> Expérience utilisateur
> Performance & disponibilité
> Maintenabilité & évolutivité
☉ Premier projet en agile pour le client
![Page 5: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/5.jpg)
5OCTO 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 :
ARCHITECTURE CIBLE
@abel_ndre & @damienbeaufils
![Page 6: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/6.jpg)
6OCTO 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 :
VÉLOCITÉ PAR ITÉRATION
@abel_ndre & @damienbeaufils
![Page 7: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/7.jpg)
7OCTO 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 :
4 GRANDES PHASES
@abel_ndre & @damienbeaufils
12
3
4
![Page 8: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/8.jpg)
>01 DÉMARRAGE
![Page 9: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/9.jpg)
9OCTO 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ÉMARRAGE
@abel_ndre & @damienbeaufils
1
![Page 10: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/10.jpg)
10OCTO 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 :
AU FAIT, QUELQU’UN CONNAIT LA TECHNO ?
@abel_ndre & @damienbeaufils
![Page 11: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/11.jpg)
11OCTO 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 :
STRATÉGIE DE TESTS AUTOMATISÉS
@abel_ndre & @damienbeaufils
(2009) Mike Cohn
![Page 12: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/12.jpg)
12OCTO 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 :
TEST DRIVEN DEVELOPMENT
@abel_ndre & @damienbeaufils
![Page 13: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/13.jpg)
13OCTO 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 :
PREMIER RESSENTI DU CLIENT
“J’ai l’impression que vous faites de la sur-qualité”
@abel_ndre & @damienbeaufils
![Page 14: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/14.jpg)
14OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 15: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/15.jpg)
>02 DÉCOLLAGE… ET DÉCROCHAGE
![Page 16: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/16.jpg)
16OCTO 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ÉCOLLAGE… ET DÉCROCHAGE
@abel_ndre & @damienbeaufils
2
![Page 17: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/17.jpg)
17OCTO 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 :
☉ 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”
@abel_ndre & @damienbeaufils
![Page 18: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/18.jpg)
18OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 19: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/19.jpg)
19OCTO 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 :
DETTE DU SYSTÈME D’INFORMATION
Les données fournies par le partenaire sont incomplètes
@abel_ndre & @damienbeaufils
![Page 20: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/20.jpg)
20OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 21: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/21.jpg)
>03 VITESSE FLUCTUANTE
![Page 22: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/22.jpg)
22OCTO 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 :
VITESSE FLUCTUANTE
@abel_ndre & @damienbeaufils
3
![Page 23: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/23.jpg)
23OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 24: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/24.jpg)
24OCTO 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 :
LES PROJECTIONS SONT CATASTROPHIQUES
Le planning initial est impossible à tenir
@abel_ndre & @damienbeaufils
![Page 25: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/25.jpg)
25OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 26: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/26.jpg)
26OCTO 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 :
AUGMENTATION DE LA DETTE TECHNIQUE
Le code est trop complexe à cause de l’accumulation
des fonctionnalités
@abel_ndre & @damienbeaufils
![Page 27: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/27.jpg)
27OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 28: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/28.jpg)
>04 VITESSE DE CROISIÈRE
![Page 29: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/29.jpg)
29OCTO 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 :
VITESSE DE CROISIÈRE
@abel_ndre & @damienbeaufils
4
![Page 30: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/30.jpg)
30OCTO 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 :
OUVERTURE AU PUBLIC : EN THÉORIE
“ Là on livre, et on ne touche plusà rien pendant 3 mois ”
@abel_ndre & @damienbeaufils
![Page 31: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/31.jpg)
31OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 32: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/32.jpg)
32OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 33: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/33.jpg)
33OCTO 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 :
RÉSILIENCE
@abel_ndre & @damienbeaufils
TECH LEAD
DEV 3
DEV 4
DEV 1
DEV 2
![Page 34: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/34.jpg)
>05 TAKE AWAY
![Page 35: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/35.jpg)
35OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 36: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/36.jpg)
36OCTO 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 :
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
@abel_ndre & @damienbeaufils
![Page 37: Développement artisanal d'un logiciel en 20 itérations - Paris Web 2016](https://reader034.fdocument.pub/reader034/viewer/2022042600/586fc65f1a28aba24c8b5cd7/html5/thumbnails/37.jpg)
37OCTO 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 :
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