Tag: Programmation

Comme il m'arrive d'avoir du temps libre pendant mon stage, j'en profite pour lire de nombreux articles sur la programmation objet en PHP, la conception de sites, framework ou applications web.

Je vais donc vous faire une petite liste des plus intéressants. Beaucoup d'articles datent de 2004 ou même avant. La plupart sont en PHP 4, il faut donc savoir ce que l'on peut maintenant faire de mieux grâce à PHP 5 et son nouveau modèle objet.

Pour commencer, un petit tour sur la doc officielle et son paragraphe sur le langage objet en PHP 5. La lecture complète de ce paragraphe est plus qu'instructive, et changera sans doute votre vision des objets PHP.
La partie sur la surchage est très intéressantes, pour pouvoir faire des choses du genre $objet->variable = 'chouette';, où variable n'existe pas réellement en tant que propriétés de l'objet. La même chose est possible avec les appels de fonctions.
La petite page sur Réflexion et ses différentes classes/interfaces est tout aussi intéressante pour qui veut faire des instanciations et appels de méthodes dynamiquement et proprement.
Enfin, la minuscule page sur les masques introduit ce qui suit.

Qu'est-ce qu'un masque (ou design pattern ou patron de conception) ?
Wikipédia nous répond très simplement :

Un patron de conception est un concept destiné à résoudre les problèmes récurrents suivant le paradigme objet.

En lisant cet article, une fièvre studieuse est montée en moi pour lire tous les articles sur chaque patron de conception. Certains sont très peu explicites, il faut donc se creuser un peu la tête pour en voir l'application ou l'implémentation quand elle n'est pas donnée. Parfois, il est plus facile de lire le code et le comprendre, puis de remonter à la description pour comprendre à quoi cela sert vraiment. L'idée ici n'est pas d'utiliser tous ces patrons de conception, mais c'est d'en connaître leur existence et leur fonctionnement. Plus tard, si vous vous retrouver face à un problème susceptible d'être résolu par l'un de ces design pattern vous vous en souviendrez et vous pourrez l'appliquer rapidement, puisque vous l'aurez compris.

Ensuite, je me suis mis en tête de lire sur les différentes implémentations de ces patrons de conception PHP. C'est là que les vieux articles entre en jeux.
Le plus important est PHP Patterns, dont le dernier article date de 2005, mais dont la pertinence des articles et les exemples simples en font selon moi une référence. La partie la plus intéressante se trouve dans la partie design. Lisez-donc un maximum d'article en gardant à l'esprit que c'est du PHP4, et qu'il faudra donc repasser ça à la sauce PHP 5 à grands coups d'abstract, interfaces et autres...

Et puis avec ces lectures, j'atteri sur ce post à propos de Smarty et des moteurs de templates, de 2001 mais qui garde tout son sens encore maintenant. La plupart des arguments sont pertinents, quelques-uns un peu moins... Et puis là où ça devient encore plus intéressant, au délà de la discussion, c'est sur cette page où la personne donne un exemple utlra-léger mais ultra-fonctionnel d'un moteur de templates.

Et puis d'autres liens, donnés en vrac :

• Nombreux articles d'un type qui développe un framework open source
• Présentation du MVC (Wikipédia)
• Rapide présentation du MVP

Enfin, une liste de framework, tous ayant des points de vues différents et des philosophies différentes. Les regarder et se plonger un peu dans le code de chacun est long est fastidieux, mais croyez-moi, très instructif !

• CakePHP, souvent à comparer à Ruby on rails
• Sympfony Réaliser par l'entreprise française Sensio Labs
• Zend Framework
• onPHP et une ancienne doc Absolument gigantesque d'un point de vue objet, et même trop...
• Copix Français, très actif et utilisé !
• Jelix Français aussi, débuter par un ancien développeur de Copix

Et plein d'autres sur Wikipédia fr et un joli comparatif sur la version anglaise.

La branche des développeurs d'IBM a posté un premier billet sur un comparatif détaillé des 3 premiers cités ci-dessus, à suivre.

Voilà, bonne lecture à tous, et si vous en avez d'autres sous le coude, n'hésitez pas à les mettre en commentaires ici.

Un petit tour sur le site le site de PhpMyVisites dont je vous ai déjà parlé et je découvre qu'ils ont une beta sous le coude qui promet. En effet, la prochaine version (2.3) incluera une carte de chaleur de vos pages.

Mais qu'est-ce qu'une carte de chaleur ?
C'est tout simplement votre page, sur laquelle on va ajouter un calque pour vous montrer où les utilisateurs ont cliqué. Bien sûr, les endroits les plus cliqués auront des couleurs plus fortes afin de bien faire la différence, à la façon des lunettes qui montre la présence de chaleur dans les James Bond et autres du genre...
Cette nouvelle fonctionnalité utilise en fait ClikHeat Labsmedia, un autre projet open source sur sourceforge.
Exemple du site :

Bon super, c'est tout ?

Non ! la suite devient un peu plus intéressante. En effet, cette fonctionnalité est sympa, mais sans doute pas celle que vous voulez. PhpMyVisites à penser à vous et vous écoute par le biais de feedback2.0. Après une brève inscription, vous pourrez proposer votre propre amélioration pour PhpMyVisites. Puis les gens vont voter pour celle-ci et si elle est beaucoup demander (et réalisable), elle sera sûrement implantée dans la prochaine version. Et bien sûr, vous pouvez voter pour les autres souhaits. A noter qu'il est demander de rédiger dans la langue de Shakespeare.

Alors à vos souris pour voter, et vos claviers si vous avez d'autres idées !

Enfin, en descendant tout en bas de la page d'accueil, je découvre une ligne, toute petite, mais très intéressante :

Piwik: le futur de phpMyVisites, actuellement en plein developpement (pour plus d'informations contactez nous!)

Un clic sur le lien, et en effet, c'est vraiment en plein développement ! La page n'est pas très agréable à l'oeil, mais l'intérêt n'est pas là. Un petit tour sur la démonstration en ligne pour se rendre compte des améliorations :

• Tout les changements de page se font en Ajax (avec le fabuleux jQuery) : un gain de temps énorme.
• Les graphiques sont maintenant en Flash pour afficher plus d'infos au survol. Encore pas mal de bugs d'affichages à ce niveau là
• Ces graphiques affiches le code HTML pour l'inclure directement dans vos pages et ainsi montrer vos stats en live. Les inclure dans votre netvibes sera donc facile !
• Un nouvel affichage apparaît : par nuage de tags (tagcloud). Intéressant pour les mots-clé des moteurs de recherche.
• Export au format XML, JSON, CSV et PHP de toutes les données. Simple affichage du contenu pour le moment, sans doute un téléchargement proposé par la suite.

Vivement que cette version voit le jour. Je vais envoyer un mail pour voir s'ils ont besoin de développeur PHP, on verra bien ce que ça peut donner !

Parfois je regarde si les logiciels que j'utilise et qui n'ont pas de mise à jours automatiques sont sortis dans une nouvelle version.

Ce fut le cas la semaine dernière pour Filezilla et bonne surprise quand j'arrive sur le site : il a changé, avec un nouveau logo. Direction la partie téléchargement et ho, magique, ils ont sorti la version 3 !

Je m'empresse de la télécharger. Je l'installe et je lance : A première vue, pas beaucoup de changements, si ce n'est une impression de légéreté par rapport à la version 2.2.32 que j'utilise quotidiennement. Un petit tour dans les options. Oups, pas mal de fonctionnalités ont disparus apparemment, en laissant apparaître quelques nouvelles.

Direction le gestionnaire de sites, et là, bonne surprise, les mêmes options avec quelques minimes ajouts, et la configuration avancé se fait par onglet et non plus dans une nouvelle fenêtre, ce qui est plus pratique à l'utilisation.

Pour tester tout ça, il va falloir que je transfert mes settings de sites actuels. Il est inconcevable pour moi de tout retaper à la main. Un petit tour sur google et le forum de filezilla pour trouver qu'il suffit simplement d'importer le filezilla.xml de l'ancienne version. Parfait. Je teste, et alerte : En raison de différences dans le format des données, seuls les paramètres host, port, utilisateur et mot de passe seront importés. Oups, ça me plaît pas ça. En effet, pour quasiment tous les sites j'ai paramétrer le dossier local et distant pour arriver directement, certains doivent utiliser le PASV Mode etc...

Bon je teste quand même. Ca marche, c'est joli et toujours cette sensation de gain en poids. je double-clique sur un fichier, pensant l'éditer comme configurer dans mon ancienne version. Le fichier part en téléchargement. Ah bon ok, allons paramétrer ça dans la configuration. Je cherche, je cherche et je ne trouve pas. Cette fonctionnalité n'est tout simplement pas implémenter dans cette version pour le moment. Mais elle est très demandé sur le forum, donc elle ne devrait pas tardé. Parmi les changements dans l'interface, l'affichage des listes d'attentes a été amélioré. On a maintenant 3 onglets en bas : Fichiers dans la file d'attente, Transferts échoués et Transferts réussis. Le dernier est donc tout nouveau puisqu'avant on avait aucune historisation des fichiers envoyés. un bon point. Par contre, pour les échoués, il faut penser à regarder tout en bas afin de voir si le nombre de fichiers échoués est apparu, affiché l'onglet, clique-droit sur les fichiers pour les remettre dans la file d'attente, afficher l'onglet des fichiers dans la file d'attent et traité cette file d'attente. Un peu plus laborieux au début, mais ça sera sans doute plus aisé après un temps d'adaptation.

Et puis ce problème de configuration m'embête vraiment. Je cherche sur google ou le forum de filezilla. Je trouve un script en PHP qui à première vue ne fait pas les changements de versions, il se charge juste de réécrire les données dans le bon format XML, sans trop chercher plus loin. Qu'à cela ne tienne, je ferai le mien.

Pour le faire, j'ai tout simplement ouvert les fichiers de configuration de chaque version dans mon éditeur de texte favori, Notepad++. Je change un paramètre dans la 2.2.32, le même changement dans la version 3 (ou l'équivalent) et je paramètre mon script PHP pour prendre en compte ces changements. J'ai un peu galéré pour les mots de passe. En effet, dans la version 2, ils sont crypté. Crypter est un bien grand mot, puisque le cryptage n'est pas propre à chaque ordinateur, mais gérer en dur dans la programmation de Filezilla, avec une clé, FILEZILLA1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ. Cette clé est donc connue de tous, puisque Filezilla est Open source.

Qu'en est-il dans le version 3 ? Les mots de passe ne sont tout simplement pas crypté. Après réflexion, c'est vrai que ce n'est pas vraiment utile puisque déjà dans la version 2, ils sont décryptables très facilement. Petite recherche d'une fonction de décryptage. J'en trouverai sur le forum en VB .Net et Javascript, mais pas en PHP. Ok, j'utiliserai la version JavaScript pour la porter en PHP, et tout ce passera bien.

Après une heure environ de recherche tout doucement pour être sûr d'avoir les bons transferts, le script de transfert des settings est en place. Petit message sur le forum de Filezilla pour le proposer à qui le veut.

Bien sûr, les sources PHP5 sont disponibles.

En résumé : Vous pouvez tester cette dernière version de Filezilla mais vous devrez sans doute attendre de faire un passage définitif vers cette version. Je suis revenu à l'heure actuelle sur la version 2, surveillant bien tranquillement le RSS et le forum du projet.

Comme j'ai oublié mes photos de ce week-end (à Beverly Hills), un petit poste programmation.

Je m'amuse avec Scriptaculous pour faire des retours d'informations intéressants aux utilisateurs. Durant mes tests, je me suis rendu compte que les callback que je donnai à l'effet Shake n'était jamais exécuter.

Un petit tour dans le fichier effects.js et je me rends compte que rien n'est fait pour le faire. En effet, l'effet Shake est simplement une combinaison de 6 effets Move les uns après les autres, dans des sens différents. Et les options de callback données à l'effet Shake ne sont pas retranscrit à chacun d'entre eux.

Qu'à cela ne tienne, voici le bout de code permettant de palier à ça (dont la modification de ce fameux effet) :

Effect.combinedOptions = function(options) {	
	var ret = {
		start:{},
		update:{},
		finish:{}
	};
	
	if (options.beforeStart)
		Object.extend(ret.start,{'beforeStart':options.beforeStart});
	
	if (options.beforeUpdate) {
		Object.extend(ret.start,{'beforeUpdate':options.beforeUpdate});
		Object.extend(ret.update,{'beforeUpdate':options.beforeUpdate});
		Object.extend(ret.finish,{'beforeUpdate':options.beforeUpdate});
	}
	if (options.afterUpdate) {
		Object.extend(ret.start,{'afterUpdate':options.afterUpdate});
		Object.extend(ret.update,{'afterUpdate':options.afterUpdate});
		Object.extend(ret.finish,{'afterUpdate':options.afterUpdate});
	}
	
	if (options.afterFinish)
		Object.extend(ret.finish,{'afterFinish':options.afterFinish});
	
	return ret;
}

Effect.Shake = function(element) {
  element = $(element);
  var options = Effect.combinedOptions(arguments[1] || {});
  var oldStyle = {
    top: element.getStyle('top'),
    left: element.getStyle('left') };
  return new Effect.Move(element, 
      Object.extend(options.start,{ x:  20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      Object.extend(options.update,{ x: -40, y: 0, duration: 0.1,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      Object.extend(options.update,{ x:  40, y: 0, duration: 0.1,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      Object.extend(options.update,{ x: -40, y: 0, duration: 0.1,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      Object.extend(options.update,{ x:  40, y: 0, duration: 0.1,  afterFinishInternal: function(effect) {
    new Effect.Move(effect.element,
      Object.extend(options.finish,{ x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
        effect.element.undoPositioned().setStyle(oldStyle);
  }})) }})) }})) }})) }})) }}));
}

Le combinedOptions prendra donc en paramètre l'objet option de l'effet Shake pour en ressortir un autre, dans lequel on aura inséré les callback nécessaires selon si l'effet Move est au début, au milieu ou à la fin de l'effet Shake.

Et voilà, c'est tout bon maintenant.

A mon avis ce bug existe pour beaucoup d'autres effets de combinaisons, vous pouvez employer la même technique (et la combinedOptions pour les corriger). J'ai soumis le code sur le wiki de scriptaculous.

Je n'avais jamais testé auparavant Scriptaculous et prototype. C'est une nouvelle façon de voir le javascript et c'est tellement agréable de coder avec ces framework que je crois que je ne pourrai plus m'en passer, après seulement quelques jours d'utilisation...

Comme j'ai un peu de temps, je vous donne ici les sources du script que j'ai mis en place pour ma galerie d'images.

En fait, j'utilise JW Image Rotator pour le diaporama en flash. Ce player est génial et très bien documenté. On peut le faire communiquer avec du JavaScript très simplement. C'est donc ce que j'ai fait avec la liste déroulante qui va envoyer l'url de la playlist à recharger.

Pour gagner du temps et être vraiment simple à utiliser, j'ai décider de ne pas avoir d'administration et que le simple fait d'envoyer un nouveau dossier mettrait en ligne les photos. La liste déroulante est donc générée en PHP pour faire apparaitre tous les dossiers existants. Le script générant la playlist récupère juste la liste des fichiers du dossier demandé et ressort un fichier XML, au format souhaité.

Etant donné que j'ai hébergé ce script sur mon ftp de free, j'ai du changer un peu les fonctions de récupération des dossiers/images pour qu'il fonctionne. si vous êtes dans le même cas, utiliser fonc.free.php à la place de fonc.php et tout ira bien.

Enfin, j'ai mis en place un rss pour permettre aux gens de suivrent simplement l'actualité de mes photos. Il suffit simplement de créer un flux XML au format demandé et on a un beau fil RSS tout nouveau tout beau !

NB : Pour mettre en place ce script sur votre site, vous devrez sans doute modifier des petits trucs dans tous les fichiers. Faites un tour complet avant.