Depuis que nous avons fondé EVOCATIO Solutions technologiques nous avons pris une position d’experts dans le domaine des acrobaties techniques. C’est ce qu’on faisait dans nos journées de tout les jours avant.

Ce que j’avait pas pensé c’est que je trouverait de la demande pour des tâches pointues et qu’on devait  «faire marcher». L’une d’elles a été fait, justement, pour un ami que je respecte beaucoup: Geoffroi Garon.

Avec sa permission je publie ici comment j’ai réglé un petit bug Javascript. Rien d’extraordinaire mais quand même bête lorsqu’on s’attend a ce que de quoi fonctionne qu’on a acheté et qu’il ne fonctionne pas. Finalement, tout juste avant de publier ce billet, j’ai réalisé que, l’auteur (@ftolgacan) a réparé le code. Comme quoi j’ai pris trop de temps avant de le publier.

Il s’agit d’un thème adapté qui a été acheté sur ThemeForest pour un site fait en WordPress. Étant donné que le thème fourni n’a pas vraiment d’endroit ou proposer les correctifs j’ai décidé de publier sur mon blogue.

Je contribue en français mais ferai une courte explication de ma correction en anglais sur l’item précis sur le site officiel.

Explication du problème

Lorsqu’on achète un thème on s’attend a ce que tout fonctionne… même avec les choses qu’on peut configurer dans le paneau d’administration. D’un point de vue fonctionnel… ça fait du sens.

Dans le cas ici ce n’était PAS le cas.

Le problème était le suivant. Une fois avoir modifié une liste d’items dans le catalogue utilisant le panneau de contrôle de WordPress. Un mini javascript permettant d’avoir une liste avec Tabs (a droite).

Mais les autres «tab» ne fonctionnaient pas et on ne comprenait pas pourquoi.

C’est là que j’ai intervenu.

Explication de la problématique

Le problème consistait a la génération des attributs id=”" une liste UL avec un thème et où le thème allait chercher ses valeurs du id. Ci-bas on voit comment Firebug voit le code généré.

Les elements de la liste (LI) avec l'attribut id (exemple: id="technical_details") est générée à partir d'une variable qui utilise le input d'un usager (dans le panneau de contrôle WordPress) qui n'a aucune idée de l'incidence possible de son entrée (espaces, accents, etc).

Cet exemple de code (ci-haut) est fonctionnel. Mais dans le cas du client, les <div id="" />  de la liste <div id="content" /> avaient des noms qui provenaient du nom de l’item (je ne peut illustrer où ils prenaient la valeur… je n’ai plus accès pour faire une capture d’écran).

La solution au problème

Au lieu d’utiliser un input de l’usager comme id d’une liste. Utiliser le fait qu’on sait que le <div id="tabs" /> a deux enfants… <div class="product_tabs" /> (avec une liste ordonnée… pour les boutons qui seront transformés en «tab») et <div id="content" /> (qui a une liste dans le même ordre que “product_tabs”). J’ai donc utilisé ce concept.

Le code

Comme c’est étrange. J’ai écrit ce billet que j’ai commencé en Mai lorsque j’ai eu a faire le petit travail. Depuis le temps, le développeur a réglé le problème. Ce que vous voyez de commenté (précédé par // et en vert) dans “Le code original” est ce qui était utilisé en jQuery.

J’ai donc trop pris de temps avant de publier ma solution

Le code original

Près de la ligne 107 dans ce fichier.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

//product tabs
	$(document).ready(function(){
			var tabs= $("#tabs ul li");
			var content = $("#tabs #content");
			var kids = content.children();
			kids.attr("style","display:none;");
			$("#tabs #content div:first").attr("style","display:block;");
			tabs.click(
				function(){
//					var show=$(this).attr("title");
					var show=$("#tabs ul li").index(this);
 
					//change clicked tab class
					$("#tabs ul li").removeClass("active");
					$(this).addClass("active");
					//view clicked tab content
					kids.attr("style","display:none;");
					content.slideUp(400);
					$(function(){
						content.slideUp(400);
//						$("#"+show+"").attr("style","display:block;");
						$("#tabs #content div:eq("+show+")").attr("style","display:block;");
						content.slideDown(400);
					});
				}
			);
	});

Le code tel qu’il est aujourd’hui a la ligne 10 et ligne 21 (qui est commenté mais qui n’était pas comme ça avant) illustre qu’il utilisait l’attribut title.

Le code remplacé par

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

//product tabs
	$(document).ready(function(){
			var tabs= $("#tabs ul li");
			var content = $("#tabs #content");
			var kids = content.children();
			kids.attr("style","display:none;");
			$("#tabs #content div:first").attr("style","display:block;");
			tabs.click(
				function(){
					var show=$("#tabs ul li").index(this);	
					//change clicked tab class
					$("#tabs ul li").removeClass("active");
					$(this).addClass("active");
					//view clicked tab content
					kids.attr("style","display:none;");
					content.slideUp(400);
					$(function(){
						content.slideUp(400);
						$("#tabs #content div:eq("+show+")").attr("style","display:block;");
						content.slideDown(400);
					});
				}
			);
	});

Ici c’est le code que j’avait donné a Geoffroi le 31 mai dernier.

Finalement

J’ai pris trop de temps pour publier mon billet de solution et il a été corrigé. Tant mieux!

Ce micro-site était une manière d’afficher aux citoyens de la Ville de Sherbrooke les ressources disponibles (en 2006) pour participer aux précautions relatives aux matières résiduelles domestiques et commerciales du territoire. Le site actuel est maintenant partie intégrante du portail officiel.

Le travail avait été donné a Tatou communication visuelle de s’occuper du projet et Inexis Solution Web Inc était l’exécutant qui devait intégrer les maquettes graphiques pour les transformer en documents HTML.

A propos du projet

Le but de ce site était de faire une version web du dépliant qui a circulé dans la ville pour faire savoir aux citoyens les mesures rendues disponibles par la ville.

Le site n’a pas duré très longtemps car un an et demi plus tard, environ, la ville a fait sa mise a jour majeure pour la version actuelle et a inclus tout ses micro-sites.

Captures d’écrans

Il s’agit d’un plugin que j’ai fait, en PHP 4 il y a deux ans pour MODx 0.9.6.3, pour un site web et je pense qu’il vaut la peine que je partage le code avec la communauté.

Le plugin sert a entourer des mots définis dans un fichier CSV (séparé par des virgules) dans le contenu qui est retourné par le CMS.

LA SITUATION

Lorsque je travaillait sur ce site web, mon employeur et mon collègue nous étions donné comme objectif de paufiner l’Ergonomie et l’Accessibilité du contenu. Ce qui est dommage c’est qu’il n’a jamais été évalué par AccessibilitéWeb. J’ai pourtant reçu la formation pour évaluer les sites… mais je préfère, personnellement, programmer des applications.

LES CRITÈRES QUE CE PLUGIN REMPLIT

Lors de la réalisation du site je n’ai pas noté les points d’évaluation du WCAG 1.0 que cet utilitaire remplit, mais en gros, d’un point de vue utilisabilité :

• L’édimestre n’a pas a écrire à la main les balises ABBR, DFN, et ACRONYM, le plugin le fait tout seul;
• La liste est dans un fichier statique, ce qui rend facile, pour l’édimestre, d’ajouter de nouvelles définitions;
• Pouvoir automatiser le remplacement des abréviations dans des balises valides;

Cette liste ne parle pas des critères d’évaluations mais si vous voulez en savoir plus au sujet de l’Accessibilité; je vous recommande chaudement de visiter la «Base de conaissances» de la fondation AccessibilitéWeb.org qui a fait un IMMENSE EFFORT de vulgariation et de collaboration a l’élaboration du WCAG 2.0 et de sa version française.

EXEMPLE

Plutôt que d’écrire des paragraphes pour expliquer comment fonctionne le plugin, je vous propose de voir par un exemple

Le document CSV a plusieurs lignes similaires à…

1

fr;dfn;FAQ;Foire Aux Questions

Avec le contenu de la page il remplacera les occurences dans le document HTML généré (même après la cache):

1

(...) venez lire <strong>la FAQ</strong> (...)

En le transformant ainsi…

1

(...) venez lire <strong>la <dfn title="Foire Aux Questions">FAQ</dfn></strong> (...)

Le plugin est configuré pour faire cette transformation pour tout les mots définis dans le CSV au moment du rendu de la page chez le client (trigger MODx “OnWebPagePrerender“) ce qui évite d’avoir des définitions empilés.

UTILISER LE PLUGIN

On ne peut s’attendre à simplement installer le plugin et que tout fonctionne. Voici les prérequis pour pouvoir utiliser le plugin

• Au niveau 0 (enfant de la racine dans MODx) il y ait un répertoire servant à spécifier la langue de ses enfants.
• ContentAbbrGenerator (le plugin en question)
  Un plugin de base qui était fourni avec la version 0.9.6.x qui fournit le numéro ID de la page parent absolu
• Il faut 2 Snippet de code (fonctions PHP spécifique a MODx) pour utiliser mon plugin
  • Lang
    Sert, justement a aller chercher le ID de la page ci-haut mentionnée.
  • UltimateParent
    Un plugin de base qui était fourni avec la version 0.9.6.x qui fournit le numéro ID de la page parent absolu
• abbreviations.txt
  Le fichier CSV qui contient les valeurs pour le remplacement des balises. Le contenu de ce fichier peut être une page dans MODx (si mod_rewrite est activé) mais il doit être définitivement être disponible à l’adresse fournie dans le Snippet ContentAbbrGenerator définie par la variable de plugin “cagPluginAttrOverrideFileLoc“

TÉLÉCHARGER ET INSTALLER

Suivre les instructions dans chaque fichier de l’Archive

SOURCES ET CRÉDITS

J’ai pris soin dans le code de laisser les notes des auteurs qui m’ont inspiré avec les pages qui parlent de ce que j’ai utilisé pour produire le plugin. Je n’ai rien inventé en soi, j’ai simplement produit un plugin pour remplir le besoin que j’avait

NOTE

Vous avez le droit et la liberté d’utiliser le code que je rend disponible pour téléchargement car je n’ai pas mise sous licence. Considérez-le comme un don

A VOS COMMENTAIRES…

J’ai déjà considéré commencer a modifier ce plugin pour le rendre fonctionnel dans WordPress mais j’ai d’autres priorités. Alors, si vous avez un intérêt à ce que je produise un plugin pour WordPress ou MODx (pour la version courrante) laissez moi un commentaire!

Je travaillait sur un mandat récemment pour transférer plusieurs dizaines de sites web vers une nouvelle infrastructure. Dans ce billet j’expliquerai le processus que j’ai utilisé pour en finir par produire un script bash qui pourrait vous être utile.

A propos du projet

Considérant que certains sites avaient plus d’une base de donnée il était hors de question de faire a bras les lignes mysqldump, ssh (en fait le transfert se fait en compressant le fichier et le copiant via une redirection gzip avec cat), mysql pour, en ordre, dumper la base de donnée, la transférer, et la restaurer…. sans oublier les create users pour chaque.

Je me suis dit: faisons-en un script!

Les prérequis

Nous voulions…

• Faciliter le travail car on savait qu’il faudrait souvent re-re-transférer chacune des bases de données;
  Car nous devions faire fonctionner le site sur le nouveau serveur avant de transférer les DNS.
• Entrer une commande minimale et en conserver les configurations;
• Que le nouveau serveur réalise la tâche a lui-seul, sans prérequis sur le serveur distant;
• Utiliser les commandes minimales et pouvoir réutiliser le scripts dans ma propre librairie de script bash;
• Éviter de répéter, parceque c’est «con»

Ce que le script fait

1. Transférer la base de donnée

1

$ migratemysql transfer

1. Lire le fichier de configuration migratemysql.conf dans le dossier courrant (ou en créer un)
2. Se connecter en SSH
3. Lancer mysqldump en conservant le tmp paramétrable (éviter de remplir le disque)
4. Compresser le .sql en gzip (.sql.gz)
5. Transférer via scp

2. Importer dans le serveur local

1

$ migratemysql import

1. Lire le fichier de configuration migratemysql.conf dans le dossier courrant
2. Véfirier si le .sql.gz existe…
   
   1. oui: le décompresser
      1. si le .sql existe déja, écrire par dessus? (attente d’une réponse a l’usager)
         1. oui: overwrite, continuer…
         2. non: DIE!
   2. non: continuer
3. Véfirier si le .sql existe…
   1. oui: continuer
   2. non: DIE!
4. Se connecter au serveur précisé, si erreur… DIE!
5. Véfirier si la database existe sur le serveur
   1. oui…
      1. Retenir de ne pas effacer le compte de base de donnée (PRIVILEGES) (variable “OVERRIDEUSERCREATION“)
      2. Effacer pour ré-insérer? (attente d’une réponse a l’usager)
      3. Créer les drop statements? (oui ou non… une switch “ALT_PURGE” dans le fichier de config)
         1. oui: générer le script, puis continuer
         2. non: continuer (utile si le fichier SQL a les DROP statements)
   2. non: continuer…
6. (si “OVERRIDEUSERCREATION” existe, ne pas faire) Créer les PRIVILEGES spécifique pour la table a créer
7. Exécuter le .sql
8. Afficher a l’écran un snippet de code PHP pour le fichier de config (format WordPress)

Le script

Pour le télécharger

Installer

1. Télécharger

   1	renoirb@ubuntu:~$ wget http://renoirboulanger.com/wp-content/uploads/scripts/migratemysql.gz

2. Extraire

   1	renoirb@ubuntu:~$ gunzip migratemysql.gz

3. Déplacer dans un dossier du PATH

   1 2	renoirb@ubuntu:~$ echo $PATH /usr/local/bin:/usr/bin:/bin:/usr/games:/home/renoirb/scripts:/home/renoirb/scripts

   Note Personnellement, j’ai mon propre dossier scripts dans mon home, mais c’est à vous de voir

Sources

Le script a été fait en collaboration avec Etienne Lachance qui est nettement plus rapide que moi dans le scripting BASH

Il s’agit d’une réalisation que j’ai effectuée en deux semaines pour RED L’agence. L’idée vient de François Sauvé lors d’une rencontre pour un autre projet. Il m’a dit: «J’ai une idée de fou. Je ne sais pas si on pourrait faire ça rapidement mais…».

C’est le genre de situation que j’aime!  Une question, la possibilité de me laisser aller, et hop!

RED voulait faire offrir un cadeau à chacun de ses clients privilégiés d’une façon hors de l’ordinaire. Les participants étaient invités a visionner leur cadeau par une petite carte de noël reçue par la poste (devant, dos) avec une adresse web et un code.

Le concept graphique était, selon moi, bien rendu. Un club échangiste avec les lumières tamisés, rien d’offensant mais tellement bien choisi pour le jeu.

Le site web devait permettre aux participants de voir leur cadeau et de pouvoir «Participer au club échangiste» en volant le cadeau d’un autre participant. Chaque participant qui se faisait voler son cadeau reçevait un courriel qui lui annonçait qu’il s’était fait voler et qu’il pouvait aller le récupérer.

Les échanges pouvaient avoir lieu jusqu’au 16 décembre 2009 à 23:59:59. Ensuite une page affichait pour dire que l’échange était terminé.

Le lendemain même, RED a préparé tout les cadeaux et les a envoyés avec une petite carte postale (devant, dos) et partait les cadeaux de chaque récipiendaire vers leur résidence.

PARTAGE DES TÂCHES

Je n’ai, évidemment, pas tout fait ça tout seul. En gros, je me suis occupé de l’application tandis que RED a fait tout le reste.

RED L’agence

RED à fait une grosse partie du travail dans ce projet: Le graphisme et le concept de tout le projet, l’intégration HTML, le Javascript, les deux cartes, les photos de chaque cadeaux, chaque description

Ma participation

J’ai planifié, rédigé les besoins techniques, les cas d’utilisations et programmé en utilisant symfony framework (v1.2 en PHP). Stéphan Champagne m’a accompagné pour ce qui concerne la normalisation de la base de donnée et les controleurs. Grâce à lui j’ai pu produire dans les temps une grande charge de travail a moi seul.

Ce projet arrivait dans un bon timing car j’était dans une passe où je ne voulait que coder pour passer ma certification ZCE (que je n’ai toujours pas). Je cherchait des petits projets pour jouer avec des frameworks PHP. Je crois que ce projet fut une réussite.

AU FINAL

Il y a eu plus d’une centaine d’échanges et beaucoup de plaisir pour les participants. J’ai su, ce week-end, que le projet club échangiste est en nomination au 17^e concours annuel «Le Grenier d’Or» pour le monde des communications.

Mise à jour du lendemain des Grenier d’Or: Durant la soirée, le projet a été mentionné lauréat plusieurs fois. Le projet a remporté un Certificat d’Excellence dans la catégorie JEU ET INTERACTIVITÉ.

PHOTOS

Il s’agit d’une de mes dernières réalisation avant un an et demi sans produire de sites web sous la tutelle de Inexis Solution web Inc.

Avec le recul, j’ai réalisé que ce site m’a appris une bonne leçon: Savoir les conditions et les deal-breakers possibles avant de commencer a produire quoi que ce soit!. C’est pour cette raison que j’avait arrêté Inexis Solution web: Je ne pouvait plus travailler seul.

Une histoire pas toujours drôle

Le projet s’est jamais publié parce que j’ai eu un mal-entendu concernant la fin du mandat et que j’avait pas su que son fournisseur de transaction de carte de crédit l’obligeait a utiliser son logiciel de chariot d’achat. D’où la leçon sur les conditions.

Étant donné que j’avait fait 90% du travail et que la relation n’allait pas très bien avec le client j’ai décidé de prendre sur moi et d’arrêter le travail.

Par la suite j’ai travaillé chez Évolubiz car je n’avait plus les moyens de faire vivre Inexis Solution web Inc. J’ai donc décidé à ce moment d’arrêter de travailler directement avec mes clients sans avoir de coéquipiers dans le projet.

Aujourd’hui

Lorsque je l’ai réinstallée, hier. J’ai eu mon sourire en coin en réalisant comment j’avait déjà cerné les outils du web2.0 de 2005.

• Lien Google Map
• Génération de XML dans le format Froogle (Google Product Search de l’époque)
• Carte électronique format VCF (pour les carnets d’adresses)

C’est quand même surprenant que je n’ai pas commencé à ce moment là a étudier le PHP en orienté-objet avec PHP 5 qui était sorti un an avant. Car même si la fin du projet m’a déçu, j’ai définitivement eu beaucoup de plaisir de le programmer.

Le site

J’avait utilisé GéraniumCMS et j’y avait crée pour ce client particulier plusieurs modules, dont:

• Chariot d’achat
• Catalogue des produits
• Génération de XML des pages du catalogue
• Génération de XML pour lister son inventaire
• Zone dernière nouvelle

Le graphisme avait été fait par un certain Jean Légaré, un graphiste que je ne retrouve plus aujourd’hui sur le web.

REMARQUE: Si je me trompe dans le crédit et que tu reconnaît ton travail, fait moi signe, je corrigerai!

Les captures d’écran

Finalement

J’ai eu beaucoup de plaisir a réaliser ce mandat et je suis content d’être sur la voie que je suis. C’est avec des échecs comme celui-là que j’ai appris et qui m’a permis d’évoluer.

Il s’agit d’un site que j’ai fait en 2004 qui provient du graphisme produit par Tatou Communication visuelle. Je n’avait pas dans mon dossier d’archives tout les documents ni de captures d’écran car à l’époque je ne faisait pas attention a ce genre de truc.

J’ai donc passé les deux dernières heures a fouiller et réinstaller le site archivé sur un DVD datant de 2005 pour revoir ce dont avait d’lair le site. Dans la Gallerie d’images plus bas.

A chaque fois que je fouille dans mes archives je tombe sur des surprises. Des vieux dossiers ou j’avait des backup de base de donnée MySQL et de «home directories» de serveur. J’était pas très organisé coté archives… mais au moins j’ai pu trouver!

Mon implication

Si on ne considère pas la direction artistique, le graphisme, et la gestion avec le client. J’ai tout fait le reste. Sur ce site j’avait même intégré un engin de recherche ht://dig.

Je n’ai pas pris de capture du résultat de recherche car je n’avait pas archivé tout de l’engin et le site brisait lorsque je faisait une recherche.

Voici quelques fonctions que j’ai intégré

• GéraniumCMS v2.5
  Maintenant c’est une version extraite en html statique qui est en ligne alors il est impossible de voir toute trace de son usage.
• Intégragion de Htdig et de la librairie HtSearch
  Cette fonction qui Indexait les pages et on pouvait y chercher à l’intérieur du site sans utiliser un engin de recherche externe.
• Intégragion html et Javascript des fonctions comme un Scroll Javascript.
  Le concept original laissait une hauteur de document fixe.

Gallerie d’images

Comme j’en ai parlé dans ce billet j’ai eu plusieurs rôles dans la réalisation du logiciel beebox. L’un d’eux était de m’occuper de l’image du produit.

Pour résumer l’usage du produit je vous laisser aller visiter le site web (beebox.ca) mais pour ce qui me concerne j’ai conçu et entretenu l’image du produit jusqu’en 2009.

Mon implication

Au début le produit s’appelait TSCM pour «Software Configuration Management» et il est fonctionnel et utilisé depuis 2005 (environ) chez plusieurs clients. J’ai donc:

• Produit plusieurs schémas de vulgarisation
• Fait des fonds d’écran
• Fait le logo de TSCM et de Beebox
• J’ai eu de l’aide de Quatorze Juillet Design pour la direction artistique du début pour le site

Sites web

Il y a eu trois versions du site. Une qui a été entretenue mais jamais été mise en ligne durant 2007. Ensuite lorsque nous avons travaillé le nom et l’image nous avons publié la version avec le nom Beebox sous GéraniumCMS (je n’ai pas de captures, malheureusement).

Images

Voici quelques captures. Certaines d’entre-elles proviennent du site. Je n’entretiens plus le site et je ne peut garantir qu’ils vont conserver mon travail c’est pour ça que je les partage ici avec vous

Dans la lignée de vouloir apporter a mon blogue l’accumulation de mes réalisations j’ai pensé vous montrer mon travail avec le Musé des Beaux Arts de Sherbrooke. J’ai fait ce site en 2005. Encore ici je n’ai pas conservé de rapport sur la durée du travail que j’ai investi dans ce mandat car à l’époque je ne faisait pas de suivi là dessus.

Mon implication

Comme pour la majorité des mandats que j’ai réalisé avec Tatou Communication visuelle elles me fournissaient les planches Photoshop (PSD) et je m’occupait de m’assurer que le HTML soit identique.

Ce site est l’un de mes premiers que j’ai utilisé avec le «branding» GéraniumCMS. Car avant je n’avait pas de nom en tant que tel et la suite de fonctions de base a été développée pour ce client et le projet Sherbrooke Ville étudiante (NOTE: post a venir).

Gallerie de captures

Rapports de séquence

J’ai eu la chance de travailler sur l’interface d’un logiciel fait en Java avec Struts.

A quoi sert le logiciel

Ce logiciel sert pour automatiser les déploiements des versions selon l’idéologie du Développement en mode «Intégration continue». Bref il est utilisé pour créer des suites d’actions programmables qui peuvent être répétées au besoin.

Histoire brève

Au début le logiciel s’appelait TSCM et était utilisé chez quelques clients dont Téléfilm Canada et la Banque Nationale du Canada dans un département que je ne mentionnerai pas. Dans le but de le rendre plus grand public nous avons changé le nom et remonté l’image.

Mon implication

Aujourd’hui appelé beebox. Mon travail consistait à monter l’interface utilisateur et guider l’équipe développement à monter les librairies du back end pour générer le front-end.

Tout ce qui touchait le design du produit, l’image, le site, l’interface utilisateur, et son intégration html.

Description d'un module

En gros j’ai collaboré avec le créateur du produit pour donner une interface plus actuelle.

• Monté maquettes de présentation du logiciel dans Photoshop CS2;
• Produit les maquettes statiques de l’interface utilisateur avec MooTools et du HTML;
• Monté les maquettes et le découpage;
• Réalisé l’intégration HTML avec les une librairie custom de tags Struts que j’ai participé a la conception;
• Fait la sélection des icônes;
• Travaillé et découpé les icônes;
• Produit le site web (billet à venir…);
• Programmé les behaviors en Javascript sous MooTools;

Sécurité des modules

Pour avoir plus de détails a propos du produit, allez-voir le site web.

Le logiciel est distribué sous licence Creative Commons “paternité” qui demande uniquement de mentionner sur le site de l’entreprise et des personnes qui l’utilisent d’afficher leur utilisation. (Je n’ai pas étudié les termes, allez voir la licence sur le site web.)

Personnellement, je compte développer des suites de scripts qui seraient utilisés pour administrer des projets en PHP avec cet outil. Je n’ai rien de publiable pour le moment.

Voir la suite de mon Portfolio.