Curiosité de vie

Planifier une surveillance de mon serveur

noreply@blogger.com (Brice) — Wed, 22 Jun 2011 05:27:07 PDT

Voici un petit exemple pour Linux pour surveiller la présence d'un serveur avec un shell et une tâche planifiée (crontab) :

Fichier checkMyServerIsRunning.sh


#!/bin/bash 
# vers qui envoyer l'alerte ? 
DIFFUSION=toto@yoyo.fr 
# fichier ProcessId du serveur 
PID_FILE=/appli/MyServer/MyServer.pid 
# rapport d'alerte 
CHECK_REPORT=/tmp/checkMyServer.log 
# le serveur est-il actif O/N ? 1/0 
SERVER_RUNNING=0 
echo - RAPPORT $0 DU `date` - `hostname`  >> ${CHECK_REPORT} 
# si un fichier pid est present on teste la présence du processus 
if [ -e "${PID_FILE}" ]
then
         SERVERPID=`cat ${PID_FILE}`
         MSGPID="PID is ${SERVERPID}"
         SERVER_RUNNING=`ps xaf | grep ${SERVERPID} |grep -v grep|wc -l`
fi
if [ "${SERVER_RUNNING}" == "1" ]
 then 
# le serveur est actif on ne fait rien 
         echo server is running ${MSGPID} >> ${CHECK_REPORT} 
        exit
fi

echo server is not running ... so restart it >> ${CHECK_REPORT} 

# redémarrage du serveur 
/etc/init.d/myServer status >> ${CHECK_REPORT} 
/etc/init.d/myServer start  >> ${CHECK_REPORT} 
# mail avec PJ avec mutt 
echo FICHIERS DE LOG MODIFIES CE JOUR EN PJ >> ${CHECK_REPORT} 
zip lesLogsDuJour.zip `find . -name "*.log" -mtime -1` >> ${CHECK_REPORT} 
mutt -s "`hostname` : serveur MyServer" -a lesLogsDuJour.zip ${DIFFUSION} < ${CHECK_REPORT} 
rm -f lesLogsDuJour.zip 
# remise a zero du rapport 
echo > ${CHECK_REPORT}

Explications :
Dans un premier temps on paramètre les hypothèses de départ (emplacement du serveur, des fichiers de rapport, des destinataires)
Ensuite on vérifie la présence du serveur en contrôlant la présence de son fichier ".pid" et en vérifiant la présence du processus correspondant.
Si le serveur est effectivement démarré, on ne fait rien (si ce n'est augmenter le rapport de surveillance).
Si le serveur n'est pas démarré (fichier pid absent ou processus absent) alors on le redémarre :

on constitue une archive ZIP des fichiers de logs modifiés ce jour

on envoie un email du rapport de surveillance à la liste des destinataires paramétrés

on remet à zero le rapport de surveillance.

Tâche planifiée

La prochaine et dernière étape consiste à planifier une tâche toutes les heures pour lancer ce script.
Pour éditer la planification il faut exécuter la commande suivante :

crontab -e

Il faut ajouter les 2 lignes suivantes :

# verification de MyServer toutes les heures 
0 * * * * cd /appli/MyServer && sh checkMyServerIsRunning.sh

Toutes remarques et/ou suggestions d'amélioration sont les bienvenues...

Mad Waze versus Max ABE : les androïds de la route...

noreply@blogger.com (Brice) — Tue, 14 Jun 2011 07:39:54 PDT

Waze comme ABonEntendeur -dite "ABE"- sont des communautés gratuites de la route (applications pour l'OS mobile Android).

Je ne pensais pas tout connaître avec ABE, et je ne suis qu'un jeune utilisateur Waze ("baby"), mais voici un petit retour point de vue Waze...

Waze et ses avantages :

le calcul d'itinéraire; il vous propose votre trajet quotidien et il apprend avec le temps // ABE ne comporte pas de calcul d'itinéraire,

une vue en mode GPS // ABE s'arrête à une vue plan,

un "back office" de maintenance de la carte sur leur site Web waze.com accessible quand on est chez soi pour corriger les routes !

L'éditeur de carte est très bien réalisé : par exemple, en roulant, je notifie un défaut de carte pour le corriger arrivé chez moi, ou pour qu'un responsable de la zone le corrige,

très porté sur l'aspect communauté/social : possibilité de tchater (non testé), créer des groupes (je me suis amusé à créer "Travailleurs de Grenoble"), associer des comptes Twitter ou Facebook // ABE n'aborde que très peu ces aspects : ABE présente une carte - différente de la carte de navigation - de ping des autres usagers à proximité, et permet -pour un niveau 3- de voir les marques à la "petit poucet" laissées par d'autres usagers.

il semble que la communauté waze soit déjà importante... // difficile de jauger du volume des usagers!

l'équipe semble très dynamique : waze est en France (a priori) que depuis janvier 2010 // ABE semble également dynamique et n'a de cesse d'évoluer aussi

Waze et ses limitations :

assez gênant, l'application reste encore instable (pour les "premières fois" : premier trajet, premier bouchon, ...) : elle se ferme de temps en temps et ne se rouvre pas forcément correctement.

au niveau des menus, la signalisation d'évènements demande plus de taps (clics) que sous ABE (pas adapté si l'on roule..)

En d'autres termes, si vous voulez tout de suite quelque chose de professionnel qui fonctionne pour les radars, ABE semble fait pour vous..
Si par contre vous pariez sur le plus long terme, que vous avez une sensibilité aux côtés ludiques des applications, installez Waze.

Et vous, lequel utilisez vous ? peut-être en connaissez d'autres ?

Bonne route !

on the ro@d again

Samsung Wave S8500 bientôt sur Androïd !!

noreply@blogger.com (Brice) — Tue, 21 Jun 2011 02:17:13 PDT

Après de multiples recherches, rumeurs, (si on lit bcp de forum) demandes de contribution,

on a toujours un peu de mal à savoir si le Samsung Wave S8500 peut booter et surtout être stable et 100% fonctionnel avec Androïd !

Au fur et à mesure de mes recherches, je mets à jour la question qui a été posée sur commentcamarche.net
Le journal du geek nous annonçait en mars le projet Androbada d'un Polonais.
On peut suivre les dernières nouvelles du portage sur un post du forum xda-developpers (dernière Màj le 11 mai).
Au dernières nouvelles, il a récupéré le schéma du téléphone et pourrait obtenir un noyau 100% fonctionnel (mais c'est du futur ?)

05/11/2011 I have full schematic for phone
and we're ready to get a fully working kernel

Dans les derniers échanges, on constate qu'une page du wiki expose les FAQ sur le projet
et que le code source est hébergé sur google code.

Peut être bientôt un tutoriel pour flasher le S8500 avec Androïd ?

A suivre donc !!

EDIT DU 13 JUIN : je ne pensais pas si bien dire.. l'équipe fait du bon job.. une version dite "PRE ALPHA" (encore instable) est sortie.

un tutoriel (encore TRES (surement TROP) RISQUE) est présent ici.

La page projet dit au 11 juin :

Ce qui fonctionne (partiellement) : lanceur, Market, Paramètres et Wi-Fi.

Ce qui ne fonctionne pas encore : Audio, Modem (3G, Appels, ...) et plusieurs autres fonctions.

Bravo pour le boulot ! on suit l'affaire ...

Nouvel onglet à la Google Chrome pour Firefox

noreply@blogger.com (Brice) — Wed, 18 May 2011 10:02:25 PDT

Malgré les très bonnes performances de la concurrence,
je suis de ceux qui restent très attachés au navigateur Firefox .. allez savoir pourquoi ? son extensibilité peut être ;)

mais dans un même temps, je regrette de ne pouvoir profiter des bonnes idées de Google Chrome,
notamment l'onglet d'accueil ou plutôt nouvel onglet présentant sous forme de mini tableau de bord
les sites souvent accédés ou une vue personnalisée de mon historique de navigation..

Après une petite recherche par mon ami Google (pourquoi n'y ai-je pas pensé avant !!?),
je découvre (évidemment) qu'une extension existe et fait le boulot pour Firefox ..
(elle est au statut expérimental mais semble bien fonctionner pour moi)

Je vous invite à tester vous aussi cette extension nommée "New Tab JumpStart".
Très sympa !

NB : la source indique aussi d'autres exemples comme SpeedDial et NewTabKing.

Google Moderator et nous ?

noreply@blogger.com (Brice) — Fri, 15 Apr 2011 02:52:55 PDT

Connaissiez-vous Google Moderator ? yet another feedback 2.0 ou bien un outil de démocratie participative ?
Il est pourtant déjà disponible depuis 2008..

Vous créez un espace (une serie) où une communauté peut avancer des idées, des suggestions, des questions..

Le cœur du concept est que chaque idée/suggestion/"post" peut être évalué comme pertinent ou non par le reste de la communauté...

Modérator vous propose les éléments à évaluer et liste en dessous les éléments les plus pertinents présentés en premier
- une application existe sur l'app-store (accessible également depuis androïd).
- Modérator peut être intégré sur un google site..

Exemple sur la série Freebox recorder "out of the box" :
http://www.google.com/moderator/#16/e=3bb3
Exemple intégré au site :
http://sites.google.com/site/freeboxrecorder/suggestions

Comme souvent avec Google, le site est assez épuré pour se concentrer sur l'essentiel : le concept.
Un concept qui a déjà fait ses preuves avec par exemple :
- (anglais) auto-critique sur les services/produits de google
- (anglais) le jeu Minecraft
- (anglais) la campagne d'Obama whitehouse.gov/OpenForQuestions
- (arabe) l'Egypte 2.0 où les égyptiens réfléchissent à leur société de demain (attention ce n'est pas traduit !)

Il semble ne pas percer trop en france ??
du moins je trouve qu'il est difficile de recenser/chercher toutes les séries existantes.
Il me semble que l'on ne retrouve pas les séries dans une recherche google

Sur les petits sujets, au final j'ai cette impression que chacun fait sa série test dans son coin (avec donc 1 idée 1 vote :)
Je n'ai pas dérogé à la règle en créant une série sur Grenoble
Mais peut être le référencement des séries est-il plus accessible sous androïd ?

Et vous avez-vous votre série google modérator ?
connaissez-vous des séries populaires en france ?

ExtJs Grid Cell : récupérer les classes de style d'une cellule de tableau

noreply@blogger.com (Brice) — Tue, 08 Mar 2011 11:44:44 PST

En ExtJs, il peut être utile de récupérer le style d'une cellule d'Ext.grid.EditorGridPanel par exemple.

voici comment procéder:

Dans un premier temps, il vous faut une référence vers votre grille (qui possède un attribut id unique bien sûr, ici égal à "myGridId"):


var myGrid = Ext.getCmp("myGridId");

Ensuite, par l'intermédiaire de la vue correspondant à la grille,
il est possible de récupérer l'élément HTML TD correspondant à une cellule (ici ligne 0, colonne 3)


var row = 0;
var col = 3;
var myCellHtmlTd = myGrid.getView().getCell(row,col);

Le résultat obtenu (myCellHtmlTd) est un élémént DOM Html : cf. référence w3schools

Il ne vous reste plus qu'a accéder à l'attribut "class" de votre élément pour obtenir les classes de style appliquées à la cellule.


var cellClass = myCellHtmlTd.getAttribute("class");
// pour IE HtmlElement possède les classes dans l'attribut "classname" !
cellClass = (cellClass ? cellClass : myCellHtmlTd.getAttribute("classname"));

Récupérer le style appliqué à une cellule permet par exemple de distinguer sur une ligne de tableau une cellule modifiée d'une cellule non modifiée par exemple (MyGridView::isDirty(r,c) n'ayant pas été implémenté ?)

enjoy ! ^^

Devenir employeur d’une assistante maternelle

noreply@blogger.com (Brice) — Sat, 19 Feb 2011 07:19:35 PST

Lorsque l’on devient parent, une seconde vie commence. Avec cette nouvelle vie vient très vite la question du mode de garde de notre petit. Voici quelques informations pour devenir employeur d’une assistante maternelle.

La recherche d’une assistante

La liste des assistantes maternelles est maintenue soit par le pôle petite enfance de la mairie soit par le relais assistantes maternelles. Le plus simple est de prendre contact directement avec eux pour obtenir une liste à jour (inutile de payer les sites dédiés aux recherches de nounous avant !).

La visite des assistantes

A partir de la liste, et après pré-sélection par téléphone, le mieux est de rencontrer plusieurs assistantes proches du domicile et/ou du futur lieu de scolarisation de l’enfant. Une rencontre d’une petite heure en dit déjà pas mal sur les échanges entre l’assistante et l’enfant, entre l’assistante et vous les parents. On peut préparer une petite liste de points à aborder sans en faire un formulaire trop formel pour être sûr de ne pas oublier les éléments non négociables : ie. méthode d’éducation, nombre d’enfants gardés, journée type, déplacements dans la journée, activités de l’enfant, contexte de vie (ie. cigarette, animaux..).
N’oubliez pas de tenir informé le relais ou la mairie sur votre choix pour la mise à jour des informations centralisées.

Le CDI

Le CDI est un document à réaliser en coordination entre les parties.

Personnellement, via l’allocation PAJE de ma femme du site de la CAF, j’ai pu m’inscrire sur pajemploi pour obtenir un identifiant employeur PAJEMPLOI (ce n’était pas si simple à trouver).

A partir d’un exemple de CDI pour l’Ain : Document PDF
J’ai réalisé un exemple de CDI avec Google documents

Mais maintenant l’état propose ses propres modèles
- dans la section documentation de pajemploi,
- voici un exemple de CDI (pdf)

Le CDI doit faire apparaître clairement le mode de rémunération, les conditions d’accueil de l’enfant, ...

La paie

Chaque fin de mois, l’employeur verse le salaire à l’assistante maternelle. La paie correspond au salaire net + repas et indemnités. Une déclaration sur pajemploi (espace service employeur) doit succéder immédiatement le paiement et déclenche l’envoi d’une fiche de paie au salarié.

La fin de contrat

Sans doute l’étape la plus sympathique pour un employeur, il faut rédiger les papiers suivants :
- un certificat d’emploi
- une attestation assedic (comprenez pôle-emploi)
- calcul & règlement des indemnités, solde de tout compte et congés payés.

Attestation assedic

Une fois vos calculs bien effectués et la dernière fiche de paie transmise, vous aurez l’ensemble des éléments pour produire l’attestation assedic (notamment l’information sur le dernier salaire brut).

Ce qu’il faut savoir pour établir l’attestation assedic :
- l’attestation peut se faire sur le web après inscription en tant qu’employeur sur pole-emploi
- l’attestation comporte un récapitulatif des mois travaillés, avec pour chaque mois un ensemble d’informations : cf. comment remplir une attestation pôle emploi
- l’information “Precompte pôle emploi” pour un mois donné peut être retrouvée comme pour le salaire brut sur l’édition d’un bulletin de salaire (site pajemploi / gérer mes déclarations) et correspond à la “part salarié” pour “assurance chômage”.

NB: si vous avez des remarques/améliorations, faites le savoir !

PHP : sFTP et timeout pour une connexion SSL

noreply@blogger.com (Brice) — Wed, 26 Jan 2011 10:16:20 PST

En PHP, je cherchais comment mettre en œuvre un timeout plus court pour une connexion ou des commandes sFTP (secure FTP).

Sur une connexion FTP sans chiffrement, l'option est prévue :


  ftp_connect($host, $port, $timeout);

Mais si l'on utilise ssh2 par exemple, on ne retrouve pas l'option "timeout" (du moins je n'ai pas trouvé!)

Au passage, on peut très vite se perdre dans des options de stream inexistantes :)
J'avais tenté un code dans le genre suivant mais sans succès :


    $streamDir = 'ssh2.sftp://'.$stream.$remoteDir;
    $stream_options = array('ssh2' => array('timeout' => 1));
    $stream_context = stream_context_create($stream_options);
    $handle = opendir($streamDir, $stream_context);

Du coup j'ai opté pour un test d'ouverture de port préalable à la connexion.
Pour cela, je n'utilise pas un ping fait maison (car le test serait incorrect suivant les conf. de firewall)
mais une ouverture de socket directement avec un timeout réduit.

voici la fonction préalable à une connexion sFtp que j'utilise :


    /**
     * test l'ouverture d'un port sur une hôte distant
     *
    private function __testHostPort() {
        $timeoutsec = 2;
        $fp = @fsockopen($this->_host, $this->_port, $errno, $errstr, $timeoutsec);
        if (!$fp) {
             throw new Ftp_Exception("$errstr ($errno)");
        } else {
            @fclose($fp);
        }
    }

Elle est appelée préalablement à la connexion SSH et lève une exception si le serveur n'a pas le port ouvert avant toute connexion SSH.


    protected function _connect() {
        if (!$this->isConnected()) {
            $this->_logger->debug("_connect :" . $this->__tostring());
            $this->__testHostPort();
            $connexion = @ssh2_connect($this->_host, $this->_port);
            (...)

PS : si vous avez mieux, je suis preneur... j'utilise le module php "openssh".

Du temps pour la nature ... dans ce monde de brutes : un renard tapé sur la rocade de grenoble

noreply@blogger.com (Brice) — Mon, 24 Jan 2011 09:33:25 PST

Comme tout le monde ...
assez agacé le lundi matin d'aller au boulot,
quelle ne fut pas ma grande surprise de tomber (encore)
sur un bouchon sur la rocade sud dans le sens chambéry lyon..

après avoir laissé passer un camion de pompier, arrive la réduction de
2 à une voie,
en passant à hauteur de l'incident tout le monde a pu observer un
petit renard recroquevillé sur lui-même.

Assez incroyable qu'un être si petit ait pu entraîner un manque à
gagner de cette ampleur, assez incroyable aussi la part de poésie
qu'il amène avec lui après la période d'énervement qu'il a généré dans
le même temps
ainsi va la vie...

est-il encore en vie ? quelqu'un a des nouvelles de lui ?

Le Rappel de l'Orchestre (du jour)

noreply@blogger.com (Brice) — Mon, 24 Jan 2011 09:31:33 PST

Un peu de pub pour Camille Combal et son orcheste, plus précisément la séquence "Le rappel de l'Orchestre" sur Virgin Radio.

le principe est simple, ils vous appellent, enregistrent votre voix, et vous rappellent plusieurs fois jusqu'à vous rendre fou.

Celui de ce soir était plutôt sympa ...

A Auroville, êtes-vous des citoyens du monde éclairés ?!?

noreply@blogger.com (Brice) — Tue, 31 Aug 2010 11:37:24 PDT

Qui n'a jamais rêvé d'un monde meilleur, refait le monde ou critiqué "le système" dans lequel on vit... Quelle est la proportion de personnes qui tentent, de tordre ou de combler les manques, les faiblesses de ce système ? d'en concevoir un nouveau ?
Parmi elles, combien font bouger les lignes ? Combien peuvent se projeter dans un système complètement "alter" ? Enfin combien s'y projettent tellement bien qu'ils arrivent à vivre avec ?

Après avoir remis en cause l'argent pour du sel (cf. Du sel contre la mondialisation ? ), on peut également s'intéresser à la communauté d'Auroville, ou "La cité de l'Aurore".

Née en 68, cette ville expérimentale a été créée par Mirra Alfassa (compagne spirituelle d'un philosophe indien). Elle a pour vocation d'être « le lieu d'une vie communautaire universelle, où hommes et femmes apprendraient à vivre en paix, dans une parfaite harmonie, au-delà de toutes croyances, opinions politiques et nationalités » (src).

A priori un projet ambitieux soutenu par l'Unesco, où effectivement une communauté multi-nationale réussi à subsister.

En lisant l'article Wikipédia, on se projette un peu dans le fabuleux RPG des bisounours avec différentes "sous-communautés" -pour ne pas dire un mot interdit- (par exemple les "Aurelec" pour l'informatique), des modes d'éducation, d'agriculture différents, ...

Là où cette société est intéressante c'est qu'a priori elle est censée s'abstraire des soucis d'argent... Mais difficile de comprendre ce principe, principe selon lequel rien ne vous appartient mais tout ce que vous produisez appartient à la communauté.
La communauté vous verse même un petit pécule pour démarrer, ensuite vous ponctionne le salaire (je ne suis pas sûr d'avoir bien tout compris?).

Existe-t-il des différences sociales ?
A priori les anciens auraient plus de légitimité que les nouveaux arrivants, et quelques disparités de niveau de vie seraient quand même visibles..

Le plus simple pour comprendre réellement tous ses rouages serait peut-être d'avoir un retour d'expérience d'un de ses membres ou bien d'y faire un saut..

Qui sait !?
La lumière nous parviendra-t-elle un jour ?

Agences immobilières : acheter 1 bien à la vente

noreply@blogger.com (Brice) — Tue, 24 Aug 2010 09:14:09 PDT

Souvent les sites d'agences immobilières (hors grands groupes) possèdent un moteur de recherche de biens qui ne fonctionne malheureusement pas...

Il faudrait organiser un concours pour trouver les plus insolites !

Personnellement, j'ai bien aimé aujourd'hui le suivant : http://www.immobilierechartreuse.fr/

Leur page d'accueil propose 1 bien à la vente

En cliquant sur "ACHETER", on se retrouve avec une page plutôt tendance :

A partir de là, 2 chemins s'offrent à nous - un peu comme dans un livre dont vous seul êtes le héro - :
- choix 1) un athlète de haut-vol qui n'a peur de rien et qui ne tiens pas compte du message bleu :
choisir un type de bien ou pas, une ville ou pas et cliquer sur "Lancer la recherche" : on se retrouve systématiquement sur une page vide.
- choix 2) un élève modèle qui respecte le message bleu soit clique sur ce dernier et retrouve des animations flash qui ne fonctionnent pas, soit se rend sur http://www.groupe.agda.fr et là :

oh stupeur ! je me retrouve avec un bon vieux 403 doté d'un brin d'humour à la http://perdu.com

EDIT : le post initialement envoyé par email ne comportait pas les images; problème réglé

ExtJS - la gestion des évènements : les bases

noreply@blogger.com (Brice) — Thu, 15 Jul 2010 07:05:46 PDT

Mini sommaire :

Préambule : les pré-requis

Exemple n°1 : gestion d'un évènement très simple

Exemple n°2 : gestion d'un évènement de composant

Exemple n°3 : création d'un évènement spécifique

-Préambule : les pré-requis

J'installe ExtJS (Sencha); Un serveur Web (au hasard : WampServer);

Je crée un fichier : une page html simple comportant les pré-requis ExtJS :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Essai ExtJS</title>
    <!-- ** Javascript ** -->
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
  </head>
  <body>
        Coucou
 <div id="test-div"> </div>
  </body>
</html>

Les pré-requis sont satisfaits si j'arrive à voir Coucou lorsque je vais sur l'adresse locale de ma page (ie. http://localhost/test.html)

-Exemple n°1 : gestion d'un évènement très simple

Je déclare un bouton, et sur le clic du bouton, j'affiche une alerte :


<script type="text/javascript">
Ext.onReady(function(){
  var buttonObject = new Ext.Button({
    id: 'monBeauButton'
    ,text:'Cliquez moi'
    ,handler:function() {
       alert(' you do it !');
    }
    ,applyTo:'test-div'
   });
});
</script>
<div id="test-div"/>

Dans cet exemple, l'attribut handler comporte une fonction (ou une référence vers une fonction) qui est invoquée lors de l'action sur le bouton.

-Exemple n°2 : gestion d'un évènement de composant

Chaque composant ExtJS est décrit dans la documentation en ligne. En dépliant le noeud "Ext" on retrouve bien "Button".
Sur chaque composants, la documentation décrit les évènements que génère ce dernier.
en se rendant sur le paragraphe "events" on constate donc qu'un bouton génère les évènements suivants : added, afterrender, beforedestroy, beforehide, ...

Dans l'exemple 2 nous allons déclencher un affichage sur réception de l'évènement "mouseover" et "mouseout". Les lignes de documentation relatives à ces évènements précisent les paramètres reçus lors du déclenchement de l'évènement. Ici dans les deux cas nous aurons 2 arguments : le bouton et un event (évènement levé par le navigateur avec notamment la position de la souris).


<script type="text/javascript">
  Ext.onReady(function(){
  var buttonObject = new Ext.Button({
      id: 'monBeauButton'
      ,text:'Cliquez moi'
      ,handler:function() {
        alert(' you do it !');
      }
      ,applyTo:'test-div'
   });
   buttonObject.on('mouseover', function(btn, evt) {
      btn.setText("Cliquez-moi :o)");
   });
   buttonObject.on('mouseout', function(btn, evt) {
      btn.setText("Nooon ici ! :o(");
   });
  });
</script>
<div id="test-div"/>

-Exemple n°3 : création d'un évènement spécifique

Une fois le pas pris de coder en mode "évènementiel", de nombreux cas de figure ou applications viennent à l'esprit (si si), et se pose la question alors de gérer ses propres évènements fait maison.

Voici un petit exemple simple (on ne demande que çà) qui va créer un évènement maison "troisclics" lorsque l'utilisateur en sera à son troisième clic sur le bouton.

Dans un premier temps il faut déclarer l'évènement du composant : on utilise "addEvents"
Dans un second temps on déclenche l'évènement : on utilise "fireEvent"


<script type="text/javascript">
Ext.onReady(function(){
  var buttonObject = new Ext.Button({
      id: 'monBeauButton'
      ,nbclic: 0
      ,text:'Cliquez moi'
      ,handler:function() {
        this.nbclic++;
        if (this.nbclic == 3) {
          this.fireEvent("troisclics", this);
        }
      }
      ,applyTo:'test-div'
   });
   buttonObject.on('mouseover', function(btn, evt) {
      btn.setText("Cliquez-moi :o)");
   });
   buttonObject.on('mouseout', function(btn, evt) {
      btn.setText("Nooon ici ! :o(");
   });
   buttonObject.addEvents("troisclics");
   //
   // (...)
   //
   buttonObject.on('troisclics', function(btn) {
     alert(' you do it 3 times !');
   });
  });
</script>

L'environnement en question

noreply@blogger.com (Brice) — Fri, 09 Jul 2010 03:39:36 PDT

L'environnement, la réduction du coût en CO², plus globalement la diminution de l'impact de nos consommations sur la planète, ...

Toutes ces questions intéressent les entreprises parce qu'aujourd'hui on tente de réveiller la fibre économie/écologie en chacun de nous.

Epson n'échappe pas à la règle en affichant clairement un programme environnement sur epson.fr :

Epson est engagé pour protéger l'environnement. Nous nous efforçons de créer des produits innovants qui soient fiables, recyclables et économes en énergie

Alors je me pose la question suivante : quelle est l'utilité de ce lien "imprimer cette fenêtre" présent sur la popup lorsque les cartouches sont vides ?
est-ce pour obtenir sur papier les 3 références de cartouche à acheter ? à moins peut-être que ce ne soit pour vider plus vite encore nos cartouches
et donc participer à ce programme !? ^^

Avez-vous une idée ?!

De la proximité terrain pour nos politiques...

noreply@blogger.com (Brice) — Thu, 11 Feb 2010 07:11:32 PST

En Angleterre, 4 députés se prêtent au jeu d'une nouvelle télé-réalité "active" en se plongeant au sein de familles vivant dans les HLM.

Ils ne disposent que de 64,30 livres par semaine (env. 73€/sem) (src).

En France on a bien eu le journaliste Harry derrière les murs (src) mais à quand un Nicolas, une Martine ou un François capable de se rapprocher du terrain à ce point ?

:)

Des cyclistes encore plus gênants ?

noreply@blogger.com (Brice) — Mon, 16 Nov 2009 07:42:07 PST

Des cyclistes encore plus gênants ? Oui en oubliant ce titre un peu provocateur, c'est ce que l'on peut lire dans le dossier JDN de la Villes high-tech (source de l'info sur ecofriend.org.)

Une bonne idée que d'ajouter autour du cycliste un halo lumineux avec un capteur de distance. Le système est alimenté par une dynamo.

Cerise sur le gâteau : si l'automobiliste se rapproche de trop, alors le système klaxonne !

Sous réserve que les cyclistes respectent le code de la route... cette innovation semble prometeuse.

ExtJS - Ext.data.Store - traitement d'exception pour un service JSON

noreply@blogger.com (Brice) — Fri, 13 Nov 2009 00:51:08 PST

Aujourd'hui, voici un mini tutoriel permettant de comprendre comment gérer un retour en erreur pour un appel de service JSON depuis un client JavaScript utilisant ExtJS ^{API doc.}.

Personnellement, je trouve qu'ExtJS est assez bien documenté pour les cas nominaux, mais manque cruellement d'exemples dans le cas des traitements d'exception. C'est dommage car on le sait bien, les cas nominaux ne sont pas toujours au rendez-vous ;)

Dans ce mini tutoriel, un service "getUsers" permet de retourner une liste d'utilisateurs (il peut être implémenté en PHP par exemple, mais ce n'est pas l'objet de ce tutorial).

Voici un exemple de retour fait par ce service lorsqu'aucune erreur ne survient :

{
 "results":4,
 "rows": 
  [{"id":"1",
    "login":"brice",
    "date_inscription":"2009-02-10 14:20:00",
    "fullname":"Brice"},
   {"id":"10",
    "login":"toto",
    "date_inscription":"2009-10-28 08:10:00",
    "fullname":"toto"},
   {"id":"11",
    "login":"toto2",
    "date_inscription":"2009-10-28 08:10:00",
    "fullname":"toto2"},
   {"id":"13",
    "login":"toto4",
    "date_inscription":"2009-10-28 09:10:00",
    "fullname":"toto4"}],
 "success":true
}

A noter : dans cet exemple, 4 utilisateurs sont retournés sous le noeud "rows", et la propriété "success" vaut "true".

Voici le retour du même service lorsqu'une erreur survient (ie. Base de donnée injoignable) :

{
 "results":1,
 "success":false,
 "errors":[
  {"id":"500",
   "msg":"Erreur de connexion à la base de donnée."
  }]
}

A noter : dans cet exemple, 1 exception a été levée et traduite sous la forme d'un message d'erreur (id="500", msg="Erreur de connexion à la base de donnée."), et la propriété "success" vaut "false".

Voici maintenant comment gérer ces 2 types de retour côté client à l'aide d'ExtJS :

var dateFormat = 'Y-m-d G:i:s';
// ancienne valeur par defaut : 'm/d/Y'
// dateFormat correspond a une date 
// de la forme : "2009-10-28 10:10:00"

var myStore = new Ext.data.Store({
    url: 'http://localhost/getUsers.php5', // URL du service JSON
    title: 'TOTO',
    reader: new Ext.data.JsonReader({ // Reader JSON
      idProperty: 'id',
      root: 'rows',             
      totalProperty: 'results', 
      successProperty:'success',
      fields: [
          {name: 'id'},
          {name: 'login'},
          {name: 'date_inscription',
           type: 'date',
           dateFormat: dateFormat},
          {name: 'fullname'}
      ]
    })
});

A noter : dans cet exemple, on déclare l'Ext.data.Store^doc "myStore" qui va faire appel au service ('getUsers.php5'), et va lire le résultat grâce à un analyseur JSON (JSONReader^doc). La lecture sera considérée comme un succès si la propriété "success" vaut "true". La manière d'interpréter les différents champs est également décrite.

On va également implémenter un analyseur JSON (JSONReader) capable d'interpréter un retour en erreur :

var errorReader = new Ext.data.JsonReader({
      idProperty: 'id',
      root: 'errors',
      totalProperty: 'results', 
      fields: [
          {name: 'id'},
          {name: 'msg'}
      ]
  });

A noter : dans cet exemple, la structure JSON lue doit posséder le nombre d'erreur sous "results" et les différentes erreurs sous la racine "errors". Ici une erreur comporte 2 champs : un "id" et un "msg".

Il convient ensuite de déclarer une méthode de traitement d'erreur de la manière suivante :

myStore.on('exception', usrException);

A noter : dans cet exemple, on indique pour myStore que sur réception de l'évènement "exception", un appel à la méthode "usrException(...)" doit être fait. Dans la version 3 d'ExtJS^doc, l'évènement "loadexception" est indiqué comme obsolète (deprecated) et ne doit donc plus être utilisé.

Voici maintenant comment interpréter le retour en erreur lors de l'appel au service :

function usrException(dataProxy, type, action, options, response) {
  // alert('usrException type=' + type 
  //     + ' action=' + action 
  //     + ' response.status=' + response.status);
  if (type == 'response' && action == 'read' && response.status == 200) {
    var rs = errorReader.read(response);
    if(rs.records) {
      for(var i = 0, len = rs.records.length; i < len; i++) {
        var r = rs.records[i];
        alert("Erreur de chargement ERR"
              + r.data.id + ":" + r.data.msg);
      }
    }
  } else if (type == 'response' && action == 'read') {
      alert("Connexion impossible au serveur ("
            + response.status +")");
  }
}

A noter : dans cet exemple, on traite un cas d'erreur sur lecture du résultat. On utilise l'analyseur d'erreur précédemment évoqué pour interpréter le retour d'erreur de service en JSON et afficher une alerte sur chaque erreur lue.

Enfin, il ne manque plus que l'appel à "myStore" permettant de lancer le service :

myStore.load();

Si l'appel au service "getUsers" se passe correctement, alors le store pourra afficher le resultat au sein d'un Ext.grid.GridPanel par exemple, sinon la méthode "usrException" sera invoquée.

Ce mini tutoriel peut sûrement être complété, ou bien si vous avez une autre solution, je suis preneur !

En attendant, à vous de jouer!

HTML, IE : window.onload et menu fixe

noreply@blogger.com (Brice) — Fri, 06 Nov 2009 02:58:59 PST

Bonjour,
alors aujourd'hui, je vais faire un petit peu de publicité pour 2 sites qui permettent de répondre encore une fois à la problématique de compatibilité entre navigateurs.

window.onload
Ce premier point concerne l'appel à une méthode JavaScript lorsqu'une page HTML a été complètement chargée par le navigateur. Je pensais (trop naïvement) que "window.onload" était assez standard pour passer sur tous les navigateurs... ! Et bien il semble que non !

Alors pour résoudre ce problème, rendez-vous sur ce post de septembre 2005 qui m'a été fort utile..

Vous y trouverez le code à copier dans le HEAD :


    <script type="text/javascript">
       /* for Mozilla */
       if (document.addEventListener) {
           document.addEventListener("DOMContentLoaded", init, false);
       }
    
       /* for Internet Explorer */
       /*@cc_on @*/
       /*@if (@_win32)
           document.write("<script defer src=js/ie_onload.js><"+"/script>");
       /*@end @*/
    
       /* for other browsers */
       window.onload = init;

       function init() {
            alert('ok');
       }
    </script>

Dans cet exemple, il vous faut également mettre la ligne suivante dans le fichier "js/ie_onload.js" :


 init();

menu fixe

Aujourd'hui, j'ai également découvert une page relatant le problème souvent évoqué que de faire pour une page Web, une portion de page fixe (ie. un menu) quelquesoit le contenu et la position de l'ascenseur.

Rendez-vous sur cette page composante du site de batra3.

Ses exemples fonctionnent également sous IE. A priori la parade trouvée ne devait pas être simple ! merci à lui!

Nouveau style du blog

noreply@blogger.com (Brice) — Thu, 29 Oct 2009 07:08:37 PDT

Aujourd'hui j'ai enfin pris le temps de modifier le thème de présentation de ce blog !
(ce n'est pas une mince affaire étant donné mes goûts en terme d'Art & Déco ;)

Pour ce faire, j'ai donc fait un tour chez mon ami Google pour lui demander comment faire : recherche de "blogger template".

Je prends le premier résultat : http://btemplates.com : un site référençant de nombreux modèles pour les [B]loggeurs : pour chaque modèle vous retrouvez une petite archive à télécharger ainsi qu'une petite démo : très utile !

J'ai donc navigué au moins jusque la page 31 pour y trouver le modèle BCute...
Qu'en dites vous !?

Voici comment l'installer :
-Rendez-vous sur votre blog sur la page de mise en page :

- Sélectionner le menu "Modifier le code HTML".
- Vous y trouverez en haut de page un lien pour télécharger le modèle actuellement utilisé par votre blog ainsi qu'un formulaire permettant d'envoyer votre nouveau modèle.
- Téléchargez le modèle dans son intégralité : cette action téléchargera le modèle XML actuellement utilisé par votre blog.

Attention : l'action suivante peut entraîner la perte de certaines informations concernant vos gadgets utilisés. Ne procédez à l'installation d'un nouveau modèle que si vous êtes capables de ré ajouter les gadgets utiles.

- Dans l'archive que vous avez récupéré de btemplates, sélectionnez sur votre disque dur via "Parcourir..." le fichier XML (ie. Bcute.xml). Et cliquez sur "Tranférer" !

Bingo, votre blog adopte desormais une nouvelle présentation !

Il reste quand même quelques personnalisations à apporter. Pour cela, il faut un peu fouiner dans le code HTML/CSS... Sur ce point, je pense que google peut encore améliorer les modèles.

Voici quelques astuces pour personnaliser son modèle :

Pub google Réajoutez la publicité grace à l'onglet "Monétisation" (NDLR : heu j'ai mis çà moi aussi mais je n'ai encore rien gagné ;)))

Stats GG Analytics pour retrouver le code HTML à ajouter dans votre blog avant "</body>", retournez faire un tour sur Google Analytics et cliquez sur le lien "Modifier" correspondant à votre site. Puis cliquez sur "Vérifier l'état".

Partage GG Reader pour retrouver votre liste de partage Google Reader incluant vos commentaires, rendez-vous dans les préférences de google reader, cliquez sur l'onglet "Dossiers et tags" puis "ajouter un extrait à votre site" de votre "liste de partage".

Gadget iGoogle personnalisé Pour ajouter un gadget iGoogle à votre blog, il suffit dans "Mise en page" / "Éléments de la page" d'"ajouter un gadget". Sélectionnez "HTML/JavaScript". Ensuite vous pouvez y coller un code de votre création ou bien le code fournit par cette page permettant l'ajout d'un gadget iGoogle (ie. Wikipen Gadget) à un site web.

Si le nuage de mots clés de votre blog ne s'affiche plus comme un nuage mais toujours comme une liste, voici le bout de CSS à rajouter (ici "Label1" correspond à l'identifiant de mon gadget comportant les mots-clés) :
```
/* PUCES */
#Label1 li {
padding:2px;
list-style: none;
float:left;
}
```

Copier du XML dans un textarea (sous IE6)

noreply@blogger.com (Brice) — Thu, 29 Oct 2009 03:39:05 PDT

Voici un petit bout de code JavaScript :
- il permet de copier un contenu XML (présent sous une balise <pre>) dans un textarea
- (surtout) il est compatible IE6 !

// Teste sur Firefox et IE6 //



// FIX de getElementById(...) pour MSIE
// src
if (/msie/i.test (navigator.userAgent)) {
  document.nativeGetElementById = document.getElementById;
  document.getElementById = function(id) {
    // Get element using native method
    var elem = document.nativeGetElementById(id);
    if (elem) {
      // If id match, return element
      if (elem.attributes['id'].value == id) {
        return elem;
      }
      // Otherwise look for the right one
      else {
        for (var i = 1; i < document.all[id].length; i++)
        {
          if (document.all[id][i].attributes['id'].value == id)
          {
            return document.all[id][i];
          }
        }
      }
    }
    return null;
  }
}

// Mise a jour d'un textarea avec le contenu d'un <pre>

var scPRE = document.getElementById('idBalisePreComportantDuXML');
var editTA = document.getElementById('idTextArea');
if (/msie/i.test (navigator.userAgent)) {
  // FIX IE6 Textarea CR bug
  editTA.value = "";
  editTA.setAttribute("value" , scPRE.innerText ) ;
} else {
  editTA.innerHTML = scPRE.innerHTML;
}

Monopoly City Streets restart

noreply@blogger.com (Brice) — Fri, 18 Sep 2009 09:41:45 PDT

Après quelques jours de jeu seulement, Le Monopoly made in Google redémarre...

Il est vrai que j'avais, petit testeur que je suis, remarqué quelques petits problèmes notamment d'un de mes adversaires nommé ARCOCOMPTABILITE possédant certaines rues impossibles à afficher et vous affligeant de 5 bâtiments nuisibles par jour..

Je conserve une copie du message version "francisée" nous expliquant leur tragique situation... Je le trouve plutôt remarquable..!

Bon allez les gars réveillez vous ! ;)

Liens utiles :
le jeu - le blog - Forum FR

NDLR : le jeu est à nouveau disponible.

On est entraint de preparer le redemarage de MONOPOLY City Streets.

Lorsque nous avons lancé MONOPOLY City Streets la semaine dernière, nous étions ravis que autant d'entre vous avez voulu vous essayer à la domination globale de l'immobilier. Comme beaucoup d'entre vous ont eu l’expérience, la ruée initiale a rendu les serveurs plus lents, qui à son tour, fourni des données hasardées. Vous avons également découvert quelques problèmes pendant que vous appreniez le jeu et nous avons travaillé fort pour corriger ces problèmes.

Mais, nous ne redémarreront pas simplement le jeu. Nous avons apporté quelques améliorations à la façon de jouer que nous pensons vont résoudre plusieurs des vos préoccupations que vous aviez porté à notre attention pendant que vous avez joué le jeu.

Ce redémarrage signifie que tout le monde recommence avec $3 millions et un monde à découvrir. Nous espérons que vous réussirez à acheter la rue qui est au cœur de votre future empire immobilier et que vous en profiterez d'acheter, construire et négocier comme vous le pouvez dans le nouveau jeu de société Monopoly City.

Nous serons bientôt de retour.

Veuillez venir découvrir toutes les nouvelles sur notre blog

Axis : No serializer found for class java.lang.Class

noreply@blogger.com (Brice) — Thu, 15 Jul 2010 05:41:53 PDT

Juste un petit post (encore bien moins intéressant que le précédent!) pour mémoire...

Lorsqu'on tente de sérialiser un objet Java avec un serveur Axis 1.4 (pour un Web Service);

on peut tomber sur l'exception suivante :


13:47:33 WARN AttachmentsImpl: Exception:
AxisFault
 faultCode: {http://schemas.xmlsoap.org/soap/envelope/}Server.userException
 faultSubcode:
 faultString: java.io.IOException: No serializer found for class java.lang.Class in registry org.apache.axis.encoding.TypeMappingDelegate@16e22da
 faultActor:
 faultNode:
 faultDetail:
        {http://xml.apache.org/axis/}stackTrace:java.io.IOException: No serializer found for class java.lang.Class in registry org.apache.axis.encoding.TypeMappingDelegate@16e22da
        at org.apache.axis.encoding.SerializationContext.serializeActual(SerializationContext.java:1507)
        at org.apache.axis.encoding.SerializationContext.serialize(SerializationContext.java:980)
        at org.apache.axis.encoding.SerializationContext.outputMultiRefs(SerializationContext.java:1055)
        at org.apache.axis.message.SOAPBody.outputImpl(SOAPBody.java:145)
        at org.apache.axis.message.SOAPEnvelope.outputImpl(SOAPEnvelope.java:478)
        at org.apache.axis.message.MessageElement.output(MessageElement.java:1208)
        at org.apache.axis.SOAPPart.writeTo(SOAPPart.java:315)
        at org.apache.axis.SOAPPart.writeTo(SOAPPart.java:269)
        at org.apache.axis.SOAPPart.saveChanges(SOAPPart.java:530)
        at org.apache.axis.attachments.AttachmentsImpl.getAttachmentCount(AttachmentsImpl.java:554)
        at org.apache.axis.Message.getContentType(Message.java:486)
        at org.apache.axis.transport.http.AxisServlet.doPost(AxisServlet.java:775)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:710)
        at org.apache.axis.transport.http.AxisServletBase.service(AxisServletBase.java:327)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:803)
        at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:269)
        at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:188)
        at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:213)
        at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:172)
        at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:433)
        at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)
        at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:117)
        at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:108)
        at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:174)
        at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:874)
        at org.apache.coyote.http11.Http11BaseProtocol$Http11ConnectionHandler.processConnection(Http11BaseProtocol.java:665)
        at org.apache.tomcat.util.net.PoolTcpEndpoint.processSocket(PoolTcpEndpoint.java:528)
        at org.apache.tomcat.util.net.LeaderFollowerWorkerThread.runIt(LeaderFollowerWorkerThread.java:81)
        at org.apache.tomcat.util.threads.ThreadPool$ControlRunnable.run(ThreadPool.java:689)
        at java.lang.Thread.run(Thread.java:636)

Une recherche Google sur la phrase exacte "No serializer found for class java.lang.Class" ne donnant qu'un seul résultat peu explicite, je note ici pourquoi j'ai rencontré cette erreur.

Généralement, si c'est une classe ordinaire que le serveur n'a pas réussi à sérialiser, c'est que la définition du type est manquante dans le descripteur de déploiement (fichier .wsdd). Mais ici, l'erreur indique que le serveur n'arrive pas à sérialiser un objet "Class" !

Dans mon cas de figure, l'objet que je tentait de sérialiser comportait une énumération. Et voici, ci dessous comment rédiger un "Custom Serializer" pour une Enum Java :


    /**
     * Get Custom Serializer
     */
 public static org.apache.axis.encoding.Serializer getSerializer(
           java.lang.String mechType, 
           java.lang.Class _javaType,  
           javax.xml.namespace.QName _xmlType) {
     log.debug("getSerializer(...)");
        return 
          new  org.apache.axis.encoding.ser.EnumSerializer(_javaType, _xmlType); // , typeDesc);
          // new  org.apache.axis.encoding.ser.BeanSerializer(_javaType, _xmlType, typeDesc);
    }

    /**
     * Get Custom Deserializer
     */
 public static org.apache.axis.encoding.Deserializer getDeserializer(
           java.lang.String mechType, 
           java.lang.Class _javaType,  
           javax.xml.namespace.QName _xmlType) {
        return 
          new org.apache.axis.encoding.ser.EnumDeserializer(_javaType, _xmlType);
          // new  org.apache.axis.encoding.ser.BeanDeserializer(_javaType, _xmlType, typeDesc);
    }

Vous remarquerez que la ligne en commentaire correspond à un "Serializer" de Classe Java, ici remplacé par un "Serializer" pour une Enum.

Ajout du 15/07/2010 : après avoir reçu ce jour une question sur comment sérialiser un objet comportant un type Enum (JDK 5), j'ai regardé le projet sur lequel j'avais travaillé à l'époque.

Et .. j'étais finalement revenu sur l'utilisation du type Enum : semble-t-il un type trop "spécifique" pour le traitement générique par Axis. J'avais alors remplacé les classes type Enum par des classes simples (donc utilisé au final un BeanSerializer).

Tout çà pour dire que l'exemple cité dans le post ci-dessus n'est certainement pas le mieux choisi (si je reçois un jour la solution, je l'ajouterai..).

Tomcat et la fameuse "OutOfMemoryError : PermGen space"

noreply@blogger.com (Brice) — Thu, 29 Oct 2009 06:01:29 PDT

Qu’appelle-t-on "OutOfMemoryError : PermGen space" ?

Cette erreur se rencontre lorsque l'espace de la mémoire permanente (PermGen) de la machine virtuelle Java (JVM) a atteint son niveau maximum (ie. sur une JVM Sun).

Les définitions de classe sont stockées au sein de la mémoire permanente. Cette erreur est levée lorsque l'espace restant n'est plus suffisant pour accueillir les nouvelles définitions de classe à charger.

NB: les instances sont stockées dans une zone mémoire différente ("Heap" space) qui correspond à une autre erreur.

Quand rencontre-t-on une "OutOfMemoryError : PermGen space" ?

On rencontre par exemple cette erreur après de multiples redéploiements d'une WebApp Tomcat comportant des "fuites" mémoire... On va redéployer la WebApp 10 fois sans problème, puis on perd Tomcat à la 11ième à cause de cette erreur. Bien souvent cette erreur pose de sérieux problèmes en production où la tendance est plutôt à redémarrer Tomcat tous les soirs pour éviter tout problème (plutôt que de corriger les soucis de fuites).

Un excellent papier rédigé par Franck Kieviet (en anglais, mais très visuel ;) ) explique comment se provoque une fuite mémoire (ie. déchargement impossibles d'objets/de définitions de classes) et cite les exemples les plus courants de fuites mémoire :
Dangling thread, Commons logging, java.util.logging.Level, Thread context classloader, new Thread(), Bean util, Details, SQL Driver

Quels sont les symptômes d'une "OutOfMemoryError : PermGen space" ?

Peut-être ne l'avez-vous jamais rencontré, alors comment savoir si votre WebApp est sujette aux fuites de mémoire (donc à terme à cette erreur) ?

Des outils permettent de visualiser l'occupation des différents espaces mémoire :

JConsole : application visuelle qui se rattache à une JVM (un process Java) et qui (entre autres nombreuses fonctionnalités) affiche les courbes : espace occupé par les données (heap), nombre de définitions de classes actuellement en mémoire, total du nombre de classes chargées et déchargées depuis le lancement de JConsole, nombre de thread, etc..

jmap : un outil qui se rattache également à une JVM et qui est capable (entre autres) de faire des extractions de la mémoire pour en ressortir des statistiques (ie. liste des définitions de classes en mémoire). Jmap permet également de faire un dump de cette mémoire pour jhat.

jhat : un outil capable de lire un dump créé par jmap et de créer un mini serveur Web pour naviguer dans cette mémoire (utilisateurs avertis!!).

Pour visualiser le problème, je conseille JConsole^{article de sun (en)}.

Mais comment utiliser JConsole ?

Il faut autoriser JConsole à pouvoir se rattacher à la JVM à osculter.

Comment ? voici un exemple :
ajoutez les options suivantes à la JVM de votre application (fonctionne aussi pour Tomcat) :


 -Dcom.sun.management.jmxremote.port=9090
 -Dcom.sun.management.jmxremote.authenticate=false
 -Dcom.sun.management.jmxremote.ssl=false

Déterminez ensuite quel est le numéro du processus Java correspondant à votre application (Tomcat correspond à la ligne jps "Bootstrap") :


 $ ps -xaf | grep java
 ou
 $ jps

Une fois le numéro de processus récupéré, lancer JConsole (sous un environnement graphique, avec un utilisateur autorisé, (ie. tomcat)...) :


 # jconsole &

Choisissez le menu "New" / "Connexion" puis le processus correspondant à votre application.

Voici un aperçu de JConsole pour plusieurs déploiements d'une WebApp comportant une fuite mémoire (ou mal paramétrée) :

   on peut constater (encadré en bas à gauche : mémoire permanente), après de nombreux redéploiements, qu'aucune classe n'a été déchargée. Ce genre de comportement se termine par une erreur.

Voici un aperçu de JConsole pour plusieurs déploiements d'une WebApp ne comportant plus de fuite mémoire (amha) :

   on peut constater (encadré en bas à gauche : mémoire permanente), après de nombreux redéploiements, des classes ont été déchargées.

   A partir du moment où, malgrès le nombre de redéploiements, la courbe forme une sorte de plateau (nombre de classes maximum impossible à dépasser, ici 16000 classes), on peut supposer que la WebApp est "stable" au niveau occupation de la mémoire permanente.

   PS: il semblerai que sur la SDK de Sun, le déchargement de classe ne soit pas systématique, mais pratiqué que lorsque nécessaire. Cela expliquerai pourquoi le déchargement de classe n'intervient pas lors des tous premiers redéploiements (ie, dans mon cas j'ai constaté une dizaine de redéploiements).

Comment se protéger de l'"OutOfMemoryError : PermGen space" ?

C'est bien ici la question la plus intéressante de ce post...

Voici une liste (non-exhaustive) des moyens de se protéger de cette erreur :

Tenter d'identifier les librairies / classes utilisées qui ont des fuites de mémoire : solution la plus satisfaisante, évidemment, mais qui peut prendre beaucoup de temps...

Utiliser un autre SDK (ie.IBM) : sans le désir de polémiquer, j'ai déjà remarqué et lu à plusieurs reprises que ce problème était moins fréquent sur une autre JVM ... : solution assez peu satisfaisante

Augmenter la mémoire allouée : votre serveur ne mettra plus 3j à tomber mais 5 ou 10 ? : voici solution pour les rois de la bricole (marche aussi pour les hommes pressés) ...

Isoler la WebApp dans une JVM dédié: (post sur le sujet) ce point n'est pas réellement une mesure de protection sur l'application elle-même, mais peut être une très bonne mesure à prendre pour éviter de contaminer plusieurs applications à cause d'une seule qui pose problème...

Identifier les fuites mémoires

Après plusieurs essais avec jmap et jhat, et navigation dans le dump de la mémoire, j'ai perdu un peu mes espoirs de trouver une solution toute faite pour identifier les fuites mémoire.

En réalité, jmap sera pour moi amplement suffisant..

En préambule : lancez votre WebApp et effectuez plusieurs redéploiements (s'arrêter avant l'exception PermGen).

Sous réserve d'un paramétrage et d'un utilisateur correct (cf exemple de JConsole ci-dessus) la commande suivante affiche les objets chargés en mémoire et enregistre le résultat dans le fichier JVM_MEMORY.


 jmap -histo PID_OF_TOMCAT > JVM_MEMORY

Suivant le nombre d'objet, la liste retournée peut être très longue.

Pour chaque définition de classe présente en mémoire, 4 colonnes sont affichées sur une ligne : un id, un nombre d'instances, une taille occupée (bytes), le nom de la classe.

Il s'agit de repérer les fuites en isolant les répétitions trop nombreuses de définition de classes (plusieurs lignes avec un même nom de classe).

Voici des exemples de définitions multiples rencontrées :


 com.mysql.jdbc.VersionedStringProperty
 com.mysql.jdbc.SingleByteCharsetConverter
 com.mysql.jdbc.Driver
 com.mysql.jdbc.log.NullLogger 
 apache.log4j.helpers.NullEnumeration
 org.apache.log4j.DefaultCategoryFactory
 org.apache.log4j.or.RendererMap
 org.apache.log4j.spi.RootLogger
 org.apache.log4j.Hierarchy
 org.apache.log4j.Level
 org.apache.log4j.ProvisionNode
 org.apache.log4j.CategoryKey
 org.apache.log4j.Logger 
 org.apache.commons.dbutils.BasicRowProcessor

Pour constater un problème de fuite mémoire avec MySQL par exemple, voici une méthode que j'ai utilisé :


 jmap -histo PID_OF_TOMCAT | grep "com.mysql.jdbc.Driver" | wc -l

Cette commande affiche le nombre de définition en mémoire pour la classe Driver.

J'effectue un redéploiement de la WebApp et je rejoue la même commande.


 jmap -histo PID_OF_TOMCAT | grep "com.mysql.jdbc.Driver" | wc -l

Si le nombre retourné augmente d'un, alors c'est qu'aucune classe n'a été déchargée.

Libérer la mémoire !

Voici les différentes solutions que j'ai utilisé pour libérer de la mémoire permanente.

Tout d'abord, et c'est essentiel, il faut autoriser la JVM à décharger des classes. Ajouter l'option suivante à votre application :


 -XX:+CMSClassUnloadingEnabled

Ensuite, vous pouvez paramétrer la taille max de votre mémoire permanente (par défaut à 64M je crois, et n'oubliez pas l'unité "M"):


 -XX:MaxPermSize=80M

Ensuite, libérez la mémoire en détruisant notamment :

les drivers JDBC montés en mémoire

les threads non terminés

les singletons

Vous pourrez pour cela ajouter un listener à votre WebApp (cf. java-tips (en)) et libérer la mémoire lorsque le contexte est détruit ("contextDestroyed(ServletContextEvent event)").

Sur le wiki de Tomcat, le problème est abordé et certaines méthodes sont également évoquées.

Voici les méthodes que j'ai pu retenir.

Exemple pour libérer les singletons :


        if (MySingleton.isInstance()) {
      MySingleton.getInstance().destroy();
     }

Exemple pour libérer "common-logging" :


     // cf. http://wiki.apache.org/jakarta-commons/Logging/FrequentlyAskedQuestions
     System.out.println("Shutdown LogFactory (common-logging) !");
        ClassLoader contextClassLoader = Thread.currentThread().getContextClassLoader();
        LogFactory.release(contextClassLoader);

Exemple pour libérer "log4j" :


     // cf. http://wiki.apache.org/logging-log4j/UsefulCode
     System.out.println("Shutdown LogManager (log4j) !");
     LogManager.shutdown();

Exemple pour libérer les drivers JDBC :


     Enumeration loadedDrivers = java.sql.DriverManager.getDrivers();
  while (loadedDrivers!= null && loadedDrivers.hasMoreElements()) {
   Driver d = loadedDrivers.nextElement();
   log.info("Unregister Driver " + d.toString());
   try {
   DriverManager.deregisterDriver(d);
   } catch (SQLException sqle) {
    log.error("Exception while unregister Driver: " + sqle.getMessage());
   }
  }

Merci de me faire vos remarques si ce sujet comporte des erreurs.. si vous voyez d'autres astuces je les ajoute.

Correction du gadget iGoogle Wikipen

noreply@blogger.com (Brice) — Tue, 28 Apr 2009 06:59:24 PDT

Bon, enfin la voilà ! Une petite correction aujourd'hui du gadget Wikipen ...

En effet, depuis la migration de Wikipen du 9 avril, ce dernier n'affichait plus aucun texte...

Le problème venait de la méthode de récupération d'un texte aléatoire effectué grâce à la page "Special:Random". La nouvelle version de MediaWiki semble plus attentive ;)

Si vous ne connaissez pas encore ce petit gadget ; il s'agît d'un petit bibelot iGoogle qui affiche un texte issu de l'odyssée Wikipen. Chaque jour, vous pouvez découvrir de nouvelles créations. Je vous invite d'ailleurs à proposer vos propres créations en rejoignant la communauté Wikipen ou l'association Wikipen.

En bas de cette page, vous avez une visualisation du gadget en action. Pour plus de détails (ou pour soumettre un bug aussi ;) rendez-vous sur la page projet de Wikipen Gadget.

Bonne lecture !

JavaScript RegEx Check an Id string

noreply@blogger.com (Brice) — Mon, 27 Apr 2009 06:17:07 PDT

Voici une petite fonction en JavaScript permettant de contrôler une chaîne de caractère par rapport à une expression régulière.
Dans cet exemple, on n'autorise que les chaînes débutant par un caractère alpha (a-zA-Z) et ne comportant que des alphanumériques (l'underscore est également autorisé).
Si la chaîne 'str' passée en argument ne correspond pas aux critères évoqués, alors une boîte de dialogue informe que celle-ci est refusée.
PS: en commentaire des traces peuvent être ajoutées pour comprendre ce qu'il se passe.


 function checkIdText(str) {
  // alert('checkIdText(' + str + ')');
  var myFilter=/^(([a-z])([a-z0-9_]*))$/i;
  if (!myFilter.test(str)) {
    alert("IdText : please start with and alpha and then use alphanumerics or underscore only.");
    return false;
  }
  // alert(str + ' is OK');
  return true;  
  }

Comment interpréter le filtre de l'expression régulière RegEx : /^(([a-z])([a-z0-9_]*))$/i

expression	signification
^	début de la chaîne de caractères
[a-z]	un caractère alpha
[a-z0-9_]*	0, 1, ou plusieurs alphanumériques (underscore est également autorisé)
$	fin de la chaîne
i	indépendance vis-à-vis de la casse (majuscule/minuscule)