Vous avez mangé du html, du css, du php, du javascript… Techniquement vous êtes enfin incollables et prêts pour vous lancer dans de gros projets ! Fini le temps ou vous faisiez deux trois scripts qui tiennent sur trois/quatre pages, vous avez une grosse idée en tête et c’est le moment de se lancer !

Cet article est fait pour vous, ici deux trois petites choses sur la gestion de projet pour ne pas couler sous des tonnes de lignes de code imbuvable. Tout d’abord, pour une meilleure productivité je vous conseille vivement de travailler en local (wampserver est très bien fait pour : Télécharger Wampserver).

Instaurez vos propres règles

En créant votre site web, vous allez devoir créer tout un tas de variables, pour pouvoir retrouver un nom de variable facilement même si cela fait des semaines que vous n’avez pas toucher à ce projet, il faut que les noms de vos variables vous parlent. Pour cela il vous faut une certaine rigueur, la clé c’est la cohérence.

Si vous définissez une table Membre pour votre site, utilisez le mot membre partout, si d’une page à l’autre vous utilisez des variables du type $membre_id, ne faites pas de variables de type $user_prenom à coté mais membre_prenom. Si vous avez pour habitude de séparer vos noms de variable par un underscore, ne créez pas par la suite des variables du type $motMot ou la séparation se fait par une majuscule, utilisez la même nomenclature pour nommer vos fichiers. En bref, chaque développeur a sa propre façon de faire, faites ce qui vous est le plus confortable.

S’il doit y avoir une seule règle elle se résume en un mot :Cohérence.

Un cahier des charges

Quand on a une idée en tête on est tous impatient de la voir se former mais ne vous précipitez pas, commencez par faire un cahier des charges, listez toutes les fonctionnalités de votre site web de manière à avoir le recul nécessaire pour penser à la manière dont vous allez concevoir votre application.

Tout est ok, par où je commence ?

Un site web conventionnel a pour coeur une base de données, tout le php, javascript, html etc.. qui l’entoure n’est en fait que la manière dont vous allez manipuler votre base de données pour pouvoir l’exploiter de manière ergonomique. Alors l’important est de commencer par créer votre base de données, c’est la base comme son nom l’indique. Créez toutes les tables que vous pensez utiliser, et si possible, poussez-y un peu de contenu qui sera au moins utile pour tester vos scripts d’affichage.

Architecture de votre site web

Reste à savoir comment organiser le dossier de votre site web, chacun a ses propres habitudes. Néanmoins pensez juste quelques petites choses :

• Externalisez vos javascript du html et regroupez-les dans un dossier à part
• De même pour vos scripts php et vos css
• Organisez un dossier images (différenciez les images du templates de celles relatives au contenu du site, ou encore les icônes)

C’est parti !

C’est enfin le moment de se lancer dans le code, vous avez un joli dossier bien préparé, une base de données créée en local sous wamp server (ou autre).

Il n’y a pas si longtemps, à partir de ce moment-ci, je lançais Notepad++, un petit éditeur de texte léger qui a la particularité de coloriser mon code et je crée mes fichiers php, js etc.. à la volée. A coté de ça j’avais le navigateur web qui tournait sur la page phpmyadmin de Wampserver pour gérer ma base de données.

Mais Je vous conseille d’utiliser Netbeans si vous ne savez pas quel IDE choisir, ce logiciel vous donne en plus de la coloration syntaxique une vision globale de votre projet, vous avez sur la gauche la liste de tous vos fichiers, un outil de debuguage qui vous signale si vous avez fait une faute de frappe sur une fonction, une vue sur votre base de données, ainsi vous n’avez pas besoin de lancer phpmyadmin sur un exploreur à coté pour vous rappeler de quelle manière vous avez nommé une table, vous pouvez aussi modifier la structure d’une table ou la remplir. je ne vous conseille pas ce logiciel pour créer vos tables mais c’est toujours pratique si vous vous apercevez en codant que vous avez oublié une colonne à une table par exemple.

Une version de référence

Il m’arrive parfois de travailler sur mon ordinateur fixe et d’autre fois sur mon portable parce que je ne suis pas au même endroit.

Le problème étant que pour passer vos fichiers d’un ordinateur à un autre, c’est un peu la galère, faut s’envoyer des bouts de fichier par mail, ou clé usb, c’est chiant puis on peut vite ne plus s’y retrouver, et du coup c’est compliqué d’être à jour partout.

Etant donné que c’est particulièrement un problème pour moi du fait que je change beaucoup de poste, j’me suis trouvé une petite astuce en tombant sur une application toute bête par hasard.

L’astuce est d’utiliser dropbox.

Dropbox est un petit logiciel qui vous permet de créer un dossier sur votre ordinateur synchonisé à un compte en ligne, gratuit qui plus est !

Alors sur chacun de mes pc j’ai installé dropbox et je l’ai relié au même compte. Ce qui fait que j’ai un dossier commun sur chacun de mes pc sans qu’ils soient techniquement en réseau. En fait les fichiers que je mets dans le dossier dropbox sont tout simplement envoyés sur un serveur dropbox.

J’ai donc mis mes projet web à jour sur mon compte dropbox, et dès que je veux travailler dessus quel que soit le poste , je récupère mes fichiers sur le dossier dropbox, je fais mes modifications, je recette et si tout roule je les remets dans le dossier dropbox. Ainsi je suis toujours sûr de travailler sur les dernières versions de mes applications sans avoir à me poser trop de questions ni à devoir me lever de mon siège pour chercher une clé usb =D.

N ‘oubliez pas aussi d’exporter votre base de données dans votre dossier dropbox !

Une fois que votre projet est fini, vous n’avez plus qu’a envoyer votre dossier dropbox sur votre serveur en ligne. Lors de la mise à jour de votre site web par la suite, ne faites pas les modifications directement en ligne mais en local en mettant à jour votre dossier dropbox, ensuite seulement vous pouvez mettre cela en production, de manière à ne pas laisser de bug en production et de garder une version à jour chez vous.

Pour conclure

Rien d’extraordinaire dans ce billet, mais simplement une liste en vrac de petites choses à savoir pour réussir un gros projet sans trop s’y perdre. C’est une suite d’astuces que j’ai appris sur le tas petit à petit et suite à plus ou moins d’incidents. Il ne faut jamais oublier que l’environnement de travail et la bonne gestion de projet est ce qui rend un développeur productif et efficace.

Publié dans Inclassable