Cours donné aux licences webdeveloppement à l'INSSET de Saint Quentin le Mardi 2 Octobre 2012.

1. LE
DÉVELOPPEMENT
CÔTÉ
UTILISATEUR
David Buros
Développeur – No Parking

2. About.me
Développeur PHP depuis 5 ans.
Quatre belles expériences en entreprise.
Du code, mais pas que.
Veille, veille, veille !

3. L'INFORMATICIEN
« Rush middle ! »
ww.web2mag.info/wp-content/uploads/2011/09/Fotolia_18567847_Subscription_XL.jpg

4. « Faire comprendre votre travail, c'est déjà
votre travail »
« Plus vous communiquerez et plus on vous
fera confiance »
« Les non techniciens sont vos amis. Et
souvent vos collègues »
« Gardez à l'esprit pour qui vous travaillez »

5. Vous êtes des
ARTISANS
Pas des
TRADERS
Ni des chefs de projets. (petite digression right now)

6. EXERCICE N°
1
EXPLIQUEZ
… en une cinquantaine de mots, Internet à votre grand-mère.
Bien entendu, vous adapterez votre langage.
Postulat de départ : elle n'est pas sourde et a toute sa tête.
10 minutes

7. LE CLIENT
« Bleu le bouton, heu non rouge, heu non vert, heuuuu
http://referencechecknz.co.nz/wp-content/uploads/networking2.jpg

8. PAR DÉFINITION, LE CLIENT
NE SAIT PAS CE QU'IL VEUT.
Et ne le saura sûrement vraiment jamais.
Va falloir vous y faire.
Désolé :-/

9. Le client ne sait pas dire ce Faites lui dire ce qu'il ne veut
qu'il veut ? surtout pas !
Vous ne parlez pas le même Entendez-vous sur un
langage ? dictionnaire de termes !
La communication passe mal Choisissez un interlocuteur
et les infos se perdent ? unique et rencontrez-vous IRL !
Votre boite pratique le Ca vous plait ? Tant mieux.
développeur black-box ? Sinon changez, vite !

10. C'est [presque] gagné si vous
comprenez le métier de votre
client.
=
http://www.azprocede.fr/Schema_GC/galleries/Usines_Procedes_Produits/raffinerie_ariel_texas_bas_bp.jpg

11. EXERCICE N°
2
IMAGINEZ
… dans les grandes lignes, les aménagements que vous
apporteriez à votre épicerie fine pour attirer les personnes mal
voyantes du foyer qui se trouve de l'autre côté de la rue.
Postulat de départ : budget illimité.
15 minutes

12. LE PROJET
« Dépêche toi de commencer, c'est pour hier ! »
http://qse.free.fr/IMG/jpg/tunnel.jpg

13. L'effet papillon tunnel
1. Réunion
↓
2. Cahier des charges fonctionnelles
↓
3. Cahier des charges techniques
↓
4. 5. 6... Faille spatio-temporelle de 6 mois
↓
1 247. Site terminé
↓
« Ha, mais j'avais pas demandé ça (le client)»
↓
Goto étape 1

14. - LE MANIFESTE AGILE -
« Les individus et leurs interactions plus que les
processus et les outils »
« Des logiciels opérationnels plus qu’une
documentation exhaustive »
« La collaboration avec les clients plus que la
négociation contractuelle »
« L’adaptation au changement plus que le suivi
d’un plan »

15. Product Owner
Scrum Master
Backlog
Sprint

16. User Story
En tant que ROLE, je souhaite
ACTION pour BUT.
« En tant que client, je souhaite uploader des documents pour compléter
ma bibliothèque »

19. EXERCICE N°
3
PLANIFIEZ
… un sprint ! Ecrivez les user stories, faites un planning poker
et mettez en place le backlog en vous basant sur les deux
dernières semaines.
Postulat de départ : utiliser votre propre projet ou devenez américain et recréez Facebook,
Github ou Twitter.
1 heure

20. LA QUALITÉ
LOGICIELLE

21. LES OUTILS
« Les mains dans le cambouis »
http://www.lizardheadone.com/Engine.html

23. OUTILS MAITRISES
≠
OUTILS ADAPTES
≠
PRISE DE RISQUE
INCONSCIDEREE

24. EXERCICE N°
4
CONCEVEZ
… une plateforme d'emailing 3.0 en utilisant un maximum
d'outils et de librairies externes.
Postulat de départ : internet et coup de bigot à une proximité autorisé.
20 minutes

25. LES TESTS
« Finalement, on gagne du temps »
http://www.historyofinformation.com/narrative/restating-the-problem.php

26. TESTS UNITAIRES
class Request {
/* CODE */
public function getPost($name = null) {
if (null === $name) {
return $this->_post;
}
return array_key_exists($name, $this->_post)?$this->_post[$name]:null;
}
}
class RequestTest extends PHPUnit_Framework_TestCase {
/* CODE */
public function testGetPost()
{
$this->assertInternalType('array', $this->object->getPost());
$this->assertNull($this->object->getPost('test'));
$this->object->setPost(array('test' => 'value'));
$this->assertEquals('value', $this->object->getPost('test'));
$this->assertEquals(array('test' => 'value'), $this->object->getPost());
}
}

27. Behavior Driven Development

28. TESTS FONCTIONNELS

29. EXERCICE N°
5
TESTEZ
… fonctionnellement, en BDD puis unitairement une méthode
permettant d'envoyer un SMS à un utilisateur en cas de tweet
insultant à son égard.
Postulat de départ : seul le langage du Capitaine Haddock est autorisé.
15 minutes

30. LE VERSIONNING
« Retour vers le futur »
http://events.2hweb.net/scrapbook04su.html

31. CENTRALISE VS DISTRIBUE

33. EXERCICE N°
6
DEPLOYEZ
… votre application en ligne en utilisant les fonctionnalités
offertes par un gestionnaire de version.
Postulat de départ : pensez au crash ;)
5 minutes

34. ?
Contact : david.buros@noparking.net

35. EXTRA
BONUS
Pour les curieux

36. INTEGRATION
CONTINUE
« Errors, you shall not pass »
http://getsocialwithamy.com/wp-content/uploads/2012/02/Vermillion_River_Kootenay_National_Park_Canada.jpg

38. 1 : Commitez votre travail de la journée.
2 : Faite un build.
3 : Mergez vos branches.
4 : Mettez les sources en production en un clic.
5 : Allez vous reposer, demain on recommence.

39. LE DEVOP
« La tête dans les nuages »
http://adnm-grp.com/services/solutions-et-lhebergement.html

40. DEV + OP

41. Cloud Computing
IaaS - PaaS
Chef - Puppet
Capistrano