En France, on ne sait pas trop en fin de compte. L’IFOP parlait de 2% des internautes français (~ 760 000 utilisateurs) mais j’ai vraiment peine à croire que le nombre soit aussi élevé. En 2009 ce service était considéré comme nouveau dans notre contrée. En 2010 on se pose encore les mêmes questions : faut-il utiliser Twitter ? À quoi ça sert ?

Condamné à Twitter

En décembre dernier, j’étais interpelé par la condamnation d’un joueur américain de basket-ball à payer 7 500$ d’amende pour avoir tweeté un peu trop rapidement sa joie. Il s’ensuivit une interdiction aux joueurs de diffuser des informations sur Twitter avant la fin des conférences de presse post-match, entre autre.
Un bon moyen de verrouiller la diffusion de l’information et de laisser la communication aux communicants.

Récemment, en France cette fois-ci, c’est Sébastien Chabal qui a grillé le service presse du XV de France de rugby et provoqué une situation similaire, à l’amende près.
Autrement dit, si les joueurs sont les vitrines de marque des clubs, faudrait pas qu’ils parlent.

Twitter − le court-circuit de l’information

Sur le fond, on peut comprendre les réactions des dirigeants : de nouveaux canaux de communication se sont adjoints aux canaux traditionnels. Ils ne sont pas régulés et causent du tort à la diffusion classique et contrôlée de l’information. Les journalistes ont normalement la formulation et le recul nécessaire qu’un « simple » sportif n’aurait pas. Le tort viendrait de plusieurs points :

• un non-communicant court-circuite le travail d’un communicant
• l’information peut-être trop brute et sujette à mauvaise interprétation de la part du public
• le timing de diffusion de l’information peut ébranler des fondations pas (encore) préparées à encaisser le choc

Bien que véridique, l’information doit-elle être diffusée ? Si on arrête la réflexion ici, Twitter e**erde le monde et oui, il faudrait se contenir.

Twitter − le dérégulateur de l’information

Pourtant avec le recul, j’étais bien content de suivre les troubles de l’élection présidentielle en Iran en 2009 via Twitter. Il aura fallu attendre 2 jours de plus pour obtenir une information cohérente en provenance des médias traditionnels. Les iraniens auraient-ils dû pour autant attendre sagement que les journalistes veuillent bien considérer leur sort avant de prendre la parole ?

Twitter a également servi de fort relais de transmission d’information pendant la houleuse procédure de vote pour l’adoption d’Hadopi, Hadopi, Lopsi et maintenant ACTA. Je pense que je n’ai jamais eu d’information aussi qualifiée que par ce biais − le tri de l’information se faisant naturellement par les utilisateurs du service.
Devait-on pour autant attendre de l’information uniquement par le biais des canaux traditionnels ?

Quand faut-il arrêter de tweeter ?

Les contextes sont différents : un coup Twitter cannibalise les relais d’informations traditionnels ; un coup il vient en complément, pour mettre en lumière des informations qu’on n’aurait pas forcément eu autrement. Est-il plus juste de tweeter dans un cas et pas dans l’autre ?

Qu’adviendrait-il si un journaliste tweetait pendant une conférence de presse ? Lui demanderait-on d’arrêter et de se conformer aux mêmes contraintes que les autres ? D’attendre que le papier soit sorti ? Twitter a l’apanage du temps réel : être une source d’information et tweeter APRÈS une source d’information traditionnelle (radio, presse, télévision) aurait-il encore un sens, à part concilier les différentes parties entre elles ?
Si le temps réel prive du recul, il a l’avantage de favoriser la diffusion de l’information.

La réponse n’est plus si évidente que ça.

Ça me refait penser à la conférence « réseaux sociaux sur le Web : vers une nouvelle communication » organisée en visioconférence par le Musée des arts et métiers de Paris pas plus tard que la semaine dernière. Jean-Pierre Beaudouin évoquait le changement d’équilibres mais aussi et surtout, le syndrome Lilliput. Gulliver est ligoté à l’horizontale par une armada de petits lilliputiens. Il ne parvient à se redresser et faire face à l’adversité qu’en acceptant l’existence de ces êtres et en les guidant plutôt que les subissant.

Pourquoi arrêter de tweeter alors qu’il ne s’agit probablement que d’un problème de maturité  d’usage, tant par les utilisateurs que les marques/entités subissant cette dérégulation de l’information ? Le débat reste ouvert et riche d’enseignements.

Articles relatifs

• Twitter, la mini-messagerie (6 commentaires)
• Quand Jaiku surpassera Twitter (6 commentaires)
• Prochainement : réussir son blog professionnel (26 commentaires)
• La génération Y bouscule le monde du travail (7 commentaires)
• L’annuaire Service-Public (r)évolue ! (1 commentaires)

Pour cette édition 2010, il y a 2 thématiques transversales : le développement durable et l’accessibilité.

Les thèmes des RMLL

Les logiciels libres sont un vaste domaine, couvrant de multiples aspects de notre vie ordinaire … et de l’informatique. C’est pourquoi ce cycle est composé de thèmes, regroupés sur 2 jours chacun :

• Technique
• Loisirs, Culture, Arts, libre diffusion
• Économie sociale et solidaire – Développement durable
• Accessibilité et handicap
• Sciences, Éducation, Éducation populaire
• Entreprises et Logiciel Libre
• Collectivités, administrations, politiques publiques

Chacune de ces thématiques comporte ensuite des sessions. Ces sessions agissent comme des sous-thèmes, afin d’affiner et guider le visiteur au sein de la centaine de conférences réparties sur 5 jours.

La session Internet

Nicolas et moi-même nous occupons de la session Internet, sous-thème de « Technique ». Le programme 2009 est à disposition si cela peut vous donner des idées.
Allez, quelques pistes :

• Firefox
• WordPress
• eZ Publish
• Drupal
• Apache, Nginx, Lighttpd & cie
• Zend Framework, Symfony, CodeIgniter
• Jabber/XMPP/PubSubHubbub
• OpenStreetMap
• Licences − CreativeCommons etc.

Soyez créatifs, proposez des sujets

Internet != Web

À titre de précision : si le Web fait partie de l’Internet ; l’Internet est bien plus que le Web. Cela concerne aussi bien IRC, le transport de mails, les protocoles de transport que l’infrastructure permettant à ce nuage d’exister.

Donc n’hésitez pas à avoir une vision large et de ne pas vous restreindre qu’au Web − aussi bien soit-il.

Pour en savoir plus

Le site Web de l’édition 2010 des RMLL est en ligne à l’adresse permanente http://2010.rmll.info. On y trouve, entre autre, d’autres informations sur l’appel à  conférences.
Vous avez jusqu’au début du mois de mars pour y songer.

Si vous avez « juste » peur d’être timide, établissez au moins le contact pour obtenir des informations.
Nous sommes également passés par là donc on pourra vraisemblablement vous assister.

Un email vers internet@listes2010.rmll.info fera l’affaire. On vous guidera le reste du processus.

Articles relatifs

• Webdeux.connect 2.0, les 400 coups du réseau (8 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Rock your Firefox : mes extensions Firefox préférées (6 commentaires)
• Quand Jaiku surpassera Twitter (6 commentaires)
• Pourquoi apprendre quand Google le sait ? (4 commentaires)

C’est l’occasion de dresser un rapide bilan de l’année et de parler de 6 Changes, une méthode sympathique qui m’a plu et assez facile à mettre en œuvre.

2009 en 12 mois/moments marquants

En 2009, j’ai repris goût au voyage. Ou plutôt, le virus m’est revenu. Ce fût une excellente année dans le domaine du Web avec des évènements de qualité et une consolidation de mon réseau.

1. janvier : séjour en Pologne et première expérience de CouchSurfing ! − j’aime le café !
2. février : teasing sur un projet de livre
3. mars : mon premier quart de siècle prend fin − la fin d’une époque, le début d’une autre
4. avril : refonte graphique du blog … il en avait besoin
5. mai : mon dernier BlogCamp dans l’organisation, la gestion et le reste − passage de Pentax chez Nikon : ça change la vie !
6. juin : je suis officiellement auto-entrepreneur
7. juillet : annonce officielle de la sortie du livre « Réussir son blog professionnel » − derniers ajustements dans la rédaction
8. août : trêve estivale − photos, sorties & cie
9. septembre : sortie de mon livre « Réussir son blog professionnel » − séjour au Canada, en Corse, à Bayonne et Yulbiz Montréal !
10. octobre : Paris-Web 2009 ! Excellente cuvée dont je n’ai pas parlé − est-il trop temps d’en parler ? − séjour à New York
11. novembre : 2 ans chez Clever Age ; le temps passe vite, chaque année est différente avec de nouveaux défis
12. décembre : retouche graphique du blog, décompression, réveillon − plein de bons moments avec des gens que j’aime

6 changements

À vrai dire, j’attends rarement le mois de janvier pour prendre des résolutions. J’aime les prendre quand il le faut.
Par le biais de Twitter, je suis tombé sur la méthode 6 Changes. Plutôt que de prendre des résolutions (qui ne sont pas tenues), l’idée est de choisir 6 habitudes que l’on avait l’année précédente pour les améliorer l’année suivante, de manière progressive.

Du coup je me suis dis que j’allais embrasser cette méthode : ça ne peut être que positif. J’ai choisi celles-ci :

1. manger plus sainement le midi
   L’inconvénient de travailler dans un cadre garni de bons restaurants, c’est d’aimer à goûter à un maximum de choses (l’inconvénient de la gourmandise )
2. sortir du lit plus tôt
   J’ai pris la sale habitude de trainer au lit le matin ; l’objectif étant de retrouver ma spontanéité à sauter du lit au réveil (malgré la fatigue).
3. utiliser davantage les transports en commun
   Je dois prendre la voiture quotidiennement pour atteindre le tramway. J’aimerais arriver à faire au moins 3 jours sans voiture.
4. marcher davantage
   J’adore marcher donc cette année, davantage de randonnées. Le top, ça serait avec des Vibram FiveFingers.
5. améliorer ma technique photo
   Une continuité de 2009, armé de mon D700 et de LightZone.
6. diversifier mes sorties
   Le cinéma c’est chouette, les concerts aussi mais le théâtre, le musée, les expos, les animations locales c’est bien aussi. Au gré du calendrier.

Rien de terrible. Rien d’impossible.

Et en 2010 ?

Pour autant, en 2010 il va se passer des tas de choses.

Paris-Web 2010

Comme d’habitude, difficile de passer à côté de cet évènement. Il se murmure dans les couloirs que la tendance sera à l’industrialisation. J’ai déjà ma petite idée d’atelier technique, très certainement axée sur l’intégration graphique, à mon sens, un des secteurs dans lequel il y a encore beaucoup de choses à faire.
La seule interrogation porte sur le temps à ma disposition pour mettre en œuvre sa préparation … mais j’imagine que je terminerai la présentation comme cette année, dans la chambre d’hôtel

Master Pro Communication Publique et Politique (CPP)

Cette année je retourne sur les bancs de l’école, à nouveau de l’autre côté du bureau, celui de l’enseignement. Cette filière est à la croisée entre Sciences Po et l’ISIC. Mon but sera d’expliquer les rouages de la communication Web, en passant par les blogs et Twitter.
C’est une des conséquences de la publication de Réussir son blog professionnel (merci Amar ).

Symfony Live 2010

En février, je présenterai une session sur le couplage entre Gears et l’admin-generator de symfony. A priori, je partirai directement sur l’utilisation d’HTML5 mais dans tous les cas, ça sera 50 minutes sur l’automatisation d’un procédé, un peu compliqué de prime abord.
Ça sera en anglais, devant plein de gens super balèzes. J’ai peur.

Rencontres Mondiales du Logiciel Libre (RMLL)

En juillet, les RMLL reviennent à Bordeaux pour fêter leurs 10 ans ! À ce titre,  je suis co-responsable des sessions Internet avec Nicolas Perriault. Les appels à candidatures ont lieu jusqu’en mars donc si vous avez envie de participer, n’hésitez pas à me contacter ou à envoyer une requête à contact@rmll.info.

Mystery Tour

Chaque année, chez Clever Age, on organise un séjour de 2 jours dans une destination inconnue, tous ensemble. Cette année je me charge d’organiser cet enfer … je ne sais pas où
Mais il y a de fortes chances que ça soit quelque chose proche de mes valeurs … appréciées de tous

Voyages & escapades

La France est belle alors je vais en continuer son exploration. J’aimerais également aller à Berlin, et pourquoi pas si je gagne au Loto, en Islande. Sinon ça sera pour l’an prochain

Et vous, des choses de prévues ? Des choses à retenir … ou à améliorer ?

Articles relatifs

• Mes rendez-vous d’octobre/novembre : Web2, Paris-Web & cie (4 commentaires)
• Livre blanc sur les frameworks PHP : présentation et explications (10 commentaires)
• X-UA-Compatible : danger ou opportunité ? (5 commentaires)
• Rencontres Mondiales du Logiciel Libre : appel à conférences (2 commentaires)
• Paris-Web 2008 : au nom du webdesign, de la qualité et des standards (21 commentaires)

Couverture du chapitre 5 : Gérer son blog au quotidien

Je saisis donc l’occasion pour offrir la partie traitant des blogs et des obligations légales. Et même mieux, tout le chapitre dans lequel il est inclus : gérer son blog au quotidien. Vous êtes donc à 2 clics de savoir comment gérer un blog sans craindre de représaille juridique

Contenu du chapitre offert : gérer son blog au quotidien

Ce chapitre de 56 pages contient une synthèse de ce qu’il faut savoir pour gérer un blog au quotidien, à savoir :

1. Gestion du contenu
2. Monétisation
3. Gestion de sa réputation et de son identité
4. Gestion de son infrastructure
5. Obligations légales

À mes yeux, la gestion de la réputation et des obligations légales sont fortement liées. L’usurpation d’identité ou le mensonge (sur soi) ne peuvent qu’attirer des ennuis.

La partie «obligations légales» rappelle les fondamentaux, explique les lois fondamentales et traite des notions à connaître :

• Quelles sont les responsabilités que doivent respecter les blogueurs ?
• Explications sur la loi relative à la liberté de la presse
• Explications sur la loi LCEN
• Explications sur la loi relative à la propriété intellectuelle
• Nétiquette
• Diffamation
• Respect de la vie privée
• Plagiat
• Citation des sources
• Licences d’utilisation

J’ai grassé les parties relatives à ce qui a été contrarié par l’utilisation frauduleuse de ma photo par Paris Match (malgré toute la bonne volonté possible dont ils aient pu user). Tous ces conseils s’appliquent en réalité à tout contenu partageable sur la Toile, que ce soit photo, vidéo, audio ou texte.

D’ailleurs en restant dans le domaine de la photo, la photo de couverture de ce chapitre est intitulée Gardener. Elle est publiée sous licence Creative Commons BY-ND, autorisant une utilisation commerciale. Je n’ai pas manqué de la citer dans l’ouvrage et d’en remercier l’auteur. Je m’appelle pas Paris Match

Conditions de partage de cet extrait gratuit

Le fait de partager ce chapitre ne vous laisse pas tous les droits bien entendu. Mais ça vous le savez maintenant
Tout comme mes photos, ce PDF est proposé sous licence Creative Commons BY-NC-ND. Libre à vous de le redistribuer tant qu’il y a citation de l’auteur, de la source, sans modification et en dehors d’un contexte commercial.

Vous ne souhaitez en citer qu’une partie ? On retombe sur le droit d’auteur donc une mise en forme citation, le livre, la page, l’auteur et l’édition suffisent

Bonus : extraire certaines pages d’un PDF

Pour les besoins de ce partage, j’ai eu à extraire certaines pages du PDF du livre − celui correspondant à la version papier de «Réussir son blog professionel». 3 programmes sont certes nécessaires mais ça s’effectue en 2 coups de cuillère à pot :

pdftops reussir-son-blog-pro.pdf - | psselect -p128-183 | ps2pdf - reussir-son-blog-pro-chap5.pdf

Cet enchaînement permet dans l’ordre de :

1. convertir le PDF en PostScript (en l’envoyant en sortie)
2. extraire les pages 128 à 183 du flux PostScript
3. capturer l’entrée en la convertissant en un PDF

Seul inconvénient de la méthode : l’indexation du PDF saute, de même que son titre. Je n’ai pas trop cherché, j’avoue, mais je suis preneur de toute astuce

Articles relatifs

• Si à 30 ans, on ne s’est pas fait piquer une photo par Paris Match, c’est qu’on a quand même raté sa vie ! (40 commentaires)
• Prochainement : réussir son blog professionnel (26 commentaires)
• Faire-part de naissance (13 commentaires)
• 5 septembre : dédicace chez Eyrolles à Paris (17 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)

Le titre est volontairement provocateur (mais non Jacques, Internet c’est bien) mais cette après-midi, ça m’a fait tout bizarre de voir une note sur Facebook mentionnant un article de Paris Match. Il est intitulé Éric Sampietro, la cuisine du mousquetaire. Cet article a attiré ma curiosité pour 2 raisons :

1. j’y ai déjà mangé et beaucoup apprécié le décors ainsi que les plats (cf. mon album Chez Éric Sampietro)
2. l’image de tête de l’article utilisait une de mes photos (Éric Sampietro aux commandes)

Oncle Tom vs. Paris Match peut commencer

Le problème initial

Le problème de l’apparition de cette photo en tête d’article tient à un élément bien précis : la licence d’utilisation de la photo.
Toutes mes photos publiées sur Flickr sont sous licence Creative Commons BY-NC-ND ce qui revient à laisser la liberté de reproduire, distribuer et communiquer cette création au public sous ces conditions explicites :

• citation de parternité (avec une référence vers l’œuvre d’origine) ;
• pas d’utilisation commerciale ;
• pas de modification.

Les trois critères sont entièrement baffoués :

1. le crédit photo marqué est « Photo DR » ; autrement dit, « Droits Réservés » − on ne cite pas l’auteur (qui n’est peut-être pas connu − maintenant c’est le cas ) ;
2. l’image a été recadrée ;
3. quid de l’utilisation commerciale ? L’article apparaît gratuitement sur le site Web de Paris Match. Ça pourrait presque être bon sur ce point si cet article n’avait pas été repris sur la version papier de Paris Match, et partagé au format PDF sur le site de la journaliste associée, Julie Andrieu.

Bref, autant d’arguments qui donneraient envie de tirer à vue sur Paris Match, ou tout du moins la ou les personnes ayant tranquillement utilisé cette photo sans se soucier de sa licence d’utilisation. Après tout c’est la crise, autant réduire le respect autant que les coûts.

Photo originelle

Prise de contact avec Paris Match

On est dimanche après-midi, je contacte donc Paris Match en suivant le lien judicieusement intitulé Signaler du contenu illicite. Il est 13h30 et j’y tiens ces propos :

Adresse de la page : http://www.parismatch.com/Conso-Match/Gastronomie/Actu/Eric-Sampietro-la-cuisine-du-mousquetaire-141329/
Votre message :

Bonjour,

j’ai pris connaissance aujourd’hui de la présence d’une de mes photos pour illustrer l’article dont le lien est mentionné ci-avant.
Cette photo est publiée sur le Web depuis le 16 décembre 2008 à cette adresse : http://www.flickr.com/photos/the-jedi/3111920922/ (dont une taille plus élevée que celle vous avez).

Le problème, pour vous :

• vous indiquez « Photo Dr ». Or ça m’étonnerait que ça soit un droit réservé pour vous
• la photo est licenciée sous Creative Commons NC-BY-ND. Autrement dit, elle doit être republiée telle quelle et dans un contexte non commercial. Si ce n’est pas le cas il faut prendre contact avec l’auteur et lui demander une permission, moyennant finances ou pas.

La balle est dans votre camp maintenant.
Merci d’avance

À 14h30, l’image est retirée de l’article sur le Web et je reçois une réponse cordiale du rédacteur en chef s’excusant et me faisant part du retrait. C’est d’autant plus appréciable que je n’attendais franchement pas de réponse un dimanche après-midi, surtout de la part d’une personne se présentant comme encore en vacances (et donc pas forcément au courant de subtilités concernant tel ou tel article).

J’apprends toutefois que le site Web de Paris Match, tout du moins cet article, ne fait que reprendre des articles de la version papier en retravaillant la mise en forme. Autrement dit, à leur niveau, la vérification des conditions d’utilisation d’une image sont censés être déjà aboutis. Je comprends donc qu’ils ne refassent pas le travail de vérification.

On pourrait imaginer que je n’ai plus à faire valoir mes droits sur la photo vu qu’elle est retirée de l’article. Il y a pourtant encore plusieurs problèmes :

• la photo se trouve toujours physiquement sur leur serveur (merci à mon cache pour en avoir gardé une trace − je m’attends toutefois à ce qu’elle soit supprimée après qu’une personne de Paris Match l’apprenne, disons par ce présent article)
• la photo se trouve toujours sur le PDF de l’article … ainsi que dans la version papier

Un cheminement compliqué

Si on peut facilement retirer une image problématique sur le Web (mais on laisse des traces, n’oublions pas), quid de la version papier qui elle, est belle et bien imprimée, diffusée et vendue. Bref, je dois faire valoir mes droits.

Mais des droits sur quoi ? La visite et la prise de photos n’ont pu être réalisées qu’avec l’accord du chef (on ne rentre pas dans la cuisine comme ça, pour aller demander du pain) … mais il n’y a aucune trace écrite (depuis, je me trimballe avec des feuilles d’autorisation).
Là encore, publier la photo d’une personne sans son consentement peut poser problèmes mais dans son cas, je considérais qu’un chef étoilé était suffisamment « public » pour qu’on en diffuse des photos. Pour le coup, la republication non-commerciale est un frein aux abus, dans la mesure où la licence est respectée bien sûr.

Une raison supplémentaire pour prendre du recul est l’origine de la photo. Finalement, d’où vient-elle ? On peut supposer qu’elle vient de ma galerie Flickr. Après tout, elle ressort en première position quand on cherche sampietro eric dans Google Images − ou très bien placée avec la requête Éric Sampietro.
Et pourtant, elle a également été reprise dans la galerie de l’organisatrice de la journée chez le chef Sampietro (cf. c notre plat ou le sens du détail). Leur faible qualité pourrait expliquer cet effet de grossissement ressenti sur l’article en ligne de Paris Match.

Dans tous les cas, la propriété intellectuelle était clairement indiquée, à défaut d’une licence explicite dans le dernier exemple.

Conclusion

J’espère avoir une réponse claire et définitive dans la semaine. La journaliste à l’origine de l’article n’était peut-être pas au courant, ou pas. J’ose espérer qu’il s’agit d’une erreur maladroite et non pas un abus déguisé. Vu de notre petit nuage d’internaute ça peut paraître aberrant mais vu du point de vue d’une rédaction, j’imagine à quel point ce détail est noyé dans les autres contraintes du bouclage.
Ça n’excuse rien cependant.

Quoiqu’il en soit, le cheminement d’une image est long et parsemé d’intermédiaires. Autant de risques qu’une licence spécifique saute (et en arrange, c’est selon). Fournir des images à un ami ou une connaissance ne lui laisse pas pour autant les droits de les réutiliser comme bon lui semble. Mais encore faut-il que ces personnes aient conscience de cet aspect légal.

La bonne nouvelle dans tout ça, c’est le pic de consultation de la photo (plus de 270 vues en l’espace de 6 heures). La provenance des visiteurs est aussi assez caractéristiques. Facebook (420+ amis) représente davantage de trafic que Twitter (600+ contacts). Il y a eu beau avoir davantage de retweets, le suivi de l’activité sur Facebook offre davantage de concentration sur l’information … et davantage de temps de vie.
J’ai également gagné 2 contacts Flickr ainsi qu’une poignée sur Twitter.

Qui a dit que la polémique ne faisait pas vendre ?

J’en profite pour partager quelques liens sur la photographie et les contraintes juridiques :

• Le droit à l’image des biens et des personnes (adieu les photos de la Tour Eiffel de nuit )
• La photographie et le droit (droit à l’image)
• 5 modèles-types d’autorisation

Quant à moi, j’ai un sacré retard en terme de billets mais ça me fera une bonne transition pour parler la prochaine fois de Réussir son blog professionnel, 2 mois après son lancement

Mise à jour

Lundi 9 novembre 2009 ~ 17h30

La rédactrice de l’article, qui fait donc partie de la société ayant fourni l’article à Paris Match, me contacte pour m’expliquer comment ça s’est  passé. La photo lui a été communiquée par Éric Sampietro. Photo qui est donc ensuite remontée côté Paris Match. De son point de vue, ce n’est ni de sa faute ni celle de Paris Match puisqu’ils n’ont fait « que » récupérer une photo qu’on leur a communiqué.

Je lui fais remarquer à plusieurs reprises qu’un chef cuisinier n’est clairement pas un juriste et je lui demande si d’habitude ils ne se posent pas plus de questions que ça, surtout quand la personne qui fournit la photo est SUR la photo (autrement dit, l’auteur est tout autre). Mais visiblement, «je vais loin» dans le raisonnement.

Sa proposition est de retirer le PDF du site (demander l’autorisation n’a pas semblé être une option envisageable …) mais elle n’a pas de pouvoir côté Paris Match, version papier.
Je suggère donc de garder les choses en l’état et d’attendre le retour de l’iconographe de Paris Match pour savoir qui a commis l’erreur (et donc demander autorisation, et le reste).

Articles relatifs

• Gérer son blog au quotidien, chapitre gratuit (4 commentaires)
• Inclusion des photos au fil RSS (0 commentaires)
• Flickr, le site idéal pour partager ses photos (10 commentaires)
• Flickr et son Findr (2 commentaires)

Des conférences de choix

Les thématiques abordées sont une nouvelle fois intéressantes. Si leur titre n’est pas forcément attirant, la qualité des intervenants fait qu’à n’en pas douter, on va encore en prendre plein les yeux : suffit de lire le programme.

Parmi celles qui retiennent toute mon attention :

• Intégrateurs, montez au front !
  Notamment parce que j’ai participé à l’enquête sur le dialogue entre webdesigner et intégrateur et qu’il s’agit d’une pierre angulaire de la réussite graphique d’un projet.
• Un seul Web
  Car l’an dernier j’avais été épaté par la présentation des nouveautés CSS3 de Daniel Glazman.
• CSS peut-il être orienté objet ?
  Parce que je crois beaucoup aux nouvelles méthodes de réutilisation et de conception CSS ; cette approche combinée à d’autres outils CSS est à mon avis la meilleure qui soit.
• CSS3 : Future Style Now
  Parce qu’il est toujours bon de savoir comment utiliser les technos que l’on utilisera dans pas trop longtemps.
• WCAG 2.0, Flash, PDF, Javascript et les autres sont dans un bateau
  Une bonne piqûre de rappel sur l’accessibilité et les différentes boîtes noires qui sont devenus des standards de facto.
• Les nouveaux standards du web et leur implémentation dans les navigateurs modernes
  Le titre parle de lui-même

C’est sans compter sur les ateliers techniques où là, je n’ai pas encore fait mon choix … la concurrence est rude

Atelier technique sur Gears

Il y a toutefois un atelier où je suis sûr d’être présent, c’est celui-ci : le Web en Offline avec Gears et HTML 5, à 14h00 pour la digestion . Et pour cause, je l’animerai … enfin, encore faut-il que j’en termine la présentation. En voici la description officielle :

Gears est un outil Open Source, majoritairement connu pour permettre à une page Web d’être consultable en étant déconnecté du réseau. Ce plugin pour navigateur Web propose pourtant d’autres briques utiles dans d’autres contextes, notamment les performances et le traitement d’un nombre important de données. C’est un outil unique permettant de créer des applications fonctionnelles hors-ligne et cross-brower sans avoir à recours à du client lourd (type application iPhone).

La présentation se focalisera sur la présentation des composants, des exemples d’utilisation mais aussi sur les contraintes et les choix de stratégie à adopter dans son code pour éviter la création d’usines à gaz.

L’atelier concluera sur l’avenir et HTML 5 dans la mesure où les travaux de Gears sont désormais intégrés à la spécification HTML 5.

Mais globalement, l’atelier s’articulera autour des points suivants :

• présentation des modules de Gears
• contraintes d’ergonomie
• implications en terme d’architecture de code
• débat ouvert avec l’assemblée

Le choix sera difficile avec en même temps un atelier de David Larlet et Charles McCathieNeville … où j’aurais aimé également être présent.

À samedi … et jeudi et vendredi pour d’autres

Articles relatifs

• Google Gears efficace (0 commentaires)
• Ajouter TinyMCE dans un plugin WordPress (12 commentaires)
• Widget Jaiku pour Netvibes : présentation et bilan du développement (5 commentaires)
• Widget Jaiku pour Netvibes 1.4 (1 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)

Ce rendez-vous sera l’occasion de présenter l’ouvrage, de répondre à vos questions et de repartir avec,  signé par mes soins

Qui peut venir ? À peu près tout le monde qui s’intéresse au Web, particulier ou entreprise, avec ou sans votre petite famille.
Il y aura de toutes façons une réduction offerte par la librairie à cette occasion.

Et comme le soir je repars à Bordeaux, on peut même faire un bout de route/rail ensemble

Informations complémentaires

Librairie Eyrolles
55, 57, 61 et 63 boulevard Saint-Germain
75005 Paris
En cas de difficulté, je vous invite à consulter le plan d’accès.

Réussir son blog professionnel
Auteur : Thomas Parisot
Préface par Philippe Martin
Sortie le 3 septembre 2009, ~300 pages, 18€
ISBN-10 / ASIN : 2212125143
ISBN-13 : 978-2212125146

Articles relatifs

• Prochainement : réussir son blog professionnel (26 commentaires)
• Gérer son blog au quotidien, chapitre gratuit (4 commentaires)
• Faire-part de naissance (13 commentaires)
• Webdeux.connect 2.0, les 400 coups du réseau (8 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)

Cet outil me paraît indispensable alors j’ai décidé de l’intégrer à WordPress : WP-LESS est né.

LESS en quelques mots (ou lignes de code)

Pour mettre en exergue l’intérêt de LESS, je reprends un exemple officiel :

#defaults {
  @width: 960px;
  @color: black;
}

.article { color: #294366; }

.comment {
  width: #defaults[@width];
  color: .article['color'];
}

Le source précédent utilise 3 principes :

• les variables (dont leur nom est préfixé par un @)
• les namespaces (ici, #defaults) pour regrouper des propriétés
• les accesseurs (pour obtenir la couleur de l’article au sein du commentaire)

Une fois ce code compilé par LESS, la feuille de style générée se résume à ceci :

.article { color:#294366; }
.comment {
  width:960px;
  color:#294366;
}

C’est simple et efficace. Surtout quand on sait que l’on peut effectuer des opérations mathématiques, y compris en utilisant les variables, la conception va se retrouver facilitée.

L’intérêt de WP-LESS

WP-LESS intègre le parseur PHP, phpless, au sein de WordPress pour minimiser le travail à fournir.

Une fois activé, dès qu’il détecte un fichier comportant l’extension .less, il compilera automatiquement le fichier pour produire des CSS interprétables par les navigateurs Web. Pour des raisons de performances, cette compilation n’est effectuée que lorsque le fichier .less est modifié. Cela implique également qu’à chaque mise à jour de votre fichier .less, vous n’avez pas à vous soucier de compiler son équivalent CSS.

De nombreux hooks et filtres sont placées un peu partout dans le code pour permettre à tout développeur, créateur de thème ou bidouilleur de se fixer dessus sans avoir à modifier le code du plugin. Et dans les rares cas où ça ne suffirait pas, tout est extensible puisqu’il suffit d’hériter de l’objet WPLessPlugin pour parvenir à vos fins.
Des tas de choses qu’on ne pourrait pas faire en simple PHP4 (message subliminal : WordPress doit abandonner PHP4).

WP-LESS agit en toute transparence et simplicité.

Quel avenir pour WP-LESS ?

J’ai déjà en tête d’autres fonctions pour simplifier encore plus la vie :

• permettre l’intégration dans un thème en tant que dépendance externe pour permettre aux thémeurs de redistribuer WP-LESS sans avoir à activer le plugin
• proposer des helpers pour ne pas avoir à passer par wp_enqueue_stylesheet (même si c’est la meilleure solution)
• dissocier les fichiers .less des feuilles de style dans l’éditeur de thème avec une validation lors de l’enregistrement
• afficher un tableau de bord montrant l’état des fichiers de cache tout en pouvant les purger

Vous attendriez d’autres fonctionnalités de la part de ce plugin ?

Articles relatifs

• Widget Jaiku pour Netvibes : présentation et bilan du développement (5 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Souscription au blog par email (0 commentaires)
• Sites Web : les bonnes pratiques (12 commentaires)
• Plugin Wordpress Amazon Widgets Shortcodes (9 commentaires)

Motivations et objectifs

Cette envie d’apporter ma pierre sur la compréhension de l’outil blog est en partie née avec l’animation des BlogCamp Bordeaux. Cette année et demi de contribution, d’animation et de rencontres avec un large horizon de personnes m’ont laissé à penser qu’il y avait encore du chemin à parcourir pour démocratiser cet outil. Mais on parle là de démocratisation et de bonne utilisation dans un contexte professionnel. J’ai vu des utilisateurs aguéris et des personnes qui n’attendaient qu’une chose : qu’on leut confirme que ce n’était pas ringard du tout d’utiliser des blogs.

Les blogs sont des outils, pas une fin en soi et c’est pour ça que j’ai souhaité diffuser plus qu’un simple catalogue de blogs ou expliquer comment en configurer un (de blog). J’ai apporté ma vision transverse de technicien, de maître d’œuvre dans le domaine du Web et d’utilisateur averti d’outils qui changent la vie. C’est pourquoi j’ai souhaité parler de l’intégration des blogs avec un écosystème vivant : Facebook, Twitter, RSS, Yammer et j’en passe.

Tout ça est parti d’une proposition de Mémento auprès d’Eyrolles : quelques mois plus tard, c’est finalement un livre dépassant les 200 pages de contenu qui atterrira sur les étals de vos crémeries préférées. Plusieurs mois de travail m’ont été nécessaires pour traiter le sujet, de manière perfectible je préfère l’annoncer. J’ai entre temps bouquiné pas mal de références sur le sujet et je peux dores et déjà annoncer que leurs contenus seront complémentaires. Je n’ai pas l’expérience de 10 ans de déploiement de blogs en entreprise mais je pense avoir concentré les arguments et les informations nécessaires pour avoir une vision transverse du sujet : communiquer, rédiger et affirmer sa présence en ligne.
Des conseils qui s’adapteront aux futurs outils du Web, le jour où les blogs seront mis à la poubelle pour quelque chose de mieux … si tant et si bien que ça se produise

Table des matières

J’en profite pour partager avec vous la table des matières de l’ouvrage. Je suis ouvert à vos critiques mais il ne faut pas rêver : à quelques jours du bouclage il ne faudra pas espérer de changement majeur. Si c’est le cas ça sera à voir pour la deuxième édition … et les suivantes je l’espère

1. Le blog, qu’est-ce que c’est ?
   1. Site perso + Web 2.0 = blog
   2. Quelques mythes à oublier
      1. Les blogs c’est pour les gamins
      2. Le blogueur est influent
      3. Le blogueur est un journaliste
      4. Bloguer c’est facile (d’écrire, de gagner de l’argent etc.)
      5. Je peux tout faire sur un blog
      6. Sur un blog, je suis anonyme
      7. Parce que c’est sur un blog, c’est vrai
2. Un blog, pourquoi faire ?
   1. Attirer de nouveaux clients ciblés et qualifiés
   2. Communiquer avec ses clients
   3. Communiquer autour de son métier et de ses produits
   4. Affirmer son expertise
   5. Usages internes à l’entreprise
   6. Gestion communautaire
3. Les fonctionnalités de base des blogs
   1. Billets
   2. Pages
   3. Catégories et Tags
   4. Commentaires / Pings / Rétroliens
   5. Liens / Blogroll
   6. Modules complémentaires : Extensions / Plugins
   7. Thèmes graphiques / Widgets
   8. Revue de presse numérique : la syndication RSS
4. Quelques questions à se poser avant de commencer
   1. De quoi vais-je bloguer ?
   2. Avec qui ?
   3. Sous quel nom ?
   4. À quelle adresse ?
   5. En quelle(s) langue(s) ?
   6. Combien de ressources ?
      1. Combien de temps ?
      2. Combien d’argent ?
   7. Quel hébergement choisir ?
      1. Gratuit
      2. Mutualisé
      3. Dédié
5. Gérer un blog au quotidien
   1. Son contenu
      1. Publier du nouveau contenu
      2. Enrichir les anciens articles
      3. Modérer les commentaires
      4. Monétiser son contenu
   2. Sa réputation
      1. Consulter ses statistiques
      2. Commenter en dehors de son blog
      3. Maîtriser son identité
      4. L’économie de la conversation
   3. Son infrastructure
      1. Choisir ses extensions
      2. Planifier des sauvegardes
      3. Mettre à jour le logiciel
      4. Respecter son budget
   4. Obligations légales
      1. Quatre articles de loi pour les gouverner tous
      2. Diffamation
      3. Respect de la vie privée
      4. Plagiat
6. Quel logiciel choisir ?
   1. La grille de critères
   2. Blogs hébergés
      1. Wordpress.com
      2. TypePad
      3. Blogger
      4. Posterous
   3. Blogs à héberger
      1. WordPress
      2. Dotclear
      3. Movable Type
      4. Typo
   4. Outils de gestion de contenu (CMS)
      1. Drupal
      2. SPIP
7. Utiliser des services complémentaires pour étendre votre réseau
   1. Gestion de communautés
      1. MyBlogLog
      2. Who’s Hot?
      3. Google Friend Connect
   2. Republier du contenu
      1. Feedburner
      2. Facebook
      3. soup.io
      4. Sur des Planet
      5. Sur vos propres sites
   3. Moteurs de recherche de blogs
      1. Google Blog Search
      2. Technorati
      3. Twingly
      4. Wikio
   4. Microblogs
      1. Twitter
      2. FriendFeed
      3. Identi.ca
      4. Yammer
      5. Ping.fm
   5. Outils de publication à distance
      1. Windows Live Writer
      2. ScribeFire
      3. iPhone
      4. Flock
      5. Ecto
      6. MarsEdit
      7. Autres solutions de publication

Cette table des matières est encore sujette à évolution, notamment dans le choix des titres. À ce stade là, il me paraît difficile de changer profondément la structure

Et la suite ?

Pendant cette fin de mois de juillet, je procède aux corrections sur les judicieux conseils de ma batterie de relecteurs. Philippe Martin participe également au projet en proposant une préface et sa vision franco-canadienne de l’utilité des blogs. Au mois d’août, l’imprimeur fait son office pour que le 3 septembre vous puissiez apprécier le travail mené et commencer à m’insulter parce que de toutes façons, les blogs c’est nul, ça craint et que le classement Wikio ça sert à rien

D’ici là je vous livrerai quelques billets sur cette épreuve car malgré l’aspect sympathique d’écrire un livre, c’est avant tout une aventure humaine, tant d’un point de vue personnel que professionnel.

Articles relatifs

• 5 septembre : dédicace chez Eyrolles à Paris (17 commentaires)
• Pourquoi bloguer dans un contexte d’affaires ? (4 commentaires)
• Gérer son blog au quotidien, chapitre gratuit (4 commentaires)
• Faire-part de naissance (13 commentaires)
• Webdeux.connect 2.0, les 400 coups du réseau (8 commentaires)

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)
• Gérer son blog au quotidien, chapitre gratuit (4 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 (12 commentaires)
• Quand Jaiku surpassera Twitter (6 commentaires)
• Paris-Web 2009 : le Web en offline avec Gears et HTML 5 (6 commentaires)
• Ménage de printemps (23 commentaires)
• Ajouter TinyMCE dans un plugin WordPress (12 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 (14 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 (25 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

• Prochainement : réussir son blog professionnel (26 commentaires)
• Gérer son blog au quotidien, chapitre gratuit (4 commentaires)
• 5 septembre : dédicace chez Eyrolles à Paris (17 commentaires)
• Transcender CSS : sublimez le design Web ! (15 commentaires)
• Pourquoi bloguer dans un contexte d’affaires ? (4 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 (19 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)
• Rencontres Mondiales du Logiciel Libre : appel à conférences (2 commentaires)
• Quand Jaiku surpassera Twitter (6 commentaires)
• Pourquoi bloguer dans un contexte d’affaires ? (4 commentaires)
• OpenSearch et Google AdSense (3 commentaires)