Les slides de la présentation de Christian, @LeMoussel, lors de #QueDuWeb 2017 à Deauville. Http://Cocon.Se

1. Quotidien d’un Cocon en
pleine expansion
Retour d’expérience & outils
27/28 Avril
2017
Christian LeMoussel
@LeMoussel
lemoussel@cocon.se

2. Mon crédo, si cela est technique et web,
cela m'intéresse
QUI SUIS­JE ?
Consultant Technique WEB
Développements spécifiques, …
Co-fondateur de Cocon.Se
@LeMoussel lemoussel@cocon.se http://stackoverflow.com/users/710955/lemoussel

3. Serveurs de Crawl
Alertes
Rapports
Recherches
Supervision
Infrastructure
Serveurs de Calcul
Paul
Benoit
Louis

4. Back office
Langage
PHP, PYTHON,
MySQL
Outil
Chrome Dev,
Visual Studio Code,
C9 IDE
Front office
Langage
CSS, JS, HTML
Protocole
JSON , Beanstalkd, GrayLog
Framework
Bootstrap,
Jquery, AdminLTE
Ecosystème

5. Travailler en équipe
Christian L.
Evreux
Sylvain D.
Grenoble
Christian M.
Bourges
Problèmes :
Autour du projet Cocon.se,
quels sont les outils pour travailler
efficacement en équipe ?
Besoins :
• Diffusion/Référencement d’information
• Gestion de version applicative
• Maintenabilité
• Visibilité de l’ensemble du projet pour tous
Cocon.Se :
Quelques 20 000 lignes de code
PHP, Python, HTML/JavaScript

6. Besoins :
• Beaucoup d’informations à gérer en même temps, « ne pas passer à coté » des
nouvelles informations.
• Présentation concise des informations.
Trello :
• Organisation et Gestion de l’information sous forme de tableau (board).
• Tableaux contiennent des listes disposant de cartes créées, éditées et
supprimées suivant l’activité du projet.
• Chaque liste représente un fil complet sur un sujet.
Trello propose un cadre souple, simple, visuel et ergonomique que l'on peut adapter à
sa convenance et partager avec une ou plusieurs personnes.
https://trello.com/

8. https://bitbucket.org/
Besoins :
• Comment travailler en équipe « sans se marcher sur les pieds » ?
• Partager un référentiel commun.
• Mise à jour du référentiel commun à tout moment.
• Sécurisation du code et historique des modifications.
Bitbucket:
• Gestionnaire de code source permettant de conserver les états d'historiques du
code à chaque étape du développement, et de travailler en équipe sur le même
code sans conflit.
Bitbucket est un service web d'hébergement de dépôts (forge) Git, maintenu par la
société Atlassian. Ce service permet de créer un nombre illimité de référentiels
(repositories) privés/publics (5 collaborateurs en gratuit, au-delà payant en fonction du
nombre de collaborateurs).

9. Production
Pré­Production
Plateforme de
développement
Dépôt Git
Git add
Git commit
Git push
Git pull
Git pull
1
2
3
• Git add : Ajout de contenu (modifications) pour la prochaine validation.
• Git commit : Intégration des modifications.
• Git push : Dépose des modifications sur le dépôt Git distant.
• Git pull : Récupère les modifications et fusionne automatiquement la branche distante dans la branche locale.

10. https://c9.io/
Besoins :
• Développement collaboratif.
• Monter rapidement des prototypes.
Cloud9 IDE:
• IDE en ligne et collaboratif qui permet de voir et modifier, en temps réel, le
code. Comme si vous étiez tous autour de l’ordinateur !
• Un espace de travail (workspace) qui est une machine virtuelle Linux/Ubuntu
à part entière permettant d’exploiter aussi bien du Node.js que du Python,
RUST ou un serveur Apache avec support de PHP / MySQL.
Cloud9 IDE est une offre Cloud de Développement-as-a-Service destinée à faciliter et
accélérer le développement, le test et le déploiement d’applications Web.

11. https://c9.io/

12. Intégration Continue
À chaque changement du code, vérifier que le résultat des modifications ne produit
pas de régression dans l'application.
Pré­requis :
• Code source partagé : BitBucket
• Intégration régulière des modifications : Git commit
• Développement de test unitaires : PHPUnit pour le langage PHP
https://www.phptesting.org/

13. Déploiement automatisé
Le déploiement d'applications en production est toujours
quelque chose de délicat.
Deployer (http://phpdeployment.org) est un outil,
développé en PHP, qui permet de réaliser le déploiement
automatisé, via une commande (code détaillant le processus
d’installation), afin de rendre une nouvelle version (quelque
soit le langage de développement) disponible sur
l’ensemble des serveurs.
Pour Cocon.Se, les nouvelles versions sont déployées
« manuellement » (à la demande), et pas automatiquement.
Toute personne de l’équipe peut déclencher une « Release »
afin de réaliser une mise en Pré­Production / Production,
en quelques clics.
Dépôt(s) Git

14. MERCI DE VOTRE ATTENTION
Des Questions ?
Stay tuned !