On a des plots verts, des plots oranges, des plots rouges mais aucuns aux couleurs des célèbres personnages de la bande dessinée Lucky Luke de Morris et Goscinny …

Tophe

En plus grand

En plus grand

Toutes les Bulles du Tophe

Plutôt que de vous sortir les habituels " bonne année, bonne santé ", " plein de prospérité ", je vous transmet cette année mes vœux par l'intermédiaire d'une BD des Bulles du Tophe qui, j'espère vous plaira. J'ai réuni toute presque toute la famille à roulette afin de vous souhaiter cette bonne année : les rollers, les plots, le waveboard, la trottinette, les freelines et les monocycles …

Je vous laisse apprécier la BD, qui, je ne vous le cacherai pas, a nécessité pas mal de boulot, autant au niveau préparation/écriture/prises de vue qu'au niveau réalisation …

Sur ce, je vous souhaite à tous une très bonne année 2010 !

Tophe

En plus grand

En plus grand

Toutes les Bulles du Tophe

Voir la Bulle du Nouvel an de l'année dernière

Il est certes un peu tard pour travailler (en plus c'est le réveillon de Noël) – ne vous inquiétez pas, j'ai fêté Noël dimanche dernier et je remet ça ce week-end. Je profite donc de ces quelques jours à Paris pour bosser sur mes projets persos. Je suis actuellement sur la bd que je vous proposerai pour la nouvelle année (beaucoup de boulot mais ça en vaut la peine).

C'est en faisant une petite pause que m'est venue une question très spirituelle, peut-être certains d'entre-vous auront la réponse : Y-a-t-il un père Noël pour les plots de slalom ?…

Tophe

PS : Désolé, à force de dessiner des plots et des rollers qui parlent, voyez ce qui arrive … Bon je vais refaire une pause, histoire de tenter d'apercevoir le père Noël qui essaie d'entrer dans la cheminée du voisin d'en face …

Voir la Bulle du Tophe #18 – Spécial Noël

Pour ma part, je ne suis pas trop décos de noël et il n'y a pas vraiment de place pour un sapin dans mon appart' …

Cependant, je vous avais promis une BD pour cette occasion. J'ai donc requis l'assistance de mes rollers et de mes plots – qui, comme vous le verrez dans la bd n'ont pas trop l'esprit de Noël (serait-ce parce qu'ils ne sortent presque plus à cause de l'hiver ?)  et je vous ai concocté une Bulle du Tophe spécial Noël 2009.

Profitez de la BD, et surtout, passez un joyeux Noël !

Tophe

PS : Et passez sur le blog autour du premier janvier, on change d'année il parait. Il pourrait y avoir une autre bd peut-être ?…

En plus grand

En plus grand

Toutes les Bulles du Tophe

C'est vrai … Si j'ai déjà un blog sur lequel je publie du contenu destiné à mes lecteurs, pourquoi ouvrir une page fan facebook pour celui-ci ?…

Audience – Les lecteurs venant de facebook

Ce réseau social peut être un vecteur de diffusion fort pour se faire connaitre. Les personnes connectées à facebook commentent et partagent volontiers des liens avec leurs amis. C'est pourquoi il serait dommage de ne pas profiter de cette audience.

Ainsi, si je fais une page fan facebook pour mon blog, c'est surtout pour fournir à mes lecteurs qui me lisent depuis facebook, un moyen plus simple de partager mon blog avec leurs amis. Jusqu'à maintenant, je postais de temps en temps des liens vers certains de mes billets sur ma timeline. Maintenant, la page fan pourra faire une interface complète entre facebook et mon blog, sans pour autant le remplacer.

Que va-t-il y avoir dans cette page ?

 " Si mon blog était un film, sa page facebook pourrait-être la bande annonce  " (Les Tweets du Tophe) – [Retweet]
J'y présente donc les rubriques qui me tiennent le plus à cœur et qui, j'imagine engageront le plus le lecteur (ma série iRoller, les Bulles du Tophe, les photomontages roller …).

On pourrait ainsi y voir comme une vitrine sur mon blog à l'intérieur du réseau facebook …

Et c'est tout ?

On pourrait se dire : " Bah … Y'a rien de plus que sur son blog, pourquoi est-ce que j'irais voir sa page fan ? ". Et vous n'en seriez pas si loin finalement. Ma démarche avec la création de cette page fan est de ramener du traffic depuis facebook vers mon blog (non le contraire).

Cependant je compte utiliser cette page pour publier du contenu que je ne publierais ni sur mon blog, ni sur twitter, bref du contenu qui s'adresserait plutôt à des lecteurs de facebook qui connaissent mon blog … Je n'ai pas encore bien défini ce que ce serait mais par exemple, Eric de Presse-Citron remonte régulièrement d'anciens articles de son blog sur sa page fan, une manière intéressante de faire revivre les archives d'un blog …

Mais … Y'aurait pas d'autres raisons …?

Effectivement, il y a d'autres raisons, que je n'ai pas abordées, par souci de faire un article compréhensible par tous et non réservé aux initiés aux diverses problématiques des médias sociaux et du référencement. C'est d'ailleurs ce que je reproche à la majorité des articles à propos des pages fan de facebook. Ils ne traitent finalement que des côtés techniques – le comment – et jamais vraiment du " pourquoi " …

Je citerai donc rapidement quelques-une de ces raisons :

• un meilleur contrôle de mon identité numérique
• un meilleur contrôle du contenu topheman qui passe sur facebook
• une fidélisation des lecteurs occasionnels provenant de facebook
• une indexation sur les moteurs, d'une page sur laquelle j'ai la main
• du trafic en plus vers mon blog (ça reste le point principal)
• …

Et puis … faut bien essayer … Vous, vous avez créé une page fan pour votre blog ?…

Tophe

J'en ai profité pour faire évoluer le design du blog. Vous ne serez pas perdu, la charte graphique est sensiblement la même, mais j'ai fait quelques ajouts et retouches qui le rendent – j'espère – plus attrayant.

Mais c'est quoi une migration ?

Si mon blog était une voiture, faire une migration de mon blog vers une plateforme plus récente, ce serait prendre ma vieille voiture, changer le moteur, les freins, la transmission, les sièges (tout ça c'est la plateforme de blog), la carrosserie (ça c'est le design, aussi appelé thème) et tout changer, SANS TOUCHER A MON AUTOCOLLANT FETICHE, auquel je suis très sentimentalement attaché et qui donne toute son âme à ma voiture.

Cet autocollant, c'est tout le contenu du blog : mes articles et vos commentaires.

Y'a que le design qui change ?

Non, il y a des fonctionnalités en plus. Comme par exemple la possibilité de vous abonner par email aux commentaires d'un article. Actuellement la majeur partie des fonctionnalités " remarquables par rapport à l'ancienne version du blog " sont plus du côté de l'administration, cependant, il en arrivera des nouvelles, mon blog étant maintenant à une version à jour …

Tophe

L'article plus approfondi sur la migration de mon blog de Dotclear 1.2.5 vers Wordpress 2.8.6

PS : Si vous lisez cet article via un lecteur de flux RSS, prenez le temps de venir voir le nouveau design …

J'ai commencé le blog Topheman il y a près de 3 ans et demi, avec la version 1.2.5 de Dotclear. Il a toujours bien marché, je n'ai pas eu à m'en plaindre, cependant, c'est une version qui commence à dater … Ces derniers mois je me posais de façon récurrente la question de migrer ce blog vers la dernière version de Wordpress.

Pourquoi migrer sous Wordpress si mon Dotclear marche correctement ?

• Beaucoup de bloggueurs utilisent cette plateforme.
• Beaucoup de développeurs développent pour cette plateforme :
  • Cela assure une certaine pérennité de l'outil, chose que je n'avais plus avec ma vieille version de Dotclear.
  • Je pourrai ainsi profiter des extensions développées par la communauté sans avoir à les coder moi-même (donc consacrer autant de temps à mes projets tout en ayant à disposition des fonctions plus avancées sur mon blog).
  • Je pourrai développer mes propres extensions et en faire profiter la communauté (c'est plus motivant de développer pour Wordpress où on sait que potentiellement beaucoup de monde va l'utiliser que sous Dotclear 1.2.*, où il ne reste que quelques dinosaures de la période du début du " Web 2.0").

Comment s'est passé le grand saut ?

1) L'import des données

J'ai été agréablement surpris par la procédure d'import des données du blog (posts/commentaires/catégories/tags …) via flatExport / flatImport. Je pensais rencontrer plus de problèmes (c'est d'ailleurs en faisant un essai d'import de blog Dotclear vers Wordpress et en voyant le résultat que je me suis décidé à faire la migration).

2) La conservation des urls / Référencement

Les urls changent entre Dotclear et Wordpress. Comme tout bloggueur – d'ailleurs comme tout producteur de contenu sur internet – qui a des articles ou des pages référencées dans les différents moteurs de recherche, je tenais à conserver ce référencement.

Il existe beaucoup de tutoriaux à ce propos, entre autre celui de 64k où il explique comment conserver les urls des articles, via .htaccess.

Cependant, en voyant que dans l'index de google, j'avais d'autres pages que simplement mes articles, j'ai poussé le vice plus loin … Je me suis donc intéressé d'un peu plus près à l'url rewriting pour pondre un beau fichier .htaccess qui gère :

• mes articles
• mes catégories (avec en plus la pagination à l'intérieur)
• mes tags
• mes pages
• mes archives (avec la pagination à l'intérieur)
• la racine (avec la pagination)
• le nouveau chemin des images (ainsi les images que j'ai postées sur des forums sont toujours visibles)

Ces redirections indiquent aux moteurs de recherche que la page qu'il a référencé a changé d'adresse, ainsi, au lieu de se dire qu'elle n'existe plus, il va voir la nouvelle adresse.
Maintenant, surprise, vais-je descendre dans le référencement ?…

3) Le thème

J'ai profité de ce changement de moteur pour changer aussi la carrosserie … Il faut savoir se faire plaisir …

Je me suis appuyé sur le thème buzz de themeswordpress.fr dont j'ai commencé par simplifier la structure html (trop de div tue le div) n'ayant pas besoin de toutes leurs fioritures pour le mien. Et je l'ai ensuite bien customisé pour me faire mon propre thème, rappelant quand même beaucoup l'ancien mais remis au gout du jour – je l'espère …

On se familiarise rapidement avec le code pour le theming de Wordpress. Et lorsqu'il manque une fonction, il existe un plugin fait par la communauté pour vous débloquer (exemple : la pagination – je trouve cependant curieux qu'elle ne soit pas d'emblée avec Wordpress). Cela rappelle un peu Drupal (de loin, car Drupal est bien plus lourd à themer …)

4) Les extensions

Actuellement, j'ai activé les extensions suivantes :

• Akismet (bien sûr). Ça a l'air de marcher bien ce truc d'ailleurs …
• Facebook Share : Un bouton qui propose au lecteur une popup pour partager l'article sur facebook et qui peut montrer le nombre de fois que cet article a été partagé. Il existe la même chose pour twitter, cependant, je trouve le processus un peu lourd pour le lecteur (donc pour l'instant, il faut que je trouve un simple bouton partager sur twitter et autre ou que je me le fasse).
• Google XML Sitemaps : Pratique, j'avais la même chose sur dotclear.
• Subscribe to Comments : ÇA, C'EST TOP, je l'avais pas sous dotclear et ça manquait, j'ai jamais pris le temps de m'en développer un …
• WP-PageNavi : Paginateur …

• WP Greet Box : J'ai quelques problèmes avec qu'il faut que je debug, donc pour l'instant, c'est en attente pour une prochaine livraison.

Je pense que je m'amuserai prochainement avec WPTouch, histoire de me faire un thème pour les téléphones portables …

Si vous avez des extensions à me conseiller, n'hésitez pas, je débute dans le monde de Wordpress …

Alors, content d'être passé sous Wordpress ?

Pour l'instant je dirais surtout soulagé … J'ai réussi à conserver TOUTES mes données et mes liens, tout en passant à la dernière version de Wordpress …

Maintenant, je continue ma vie de bloggueur avec Wordpress et nous verrons comment cela se passera … Mais surtout, ne pas oublier une chose : Dotclear ou Wordpress (ou n'importe quelle autre plateforme), cela ne restent que des outils qui sont là simplement pour faciliter la production du contenu … Le contenu, il commence souvent dans un simple carnet à petits carreaux …

Des difficultés ?

Je me suis pris la tête sur l'url rewriting !… Il marchait impeccablement en local (j'avais même fini mon thème) … et en phase de recette, chez mon hébergeur, j'ai dû le revoir complètement !… A un moment, j'ai failli craquer, lâcher l'affaire et rester sous dotclear … Par contre, maintenant, j'ai progressé en url rewriting !…

Passer de Dotclear 1.2.5 à Wordpress 2.8.6, c'est possible !

Tophe

Ressources :

• Import de Dotclear vers Wordpress par fichier texte (flatImport)
• Conserver ses urls Dotclear en passant à Wordpress
• themeswordpress.fr
• Mon carnet à petits carreaux
• Nouveau design pour le blog Topheman

PS : Si vous lisez cet article via un lecteur de flux RSS, prenez le temps de venir voir le nouveau design …

Après cela, j'ai décidé de traduire la série en anglais, afin que tous les patineurs puissent en profiter quelque soit leur langue maternelle (je pense que tout le monde sera capable de comprendre ce que racontent les plots quelque soit son niveau d'anglais).

Je recherche donc un traducteur français/anglais pour traduire les répliques de la série " les Bulles du Tophe" . Je le ferai bien moi même, mais un patineur parlant vraiment bien anglais, au fait du vocabulaire et des expressions particulières au roller fera une bien meilleure traduction.

Je m'occuperai bien-sûr moi-même de l'intégration des répliques anglaises aux visuels, ainsi que de leur publication sur le blog.

Si ça vous tente, si vous connaissez quelqu'un, n'hésitez pas à m'envoyer un email ou à laisser un commentaire.

Tophe

Curieuse association pour ce titre en deux parties … Je m'explique, cet article est destiné :

• aux lecteurs qui suivent la série de Bds " Les Bulles du Tophe ", principalement basée sur le roller, où je met en scène toutes sortes de personnages tels que les plots ou les patins en leur donnant la réplique, comme dans un roman photo
• aux internautes qui s'intéressent aux médias sociaux et à la bloggosphère avec qui je voudrais partager une de mes expériences de l'utilisation de ces deux " outils "

Je fais donc cet article pour vous informer que " Les Bulles du Tophe " vont être traduites en russe mais aussi pour vous exposer avec un exemple concret le rôle que les médias sociaux peuvent prendre dans la mise en relation des personnes à travers la planète.

Note : les visuels traduits en russe ne sont pas de la même qualité que les originaux (le traducteur ayant retouché mes images sans avoir mes originaux), c'est d'ailleurs pour cela que je m'occuperai moi-même des visuels de la version anglaise (en passant : je recherche un traducteur – cliquez ici).

1) La découverte

Vendredi soir, en trainant sur les statistiques du blog, j'ai remarqué un pic de visiteurs en provenance de roller.ru. En suivant le lien référent, je suis tombé sur une page du forum de roller.ru.

Quelle ne fut pas ma surprise en découvrant une version russe de mes Bulles du Tophe, au beau milieu du forum du site de rollers de Russie !…

2) La rencontre

Souhaitant rentrer en contact avec la personne à l'origine de la traduction, j'étais cependant bien démuni devant cette page remplie de caractère cyrilliques (j'étais bien incapable ne serait-ce que de trouver quel lien était celui pour s'inscrire) … C'est alors que j'ai remarqué que ma barre Google me proposait gentiment de traduire la page en français ! Ni une, ni deux, il n'a fallut qu'un clic pour transformer cet alphabet bizarre en mots et phrases d'un parfait français à peu près compréhensibles.

Cela m'a donc permis de trouver où cliquer pour m'inscrire puis poster un message à l'attention d'Eda pour prendre contact avec lui (voir le message).

3) L'explication

Le lendemain après-midi, je recevais un mail d'Eduard alias Eda, écrit dans un français tout à fait correct, où il m'expliquait comment il avait découvert " les Bulles du Tophe ". Un de ses amis sur Facebook, patineur parisien, a partagé sur son mur un lien vers mon blog.

A chaque BD, je poste sur facebook le lien pour prévenir mes " amis " (ce qui augmente l'audience du billet). Ainsi, ce lien a dû être à nouveau partagé par un de mes amis qui était ami avec Eda (ou ami d'ami).

Il a ensuite visité mon blog et a adoré les BDs. Après avoir traduit quelques textes, sa fille s'est occupé de les incruster sur mes visuels puis il les a publiés sur le forum de roller.ru.

Nous sommes maintenant amis sur facebook et Eda continuera la traduction des BDs.

Conclusion : la puissance/le rôle des Médias Sociaux

Nous avons deux personnes :

• Chacune dans un pays différent, séparées par 2500 km
• Avec une langue différente
• Avec un alphabet différent !

Cependant, elles ont en commun un centre d'intérêt : ici c'est leur passion pour le roller. Avec l'aide des médias sociaux, elles vont pouvoir rentrer en contact afin de mener à bout un projet. C'est ainsi que les patineurs russes pourront profiter des Bulles du Tophe …

Ici, c'est via Facebook que la rencontre s'est passée mais les médias sociaux ne se limitent pas à ce mastodonte, loin de là. Des gens rentrent en contact de cette façon tous les jours sur twitter, LinkedIn …

Tophe

• Les Bulles du Tophe – la série originale
• Page du forum roller.ru où vous trouverez les Bulles du Tophe en russe, traduites par Eduard alias Eda.
• Les Bulles du Tophe – On recherche un traducteur français/anglais

Edit 15/11/2009 – 21h21 : Je viens de découvrir à l'instant que mes bulles ont été postées sur un autre forum russe : rollerclub.ru  !

Note : Juste histoire de préciser une petite chose (surtout ne prenez pas peur) :
" Toutes les œuvres signées blog.topheman.com appartiennent exclusivement à l'auteur (sauf mention contraire) aux termes des articles L 111-1 et L112-1 du code de Propriété Intellectuelle. Toute reproduction, diffusion publique, usage commercial sont par conséquent interdits sans autorisation du titulaire des droits. "
Vous inquiétez pas, je vous collerai pas un procès au cul … Ayez juste l'amabilité de me tenir au courant si vous postez un de mes visuels et précisez bien sa provenance en mettant un lien vers mon blog.

Tester twitter.topheman.com

Au début, j'étais parti pour me créer un simple script pour envoyer des tweets contenant l'adresse de mon blog en tant qu'application envoyeur, comme l'explique Luc Bernouin dans son article à propos d'une astuce sur comment promouvoir son blog sur twitter …

… Mais rapidement, en découvrant tout ce que permettait l'API de Twitter, j'ai décidé de pousser un peu plus loin … Et finalement, je me suis fait mon propre client Twitter en php/javascript.

C'est quoi un client Twitter ?

Aujourd'hui, sur le web, certaines plateformes mettent à la disposition des développeurs des Web Services. Cela permet d'interagir avec celles-ci depuis un autre site ou une autre application. Rien que pour Twitter ou Facebook, vous pouvez trouver de nombreux sites (permettant d'affiner vos recherches Twitter, vous rajoutant des petits questionnaires à envoyer à vos amis Facebook) ou applications (pour mettre à jour vos statuts et récupérer vos timelines via une application windows/mac/iphone/mobile …).

Un client Twitter c'est donc un script, une application … qui se connecte à Twitter et qui est capable de dialoguer avec lui (par Web Services).

Très bien, mais il fait quoi ton Client Twitter ?

• Une fois connecté via le protocole OAuth de Twitter, vous vous retrouverez donc sur twitter.topheman.com, vous pourrez faire tout presque tout la plupart des choses que vous faites sur le site twitter :
  • Envoyer/Supprimer un tweet
  • Créer/Supprimer un favoris
  • Faire des Replies
  • Accéder à vos timelines

• Ce que vous ne pourrez pas faire parce que je ne l'ai pas développé :
  • Utiliser la status-box en mode console
  • Envoyer/Lire des DM
  • Gérer Listes et Followers (je ne suis pas sûr que les listes soit déjà accessibles via l'API)

• Ce que vous ne pourrez pas faire parce que Twitter l'a bridé dans l'API :
  • la pagination (le code est prêt pour quand ils le remettront)

Tout est fait en AJAX. J'ai fait mon code de façon à ce que si l'on fait un clic-milieu, on est redirigé sur le site Twitter, sur l'action sur laquelle on a cliqué.

Ca fait quoi en plus de twitter ?

Rien de plus (si …, y'a la signature de mon blog en bas des tweets – c'est quand même pour ça au départ que je m'y suis intéressé ).

Alors pourquoi l'avoir fait ?

En fait, j'ai surtout développé ce client pour me familiariser avec l'API de Twitter. Il pleut en ce moment, donc pas beaucoup de roller … Et puis … Un client Twitter, c'est plus funky à développer que les sites que je fais au boulot …

J'insiste sur ce point, pas la peine de me dire que mon script ne fait rien de plus que Twitter, c'est juste histoire de me faire la main … D'ailleurs, si vous avez des idées de concept … Je pense que je ferai bientôt une application Facebook.

Je suis loin d'être un Twitter-addict. Je suis en fait sur Tweeter par période … De temps en temps pendant une semaine, je vais suivre ce qu'il s'y dit et tweeter puis ensuite passer à autre chose. Vous trouverez peut-être cela contradictoire avec le fait de me faire mon propre client Twitter … Mais je vous en prie, testez-le, dites-moi ce que vous en pensez !…

Un peu de technique

• Côté serveur (PHP), j'utilise la librairie OAuth d'Abraham Williams qui permet d'établir une connexion avec Twitter et de faire des requêtes.
• Côté client (navigateur) :
  • J'utilise jQuery pour les opérations javascript.
  • La majorité des requêtes sur le site sont faites en AJAX.
• Intégration : Comme vous le verrez, l'interface ressemble beaucoup à celle du site Twitter, remis à la sauce Topheman. Je reconnais que je m'en suis largement inspiré …

J'attends vos commentaires ! Ici ou sur @topheman bien sûr …

Tophe

Tester twitter.topheman.com