Développement

18 nov. 2009

Zend et Varien s'associent autour de Magento

10:39 Jean-Christophe Duvivier

e-commerce, Magento, Varien, Zend,

Zend et Varien s'associent autour de Magento

La nouvelle vient de nous être transmise, Magento, la solution e-commerce la plus en vogue en ce moment (éditée par la société Varien) sera désormais fournie avec l'environnement PHP Zend Server Community Edition.

Rappelons-le, Magento est basée sur Zend Framework et c'est donc "tout naturellement" qu'ils ont décidé de s'associer afin de faciliter l'évaluation, le développement et le déploiement d’une application e-commerce flexible pour les PME.

Categorie Développement Nombre de commentaires un commentaire aucun rétrolien

02 nov. 2009

Flickr widget, un plugin qui a la tête dans les nuages

20:24 Jean-Christophe Duvivier

Dotclear, Flickr, Plugin, RSS, Widget, Wordpress,

Vous avez envie faire apparaître vos dernières photos de votre galerie Flickr tout en cassant la routine des widgets statiques, plats et monotones ? Alors vous devriez être intéressé par Flickr widget, un plugin développé par Roytanck.

Site internet de Roytanck

Ce widget est basé sur le même principe que les nuages de tags que l'on peut trouver depuis peu sur des applications Dotclear ou Wordpress : les photos de votre compte Flickr sont présentées sous la forme d'un nuage en 3D qui réagit au déplacement de la souris.

Les photos sont directement récupérées via les flux RSS générés par Flickr ce qui rend la mise en place de ce widget très simple, d'autant plus que Roytanck met à disposition un générateur dédié : il suffit de renseigner l'url du flux, les dimensions de votre widget et la couleur de fond pour obtenir l'intégralité du code source nécessaire à son bon fonctionnement. Ce générateur est disponible à l'adresse suivant : Flickr widget.

Une image vaut mieux qu'un long discours, voici le widget en action :

Categorie Développement Nombre de commentaires aucun commentaire aucun rétrolien

01 juil. 2009

Changement important dans l'organisation du projet Joomla

12:14 Jean-Christophe Duvivier

CMS, Joomla, Organisation,

Logo Joomla L'équipe de Joomla vient de nous l'annoncer, ils ont décidé de changer l'organisation du projet dans le principal but de simplifier leur mission.

Ce changement concerne tout d'abord les groupes de travail. Jusqu'à aujourd'hui, il étaient relativement nombreux, ce qui s'est souvent révélé être un frein pour l'équipe. Aujourd'hui, leur souhait est de simplifier cette organisation, en ne créant que 2 groupes : la production et la communauté. Chaque groupe possède dès à présent sa propre équipe de direction.

D'autre part, ce changement est caractérisé par un remaniement de l'équipe de direction afin d'obtenir une structure plus flexible et plus ouverte. Cette équipe est composée des deux équipes de direction des groupes "production" et "communauté".

Enfin, Joomla aurait apparemment décidé de faire de OSM (Open Source Matters, l'organisme qui détient le copyright de Joomla) une entité autonome, étant donné que jusqu'à aujourd'hui, elle était supervisée par le Community Oversight Committee.

Si vous voulez en savoir plus, je vous redirige sur le site de Joomla : La Direction du Projet Joomla.

Categorie Développement Nombre de commentaires aucun commentaire aucun rétrolien

05 nov. 2008

Devlisting, la panoplie du bon développeur web

19:48 Jean-Christophe Duvivier

Ajax, CMS, CSS, Firefox, Flash, Java, Outils, PHP, Plugin, Ressources, SQL, Typos,

Je vous parlais récemment des Plugins Firefox que j'utilise régulièrement pour me faciliter la tâche dans le développement de mes appli. J'avais précisé qu'il s'agissait du minimum vital. J'ai entre temps découvert une liste non loin d'être exhaustive qui regroupe tous les Outils, Ressources, sites web qui seraient susceptibles de vous aider dans votre boulot. Il s'agit de Devlisting.

Vous y trouverez des tonnes de liens, classés par catégorie. Au programme : CSS, PHP, Ajax, Flash, Typos, CMS, Java, SQL etc.

J'ai rapidement parcouru les différentes rubriques et j'ai découvert beaucoup de sites et de Plugins très intéressants ;)

Si vous êtes intéressés, ça se passe ici : www.devlisting.com

Categorie Développement Nombre de commentaires aucun commentaire aucun rétrolien

31 oct. 2008

Supprimer le index.php de votre Dotclear 2

09:38 Jean-Christophe Duvivier

.htaccess, Dotclear, url rewriting,

Rapide tutoriel afin de vous permettre d'enlever le index.php de votre blog Dotclear, qui n'est pas très esthétique. Je ne dis pas que cette méthode est la meilleur, mais ça marche. C'est le principal non ?

Allez en piste.

Ça se passe tout d'abord dans votre Panneau d'administration > Paramètres du Blog :

URL du Blog : L'url complète de votre blog (en ce qui me concerne : http://blog.jchristophe.fr/)
Méthode de lecture de l'url : Sélectionnez PATH_INFO
Enregistrez

Ça se passe ensuite dans le .htaccess. Si vous n'avez pas encore de fichier .htaccess à la racine de votre blog, créez-en un et insérez-y le code suivant :

RewriteEngine On
RewriteCond %{REQUEST_URI} !^(/admin/|/cache/|/db/|/images/|/inc/|locales/|/plugins/|/public/|/themes/)
RewriteCond %{REQUEST_URI} !^/index.php

RewriteRule (.*)$ /index.php/$1

Et en principe, ça doit marcher. Si vous avez un quelconque problème, n'hésitez pas à envoyer vos questions ;)

Categorie Développement Nombre de commentaires 6 commentaires aucun rétrolien

25 oct. 2008

Afficher les Gravatars sur Dotclear 2

16:47 Jean-Christophe Duvivier

Blog, Gravatars, Plugin,

Après avoir vainement essayé d'intégrer un Plugin trouvé dans le fin fond du web afin d'afficher les Gravatars sur mon Blog, je me suis tournée vers la solution de prendreuncafe.com disponible ici : prendreuncafe.com.

Logo Gravatar

Voici la procédure à effectuer :

Dans le répertoire racine de votre thème actuel, créez un fichier _public.php et insérez-y le code suivant :

<?php
$core->tpl->addValue('gravatar', array('gravatar', 'tplGravatar'));
 
class gravatar {
 
  const
    URLBASE = 'http://www.gravatar.com/avatar.php?gravatar_id=%s&amp;default=%s&amp;size=%d',
    HTMLTAG = '<img src="%s" class="%s" alt="%s" />',
    DEFAULT_SIZE = '40',
    DEFAULT_CLASS = 'gravatar_img',
    DEFAULT_ALT = 'Gravatar de %s';
 
  public static function tplGravatar($attr)
  {
    $md5mail = '\'.md5(strtolower($_ctx->comments->getEmail(false))).\'';
    $size    = array_key_exists('size',   $attr) ? $attr['size']   : self::DEFAULT_SIZE;
    $class   = array_key_exists('class',  $attr) ? $attr['class']  : self::DEFAULT_CLASS;
    $alttxt  = array_key_exists('alt',    $attr) ? $attr['alt']    : self::DEFAULT_ALT;
    $altimg  = array_key_exists('altimg', $attr) ? $attr['altimg'] : '';
    $gurl    = sprintf(self::URLBASE,
                       $md5mail, urlencode($altimg), $size);
    $gtag    = sprintf(self::HTMLTAG,
                       $gurl, $class, eregi("%s", $alttxt) ?
                                      sprintf($alttxt, '\'.$_ctx->comments->comment_author.\'') : $alttxt);
    return '<?php echo \'' . $gtag . '\'; ?>';
  }
 
}
?>

Rendez-vous ensuite dans le squelette de votre choix (en général : post.html), et insérez-y le code suivant entre vos balises <tpl:Comments> et </tpl:Comments> :

{{tpl:gravatar class="CLASSE" size="TAILLE" altimg="URL_DEFAUT" alt="Gravatar de %s"}}

Il vous faut donc remplacer :

CLASSE par le nom de la classe affectée à l'image
TAILLE par la taille du Gravatar en px
URL_DEFAUT par le chemin d'accès à votre avatar par défaut (dans le cas d'utilisateurs ne possédant pas de gravatar)

Categorie Développement Nombre de commentaires 2 commentaires aucun rétrolien

23 oct. 2008

Plugins et outils indispensables aux développeurs web

11:08 Jean-Christophe Duvivier

Ajax, CSS, DOM, Firefox, HTML, IE, JavaScript, Outils, Plugin, SeaMonkey,

Je vais vous présenter les Outils et les Plugins que j'utilise quotidiennement et qui représentent pour moi, le minimum vital à tout développeur web. Sans plus attendre, les voici :

1. Plugin Web Developer

S'il n'y en avait qu'un, ce serait celui-ci. Ce Plugin Firefox (également développé sur SeaMonkey) est une mallette à Outils très complète qui permet de répondre à nos besoins les plus récurrents. Voici les grands axes :

CSS : Possibilité de voir, désactiver et modifier les CSS d'un site web etc.
Formulaire : Possibilité de voir les mots de passe, de convertir la méthode de traitement etc.
Image : Possibilité de désactiver les images, d'afficher leurs dimensions, leur poid etc.
Informations : Possibilité de voir les id, les classes, les codes couleurs etc.
Et d'autres fonctionnalités : outils de validation, de redimensionnement etc.

Pour le télécharger en français, rendez-vous ici : Plugin Web Developer - Fr
Et pour la version anglaise c'est ici : Plugin Web Developer - En

2. Plugin Firebug

Logo Firebug

S'il y en avait un deuxième, ce serait celui-ci. Ce Plugin est un débuggeur évolué pour Firefox . Je vais reprendre la présentation de Geckozone :

FireBug vous permet d'explorer par clavier ou souris les coins les plus reculés du DOM. Tous les Outils dont vous avez besoin pour fureter, produire et controler votre JavaScript, CSS, HTML et Ajax sont rassemblés ensemble à travers une seule extension, incluant un débuggeur, une console d'erreur, une ligne de commande, et une variété d'inspecteurs intéressants…

Un rapide aperçu des fonctionnalités de FireBug :

Un débuggeur JavaScript pour naviguer pas à pas dans le code une ligne à la fois,
Un icône de barre d'état qui permet de voir rapidement s'il y a une erreur dans la page web,
Une console qui montre les erreurs JavaScript et CSS,
Messages de Log de JavaScript dans votre page web sur la console
Une ligne de commande JavaScript
Un espion du trafic XMLHttpRequest,
Un inspecteur de source HTML, styles associés, évenements, mise en page et le DOM.

Pour le télécharger en anglais, rendez-vous ici : Plugin Firebug - En

3. Plugin IE Tab

Une harmonisation de l'interprétation du code entre les différents navigateurs étant loin d'être prévue, ce petit outil devient indispensable. Il vous permet d'ouvrir une page IE dans un onglet Firefox.

Pour le télécharger en anglais, rendez-vous ici : Plugin IE Tab - En

4. Plugin Colorzilla

Ce petit plugin servira surtout aux designers web étant donné qu'il permet de récupérer le code hexadécimal d'une couleur par simple survol du curseur. Ça évite la manipulation contraignante du PRINTSCREEN > CTRL + V > PHOTOSHOP.

Pour le télécharger en anglais, rendez-vous ici : Plugin Colorzilla - En

5. Logiciel Multiple IE

Logo Internet Explorer

L'interprétation du code entre les différentes versions de IE étant sensiblement différente, il est souvent utile de contrôler ses applications sur différentes version de IE (la 6.0 et la 7.0 par exemple), ce qu'il implique qu'il faille contrôler son application sur 2 ordinateurs différents. Ce petit logiciel vous permet d'installer 5 versions de IE (IE3, IE4.01, IE5, IE5.5 et IE6) en plus de celle que vous possédez déjà (dans l'idéal : la 7.0).

Pour le télécharger en anglais, rendez-vous ici : Logiciel Multiple IE - En

Si vous vous servez d'autres plugins/outils/logiciels/sites web qui vous semblent utiles pour les développeurs web, n'hésitez pas à les citer à la suite de cet article ;-)

Categorie Développement Nombre de commentaires un commentaire aucun rétrolien