Le blog de llaumgui - Dotclear

En vrac n°5

llaumgui — Thu, 01 May 2008 10:57:00 +0200

Ça faisait longtemps que je n'avais pas fait un billet de vrac...

Au sommaire :

PunBB.org déménage
Dotclear 2.0 RC1
Twitter
FISE
Logo Fedora 9
301
2ème Live eTIC Party de Montpellier

PunBB.org déménage

Depuis que PunBB est sponsorisé par une entreprise, la version 1.3 avance plus vite (pas assez à mon goût). Par contre, il faut faire certaines contre-parties... Notons quand même que nos amis Américains le prennent beaucoup moins bien.

Dotclear 2.0 RC1

Dotclear 2.0 arrive en version RC1 avec plein de nouveautés pour ceux qui sont restés en bêta 7. De mon côté, j'ai suivi les évolutions jour après jour : SVN est mon ami.

Twitter

Après le blogging, le microblogging : je m'essaie à Twitter... Pourquoi le choix de Twitter ? Pour son intégration dans Mugshot. Pour le moment je passe par TwitterFox mais il faudrait que je teste Twitux ou Twitm.

FISE

En ce 1^er Mai, je m'en vais défiler sur les berges du Lèz pour aller regarder le FISE.

Logo Fedora 9

Vu sur le blog de Ryan Lerch :

301

Et oui, déjà 300 billets publiés sur mon blog... Pourquoi le compteur n'en affiche que 294 ? Car vraisemblablement il y en a 7 que j'ai dépublié depuis. Mais je préfère prendre en comte le compteur de l'administration de Dotclear... Allez, rendez-vous pour le 400ème.

2ème Live eTIC Party de Montpellier

Pas grand monde malheureusement. Je mettrai mes slides ainsi que la vidéo Youtube de l'intervention dans la semaine.

Pimp my Dotclear Acte II

llaumgui — Tue, 22 Apr 2008 20:42:00 +0200

Dotclear 2.0 RC1 arrivant à grands pas, on continue avec les exemples de mise en œuvre de ce gestionnaire de blog simple et efficace.
Après la sécurité et l'optimisation de Dotclear, aujourd'hui : les rétroliens (ou trackbacks) et les plugins pour Dotclear qui vont bien. Vous pouvez, à ce propos, consulter la liste des plugins déployés sur ce blog.

Rétroliens et anti-spam

Les rétroliens sont un super outil permettant à la discussion de dériver et de se poursuivre ailleurs. Le problème est que les trackbacks sont trop souvent victimes du SPAM et les bloggeurs ont alors tendance à les désactiver (ce qui était mon cas jusqu'à il y a peu).

La solution, pour pouvoir utiliser les trackbacks sereinement : le plugin rétrocontrôle configuré pour effacer directement les rétroliens indésirables, sans passer par la case corbeille.

Au passage, vous constatez que, pour le moment, ma configuration anti-spam est plutôt légère, j'ai donc encore des armes pour me défendre.

Je n'ai pas non plus activé l'option "adresses jetables" car je ne suis pas sûr de sa compatibilité avec le plugin Static Cache.

miniSEO :

Comme le montre ce calculateur (au résultat plus que discutable je vous l'accorde), le SEO du blog frôle la perfection (97%) et ce grâce, entre autres, au plugin miniSEO qui peut être couplé avec MyMeta comme le conseille l'auteur sur le billet de support.

MyMeta

Vous l'aurez peut être remarqué, une image illustre mes billets. Cette image est soit celle associée à la catégorie du billet, soit celle d'un tag. Pour cela j'utilise le plugin MyMeta :

Je peux ensuite appliquer à un billet une illustration en fonction d'un tag grâce à ce template :

<tpl:MyMetaIf type="tag-illustration" defined="false">

    <tpl:EntryIf has_category="1">

        <a href="{{tpl:EntryCategoryURL}}" class="category-illustration cat_{{tpl:EntryCategoryID}}" title="{{tpl:EntryCategory}}">&nbsp;</a>

    </tpl:EntryIf>

</tpl:MyMetaIf>

<tpl:MyMetaIf type="tag-illustration" defined="true">

    <a href="{{tpl:BlogURL}}tag/{{tpl:MyMetaValue type="tag-illustration"}}" class="category-illustration" title="{{tpl:MyMetaValue type="tag-illustration"}}" style="background: transparent url(/themes/nodoka/img/tag/{{tpl:MyMetaValue type="tag-illustration"}}.png) 0 0 no-repeat;">&nbsp;</a>

</tpl:MyMetaIf>

Pages

La révision #1729 de Dotclear introduit le plugin Pages remplaçant avantageusement le plugin Related que j'utilisais jusqu'à présent. C'est maintenant "Pages" qui gère les pages suivantes :

Notez au passage qu'avec une petite règle apache, le plugin Pages peut faire correspondre une page du blog à un sous domaine :

RewriteCond %{HTTP_HOST} ^cv.llaumgui.com

RewriteRule ^index.php$ index.php/pages/curriculum [L]

Subscribe to comments

En plus du flux RSS associé aux commentaires d'un billets, natifs dans Dotclear, le plugin Subscribe to comments permet à vos visiteurs de s'abonner par email aux nouveaux commentaires.

Pimp my Dotclear ;-)

llaumgui — Mon, 21 Apr 2008 22:35:00 +0200

Dotclear est un logiciel simple et léger permettant de créer son blog (comme ici) ou de mettre en place une plateforme de blog pouvant héberger plusieurs blogs comme c'est le cas sur la plateforme de blog de fedora-fr.

Optimiser Dotclear

Utilisation de connexions persistantes

Ludovic en parlait sur son Blog, les connexions persistantes sont à présent directement configurables depuis le fichier config.php de Dotclear :

define('DC_DBPERSIST',true);

Cache statique

Toujours en développement, le plugin staticCache est disponible via le dépôt SVN. Il permet de générer non pas du code php comme le fait le cache de template mais de stocker du code HTML qui sera directement rendu aux visiteurs de votre blog.

Pour l'activer, ça se passe encore dans le fichier config.php

define('DC_SC_CACHE_ENABLE', true );

Sécuriser son Dotclear

La première chose à faire pour sécuriser son Dotclear est de le mettre à jour. En effet, des failles de sécurité ont récemment étaient découvertes.

La gestion des uploads

Si vous êtes le seul à utiliser votre blog, la question se pose moins, mais si d'autres personnes utilisent le système d'upload, ils pourraient très bien envoyer des fichier php sur le serveur et les exécuter. Toujours dans le domaine de la supposition, ces fichiers pourraient permettre d'inclure le fichier config.php et d'en parcourir le contenu, dévoilant ainsi les mots de passe de la connexion à la base de données. Sur un serveur très très mal configuré, ces fichiers pourraient aller jusqu'à lire des fichiers du répertoire /etc/ !

Pas de panique : depuis la révision #1714, Dotclear permet d'exclure des extensions de fichier du gestionnaire de médias et ce via la directive media_exclusion du plugin about:config (plus d'infos).

Empêcher l'upload de fichier php c'est bien, mais empêcher l'exécution de fichier php dans le répertoire public, c'est mieux. Pour cela, on configurera apache :

<Location ~ "public/.*\.php$">

     ForceType text/plain

     RemoveHandler php

</Location>

Utiliser mootools dans Dotclear 2.0

llaumgui — Wed, 16 Apr 2008 19:17:00 +0200

Dotclear, le gestionnaire de blog, dans sa version 2.0 (dont la RC1 devrait pointer le bout de son nez le 1er mai) utilise jQuery comme librairie javascript. Notons au passage que l'utilisation d'une telle librairie permet de gagner un temps de développement précieux et d'éviter d'éventuels problèmes de compatibilité entre les différents navigateurs.

Actuellement, l'utilisation du javascript dans le thème par défaut (Blowup) se limite à la gestion du cookie de la case "Se souvenir de moi sur ce blog".

J'aime beaucoup jQuery (je m'en suis servi dans mon précédent thème et sur d'autres projets) mais professionnellement j'utilise beaucoup mootools et j'ai acquis des facilités avec ce framework.
Pour mon dernier thème, Nodoka, c'est donc mootools que j'ai retenu et j'ai donc eu à entreprendre de porter le code de la gestion des cookies de jQuery vers mootools.
Histoire de vous faciliter la vie si vous aussi vous souhaitez utiliser mootools dans vos thèmes Dotclear, je vous mets mon bout de code attaché à ce billet.

On remarquera qu'il y a 2 fichiers : un fichier source avec le code lisible et commenté; et une version compressée avec YUI Compressor. D'ailleur, La compression des javascripts donnera bientôt lieu à un nouveau billet.

Nouveau thème pour le blog

llaumgui — Sun, 13 Apr 2008 17:46:00 +0200

Après pas mal de temps passé, de recherche, de codage, d'effaçage puis de re-codage : voici la nouvelle version du blog.
Le thème s'appelle Nodoka et il est clairement inspiré du thème GTK2 de Fedora ;-). Pour le moment on est en version ~~alpha~~bêta mais il devrait s'enrichir au fil des jours.

Les nouveautés :

Nouveau look, c'est le plus visible
Evolution des couleurs et du bandeau avec l'heure... Comme le bureau de Fedora
Mise en avant de le possibilité de souscrire par email aux commentaires d'un billet et de gérer ses abonnements
2 nouvelles pages.
- La première, Crédit et mentions légales avec les copyrights/copylefts d'à peu près tout
- La seconde, A propos du blog avec les anciennes versions et des informations sur le blog.
Réécriture des javascripts de Dotclear pour tourner avec mootools à la place de jQuery
Blog valide CSS 2.1 et xHTML 1.0 Strict

Mise à jour automatique de Dotclear 2.0 et de ses plugins, à partir du SVN (update)

llaumgui — Fri, 31 Aug 2007 20:01:00 +0200

Je mets très souvent mon blog à jour à partir de la dernière version SVN de Dotclear 2.0. Jusqu'à présent, je faisais un svn co sur ma machine locale, puis je virais les répertoires inutiles (rm -rf `find ./ -name .svn`) et enfin j'envoyais le tout sur mon ftp. On obtient alors une version de Dotclear à jour et sans fichiers .svn. Le revers de la médaille étant le temps passé à faire la manip'. Je me suis donc fais un petit script pour automatiser tout ça :

Mise à jours des sources de Dotclear à partir du SVN.
Mise à jour et téléchargement de nouveaux plugins à partir du SVN de Dotclear.
Mise à jour de la base de données (visite de la page d'admin).
Vidage le cache.

Comme je suis un Geek très flémard et qui n'a peur de rien : j'ai mis le tout en tâche cron.

#!/bin/bash

###############################################################################

#

# dc-svn-co :

# Mise à jour d'une installation Dotclear 2.0 à partir des sources du SVN.

#

# Dépendances requises :

#       - subversion

#       - curl

#

# Attention : L'utilisation de ce script permet de mettre à jour votre instance

# de Dotclear à partir d'une version dite instable !

# Utiliser à vos risques et périls !

#

# Licence Dotclear : http://www.dotclear.net/license.html

#

# by Guillaume Kulakowski a.k.a LLaumgui <guillaume at llaumgui dot com>

# Version 2.0

#

###############################################################################

# This program is free software; you can redistribute it and/or

# modify it under the terms of the GNU General Public License

# as published by the Free Software Foundation; either version 2

# of the License, or (at your option) any later version.

#

# This program is distributed in the hope that it will be useful,

# but WITHOUT ANY WARRANTY; without even the implied warranty of

# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

# GNU General Public License for more details.

#

# You should have received a copy of the GNU General Public License

# along with this program; if not, 

#  - write to the Free Software

#       Foundation, Inc., 51 Franklin Street, Fifth Floor,

#       Boston, MA  02110-1301, USA.

#   - See http://www.gnu.org/licenses/gpl.html

###############################################################################





######################################

# Variables :



# Chemin vers l'installation de Dotclear :

DC_CORE_PATH="/home/www.xxx.com/www"



# Chemin vers les plugins de Dotclear :

DC_PLUGIN_PATH="$DC_CORE_PATH/plugins"



# Chemin vers le cache :

DC_CACHE_PATH="$DC_CORE_PATH/cache"



# Liste des plugins à récupérer à partir du svn :

DC_PLUGIN_LIST="antiflood commentsWikibar dayMode emailNotification gallery related sitemaps spamplemousse2"



# Chemin vers votre administration (pour la requête de mise à jour) :

DC_URL="http://www.xxx.com/admin/"





SVN_DC_URL="https://svn.dotclear.net/2.0/trunk"

SVN_DC_PLUGIN_URL="https://svn.dotclear.net/2.0/plugins"











######################################

# # #                            # # # 

# # #   /!\ On touche plus /!\   # # #

# # #                            # # #

######################################



###

# Mise à jour à partir du SVN :

function svnCo() {



    cd "$1"

    svn co "$2" ./

}







###

# Mise à jour de la liste des plugins à partir du svn :

function svnPlugin () {



        for plugin in $DC_PLUGIN_LIST; do

                echo -e "\n\n###############  $plugin   ###############"

                

                # Création du répertoire pour les nouveaux plugins :

                if [ ! -d $DC_PLUGIN_PATH/$plugin ]; then

                        echo "Le répertoire $plugin n'existe pas !"

                        echo "Création du répertoire $plugin."

                        mkdir "$DC_PLUGIN_PATH/$plugin"

                fi;

                

                svnCo "$DC_PLUGIN_PATH/$plugin" "$SVN_DC_PLUGIN_URL/$plugin"

        done;

}







###

# Mise à jour de la base par appel de l'url de l'admin :

function updateDB() {



        curl $DC_URL

}







###

# On vide le cache

function cleanCache() {

        

        rm -rf "$DC_CACHE_PATH/cbfeed"

        rm -rf "$DC_CACHE_PATH/cbtpl"

}











echo "################################################################################"

echo "#                                                                              #"

echo "#               Mise à jour de Dotclear à partir des sources SVN               #"

echo "#                                                                              #"

echo "################################################################################"

svnCo "$DC_CORE_PATH" "$SVN_DC_URL"



echo -e "\n\n\n\n\n\n################################################################################"

echo "#                                                                              #"

echo "#                      Mise à jour de la liste des plugins                     #"

echo "#                                                                              #"

echo "################################################################################"

svnPlugin



echo -e "\n\n\n\n\n\n################################################################################"

echo "#                                                                              #"

echo "#                           Opérations de mise à jours                         #"

echo "#                                                                              #"

echo "################################################################################"

echo ""

echo -e "\n### Mise à jour de la base de données ###"

updateDB



echo -e "\n\n###          Vidage du cache          ###"

cleanCache

Je mets à disposition mon script (sous licence GPL) tout en précisant que son utilisation réfléchie ne pose pas de problème (pas plus qu'un checkout) mais qu'une mise à jour automatisée au moment où la révision Subversion plante (ça peut arriver), fait buger le site jusqu'à la mise à jour suivante...

Mise à jour : Métro-sexualisation du code pour un rapport par mail (crontab) plus lisible.

jQuery, UTF8 et Internet Explorer

llaumgui — Sat, 03 Mar 2007 13:52:00 +0100

Toujours dans la catégorie "pamphlet contre le navigateur de la firme de Redmond" : un petit désagrément que je viens de constater entre jQuery, le plugin Validation et Internet Explorer.
Si l'encodage de la librairie de base (jquery.js) et celui du plugin (jquery.validation.js) sont différents (UTF-8 pour l'un et ISO-8859-1 pour l'autre), des erreurs Javascript apparaissent dans IE.

Ça a l'air triviale, mais pourtant j'ai passé plus de 3 heures à essayer de débuger du Javascrit sous IE (il parait que c'est possible ;-)) qui, n'ayons pas peur des mots, est une véritable bouse dans le domaine du débug JS.

Une fois que tout marche, ce plugin se révèle très pratique, car la syntaxe pour vérifier les entrées d'un formulaire est relativement simple :

// Mode débug :

//$.validator.defaults.debug = true;



$(document).ready(function() {



        $("#comment-form").validate({

                errorContainer: $("#comment-form div.error-form"),

                errorLabelContainer: $("#comment-form div.error-form ul"),

                errorWrapper: 'li',

                metaWrapper: "validate",

                

                rules: {

                c_name: { required: true },

                c_mail: {

                        required: true,

                        email: true

                },

                c_content: { required: true }

                },              

                messages: {

                c_name: msg_valid_name,

                c_mail: msg_valid_email,

                c_content: msg_valid_content

                }

        });

});

Pour les messages d'alertes, on notera que je passe des variables par soucis de respecter l'internationalisation de DotClear

Faut que je vérifie la licence (GPL / MIT) du truc et si elles le permettent je pense l'utiliser pour mon prochain gros projet professionnel. Comme le dit le slogan de cette librairie :

write less, do more

Thème llaumgui-ng, Dotclear 2 et jQuery

llaumgui — Sun, 25 Feb 2007 23:49:00 +0100

Je viens de basculer par défaut le thème "llaumgui-ng" et je devrais bientôt retirer le thème "llaumgui" de mon blog. Ce nouveau thème est plus moderne est plus sérieux que le précédent. Il est pour le moment en version bêta et devrait évoluer graphiquement (couleur, header, etc...) et techniquement, me permettant ainsi de transformer LLaumguiDotCom en petit Labo Web 2.0.

Pour agrémenter le design et améliorer l'ergonomie, j'utilise jQuery, la librairie JavaScript proposée en standard dans DotClear 2 :

La liste des tags et le formulaire

L'onglet Tags du menu du haut permet de faire dérouler la liste des tags, il en est de même pour le formulaire permettant de poster un commentaire qui par défaut est caché. Pour cela j'utilise la fonction toggle() de jQuery pour afficher et masquer un élément CSS (.tabstags) qui par défaut est masqué.

$(document).ready(function() {



        /* Gestion des tags déroulants */

        $("li.tags a").click(function() {

                $("ul.tabstags").toggle("slow");

        });

});

Les info-bulles

Simple utilisation du plugin ToolTip disponible pour jQuery et activable via la syntaxe :

$(document).ready(function() {



        /* Plugin ToolTips */

        $('a, input, img').Tooltip();

});

Quelques idées à venir si elle ne demande pas de modification du kernel de Dotclear :

Formulaire Ajax powered pour éviter de recharger la page lorsqu'on demande une prévisualisation, sous condition que ça ne facilite pas le SPAM.
Formulaire de recherche à la Google Sugeste.
Et bien plus encore ;-).

Preview du thème LLaumgui-ng

llaumgui — Fri, 23 Feb 2007 00:08:00 +0100

A la demande générale de certain qui se reconnaîtrons, je suis en train de concocter un nouveau thème pour mon blog, simplement appelé llaumgui-ng.

Pour le moment, vous pouvez admirer une preview de ce que ça donnera : un thème qui se rapproche du bureau de Gnome avec un header bien plus sobre que l'actuel qui sera basé sur un fond d'écran de Diana.

Question technique, j'utilise des éléments de CSS 2.0 qui pourraient ne pas être compatible IE6 (:first-child par exemple), et je m'en fout ! Je ne vais pas me casser le XXX à la place des ingénieurs de chez Microsoft qui ne sont pas fichus de coder un navigateur munit d'un interpréteur correct ! A bon entendeur...
Je suis aussi en train de regarder du côté de jQuery, inclue dans DotClear 2.0 afin de voir ce que je peux en faire...

J'attends vos remarques et commentaires.

La semaine en vrac n°2

llaumgui — Thu, 18 Jan 2007 21:33:00 +0100

La Google Dance n'existe plus

Vu qu'il ne faut plus dire Google Danse, je parlerais donc d'une évolution du Page Rank ;-).
Le PR de LLaumgui.com a donc évolué vers le haut, passant de 4 à 5. Pour fedora-fr, il rentre dans la course directement avec un PR de 5 (Forums, Documentation et Planet).

Second Life

Après le programme virtuel, Ségolène Royal invente la campagne virtuelle... Malheureusement pour elle, son patrimoine, est bien réel (les autres candidats).

Les experts :

La carte de voeux de ma boite, ça en jette. Pour info, je suis le deuxième en partant de la gauche... A votre service.

Tags vs Catégories

C'est en effets la question que je me pose en ce moment : l'intérêt des tags faces aux catégories sous Dotclear 2.
J'ai donc fusionné les catégories Linux, Fedora et Gnome dans une seule catégorie et rajouté de nouveaux tags.

Geek jusqu au touche du téléphone

Il semblerait que la perte d'autonomie qui touchait mon Samsung E900 provenait d'un patch sonore que j'avais appliqué sur le firmware E900XXFG2.

LLaumgui en tourné chez vous :

Je rappele que je serrais présent à Paris du 31 janvier jusqu'au 4 Février et plus particulièrement à Solution Linux les 31 Janvier et 1^er Février.
Si vous voulez boire une bière pour parler de logiciels libres, contactez-moi et si tu es une jeune demoiselle qui recherche un mec mortel, contact moi aussi (attacher photos et lettre de motivation au mail ).

Message personnel à mes potes Parisiens : Mettez la Zuzu et la pomme au frigot, j'arrive !