Par chance, nous n’avons pas besoin de faire le sale travail à la main. Du genre prendre une capture d’écran de la première page du PDF ou je ne sais quelle autre astuce impliquant travail et effort. Image Magick est là pour nous aider et à plus forte raison, Imagick. Il s’agit d’une librairie native à PHP se basant sur l’API d’Image Magick.

Vous me direz : oui mais Image Magick c’est fait pour manipuler des images. Certes mais un PDF, c’est un peu comme une image.

Convertir un PDF mono-page

Partons d’un cas simple : votre PDF ne contient qu’une page. Le code est d’une grande simplicité :

<?php
$im = new Imagick('/chemin/vers/pdf-mono-page.pdf');
$im->writeImage('/chemin/vers/couverture.png');

2 lignes ont suffit à créer notre prévisualisation. Cette manipulation enregistre une image au format PNG sans aucune compression. Nous pourrions l’activer et régler le taux de compression avec 2 lignes supplémentaires :

$im->setCompression(Imagick::COMPRESSION_LZW);
$im->setCompressionQuality(90);

LZW est un algorithme de compression sans perte utilisé entre autre par PNG et GIF. On aurait pu choisir du JPEG sans perte ou une autre constante de compression d’Image Magick.

Convertir un PDF multi-pages

Que se passerait-il si notre code précédent était utilisé sur un PDF contenant plus d’une page ? Et bien seule la dernière page du document serait enregistrée. En fait, toutes les pages seraient enregistrées jusqu’à la dernière (pas terrible côté performances donc).
L’API d’Image Magick nous permet toutefois de connaître le nombre d’images impliquées et d’en définir l’index. Depuis PHP5, Imagick fournit des méthodes propres aux interfaces Iterator et Traversable.

Notre code bouge … mais pas tant que ça. Disons que nous souhaitons prévisualiser la 6ème page du document (donc l’index 5) :

$im = new Imagick('/chemin/vers/pdf-multi-pages.pdf');
$im->setIteratorIndex(5);
$im->setCompression(Imagick::COMPRESSION_LZW);
$im->setCompressionQuality(90);
$im->writeImage('/chemin/vers/couverture.png');

Une petite ligne de plus fait l’affaire. Pour compter le nombre d’images contenues dans le document ouvert, un appel à la méthode getNumberImages fera l’affaire.

Convertir directement avec Image Magick : convert

Pour les amateurs du shell ou les détracteurs de PHP, on peut arriver aux mêmes résultats en 1 ligne de commande. L’outil de conversion est fourni par convert. Sa documentation et ses options sont particulièrement riches. On peut tout faire … ou presque !

convert /chemin/vers/pdf-mono-page.pdf /chemin/vers/couverture.png
convert /chemin/vers/pdf-multi-pages.pdf[5] /chemin/vers/couverture.png

La seule différence réside dans les crochets suivant le nom du fichier d’entrée. Vous avez bien sûr deviné qu’il s’agit de l’index du document PDF que l’on convertit. Si on ne précise rien, convert convertira toutes les pages du document mais cette fois, en les exportant dans des fichiers uniques (pas de réécriture qui tienne).

Conclusion

Image Magick est vraiment une application sympathique. Les possibilités de manipulation offertes surpassent à mes yeux largement celles de la librairie GD (qui est toujours mieux que rien).

Cette manipulation permettrait aussi de décomposer les multiples images composant un GIF animé ou un APNG. Ou inversement, nous pourrions créer une animation à partir de plusieurs images. Ou encore créer une vignette carrée et centrée. Les possibilités ne manquent pas.

C’était également une autre façon de teaser le projet le plus chronophage qui m’ait été donné de connaître mais bon, en septembre c’est dans les bacs. Toujours pas d’idées sur le sujet couvert ?

Articles relatifs

• Wordpress en tant que dépendance SVN (7 commentaires)
• Livre blanc sur les frameworks PHP : présentation et explications (10 commentaires)
• Conventions de programmation : la nécessaire maturité (19 commentaires)
• Configuration d’Apache, MySQL et PHP à base de liens symboliques (12 commentaires)

Qu’on se le dise : le compteur de lecteurs Feedburner par défaut est sympa mais s’intègre mal dans n’importe quel design de site Web. Lors de la refonte du thème graphique de ce blog, j’ai eu envie de remettre mon compteur d’abonnés Feedburner mais sous forme de texte. Même si le chiffre indiqué peut se révéler inexact, j’estime que c’est un indicateur intéressant sur la consultation d’un flux. Je suis également convaincu qu’à partir d’un certain nombre de lecteurs, ça facilite la conversion : si le nombre est élevé, c’est que le site est bien  … donc je m’abonne.

Bref, j’ai voulu implémenter ça de manière propre et peu gourmande avec WP-Cron, l’API Feedburner Awareness et la classe PHP 5 SimpleXML. Une poignée de lignes de code suffisent, pourquoi s’en priver ?

Le besoin

La plupart des exemples que l’on trouve sur le Web attaquent directement l’API Feedburner Awareness. Autrement dit, votre page ne s’affichera pas tant que l’API n’aura pas été appelée et son résultat interprété. Étant donné que cette valeur change 1 fois par jour, il vaut mieux aborder la chose différemment. C’est pourquoi je voulais :

• récupérer 1 à 2 fois par jour la valeur courante du nombre de lecteurs ;
• accéder à cette valeur simplement depuis mes templates (avec un appel à get_option() par exemple).

On y gagne sur tous les fronts : on ne ralentit pas l’affichage côté utilisateur, l’information est récupérée en arrière-plan, nos templates graphiques restent simples.

Activation du service Feedburner Awareness

La première chose à faire est d’activer l’API Awareness pour votre flux. Cette API permet de récupérer des statistiques sur un flux Feedburner au format XML. On y retrouve entre autre le nombre de lecteurs. On peut obtenir ces informations pour la date courante, la veille ou une plage de jours par exemple.

C’est vraiment simple à utiliser, la documentation Feedburner Awareness est complète dans son genre.

Activation du service Feedburner Awareness

Remarque : cette API s’active par flux Feedburner de manière individuelle et est désactivée par défaut.

Extraction du nombre de lecteurs

Dans un premier temps, on va récupérer le nombre de lecteurs pour son flux. On verra dans un second temps comment l’automatiser.

Le principe est simple : on appelle une URI avec son identifiant de flux Feedburner (exemple dans mon cas : http://feeds.feedburner.com/LaCaseDeLoncTom). On lui spécifie 2 dates : la veille et l’avant-veille. Pourquoi ? Car les données de la veille ne sont pas toujours existantes : les compteurs sont actualisés à 11h heure française. L’idée est de pouvoir se mettre un nombre de lecteurs sous la dent.

define('FEEDBURNER_URI', 'LaCaseDeLoncTom');
function oncletom_update_feed_readers()
{
  $uri = sprintf('https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=%s&dates=%s,%s',
    FEEDBURNER_URI,
    date('Y-m-d', strtotime('-2 day')),
    date('Y-m-d', strtotime('-1 day'))
  );

  $http = new WP_Http();
  $readers = (int)get_option('feed_readers');
  $response = $http->get($uri);
  $xml = new SimpleXMLElement(WP_Http::chunkTransferDecode($response['body']));
  $feed = (array)$xml->feed;

  foreach (array_reverse($feed['entry']) as $entry)
  {
    if ((int)$entry['circulation'])
    {
      $readers = (int)$entry['circulation'];
      update_option('feed_readers', $readers);
      break;
    }
  }

  return $readers;
}

Quelques remarques :

• j’ai utilisé la classe  WP_http qui fournit une abstraction d’appel à des ressources distantes. C’est le plus propre pour fonctionner sur la majorité des installations ;
• j’inverse le tableau des résultats car ils sont triés par ordre chronologique croissant par défaut  ; nous voulons l’information la plus fraîche d’abord ;
• on aurait pu utiliser un paramètre de fonction pour fournir l’URI du flux mais dans l’étape d’après, il se trouve qu’on ne pourra lui en passer … dommage ;
• on aurait également pu remplacer la constante par un appel à un get_option() et pourquoi pas, récupérer l’ID depuis un réglage du plugin Feedburner FeedSmith.

Programmation d’une tâche planifiée avec WP-Cron

On en arrive à la partie sympa : programmer cette récupération du nombre d’abonnés pour qu’on n’ait pas de travail manuel à faire. L’idéal est de placer ceci dans un plugin. Personnellement je l’ai inséré dans le hook switch_theme() de mon thème pour économiser un fichier/plugin.

//dans un fichier wp-content/plugins/oncletom-awareness-cron.php
/*
Plugin Name: Simple Feedburner Awareness
Description: Asynchroneous feed readers collector scheduled twice a day.
Author: Oncle Tom
Version: 1.0
Author URI: http://case.oncle-tom.net/
Plugin URI: 

  This plugin is released under version 3 of the GPL:
  http://www.opensource.org/licenses/gpl-3.0.html
*/

register_activation_hook(__FILE__, 'oncletom_awareness_cron_activate');
register_deactivation_hook(__FILE__, 'oncletom_awareness_cron_deactivate');
add_action('oncletom_cron_twicedaily_hook', 'oncletom_update_feed_readers');

function oncletom_awareness_cron_activate()
{
  add_option('feed_readers', 0, '', 'yes');
  wp_schedule_event(time(), 'twicedaily', 'oncletom_cron_twicedaily_hook');
}

function oncletom_awareness_cron_deactivate()
{
  delete_option('feed_readers');
  wp_clear_scheduled_hook('oncletom_cron_twicedaily_hook');
}

Vous vous souvenez encore de notre fonction oncletom_update_feed_readers() ? Et bien on pourrait la rajouter dans ce plugin pour tout avoir au même endroit. L’organisation de votre code vous appartient

Quoiqu’il en soit, une fois le plugin activé, tout est prêt : il ne reste qu’à intégrer le compteur d’abonnés dans le thème. C’est notre prochaine étape.
Juste une remarque : la fonction wp_schedule_event() prend comme dernier argument un nom de hook et non un nom de fonction.

Intégration dans le thème

C’est la partie la plus simple et pour cause, un simple appel à get_option('feed_readers') nous retourne le nombre d’abonnés. On ne pouvait pas faire plus rapide

<p>J'ai <?php echo get_option('feed_readers') ?> abonnés</p>

Conclusion

WordPress fournit tous les mécanismes pour accéder aisément à des données de manière asynchrone. Il ne nous a pas coûté grand chose de collecter le flux XML et de l’enregistrer. En le faisant ainsi en arrière plan, on évite toute gêne pour l’utilisateur et tout traitement superflu exécuté en affichage.

Assez étonnamment, je n’ai croisé aucune extension dans le catalogue WordPress. J’espère que ça vous dépannera et que votre thème graphique appréciera !
Mise à jour : aucun plugin n’était tagué awareness ; FeedBurnerCount, Feed Subscriber Stats et Feedburner Text Count produisent très probablement le même résultat que le contenu de cet article.

Articles relatifs

• Migrer un flux RSS vers Feedburner (11 commentaires)
• Quand Jaiku surpassera Twitter (6 commentaires)
• Ménage de printemps (23 commentaires)
• Ajouter TinyMCE dans un plugin WordPress (9 commentaires)

Je me décide à passer un coup de peinture sur ce blog quasiment 2 ans après le CSS Summer Refresh organisé par Alsacréations. À vrai dire, j’avais ce projet dans les cartons depuis septembre 2008 mais le plus difficile a été de trouver le talent graphique. C’était également l’occasion de dire au revoir aux navigateurs Web de seconde zone, à savoir Internet Explorer 7 et moins.

Le besoin

Mon besoin était le suivant :

• Thème graphique
  • durable et peu lassant
  • usage de transparence
  • toujours sur des tons marrons
  • inspire la modernité tout comme le côté rustique et soucieux de la nature
  • structure en grille pour intégrer avec Blueprint
• Fonctionnalités
  • intégration d’un lifestream (intégré entre temps)
  • intégration de Feedburner via son API Awareness
  • intégration d’un bandeau Flickr qui s’étend sur toute la largeur de l’écran, peu importe la résolution employée
  • utilisation du blog comme vitrine : suppression de ma dernière page HTML manuelle (autrefois accessible sur oncle-tom.net)
• Compatibilité
  • navigateurs modernes … c’est à dire rien en dessous d’Internet Explorer 8
  • intégration avec HTML 5
  • pas d’utilisation de GIF mais de PNG 6 et PNG 24
• Autre
  • soucis de performance (peu d’éléments graphiques, utilisation des sprites)

Finalement c’est Lesly qui s’est chargé de la création graphique. Vous pouvez d’ailleurs consulter la maquette graphique originale sur son portfolio. Quant à moi, j’ai réalisé toute l’intégration CSS/HTML dans WordPress.

L’intégration

Tout d’abord, qu’est ce qui a changé par rapport à la maquette ?

• les polices de caractère : hormis le titre, seules des polices standards ont été employées. J’attendrai le support des polices personnalisées en CSS 3 à moins de partir sur une solution à base de SVG (encore que j’ai des doutes sur l’accessibilité d’une telle méthode) ;
• moins d’éléments graphiques : les punaises, les effets papiers ont été supprimés. Rien que le papier et le scotch de la partie “À propos” pesaient plus de 60Ko ;
• abandon temporaire du featured content : les solutions actuelles étaient trop lourdes et j’étais trop impatient pour passer quelques heures de plus … donc c’est temporaire
• l’ajout des pages en lieu et place du fil d’ariane : j’en avais besoin pour présenter différents contenus statiques ;
• le pied de page : peu de widgets WordPress offrent un degré de personnalisation suffisant pour arriver à ce résultat. C’est donc temporisé là aussi en attendant de trouver chaussure à mon pied

Aperçu pleine page

Pour le reste je me suis fait plaisir avec notamment l’utilisation de coins arrondis (border-radius) basés sur les implémentations de Gecko et Webkit. Désolé pour les utilisateurs d’autres navigateurs car j’en ai usé et abusé afin d’éviter l’utilisation d’images.

J’ai également joué avec l’API de WordPress pour générer les vignettes des articles. Je sais bien qu’on peut définir des tailles d’images mais ça ne vaut que pour les médias nouvellement mis en ligne. J’en ai profité pour n’afficher dans le listing que l’extrait du billet. Pas l’intro, seulement l’extrait (excerpt). J’ai lu récemment un article qui parlait de la chose et ça m’a paru plus approprié. Je peux désormais écrire le texte qui me convient pour attirer la lecture vers un article sans pour autant que ça ait de répercution sur son contenu une fois affiché en pleine page.

Je suis en revanche toujours dubitatif sur l’API de WP Cron : ma tâche a beau être enregistrée et planifiée, j’ai l’impression qu’elle ne s’exécute jamais … contrairement aux recherches de mises à jour de plugins & cie. Quelqu’un a déjà joué avec et rencontré pareil problème ?
Mise à jour : j’ai résolu le problème et détaillé la marche à suivre dans l’article affichage personnalisé de ses lecteurs Feedburner. Je planifiais une fonction et non un hook. Cela fonctionnait mais ne produisait fatalement pas de résultat

Au final je n’ai même pas eu à placer la moindre ligne de JavaScript : tout est fait à partir de sélecteurs CSS. Mon seul regret : l’absence de sélecteur adjacent … “précédent”. Pour le menu du haut, je voulais pouvoir styler les éléments de menus ayant comme élément suivant une liste d’élément (<ul>).

Au final

J’ai mis à peu près 2 jours pour tout intégrer et optimiser. Je n’ai pas encore tenté l’optimisation à coup de PNG 8 grâce aux quelques Ko gagnés avec pngcrush. Il faudrait également que je réunisse quelques images dans un seul et même sprite pour gagner encore quelques dizièmes de seconde en temps de chargement.

Rapport YSlow

J’en ai profité pour tester l’utilisation de mod_expires et mod_gzip chez OVH en mutualisé (avant de tout migrer sur serveur dédié) : ça marche plutôt très bien. Si ça vous intéresse, je peux en faire un billet dédié. D’ici là, n’hésitez pas à bouquiner High Performances Web Sites qui reste une référence en la matière. J’attends d’ailleurs sa suite avec impatience : Even Faster Web Sites: Essential Knowledge for Frontend Engineers.

Quoiqu’il en soit, le fait d’avoir eu la pleine utilisation des sélecteurs CSS a été géniale : la vie est grandement facilitée. inline-block évite de nombreuses bidouilles à base de flottants. J’ai hâte qu’une version de Blueprint sorte en se basant uniquement sur les sélecteurs avancés et non des flottants pour disposer de mises en forme plus complexes tout en étant facile d’accès.

Si vous rencontrez des problèmes, surtout n’hésitez pas à les signaler, par le biais des commentaires ou par email

En attendant, je retourne sur mon projet éprouvant du moment !

Articles relatifs

• Firebug : bonnes pratiques pour le développement Web (9 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Everything You Know About CSS Is Wrong! (11 commentaires)
• Emu Nova 2.1 : coulisses d’une refonte ergonomique et visuelle (5 commentaires)
• Développement efficace avec les frameworks CSS (22 commentaires)

Comme je ne savais plus quoi faire de mes journées, j’ai tenté le coup.
Le petit se porte bien et devrait voir le jour aux alentours du mois de juin 2009. Le prénom n’est pas encore officiel, ça peut encore changer.

Un grand merci à celles et ceux qui subissent et vont subir mon autarcie jusqu’à l’accouchement
C’est d’ailleurs pourquoi je vais légèrement ralentir la cadence sur le blog en passant à 1 billet toutes les 2 semaines maximum.

On se tient au courant pour les festivités.

Articles relatifs

• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Pourquoi bloguer dans un contexte d’affaires ? (4 commentaires)
• High Performance Web Sites (5 commentaires)
• Everything You Know About CSS Is Wrong! (11 commentaires)

Sans verser dans la politique, j’aimerais quand même attirer l’attention du public sur le prochain vote de la loi Hadopi à l’Assemblée Nationale. Son contenu est basé sur les recommandations de Denis Olivennes qui a été jusque très récemment le patron de la non moins connue FNAC.

Si on peut louer son combat contre les DRM, je regrette en revanche la tournure répressive et cette volonté de prendre contrôle du plus grand espace créatif du monde : l’Internet.

Alors j’ai écris à mon député, Noël Mamère, pour lui demander de voter contre cette loi.

Hadopi et DADVSI, même combat

Pour vous faire une autre idée d’Hadopi, loi Olivennes ou “Création et Internet”, voici davantage de ressources :

• loi Hadopi sur Wikipédia
• Riposte graduée : où sont les preuves ?
• 10 bonnes raisons de dire NON à la loi Hadopi
• mes précédents articles sur les DRM et les verrous numériques

Juste comme ça, même l’Europe est contre cette loi. Youpi !

L’email adressé à mon député

Monsieur le Député,

Vous êtes le député de ma circonscription (Villenave d’Ornon) et c’est à ce titre que je vous écris.

Vous allez être appelé(e) à voter, au mois de mars prochain, une loi proposée par le gouvernement nommée ‘Création et Internet’, plus connue sous le nom de loi Hadopi. Je tiens par le présent email à vous signifier mon opposition à cette loi, qui non seulement bafoue plusieurs principes de base de notre démocratie, comme la présomption d’innocence (loi Française, elle même basée sur l’article 11 de la Déclaration des Droits de l’Homme), l’obligation de séparation des fonctions judiciaires et administratives (article 13 de la constitution Française voté en 1790), ainsi que bien d’autres irrégularités qui en font dès aujourd’hui une loi d’exception.Comme vous le savez par ailleurs, l’Europe s’est opposée à cette loi et ne manquera pas de le faire à nouveau, de même que la CNIL, l’AFA, l’ISOC, et de très nombreuses autorités reconnues sur le plan international.

Je tiens à vous rappeler par ailleurs qu’à ce jour, aucune étude scientifique n’a réussi à prouver que le partage de fichiers protégé par le droit d’auteur ai le moindre impact sur la vente de disques ou de DVDs, bien au contraire, de nombreuses études tendent à prouver le contraire. Quant à la rénumération des auteurs, d’autres études montrent, elles, la corrélation entre le partage de fichier et l’explosion récente des arts vivants, offrant une rénumération à un nombre bien plus large d’artistes que n’en offraient jadis les ventes de disques.

Cette loi, écrite pour les lobbys de l’industrie de la Culture, n’a pas d’autre but que de soutenir leurs modèles économiques vieillissants. En effet, les ventes records d’artistes tels que ‘Nine Inch Nails’ ou ‘Radiohead’, qui offraient pourtant gratuitement leurs albums musicaux à télécharger, le succès massif de films tels que ‘Les Ch’tits’ de Danny Boon ou ‘Taken’ de Luc Besson, qui ont pourtant été parmi les plus piratés l’année dernière, montre, s’il en était besoin, qu’aucune corrélation ne peut être établie entre téléchargement illégal et baisse des ventes.

Le partage de fichier a par ailleurs considérablement démocratisé l’accès à la Culture, et suscité des appétits autrefois inimaginables, dont l’industrie de la Culture - même s’il ne s’agit plus des mêmes acteurs - continue largement de bénéficier.
Je ne souhaite pas que l’on sacrifie nos libertés individuelles pour la Gloire de la croissance. Cette loi ne changera pas le comportement des gens mais au contraire, ne pourra qu’attiser la colère, dont la mienne.

En tant que citoyen, et plus encore en tant qu’électeur, je vous demande de ne pas voter en faveur de cette loi.

Je vous prie de croire, Monsieur le Député, à l’expression de mes sentiment respectueux.

Le mot de la fin

Je vous encourage à vous exprimer vous aussi contre cette loi. S’il faut effectivement punir le piratage, il ne faut pas négliger l’apport de cet afflux de culture. Pourquoi ne pas réfléchir à une hybridation ou à un moyen de mettre à contribution l’Internet de manière intelligente pour que tout le monde y gagne : citoyens comme créateurs.

L’Internet est la nouvelle plate-forme de partage et cette loi n’y changera rien. Elle se plante complètement.
Si on pouvait éviter un massacre de plus ça serait tellement bien …

Articles relatifs

• Un DRM peut en cacher un autre (5 commentaires)
• Prise de pouvoir sur Internet à cause d’une clé de déchiffrage des DVD Haute Définition (0 commentaires)
• MSN + MP3 + DRM = DTC (6 commentaires)
• iPhone : beauté et frustration au bout des doigts (18 commentaires)
• Du choix de la liberté (7 commentaires)

Le débat numérique est un évènement bordelais que j’affectionne et auquel j’aime me rendre tous les trimestres. Il confronte un journaliste, un expert et le public sur une thématique choisie pendant 1h30 … un débat en somme.

Ce mois-ci la thématique était liée à Google, la disposition du savoir et l’influence que ça a sur notre acquisition du savoir. Ce débat illustrait l’article d’Hervé Morin intitulé “La mémoire court-circuitée“.
Un débat intéressant une fois de plus mais trop trempé dans le pessimisme si caractéristique de la France.

Apprendre ou reposer sur les connaissances entreposées sur le Web

“Pourquoi apprendre quand Google le sait ? La mémoire court-circuitée par le Net“, un titre un brin provocateur mais qui reflète un certain état d’esprit. Nous cherchons et apprenons différemment depuis que l’Internet haut-débit et le développement de Google ont gagné la majorité des foyers des pays dits civilisés.

Cela sous-entendrait que nous apprendrions moins par simple facilité, parce que l’information est au bout du clic.
Il ressort que grâce à l’immensité du savoir à disposition, nous priorisons différemment les connaissances à apprendre : nous apprenons désormais ce dont nous avons besoin et pas nécessairement avec comme objectif de le mémoriser pendant 20 ans.

Au final, le résumé de fin de séance le montrait bien, je trouve qu’on restait sur un sentiment de peur en occultant trop les avantages que l’on pouvait en tirer. En vrac, des idées qui m’ont marqué :

• uniformisation des sources d’information : on tape Espagne et que l’on se contente des premiers résultats pour rédiger un exposé
• il n’y a pas de neutralité dans les résultats : Google est là pour gagner de l’argent et donc favoriser ceux qui lui en rapportent
• les profs n’aiment pas Wikipédia
• les élèves remettent en cause les connaissances des professeurs en allant chercher sur le Web
• les patients vont voir le médecin en s’étant renseigné sur les symptômes et les traitements possibles
• les personnes défavorisées restent défavorisées avec ou sans Google
• on fait comment sans Google ?

Alors certes c’est un débat, certains de ces points sont légitimes, d’autres moins. Au fond, faut-il confier notre vie numérique à Google ?

Un vrai-faux débat : parlons éducation !

J’ai souris en entendant cette histoire de personnes défavorisées. Aujourd’hui, le minimum requis pour accéder à la culture c’est un ordinateur, une connexion Internet et savoir lire. Ce n’est certes pas une école d’ingénieurs ou un institut de recherche mais c’est le Web est devenu la porte d’entrée vers le savoir. Tout le monde l’utilise à la hauteur de son besoin.

Vous savez quoi ? Tout ceci coûte beaucoup moins cher que la collection intégrale de l’Encycloædia Universalis (~3600€). Elle aura tous les mérites du monde, le Web restera toujours plus ouvert et malléable.

Le Web est un outil nouveau (enfin, plus tant que ça) et comme tout changement, soit on s’adapte, soit on est condamné à rester sur le carreau. Si des personnes choisissent de ne s’intéresser au Web que maintenant, elles ont un train de retard. C’est d’autant plus dommageable si ces personnes sont en salle des profs. Les élèves se renseignent sur les cours reçus pour compléter ou vérifier les connaissances des professeurs. C’est plus dur pour un prof mais c’est beaucoup plus enrichissant : il y a là un nouveau levier d’apprentissage et de construction du savoir.

De nombreux enseignants et chercheurs utilisent le Web, tels qu’André Gunthert ou Olivier Ertzscheid. Si vous n’y participez pas, il faut au moins l’utiliser.

Pourquoi l’utiliser ? Pour le maîtriser et le dispenser à vos élèves. L’enseignant a pour vocation de structurer la pensée et aider à la construction de leur raisonnement. Comment chercher dans un moteur de recherche, savoir reconnaître un bon site d’un mauvais, identifier les publicités, l’intérêt des wiki, l’utilisation des blogs comme journaux personnels, la confidentialités des données sont autant de thèmes qui devraient être au moins évoqués en cours si ce n’est enseignés.

On avait droit à des cours d’éducation civique, pourquoi pas des cours d’éducation numérique ? Après tout, nous sommes tous citoyens de l’Internet.

Et si on en revient à notre hypothèse de départ, à savoir que la concentration du savoir sur le Web est dangereuse, on se rend compte qu’au final, c’est la mauvaise utilisation, la non-utilisation et le manque de recul vis à vis de l’information qui sont dangereux … pas l’étalage des connaissances.

N’oublions pas la réalité : rien n’est éternel

Parterre de téléphones mobiles devant Barrack Obama

Ce qui m’amène à citer une fois de plus un article de ReadWriteWeb intitulé “Technology is Great, but Are We Forgetting to Live?“. En bon français “La technologie c’est bien mais n’oublions-nous pas de vivre ?”.

Le rapport avec tout ça ? On pense peut-être un poil trop au partage et moins à l’assimilation. Nos souvenirs, c’est ce qui nous restera une fois les ordinateurs éteints et débranchés. C’est ce qu’on racontera à nos enfants. C’est tout.
Il faut vivre avec le progrès, l’utiliser au mieux en ayant en tête que ce n’est pas un dû ni éternel. Une panne de courant, une tempête et nous revenons à l’âge de pierre.

Articles relatifs

• La génération Y bouscule le monde du travail (7 commentaires)
• Quand Jaiku surpassera Twitter (6 commentaires)
• Pourquoi bloguer dans un contexte d’affaires ? (4 commentaires)
• OpenSearch et Google AdSense (3 commentaires)
• Migration vers Google Apps (7 commentaires)

J’ai eu besoin récemment d’inclure un éditeur visuel dans un plugin Wordpress. Je pensais que c’était une tâche aisée sans chercher sur Google : il n’y avait qu’à faire comme les développeurs de Wordpress !

J’ai pensé à tort et ça m’a confirmé une fois de plus que le code source de Wordpress était un joyeux bazar.

Le besoin

Mon besoin était tout bête : sur une seule page de mon plugin, j’avais besoin de transformer un bête champ texte en éditeur avancé avec possibilité d’uploader des images et tout ça.

Avec ce simple besoin, j’ai cependant constaté :

1. qu’il était pénible de remonter le cheminement logique de l’éditeur jusqu’à l’inclusion des scripts
2. qu’il n’y a pas de façon standard d’ajouter l’éditeur : il y a bien une fonction wp_tiny_mce mais elle ne fait pas tout … c’est à dire que sans inclure ses dépendances (non documentées), cette fonction n’est d’aucune utilité
3. qu’on trouve à boire et à manger dans le code de Wordpress. Pour le code is poetry, on est plutôt proche du SMS kikoololesque

Après avoir trouvé ma solution, je suis cependant tombé sur un article expliquant comment inclure TinyMCE dans Wordpress. Elle est juste mais nous verrons que seule la moitié du chemin a été faite avec.

La solution

<?php
add_action('admin_menu', 'include_tinymce');

function include_tinycme()
{
  add_action('admin_head', 'wp_tiny_mce');
  wp_enqueue_script('jquery-ui-core');
  wp_enqueue_script('jquery-ui-tabs');
  wp_enqueue_script('editor');
  wp_enqueue_script('media-upload');
  add_thickbox();
}

Plusieurs remarques par rapport à ce code :

• Le choix de l’action
  Le mien s’est porté sur admin_menu. Vous pourriez en choisir une autre, du moment qu’elle s’exécute avant admin_head. J’ai choisi celle-là parce que c’est là que j’y construis les menus de l’administration : WordPress est initialisé et n’a pas encore été affiché.
• Le choix wp_enqueue_script
  J’aurais pu caller cette fonction en tant que filtre de admin_head et utiliser la fonction print_script MAIS je soupçonne cette dernière fonction de ne pas vérifier si un autre script du même nom a été inclus.
  J’ai choisi de ne pas créer de conflit : wp_enqueue_script ne chargera qu’1 fois et 1 seule le script nommé. Pas de chichi.
• L’inclusion de l’éditeur
  Pour afficher l’éditeur, il suffira d’appeler la fonction the_editor() en lieu et place de son textarea. Vous noterez toutefois que vous serez obligé(e)s de nommer l’éditeur content sous peine de devoir ajouter quelques filtres supplémentaires.

Après à vous de vous débrouiller avec l’architecture de votre plugin. Personnellement j’ai tout basculé dans des classes depuis un bon moment pour éviter tout conflit de nom.

La solution optimisée

Cependant ne crions pas victoire si vite : avec ce qu’on a fait, nous avons juste réussi à inclure TinyMCE sur toutes les pages de l’admin WordPress. Ce n’est pas ce que je recommanderai pour deux raisons :

1. le respect des performances utilisateurs : charger 150Ko de JavaScript pour rien sur une page sans TinyMCE, c’est du gâchis
2. on ne fait pas une généralité pour une exception

Heureusement pour nous WordPress est bien fichu car il nous fournit 2 variables globales (*hm*) d’exception :

• $plugin_page
  Cette variable contient le nom de la page renseignée par les méthodes add_management_page() et add_options_page(). On aurait pu passer directement par admin_print_script* mais il faisait flemme d’ajouter une fonction de plus.
  Exemple :

  <?php
  add_management_page('Titre', 'Label', 8, 'test_management_page', 'mon_callback');
  //$plugin_page vaudra 'test_management_page'

• $pagenow
  Cette variable contient le nom du fichier actuellement exécuté.
  Si vous vous trouvez sur wp-admin/tools.php?page=test_management_page, $pagenow vaudra tools.php

Avec ces deux variables, on est capable de charger ce qu’on veut, où on veut et quand on veut.

Au final, ça nous donnerait ceci :

<?php
add_action('admin_menu', 'include_tinymce');

function include_tinycme()
{
  global $plugin_page;
  if ($plugin_page === 'test_management_page')
  {
    add_action('admin_head', 'wp_tiny_mce');
    wp_enqueue_script('jquery-ui-core');
    wp_enqueue_script('jquery-ui-tabs');
    wp_enqueue_script('editor');
    wp_enqueue_script('media-upload');
    add_thickbox();
  }
}

Là on a bien terminé le travail.

Conclusion

Il n’y a au final pas grand chose à chose à ajouter pour disposer de TinyMCE. Encore faut-il le savoir.

On peut cependant regretter le manque de flexibilité de cette manipulation :

• j’ai definé la liste des fichiers en cherchant les noms de fonctions JavaScript manquantes (merci Firebug et l’affichage des exceptions en console)
• la liste des dépendances de wp_enqueue_script n’est absolument pas complète : editor devrait appeler wp_tiny_mce et media-upload (voire jquery-ui-*)

Un jour WordPress nettoiera son code pour faciliter la maintenance …

Articles relatifs

• Tableau auto-extensible en JavaScript (17 commentaires)
• Plugin Wordpress Amazon Widgets Shortcodes (8 commentaires)
• Conventions de programmation : la nécessaire maturité (19 commentaires)
• Wordpress en tant que dépendance SVN (7 commentaires)
• Widget Jaiku pour Netvibes : présentation et bilan du développement (5 commentaires)

Ce titre fortement accrocheur à la limite de l’injure annonce la couleur : l’ouvrage est censé vous expliquer que les techniques employées aujourd’hui ne sont que du bricolage et qu’on peut faire la même chose en plus propre et plus simple.

En route pour cette saine lecture … ou pas.

Chapitrage

Everything You Know About CSS Is Wrong! est découpé en 5 chapitres. Cela représente un volume d’une petite centaine de pages. En voici la structure :

1. The Problem with CSS
2. CSS Table Layout
3. CSS Table Solutions
4. Considering Older Browsers
5. The Road Ahead

Si vous commencez à flairer le mauvais plan, vous n’avez pas tout à fait tort.

display: table-cell au lieu de float/clear/margin

Tel serait le credo de l’ouvrage. C’est en teneur ce qui y est distillé, ni plus ni moins.

Quand on y repense, aujourd’hui on utilise vraiment des techniques à la noix pour positionner les flux, pour imiter des colonnes de taille égale. Tout ça pourquoi ? Parce que le navigateur dominant du marché s’appelle Internet Explorer 6/7 et ne permet pas d’utiliser l’attribut CSS display: table-cell.
Son utilité ? Donner à l’élément concerné le comportement d’un tableau : des cellules de hauteur égale et des colonnes notamment.

Les 2 premiers chapitres sont à ce titre très démonstratifs puisque simplement, on apprend à construire un habillage classique à 2 colonnes avec cette technique. Mais, à mon avis, le chapitre 3 est entièrement à jeter.

Le livre commence en nous expliquant qu’on utilise des techniques de barbare pour le rendu. Sauf que celles proposées pour palier aux lacunes de cette mise en page en tableaux ne valent pas beaucoup mieux : pas de solution générique possible, simulation de colspan et rowspan laborieuse … si j’ai été convaincu par la présentation en grille, je l’ai en revanche moins été par ces solutions proposées.

Le chapitre 4 explique avec plein de sous-entendus qu’Internet Explorer 6 et 7 … ben il faut arrêter. En tous cas pour utiliser le display: table-cell. Je pense que même sans cette technique on avait déjà envie de les balancer mais bon. Ça sera un argument de plus pour prôner cette solution.

Le chapitre 5, The Road Ahead, propose une présentation maintes fois vue et revue de l’avenir avec CSS3. Ça fait office de piqûre de rappel concernant le module templates et  grille notamment.

Texte 2 colonnes avec display: table-cell

Pourquoi je ne vous recommande pas son achat ?

Parce qu’au final on se trouve face à gros article doublé d’un titre bon pour écouler des exemplaires. Il aurait pu s’appeler “comment présenter en grille sans tableaux et sans flottants” par exemple.

Sans vouloir relancer le fumeux débat du  Web contre les livres, je pense qu’il y a des articles sur display: table-cell plus courts, moins chers et tout à fait valables (y compris leur article de présentation), notamment sur Alsacréations.
Pour moitié prix, le contenu aurait pu passer. À 30$, j’en attends davantage …

Je recommande avec beaucoup plus de ferveur l’indémodable Transcender CSS d’Andy Clarke.

Un dernier point toutefois : je ne suis pas convaincu qu’un rendu à l’identique au pixel près soit une solution d’avenir. Il ne faut pas espérer avoir un rendu identique à la maquette ni identique sur tous les naivgateurs (notamment au niveau de la colorimétrie). Je crois davantage à un support de fonctionnalités et des solutions alternatives pour les navigateurs ne supportant pas ces dites-fonctionnalités. De même qu’on n’a pas le même rendu de couleurs pour les téléviseurs (y compris HD), il est utopique de vouloir la même chose d’un site.

Depuis quelques mois je ne recommande plus à mes clients de supporter IE6 et ce, malgré ses 20% de parts de marché. Je préfère largement proposer une solution dégradée, toujours fonctionnelle mais moins jolie.
Cette année je refonds le thème de ce blog et je ne compte pas supporter ni IE6 ni IE7. Votre adoption d’autres navigateurs aide mais il faut montrer l’exemple.

Articles relatifs

• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Sites Web : les bonnes pratiques (12 commentaires)
• Modifier du HTML à la volée de manière non intrusive (1 commentaires)
• Microformats : republier et donner du sens aux contenus (8 commentaires)
• Ménage de printemps (23 commentaires)

• un futur secrétaire d’état à l’économie numérique
• un tribunal de Grande Instance

Que du lourd mais j’ai sacrément honte d’avoir à vivre ça.

Qu’est-ce que le Web 2.0 ?

J’ai sauté au plafond quand j’ai lu la définition du Web 2.0 sur ReadWriteWeb en version française. Quand je pense que ce sinistre individu va tout faire pour réguler le Web, j’en ai des frissons dans le dos.

En 2009 il serait temps d’envisager d’utiliser positivement Internet et de se mettre à jour. Je refuse de croire que je parcours le même Web que Frédéric Lefebvre. On ne parle pas de la même chose.

[youtube]http://fr.youtube.com/watch?v=xQF5BJMRQkw[/youtube]

Édifiant. Ça va faire le tour du Web  à coup sûr.

Fichiers illégaux fournis par le tribunal

Ces fichiers sont fournis “par” le TGI de Bonneville entre guillemets. On peut penser à un piratage quand on voit le message de la page d’accueil.

C’est cependant tellement gros que je ne sais pas quoi en penser. Le domaine justice.fr appartient bien au Ministère de la Justice … un message d’erreur maladroit pour fausser les pistes ?

TGI Bonneville

Mise à jour (6/01 à 10h) : le message sur la page d’accueil est désormais

Bonjour,

l’adresse www.tgi-bonneville.justice.fr est redirigée contre ma volonté vers ce serveur.

J’invite le responsable de ce piratage à assumer pleinement ses actes et à me contacter via le forum ubuntu-fr : http://forum.ubuntu-fr.org/viewtopic.php?id=283553.

Je tente actuellement de contacter les autorités judiciaires concernées pour régler cette affaire au mieux.

Florian

C’est pas encore très clair.

Articles relatifs

• Connexion Internet de secours (0 commentaires)
• Comment j’ai préparé et optimisé ma recherche d’emploi (13 commentaires)
• BlogCamp Bordeaux #3 : le dessous des cartes (6 commentaires)

L’utilisation intensive d’OpenOffice et le Go de RAM de mon ancien ordinateur portable ACER aidant, je me suis rapidement motivé un dimanche après-midi à changer de machine. J’ai un instant hésité à sombrer du côté obscur de la Force en optant pour un MacBook avec clavier rétro-éclairé mais non, la raison m’a rattrapé.

J’ai finalement opté pour un Dell Studio 17 … et tenté de me faire rembourser Windows Vista !

Pourquoi pas de MacBook ?

Le MacBook m’a tenté pour plusieurs raisons :

• petit et transportable
• superbe écran LED
• clavier rétro-éclairé
• et soyons honnête, c’est joli

Seulement voilà, payer 1500€ pour le rétro-éclairage du clavier, ne pas utiliser MacOS X et cautionner la politique d’enferment d’Apple … non je ne pouvais pas.

Les Mac sont devenus un phénomène de mode voire de foire : quand je regarde ma classe d’étudiants, 80% des ordinateurs sont des Mac. C’est bien mais aujourd’hui je pense qu’Apple est plus nocif envers ses usagers que Microsoft. On s’en rend compte le jour où on veut en sortir.

Fin de la parenthèse

Pourquoi un Dell Studio ?

Après plus années passées sur des PC en tour construits à la main avec le plus grand amour, j’ai choisi le silence et le nomadisme avec un Acer Aspire 9410. Je n’ai pas souhaité renouer avec Acer pour plusieurs raisons :

• tromperie sur le Bluetooth : y’a un bouton Bluetooth mais pas la puce intégrée. J’ai eu beau installer le Bluetooth sur mon Acer, c’était trop gros
• je n’ai jamais été satisfait de leur SAV
• pas de support d’installation physique fourni : la partition constructeur de 5Go j’en veux pas !

Bref, Dell était tout désigné pour me fournir mon prochain PC dans la mesure où là, j’ai toujours obtenu satisfaction et performance à prix tout à fait correct. Je travaille au quotidien avec Latitude D800 mais pour la maison, je ne souhaitais pas y mettre autant d’argent sans pour autant rogner sur les performances. La gamme des Studio me collait parfaitement :

• écran 17 pouces LED
• clavier rétro-éclairé avec pavé numérique
• processeur Centrino Core 2 Duo cadencé à chais-pas-combien-mais-ça-m’suffit
• 4Go de RAM
• chais-plus-combien de disque dur (mais assez pour ne pas en tenir compte, au moins 300Go)
• carte graphique ATI chais-pas-quoi HD (j’en retiens surtout la mémoire vidéo dédiée)
• coque personnalisable

En clair, je voulais de la RAM (merci Eclipse ;-)), de la puissance et un beau look. J’ai eu tout ça pour un prix qui reste à 3 chiffres.

Mais il y’avait Windows Vista.

La parenthèse remboursement de Windows Vista

CLUF Windows Vista / Dell

Pour la forme, j’ai tenté de titiller le service client afin de me faire rembourser Windows Vista parce que :

• Windows Vista j’aime pas
• je n’utilise plus qu’un système d’exploitation sans numéro de série
• je n’ai pas eu le choix de l’OS lors de la procédure d’achat : une case “rien” ou “Ubuntu” m’aurait bien convenu !
• Dell fait la vente liée voire forcée/déguisée

Vous voyez la “capture” d’écran ci-dessus ? Si je n’accepte pas les conditions, je dois appeler le service client. J’étais dans les 7 jours d’achat, j’ai réceptionné l’ordinateur donc je me suis armé du numéro de téléphone du service client Dell.

Service client Dell (acte 1) : j’explique que je veux me faire rembourser Windows Vista. On me demande la raison de manière très protocolaire. J’explique que j’utilise Linux et que je n’ai pas eu le choix du système d’exploitation lors de l’achat. On me donne le numéro de téléphone du service commercial.

Service commercial Dell (acte 1) : le numéro indiqué ne répond pas. J’ai peut-être fait une boulette alors je rappelle le service client. Note au passage : le numéro de téléphone du service commercial est introuvable pour les particuliers.

Service client Dell (acte 2) : je n’explique pas vraiment le problème et je demande à ce qu’on me transfère au service commercial de Dell pour un remboursement de système d’exploitation. Transfert effectué.

Service commercial Dell (acte 2) : j’explique donc que je suis victime de vente liée puisque j’ai un Windows Vista que je n’ai pas voulu, que j’utilise Linux et que j’ai déjà vu des cas de personnes se faisant rembourser. On m’explique alors que le seul moyen est de renvoyer l’ordinateur complet (rien que ça) et qu’on reprenne commande du même modèle mais sans Windows. Oui enfin par téléphone, pas via le site Web. Je lui explique que j’ai pas spécialement envie de me retrouver sans PC pendant plusieurs jours/semaines et que j’ai déjà lu un cas de remboursement de Windows plus souple.
On m’explique que ce n’est pas du ressort du service commercial mais du service client. Ah bon. On me remet en transfert. Il est 17h50, ça sent le sapin.

Service client Dell (acte 3) : 18h05, l’attente se termine par des bips continus dans le combiné. On vient de me raccrocher au nez. Le support téléphonique se termine à 18h00.

Gros carton rouge pour Dell à ce niveau. La validation de l’achat implique l’acceptation de tout ce que souhaite Dell et c’est particulièrement malsain. Surtout dans la mesure où l’écran de Windows m’indique simplement de téléphoner au service client.

En clair, on a le droit de ne pas avoir d’ordinateur sans qu’on nous force la main du système d’exploitation mais on doit se battre et ramer pendant des mois pour ça. À côté de ça on nous rabat les oreilles de piratage, de pouvoir d’achat et de crise mais je me dis qu’au final, entuber les consommateurs ça rapporte quand même pas mal.

Les lois DADVSI, Olivennes et cie ça gonfle. Pas étonnant que le Parti Pirate triomphe en Suède.

Ubuntu «Intrepid Ibex» 64 bits

Clavier rétro-éclairé

Ce nouveau PC était l’occasion de passer dans le monde des systèmes d’exploitation 64 bits. J’ai installé Ubuntu 8.10 dit Intrepid Ibex depuis le Live CD 64 bits et en toute honnêteté, je n’ai eu de problème à aucun moment. Tout a été très fluide … comme en version 32 bits.
Vu l’augmentation de matériel, forcément tout répondait plus vite donc difficile de dire s’il y a des gains notables. J’imagine qu’oui et même si c’est pas le cas … je m’en fiche ?

La documentation francophone Ubuntu sur le Dell Studio confirme ces dires : ça fonctionne au poil.
J’ai cependant rencontré 2-3 problèmes à l’instar d’un autre utilisateur :

• Gears n’est pas supporté sous Linux en 64 bits (y’a bien un patch qui marche mais je considère que c’est toujours un problème)
• sur batterie seulement, quand on joue avec la luminosité de l’écran, je ne peux plus saisir de caractères (mais les raccourcis clavier fonctionnent, eux)
• avec les effets graphiques compiz activés, ça clignote de partout quand je regarde une vidéo avec VLC ou Totem ; faut désactiver les effets temporairement

Rien de bien méchant d’autant plus que ça sera sûrement corrigé dans un futur plus ou moins proche.

Conclusion

Difficile de cacher ma satisfaction avec ce Dell Studio 17 : c’est un bon produit, rapide, performant et agréable à l’œil. Le clavier est très confortable et je prends davantage de plaisir à écrire des articles ou à tapoter sous Eclipse qu’avant. Forcément quand tout répond rapidement …

Je regrette juste l’épisode remboursement de Windows Vista même si je m’attendais au résultat. C’est le seul reproche que j’ai à faire à Dell sur ce produit. On pourrait le tenir à d’autres mais en l’occurence, c’est avec eux que je l’ai eu.

Je suis également satisfait du passage en 64 bits. Mis à part Gears, tous les autres logiciels que j’utilise fonctionnent du premier coup.
À noter cependant que pour des paquets compilés pour des architectures 32 bits, il faudra obligatoirement passer par le Terminal. À quand la détection intégrée dans GDebi ?

À mon avis le Dell Studio remplit son rôle : c’est très bien pour du développeur, c’est très bien pour des amateurs de grand écran et le LED, c’est bon pour les yeux !

Articles relatifs

• Installation du module Bluetooth sur un portable Acer (34 commentaires)
• Hasta la Vista … (3 commentaires)
• Ubuntu 7.04 : configurer les effets graphiques (4 commentaires)
• Sus aux disques durs : sauvegarder ses données avec Amazon S3 et JungleDisk (23 commentaires)
• REnouveau : Reverse Engineer nouveau (6 commentaires)

Il existe cependant une méthode alternative reposant sur Subversion (SVN). C’est la méthode idéale pour tout développeur Wordpress ou gestionnaire de blogs. C’est celle que j’emploie depuis la version 2.6 grâce notamment à la constante WP_CONTENT.

Explications et application concrète.

Avant toute chose, sachez que ce tutorial est optimisé pour les personnes qui versionnent entièrement leur projet. Il n’est pas question ici d’avoir une arborescence libre et de procéder à des checkout un peu partout. C’est possible mais pas du plus grand intérêt.

L’avantage évident ici est de pouvoir déployer son blog n’importe où en un rien de temps.

Structure des fichiers

Installer Wordpress en tant que dépendance SVN revient à mélanger 2 techniques :

• Installer Wordpress dans son propre répertoire
  
• Installer Wordpress proprement depuis SVN

Je suis pénible donc je n’ai pas spécialement envie de modifier un fichier core ou autre chose que wp-config.php. Tout le contraire de ce qu’indique la première méthode.

La seconde explication m’a toutefois posé légèrement problème puisqu’un peu brutale et posant soucis chez OVH.

Celles et ceux qui voient la capture d’écran ci-dessus peuvent constater que tout Wordpress a été déplacé dans un sous-répertoire wordpress au même niveau que wp-content.
On ne garde à la racine que le fichier .htaccess et wp-config.php.

Sur le répertoire racine, j’ai appliqué ces propriétés pour Wordpress 2.7 :

• svn:ignore :
  

  wp-config.php

• svn:externals :
  

  wordpress http://svn.automattic.com/wordpress/branches/2.7

Je ne versionne volontairement pas le fichier wp-config.php car c’est le seul fichier susceptible de changer d’une instance à une autre. Je le récupère depuis wordpress/wp-config-sample.php et je le personnalise selon mes besoins.
Et puis versionner des mots de passe … qui y tient ?

Configuration

Après cette restructuration, on aura toutefois besoin de configurer 2-3 bricoles. Vraiment rien de méchant promis.

Le .htaccess

Voici ma configuration. Elle peut être aisément déportée dans votre déclaration de Virtual Host pour des raisons de performance. Sur un serveur mutualisé vous n’avez en général pas accès à ce dernier type de configuration.

<IfModule mod_rewrite.c>
Options -Multiviews -Indexes +FollowSymlinks
RewriteEngine On
RewriteBase /

# Moving to dependency
RewriteRule ^(index.php|wp-[a-z0-9-]+\.php|xmlrpc.php)?$ wordpress/$1 [L]
RewriteRule ^(wp-admin|wp-includes)/(.*)$ wordpress/$1/$2 [QSA,L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . wordpress/index.php [L]
</IfModule>

# BEGIN WordPress
# END WordPress

Ce fichier est très inspiré de la configuration SVN proposée sur le Codex Wordpress. Seulement voilà, cette renvoie tout sur index.php … et omet ainsi tous les accès aux fichiers situés à la racine, avec entre autre :

• wp-cron.php
• wp-link-opml.php
• wp-trackback.php
• xmlrpc.php

Je vous fais grâce des contrôleurs de flux (Atom, RSS & cie) et des appels en directs à index.php effectués par certains plugins.

Donc non on ne peut pas vraiment se passer de ces fichiers. D’où ces 2 règles :

• RewriteRule ^(index.php|wp-[a-z0-9-]+\.php|xmlrpc.php)?$ wordpress/$1 [L]
  

  On capte tous les fichiers PHP (les contrôleurs) originellement situés à la racine de Wordpress.

• RewriteRule ^(wp-admin|wp-includes)/(.*)$ wordpress/$1/$2 [QSA,L]

  Et là c’est pour le confort de conserver les adresses initiales … mais aussi pour éviter de modifier un bout de paramétrage dans l’admin. Le jour où vous décidez de rebasculer à l’ancien système, ça se fera sans douleur

Enfin, pourquoi avoir poussé les commentaires Wordpress vers le bas ? Tout simplement pour éviter que nos règles personnalisées soient écrasées par Wordpress lors d’une mise à jour des permaliens. Nos règles primeront toujours ainsi.

Le fichier wp-config.php

Dans le fichier wp-config.php, nous n’allons rien modifier. Nous allons juste ajouter forcer 2 paramètres. Ils indiqueront à Wordpress où se trouve le véritable répertoire wp-content (renommable mais je ne jouerai pas avec).

Le blog

Bon j’ai menti un peu toute à l’heure en indiquant qu’on ne toucherait qu’à wp-config.php. Cependant la modification est on ne peut plus mineure et ne concerne que l’upload de medias.

En effet si on ne touche pas à l’emplacement des fichiers envoyés, Wordpress considère qu’ils sont uploadés dans wordpress/wp-content/uploads. C’est fort gênant mais heureusement, en préfixant le chemin par ../ ou en tapant un chemin absolu tout rentrera dans l’ordre.

À noter qu’il s’agit du seul paramétrage hors d’un fichier. Si j’avais pu m’en passer je l’aurais fait.

Dépendance SVN pour la traduction

C’est en tombant sur un autre article traitant de svn:externals pour Wordpress que j’ai été interpelé sur la prise en charge des langues via SVN également.
Le système n’est pas parfait puisqu’on ne peut gérer qu’une seule langue par ce biais là. Ça ne conviendra donc pas aux blogs multilingues.

La technique consiste à transformer wp-content/languages en svn:externals.
Ça donnerait ceci pour la version française de Wordpress 2.7, au niveau du svn:externals du répertoire wp-content :

languages http://svn.automattic.com/wordpress-i18n/fr_FR/branches/2.7/messages/

Simple et efficace mais ça reste encore de la bricole.

Cas particulier : plugins et i18n

Je vous expose le problème mais malheureusement vous ne pourrez pas y faire grand chose. Par contre ami développeurs, pour rendre votre code de plugin 100% portable, merci de prendre note

Le chargement des traductions s’effectue à l’aide de la fonction load_plugin_textdomain(). Elle prenait seulement 2 paramètres jusqu’à l’arrivée de Wordpress 2.6. Ça n’a pas été crié sur les toits mais elle prend désormais 3 … et c’est du 3ème argument qu’il faut utiliser désormais :

1. $domain : l’espace de nom des traduction (inchangé)
2. $abs_rel_path : chemin relatif par rapport à l’emplacement de Wordpress (déprécié, on y mettait PLUGINDIR.'/'.dirname(plugin_basename(__FILE__)) en général)
3. $plugin_rel_path :  chemin relatif par rapport à l’emplacement des plugins (c’est qui nous intéresse ; dirname(plugin_basename(__FILE__)) nous suffira désormais)

Vous trouverez un exemple sur le Codex, du côté de l’internationalisation des plugins.
Un exemple de code pérenne :

load_plugin_textdomain('votreplugin', dirname(plugin_basename(__FILE__)), dirname(plugin_basename(__FILE__)));

Et si jamais vous utilisez votre plugin en lien symbolique ça ne fonctionnera pas … mais on s’éloigne du sujet

Et pour Wordpress Mu ?

Je ne m’attarderai pas dessus mais les manipulations sont sensiblement les mêmes. Je n’ai pas encore eu l’occasion d’essayer mais j’ose imaginer qu’il n’y a pas tant de différences que ça

Conclusion

Le jour où vous souhaitez migrer vers une autre version majeure de Wordpress, c’est simple : il suffit de changer les externals vers le tag adéquat.

Pourquoi ne pas utiliser le trunk directement me demanderez-vous ? Le trunk de Wordpress est plutôt instable puisque c’est là que se construit la prochaine version de manière systématique. L’utilisation des branches permet de bénéficier des correctifs sans avoir à modifier le moindre external.
Si vous avez un grand besoin de stabilité, alors utilisez les tags qui sont en principe figés.

On remarquera aussi que malgré son âge, Wordpress commence à peine à proposer des solutions d’industrialisation.
Les liens symboliques sont en effet très mal gérés. Tentez d’utiliser un seul répertoire source pour plusieurs blogs avec des liens symboliques et tout s’effondre.

La preuve en est aussi avec le manque de ressources disponibles sur le Web et traitant ce sujet. Ça m’étonnerait d’être le premier à vouloir déployer du Wordpress via SVN.
Les choses s’améliorent mais pour le côté code is poetry, on en est encore loin.

Articles relatifs

• Utilisation de variables dans MySQL (9 commentaires)
• Tableau auto-extensible en JavaScript (17 commentaires)
• Livre blanc sur les frameworks PHP : présentation et explications (10 commentaires)
• Conventions de programmation : la nécessaire maturité (19 commentaires)
• Configuration d’Apache, MySQL et PHP à base de liens symboliques (12 commentaires)

J’ai déjà expliqué comment modifier l’emplacement des données d’un serveur MySQL mais cette fois-ci on va aller encore plus loin :

• on ne va pas toucher aux fichiers de configuration par défaut
• on va pouvoir conserver toute notre configuration sur une partition séparée
• on va être tranquille pour les éventuelles futures réinstallations

C’est pas très compliqué à mettre en œuvre et au final, tout le monde y gagne !

Organisation du répertoire /home

Le titre de l’article le suggère bien, cet article se consacre à la configuration des serveurs et programmes suivants :

• Apache 2
• PHP 5
• MySQL 5
• AppArmor (installé et activé par défaut depuis Ubuntu 8.04)

Pour des raisons évidentes de facilité, j’ai donc créé un répertoire qui rassemble toutes mes configurations spécifiques. En voici son arborescence :

• ~/config
  • /apache2
    • sites-available
      • 000-default-custom
      • local.monprojet.com
      • etc.
  • /apparmor
    • usr.sbin.mysqld-custom
  • /mysql
    • my-custom.cnf
  • /php5
    • php-custom.ini

Nous écrirons dans ces fichiers uniquement les points de configuration que l’on souhaite adapter. C’est plus simple à maintenir. Qui plus est, si les fichiers de configuration sont mis à jour par leur serveur respectif, nos fichiers resteront à l’abri.

Un des moto de Debian c’est la configuration à base de fichiers. Vous trouverez régulièrement des répertoires ayant un nom suivant le motif application.d. Donc plutôt que d’avoir 1 seul fichier de configuration, on a 1 fichier initial plus des configurations additionnelles dans ces fameux répertoires “.d”.

Configuration d’Apache

Pour Apache la démarche est la suivante :

1. créer les Virtual Host dans son répertoire personnel
2. lier les fichiers dans sites-available
3. activer les sites à l’aide de la commande a2ensite
4. recharger Apache

La seule étape par rapport à d’habitude c’est qu’on ne crée par les Virtual Host directement dans /etc/apache2/sites-available et qu’on les lie depuis notre répertoire personnel.
Admettons que je souhaite créer un Virtual Host pour une instance locale de mon blog. Je vais procéder ainsi :

1. gedit ~/conf/apache2/sites-available/local.case.oncle-tom.net
   J’y ai placé une configuration somme toute minimaliste :

   <VirtualHost *:80>
   ServerName local.case.oncle-tom.net
   DocumentRoot /home/oncletom/workspace/case.oncle-tom.net
   ErrorLog /var/log/apache2/error.case.oncle-tom.net.log
   LogLevel warn
   CustomLog /var/log/apache2/access.case.oncle-tom.net.log combined
   ServerSignature On
   </VirtualHost>

2. sudo ln -s ~/conf/apache2/sites-available/local.case.oncle-tom.net /etc/apache2/sites-available/local.case.oncle-tom.net
3. sudo a2ensite local.case.oncle-tom.net
4. sudo service apache2 reload

On se fendra de l’ajout d’un hôte local dans le fichiers hosts pour coller au plus près à l’instance de production. Toutefois je ne connais pas d’autre moyen que de modifier le fichier d’origine :-/ Si vous avez une solution je suis preneur.

Configuration de MySQL

Pour MySQL c’est un peu plus compliqué car on va également en profiter pour déplacer l’emplacement par défaut des données. Pourquoi ? Pour les placer sur une partition qui ne craindra pas les formattages et les réinstallation système.
Si vous aviez déjà suivi ma procédure de déplacement des données MySQL : oubliez là. Celle-ci est largement plus aboutie.

Avant de se jeter à corps perdu dans les manipulations, voici la démarche entreprise :

1. créer le fichier de configuration MySQL
2. créer le répertoire qui accueillera les données MySQL
3. lier la base mysql d’origine
4. modifier la configuration d’AppArmor
5. recharger la configuration des serveurs AppArmor et MySQL

C’est déjà un peu plus long mais là encore, il n’y a pas grand chose à faire en fin de compte :

1. gedit ~/conf/mysql/my-custom.cnf
   On y indique le nouvel emplacement de ses données MySQL :

   [mysqld]
   datadir            = /home/oncletom/Apps/mysql

2. mkdir /home/oncletom/Apps/mysql
   sudo chown mysql:mysql /home/oncletom/Apps/mysql
3. ln -s /var/lib/mysql/mysql /home/oncletom/Apps/mysql/mysql
4. sudo gedit /etc/apparmor.d/usr.bin.mysql
   J’y ai remplacé

   /var/lib/mysql/ r,
   /var/lib/mysql/** rwk,

   par l’ancien chemin + le nouvel emplacement des données MySQL

   /var/lib/mysql/ r,
   /var/lib/mysql/** rwk,
   /home/oncletom/Apps/mysql/ r,
   /home/oncletom/Apps/mysql/** rwk,

5. sudo service apparmor reload && sudo service mysql reload

Si vous avez bien suivi toutes mes explications, vous vous demanderez pourquoi j’ai modifié le profil existant de MySQL dans AppArmor au lieu de lier un nouveau profil ?
Je me suis rendu compte qu’au démarrage de l’OS, AppArmor ne chargeait pas le profil personnalisé et bloquait le démarrage de MySQL. J’ai créé un sujet sur Ubuntu Forums après une lecture de la documentation AppArmor mais pas de nouvelles. Là aussi je suis preneur car en relançant les serveurs à la main, tout fonctionne.

Ensuite à vous de repeupler vos bases de données à partir d’un dump. Si vous procédez à un déplacement des répertoires, n’oubliez pas de tout préserver : propriétaire et permissions ! Ça se passe avec l’option -a de cp par exemple.

Configuration de PHP

Fort heureusement pour PHP c’est plus simple puisqu’il n’y a qu’un seul petit lien symbolique à faire.
À noter que la configuration modifiée sera répercutée sur toutes les configurations de PHP, que ça soit pour Apache, en CLI ou CGI.

1. gedit ~/conf/php/my-custom.ini
   J’ai ai mis par exemple :

   memory_limit = 64M

2. sudo ln -s ~/conf/php/my-custom.ini /etc/php5/conf.d/my-custom.ini

Et voilà c’est tout pour PHP. Il faut bien entendu recharger votre serveur Web (Apache ou Lighttpd par exemple) pour qu’ils prennent en compte la modification.

Conclusion

J’ai déjà appliqué cette méthode par 2 fois et que dire si ce n’est que tout va plus vite ainsi !
Vos fichiers de configuration restent accessibles depuis votre gestionnaire de fichiers (pas besoin de passer en sudo pour sauvegarder les changements). Ils sont préservés de toute réinstallation impromptue.

Vous ne touchez que de manière minimaliste aux fichiers de configuration d’origine :

• /etc/hosts pour ajouter un nom d’hôte (utile seulement si vous ne souhaitez pas utiliser localhost)
• /etc/apparmor.d/usr.bin.mysql pour la raison évoquée plus haut … sinon on s’en serait passé

J’ai cherché à faire pareil avec phpmyadmin mais il ne semble pas y avoir de mécanisme de ce type. Dommage.

J’imagine qu’il doit y avoir des moyens similaires avec d’autres serveurs et d’autres langages. Vous procédez à un reparamétrage systématique ou bien vous utilisez une technique de ce genre ?

Articles relatifs

• Modifier l’emplacement des données d’un serveur MySQL (32 commentaires)
• colorblind-applet : des filtres pour daltonien sous Linux (5 commentaires)
• Wordpress en tant que dépendance SVN (7 commentaires)
• Ubuntu 7.04 : configurer les effets graphiques (4 commentaires)
• REnouveau : Reverse Engineer nouveau (6 commentaires)

Viadeo est un réseau social pour professionnels. Il sert entre autre à organiser son réseau professionnel en ligne et à augmenter les opportunités de business.

Pourtant j’ai supprimé mon profil Viadeo en septembre 2008 pour diverses raisons. Dont celle de la sécurité. Pourquoi ? Et comment remplacer Viadeo pour réseauter ?

Développer son identité professionnelle via les réseaux sociaux

Aujourd’hui il faut exister sur Internet, à plus forte raison quand on est un professionnel. Surtout du Web. Quand je suis contacté par une personne que je ne connais pas, mon réflexe est de chercher dans Google, Facebook, LinkedIn et Spock.
Ça me fait toujours drôle de ne pas trouver un seul résultat : la personne qui me contacte n’a vraiment aucune activité sur Internet ? J’ai peine à croire que non.

Si l’on ne dispose pas d’un blog ou d’une page personnelle exprimant nos idées, une présence sur un réseau social professionnel (ou pas) apporte au moins ça :

• une présence en ligne (on vous cherche … on vous trouve)
• une vision élargie et une proximité de votre réseau
• un accès aux “amis de vos amis” (excellente source de recrutement)
• un potentiel d’affaires supplémentaire

Mettre à jour un statut ça paraît bête mais vous poussez cette information à tout votre réseau. Ce même réseau le réceptionnera et sera capable de rebondir dessus, surtout s’il s’agit de recrutement. C’est du statut à oreille au lieu du classique bouche à oreille.
Twitter est excellent de ce point de vue là, en plus d’être un excellent relais d’information.

Connaissances, partagées ou non

Les raisons d’une suppression

Malgré toutes les qualités que pouvait avoir Viadeo, j’ai supprimé mon profil pour 2 raisons :

• le stockage des mots de passe en clair (merci à Nico pour l’info d’ailleurs)
• l’omniprésence des publicités incitant à devenir membre premium
• cette sensation de grand bazar et d’interface rigide

L’envoi du mot de passe existant dans sa boîte mail n’est pas rassurant. Cela signifie qu’il n’est pas ou peu protégé : soit il est stocké en clair, soit il est chiffré mais quelque part se trouve la clé permettant d’inverser le processus. Un bien bel artifice.

Le problème ? Une fuite de données ou une intrusion chez Viadeo et ce sont des millions de mot de passe qui sont récupérés.
Et combien de personnes utilisent le même email et le même mot de passe sur plusieurs services ? Beaucoup.

Si jamais vous doutiez de la possibilité d’une telle chose, je vous renvoie aux brillantes actualités de la fuite des données de recherche de 650 000 utilisateurs d’AOL ou encore de la perte des 3500 mots de passes FTP de l’hébergeur DreamHost.
Alors si intrusion il y a, tant qu’à faire, autant ne pas y perdre plus qu’un compte …

Je passe ensuite sur les 2 autres points puisque c’est purement subjectif. Toutefois quand on me force trop la main, pour peu que je n’y vois pas l’intérêt, j’inverse les vapeurs. Je m’en vais.

Statistiques géographiques de LinkedIn

La solution LinkedIn

Je dispose d’un profil LinkedIn depuis 1 an et demi. Je n’ai jamais rien eu à reprocher à LinkedIn :

• interface très propre
• le côté premium pas envahissant pour 2 sous
• ça respire la qualité

Forcément ça fait plus “pro”. Ceci dit, je trouvais qu’il manquait une interface en français pour attirer des professionnels français … en dehors des éternels early adopters.
J’ai décalé la sortie de ce billet d’une semaine et coïncidence, LinkedIn annonce une version française. Comme quoi …

Ils ont été très malins puisqu’en plus de la langue française, on peut afficher son profil en plusieurs langues ! Idéal pour disposer d’un profil français ET anglais en même temps. Les personnes ayant des contacts en dehors de leur pays de résidence apprécieront cette fonctionnalité.

Les groupes sont moins fouillis, moins sujets à spam et plus faciles à naviguer. Ils font davantage recours à des échanges d’expertise que de l’autopromotion (Viadeo).

Je vais être dur mais je ne plus ce qui retient les gens sur Viadeo. Ça fera peut-être un effet Twitter : les gens restent malgré les pannes et le manque de fonctionnalité car c’est là où sont tous leurs contacts mais j’en doute fortement.

Groupe d'utilisateurs sur LinkedIn

Articles relatifs

• Comment j’ai préparé et optimisé ma recherche d’emploi (13 commentaires)
• Twitter, la mini-messagerie (6 commentaires)
• Second Life + Avenir = Désir (7 commentaires)
• Netvibes Ginger : bien mais pas top (5 commentaires)
• Last.fm, social music revolution (0 commentaires)

J’ai eu peur il y a 2 semaines en arrivant à Paris-Web 2008 : en discutant avec plusieurs personnes, il se trouve que peu d’entre elles connaissaient les frameworks CSS. Je craignais de n’attirer personne avec ce sujet lors des ateliers du samedi.

Les frameworks CSS ont été mentionnés la première fois dans la conférence Working in the Now (visualiser la présentation). Au final, on n’était pas loin de faire salle comble avec plus d’une vingtaine de participants à vue de nez.

Une petite scéance de rattrapage s’impose

Pourquoi avoir choisi ce sujet ?

J’ai lu un article sur l’importance du rythme vertical l’an dernier sur Biologeek et ça m’a sensibilisé au fait qu’on pouvait rendre la lecture d’un site tout simplement en rendant prédictible la position du texte.

Entre temps j’ai également lu l’excellent Transcender CSS d’Andy Clarke. J’y ai été sublimé par des présentations de sites totalement en grille.

Depuis je suis devenu fan de Blueprint CSS (je crois que ça s’est remarqué lors de mon intervention ;-)). J’ai commencé à l’utiliser sur des projets personnels puis dans un cadre professionnel. J’utilisais déjà symfony comme framework PHP et jQuery comme framework JavaScript alors pourquoi pas Blueprint ?

Comme le suggérait très justement Christian Heilmann dans sa présentation, l’utilisation d’outils déjà existants est nécessaire pour réduire les coûts de production. C’était déjà un bon alibi mais je les apprécie aussi parce qu’on gagne un temps fou ! On se concentre sur le code métier, pas le reste.

La présentation

Je n’en dis pas plus, je vous laisse lire la présentation. Ayez toutefois en tête qu’en vrai elle dure facilement 1h.

Ce qu’il faut en retenir

J’ai rencontré 2 types de réactions lorsque j’ai parlé des frameworks : les enthousiastes et les réfractaires.

Je ne reviens pas sur les enthousiastes : il suffit de lire ma présentation. Les atouts les ont clairement séduit.
Je m’intéresserai plutôt aux réfractaires. Assez paradoxalement, ce n’est pas dans la salle que je les ai eu mais en dehors. Les principaux arguments étaient :

• ça rajoute des kilo-octets superflus
• on perd le contrôle de notre code
• j’utilise déjà le mini-framework d’un collègue ou qui existait dans mon entreprise avant que j’arrive

Ces arguments sont tout à fait acceptables … mais ça dépend dans quel contexte.

Exemple de mise en forme en grille

Les sites à la recherche de performances exceptionnelles, ceux pour qui un Ko supprimé économise plusieurs Go de bande-passante par jour … oui ceux-là ont un grand intérêt à réfléchir à l’adoption d’un framework, aussi compressé qu’il soit.
Je ne me fais pas de soucis pour eux : en général ils ont leur propre framework, totalement adapté à leur besoin. Cependant ça n’empêche pas d’aller prendre des idées ailleurs et de découvrir de nouveaux concepts. Puis de les intégrer.

Lorsqu’on adopte un outil de développement rapide (RAD), la conception ne se fait plus par rapport à nos habitudes mais par rapport à des principes établis. On ne fait plus forcément comme on veut mais les meilleurs frameworks disposent de fonctionnalités répondant à cette problématique. Le compressor de Blueprint en est un parfait exemple.
Il permet de construire une version de Blueprint adaptée à son besoin, inclut des feuilles de notre choix et compresse le tout en un seul fichier prêt à la mise en production.

Maintenant l’avantage d’un framework c’est qu’une communauté ou un groupe de personnes compétentes en ont la gestion. Ces mainteneurs produisent une documentation, des spécifications et un code suffisamment compréhensible à lire. Ce n’est pas forcément le cas de Joe le développeur à qui on aura demandé 36 choses en même temps.
Je fais davantage confiance à un outil éprouvé avec succès sur des milliers de projets qu’un outil développé sur un coin de bureau, malgré toute la bonne volonté de son concepteur.
C’est également un risque certes mais un bon outil délaissé aura tout de même le mérite de fonctionner … et d’avoir davantage de chances de trouver un repreneur.

Une remarque intéressante a également émergé de l’atelier : faut-il utiliser un framework CSS avant ou après que la créa graphique ait été établie ?
Je réitère ma réponse : l’idéal est que tout soit pris en charge le plus tôt possible. Autrement dit, intégrer les contraintes du framework dès la conception graphique est un gros atout. Le découpage de la maquette n’en sera que facilité et ça évitera tout bricolage.
Certains outils l’ont d’ailleurs bien compris en proposant des supports pour graphistes au format PSD, Visio, Fireworks etc.

Feuilles de dessin pour 960 Grid System

Conclusion

Quoiqu’il en soit, les frameworks CSS sont à mon avis promis à un bel avenir dès lors que les critères d’industrialisation auront débarqué au sein des agences Web.

Aujourd’hui une petite agence a tout à gagner à maîtriser de tels outils et à annoncer qu’elle développera mieux, plus vite et moins cher. Le prix ne fait pas tout : ce sont les outils et la qualité du développement. Tous les frameworks cités sont également des logiciels libres.

J’espère que cet aperçu rapide aura ouvert les yeux à certains d’entre vous. Je suis preneur de vos retours, surtout en entreprise. Ça vaut également pour celles et ceux qui ne sont toujours pas convaincu de l’intérêt des frameworks CSS

Remarque : il y avait 2 ateliers complémentaires à Paris-Web :

• Optimiser ses CSS
• Cascade et héritage : concevoir, organiser, optimiser et maintenir ses feuilles de style

Articles relatifs

• Emu Nova 2.1 : coulisses d’une refonte ergonomique et visuelle (5 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Mise à jour automatique d’une feuille de style CSS dans le navigateur Web (0 commentaires)
• Microformats : comment microformater du contenu déjà existant ? (2 commentaires)
• Conventions de programmation : la nécessaire maturité (19 commentaires)

J’ai enfin pu assister à mon premier Paris-Web à Paris du 13 au 15 novembres 2008 inclus. C’était bien, très bien mais que dis-je : excellent ! J’ai rarement eu aussi peu envie de rentrer chez moi après cette multitude de rencontres dans un état d’esprit des plus respectueux.

Y’a même pas de troll pendant la conférence Internet Explorer 8, c’est dire.

Les conférences en quelques mots

Les conférences de Paris-Web 2008 étaient réparties du jeudi au vendredi. Je souhaitais intituler cette partie “mes conférences préférées” mais en faisant le décompte, j’en citerais au moins 75% :

• Qualité et accessibilité Web : vers l’amélioration continue
• Travailler dans le présent
• Accessibilité, des volontaires ?
• Internationalisation
• La mode se démode, le <style> jamais
• Identité 2.0 et Web sémantique
• IE8 et les standards du Web
• Performances côté client

Stéphane Deschamps

Ce qu’il faut retenir c’est que désormais, nous sommes dans une époque où nombre d’outils sont à notre disposition. Il faut maximiser l’utilisation d’outils déjà existants et s’en servir pour bâtir nos applications, interfaces et présentations.

Il faut également qu’on en finisse avec notre approche trop technique et intégriste de travailleurs du Web : le client se fiche éperdument de la techno employée ou de la fonctionnalité en elle-même. Ce qui compte c’est ce qu’elle apporte ainsi que le résultat final.
Bien entendu, si la solution employée tient compte des performances et est facile à mettre en œuvre, c’en n’est que mieux.

Élie me faisait la remarque : il faut vendre de la qualité et pas de l’accessibilité. Il faut vendre un site qui rassure et guide le client. Si le site n’est déjà pas adapté aux individus sans déficiences, à quoi bon s’acharner à le rendre accessible ?
Mieux vaut beaucoup de sites accessibles à 60% qu’une infime proportion de sites accessibles à 99%.

Bon nombre de conseils sur l’optimisation des sites Web étaient déjà cités dans l’excellentissime livre High Performances Websites. L’équipe Exceptional Performance de Yahoo! s’est toutefois penchée à fond sur l’optimisation des images.
J’y reviendrai d’ailleurs car j’ai découvert pngnq et pngcrush. Ces 2 programmes sont d’une utilité redoutable pour compresser et optimiser vos PNG, notamment pour faciliter la transparence IE6 sans douleur.

Chris Wilson

On terminera également avec une perspective du futur.
Daniel Glazman a fait un show exceptionnel sur les nouveautés de CSS3 avec tout plein de bonnes choses. J’ai vraiment hâte qu’on puisse jouer avec … peut-être dans pas si longtemps que ça vu que les navigateurs intègrent ces nouveautés par anticipation.

De son côté, Chris Wilson (qui faisait déjà partie de l’équipe de développement de Mozaïc) a abordé les standards et Internet Explorer 8. En toute honnêteté, j’admire la bravoure de cet homme “seul” face à une assemblée pro-standards qui passe sa journée à jeter des cailloux sur Internet Explorer.
Pour avoir un peu discuté avec lui après coup, il représente une chance exceptionnelle d’enfin avoir Internet Explorer au niveau des autres navigateurs.

Si fonctionnellement je me fiche éperdument du navigateur puisque je ne l’utiliserai plus, le monde a tout à gagner à avoir un navigateur de plus à respecter les standards.
Bon courage à Chris car ça ne doit pas être évident tous les jours pour lui. Je n’ose pas imaginer les montages qu’il a dû déplacer pour imposer ce choix du respect.

Du côté des ateliers

Le samedi c’était ateliers : 2 sessions le matin et 2 l’après-midi. Je me suis d’ailleurs vite retrouvé avec des choix cornéliens puisque pour chaque horaire, il y avait 5 sujets qui se faisaient concurrence.

J’ai pour ma part assisté à :

• Rédaction Web et référencement naturel
• Validation avancée des formulaires
• Développement efficace avec les frameworks CSS
• RDFa vs Microformats

La rédaction Web était intéressante même si je n’ai pas appris grand chose et j’en profitais pour terminer mes slides. Vous retrouverez tout le contenu de cette présentation dans le livre l’écrit Web.

La validation avancée des formulaires partait d’un bon principe mais s’enfonçait inutilement dans certaines parties. À mon avis, expliquer chaque fonction (y compris celles du DOM) était une perte de temps.
Conseil : charger ses slides ne rend pas pour autant l’information digeste. C’est pas un document Word.
C’était néanmoins intéressant pour le raisonnement et la satisfaction de mettre en place son propre validateur. Toutefois en production autant utiliser de l’existant. Il y a des plugins pour tous les bons frameworks JavaScript qui se respectent.

Je passe sur l’atelier des frameworks CSS puisque je l’animais. J’y reviendrai dans un prochain article pour appuyer ma présentation et fournir des explications à ceux qui n’ont pas pu y assister.
J’étais en revanche étonné qu’ils soient si peu connus. J’ai par contre été enchanté de les voir cités à plusieurs reprises dans mes conférences préférées

Rien à redire sur RDFa vs. Microformats même si on aurait pu éjecter les microformats rapidements et plonger encore plus loin dans la pratique de RDFa. Ça sera prétexte à une suite plus technique l’an prochain

La sublime Amélie Boucher

Sans oublier les gens !

Paris-Web c’est aussi l’occasion de rencontrer la moitié de son aggrégateur et de ses followers Twitter

Et Dieu sait s’il y avait tout un tas de pointures du Web à notre disposition dans une ambiance exceptionnellement cordiale :

• Sophie Major, big boss du Yahoo! Developer Network
• Nicole Sullivan, de l’équipe Yahoo! Exceptional Performance
• Christian Heilmann et son incroyable bonne humeur pragmatique ; je suis fan !
• Daniel Glazman, du CSS Working Group ; franc, direct et j’aime ça
• Sans oublier pêle-mêle Than, Sébastien Delorme, Monique, La Lène, Amélie Boucher, Hellgy, Raphaël Goetter, Fabrice Bonny, François Hodierne, Xavier Borderie … et en oubliant très certainement plein d’autres :’(
• Et d’excellentes découvertes : Anthony Ricaud, Mathieu Pillard et toute l’équipe Paris-Web !

La brochette des meilleurs !

Conclusion

Bref, Paris-Web c’est bien. Tellement bien que l’attente de l’édition 2009 me paraît déjà insoutenable !

Je ne regrette au final qu’une chose : 3 jours ça paraît long mais ça passe teeeeeeeeeeeeellement vite en compagnie de personnes de qualité avec un programme chargé.
J’ai essayé de discuter avec un maximum de personnes, que je connaissais ou pas, mais des fois c’est très insuffisant.

Les tables rondes étaient également exceptionnelles … désolé ça frise le billet sponsorisé mais il est difficile de ne pas déborder d’enthousiasme après un tel évènement.

C’est l’effet Paris-Web. Rendez-vous est pris.

Articles relatifs

• Mes rendez-vous d’octobre/novembre : Web2, Paris-Web & cie (4 commentaires)
• Développement efficace avec les frameworks CSS (22 commentaires)
• Webdeux.connect 2.0, les 400 coups du réseau (8 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Sites Web : les bonnes pratiques (12 commentaires)