Ne trouvant rien de concluent sur le Web, j’ai décidé de coder un petit script PHP, nommé CactiPlug.php, permettant d’ajouter cette fonction à Nagios.

Mise à jour: Grâce à la contribution de Dennis Yusupoff, le plugin est maintenant disponible en version 0.2.

Concrètement cela donne quoi ?

Et bien la possibilité d’ajouter automatiquement un lien vers Cacti depuis l’interface Web de Nagios. Il suffit donc juste de cliquer sur un bouton ( ) pour être redirigé automatiquement vers la page correspondante au host en question dans Cacti.

Comment marche le hack CactiPlug.php ?

On utilise la macro “action_url” dans la définition du host (ou mieux du template associé au host) que l’on défini avec la valeur suivante:

…
action_url /nagios/cactiplug/cactiplug.php?ip=$HOSTADDRESS
…

Quand on clique sur le bouton ( ), le script cactiplug.php est appelé. Ce dernier va prendre en paramètre l’adresse IP du host (macro $HOSTADDRESS) et interroger directement la base de donnée MySQL de Cacti pour obtenir l’URL de la page Cacti correspondante.

Installation de cactiPlug.php

L’installation donnée ci-dessous a été validé avec Nagios 3.02 et Cacti 0.8.7.

La première chose à faire est de télécharger cactiplug-0.2.tgz.

Puis ensuite de saisir les commandes suivantes:

# tar zxvf cactiplug-0.2.tgz

# mv cactiplug /usr/local/nagios/share

# chown -R nagios:nagios /usr/local/nagios/share/cactiplug

Ensuite il faut configurer Nagios pour qu’il prenne en compte le plugin. Le plus simple est d’ajouter la ligne suivante dans le template generic_host du fichier template.cfg (voir ici vous êtes perdu dans les fichiers de conf de Nagios).

define host{

name generic-host

notifications_enabled 1

event_handler_enabled 1

flap_detection_enabled 1

failure_prediction_enabled 1

process_perf_data 1

retain_status_information 1

retain_nonstatus_information 1

notification_period 24×7

register 0

action_url /nagios/cactiplug/cactiplug.php?ip=$HOSTADDRESS

}

Configuration du plugin

La dernière étape consiste à éditer le fichier /usr/local/nagios/share/cactiplug/cactiplug.php afin d’y saisir les informations relatives à votre base de données Cacti (host, nom de la base, login et password).

Ensuite, il ne reste plus qu’a relancer Nagios:

# service nagios restart

ou

# sudo /etc/init.d/nagios restart

J’attend vos retours si vous testez ce plugin.

Télechargement:

• CactiPlug v0.2 (24 juillet 2008)
• CactiPlug v0.1 (10 juin 2008)

• SVN
• PHP

Installation d’Eclipse

Sous Ubuntu, l’installation se fait via les packages:

# sudo apt-get install eclipse

Compter environ 140 Mo d’espace sur votre disque dur.

Installation du plugin SVN

J’utilise un serveur SVN pour gérer en configuration mes développement. De base, Eclipse ne dispose que d’un plugin pour CVS. La procédure à suivre pour installer le plugin SVN est la suivante:

Lancer Eclipse
Aller dans le menu Help / Software updates / Find and install…
Cliquer sur le bouton “Search for new features to install” et cliquer sur le bouton “Next >”
Cliquer sur le bouton “New Remote Site…” et saisir:
Name: SVN
URL: http://subclipse.tigris.org/update_1.2.x (pour les versions d’Eclipse 3.2+)
Valider en appuyant sur le bouton OK
Sélectionner SVN dans le liste “Sites to include in search” puis cliquer sur “Finish”
Attendre le téléchargement de la liste des plugins et selectionner SVN
Finaliser l’installation en cliquant sur “Next >”
Après acceptation de la licence, cliquer sur “Finish”

Installation du plugin PHP

La procédure à suivre pour installer le plugin PHP (PHPEclipse) est la suivante:

Lancer Eclipse
Aller dans le menu Help / Software updates / Find and install…
Cliquer sur le bouton “Search for new features to install” et cliquer sur le bouton “Next >”
Cliquer sur le bouton “New Remote Site…” et saisir:
Name: PHP
URL: http://phpeclipse.sourceforge.net/update/releases
Valider en appuyant sur le bouton OK
Sélectionner PHP de la liste “Sites to include in search” puis cliquer sur “Finish”
Attendre le téléchargement de la liste des plugins et selectionner PHPEclipse
Finaliser l’installation en cliquant sur “Next >”
Après acceptation de la licence, cliquer sur “Finish”

Et voili, on code maintenant…

Cette dernière version apporte son lot de correction de bug et de nouvelles fonctions (toutes optionnelles):

• Affichage du nombres de fans et d’amis Ziki
• Affichages des stats Feedburner et Technorati
• Affichage du dernier message Twitter

Vous pouvez obtenir la dernière version sur le site officiel et lire une documentation plus précise dans ce billet.

PS: si vous n’êtes pas encore inscrit sur Ziki, c’est le moment ou jamais de créer un compte en cliquant sur la bannière ci-dessous.

Pour développer jQuery, il suffit de connaitre un seul objet référencé par la variable “$”. Cet objet est en fait une fonction javascript qui est le point d’entrée de tout le framework, et dont le retour est l’object “$” lui-meme (dont le contexte dépend de la fonction appelée) ce qui permet d’enchainer facilement et rapidement des actions (comme nous le verrons dans les exemples qui suivent).

Maintenant que les présentations sont faites, passons sans attendre aux exemples !

Tout d’abord, jQuery peut etre téléchargé ici sous forme d’un fichier .js normal ou compressé : http://jquery.com.Une fois téléchargé, il suffit de l’insérer entre les balises <head> et </head> de vos pages html.

Exemple : <script type=”text/javascript” src=”jquery-1.2.2.min.js”/>Quelques bases sur la sélection…

• $(”p”);
  Cet appel retourne tous les éléments P (paragraphes) de votre document : on a rarement fait plus simple.
• $(”.tata”);
  Cet appel retourne tous les éléments de votre document qui ont la classe CSS “tata”.
• $(”#toto”);
  Cet appel retourne l’élément de votre document, s’il existe, dont l’attribut ID est “toto”.
• $(”#titi > span”);
  Cet appel retourne tous les éléments SPAN contenus dans l’élément dont l’identifiant est “titi”. On pourrait écrire cet appel de cette façon également : $(”span”, $(”#titi”));
• $(”table#tutu > tr:even”);
  Cet appel retourne tous les éléments TR pairs (pour les lignes impaires remplacer “even” par “odd”) contenus dans l’élément TABLE dont l’identifiant est “tutu” (à noter la grande originalité des noms que je donne a mes identifiants…). Cet appel peut etre extremement utile pour appliquer une couleur de fond a toutes les lignes paires par exemple.

A partir de la, vous pouvez appliquer toutes les fonctions de jQuery que vous voulez. En voici quelques exemples concrets (cliquez ici pour télécharger les exemples d’appels jQuery du tutorial et les jouer chez vous) !

• $(”p”).addClass(”bluebg”);
  Cet appel va chercher tous les éléments P de votre document et leur ajouter la classe CSS nommée “bluebg” si ils ne la possèdent pas déjà.
• $(”p”).removeClass(”bluebg”);
  Cet appel retire la classe “bluebg” des éléments P du document.
• $(”p”).toggleClass(”bluebg”);
  Cet appel va alterner les fonctions “addClass” et “removeClass” vues précédemment.
• $(”p:odd”).css(”border”, “5px solid black”);
  Cet appel va ajouter une bordure noire de 5px d’épaisseur a tous les éléments P impairs.
• $(”a[href=http://www.google.fr]“).css(”font-weight”, “bold”).css(”color”, “red”).css(”background-color”, “green”);
  Cet appel va transformer tous les liens pointant vers le site http://www.google.fr, comme celui-ci : google.fr c’est par ici !
• $(”p#testAppend > span”).append(”Hello World !”);
  Cet appel va ajouter du texte a la balise SPAN contenu dans l’élément P dont l’identifiant est “testAppend”.

Quelques effets sympas maintenant !

• $(”#testAnim”).show(”slow”);
• $(”#testAnim”).hide(”normal”);
• $(”#testAnim”).slideDown(500);
• $(”#testAnim”).slideUp(200);
• $(”#testAnim”).toggle();
• $(”#testAnim”).fadeIn();
• $(”#testAnim”).fadeOut();

Si jamais vous trouvez que la bibliothèque jQuery propose peu d’animation, sachez qu’il est possible de rajouter des plugins ! Voici une petite liste de plugins très intéressants :

• Interface est certainement le plugin le plus connu : il ajoute énormément d’animations a jQuery. Allez voir la page d’exemples ici
• ThickBox permet de faire des “popup” html (pour faire des galeries d’images par exemple)
• UI Datepicker permet de créer des calendriers très simplement
• etc.

Voila, c’est fini pour cette petite introduction a jQuery. Voici quelques liens qui vous seront certainement utiles :

• Le site officiel de jQuery : http://www.jquery.com
• Une documentation en ligne de jQuery écrite en jQuery (ca vaut le coup d’oeil !) : http://www.visualjquery.com/1.1.1.html

Bon développement !NDNicolargo: Merci à Ritchi, maître-es développeur pour ce billet !

• Janvier: 30
• Février: 36
• Mars: 47
• Avril: 50
• Mai: 48

Tableau n°2:

• Nom: Citron - Nombre: 8
• Nom: Pomme - Nombre: 5
• Nom: Poire - Nombre: 2

Une premier graphe simpleL’API de Google Chart se déclenche à partir d’une URL dont le format est le suivant:

http://chart.apis.google.com/chart?<parametre 1>&<parametre 2>&<parametre n>

et génère une image que l’on pourra facilement intégrer à sa page Web avec un tag de type <img src=”URL”>.Le premier paramètre que l’on peut configurer est la taille finale du graphe (donc de l’image produite par l’API):

chs=<largeur pixels>x<hauteur en pixels>

par exemple si on veut générer un graphe de 300×200, le premier paramètre de votre URL sera:

chs=300×200

le deuxième paramètre sera le type de graphe. Pour cela on utilise le paramètre cht:

cht=<type de graphe>

par exemple pour illustrer le tableau n°, on pourra choisir un graphe de type ligne (line chart=”lc”).

cht=lc

Il ne reste plus qu’a fournir les données du tableau grâce aux paramètres chd:

chd=t:<val 1>,<val 2>, <val 3>

qui dans notre exemple se traduit par:

chd=t:30,36,47,50,48

Pour résumer ce premier exemple, l’URL correspondant à l’image du graphe du tableau n°1 sera:

http://chart.apis.google.com/chart?<span style="font-size: 11px">chs=300x200<span style="color: #000000; font-family: Helvetica; font-size: 13px"><code style="font-family: 'Courier New', Courier, monospace; font-size: 1em; color: #007000">&amp;cht=lc&amp;<span style="font-size: 11px">chd=t:30,36,47,50,48</span>

Le graphe généré sera donc:

Pour améliorer la visibilité, on peut également ajouter des légendes. Pour cela on précise d’abord que les légendes en x et en y sont requises:

chxt=x,y

puis on définit ces légendes:

chxl=0:|Janvier|Février|Mars|Avril|Mai|

on donne enfin un nom au graphe:

chtt=Tableau+n+°+1

L’URL et le résultat correspondant sont les suivantes:

http://chart.apis.google.com/chart?<span style="font-size: 11px">chs=300x200<span style="color: #000000; font-family: Helvetica; font-size: 13px"><code style="font-family: 'Courier New', Courier, monospace; font-size: 1em; color: #007000">&amp;cht=lc&amp;<span style="font-size: 11px">chd=t:30,36,47,50,48&amp;chxt=x,y&amp;chxl=0:|Janvier|Février|Mars|Avril|Mai|&amp;chtt=Tableau+n+°+1</span>

Le graphe généré sera donc:

On améliore le visuel du graphe

Il est possible de modifier ce premier exemple pour mieux l’intégrer dans le design de votre site.

Par exemple l’option chts permet de définir la fonte et la couleur à utiliser pour le titre du graphe:

&chts=D0A825,14

ce qui donne:

Il est également possible de modifier le fond du graphe en lui appliquant un dégradé:

chf=c,lg,90,76A4FB,0.5,ffffff,0

ce qui donne:

Des camemberts ! Des camemberts !

D’autres type de graphes sont bien entendu disponibles, par exemple les camemberts, très utiles pour illustrer des données comme notre tableau n°2.

Camembert 2D: cht=p2

Camembert 3D: cht=p3

L’URL à utiliser est alors la suivante:

http://chart.apis.google.com/chart?<span style="font-size: 11px">chs=400x200<span style="color: #000000; font-family: Helvetica; font-size: 13px"><code style="font-family: 'Courier New', Courier, monospace; font-size: 1em; color: #007000">&amp;cht=p3&amp;<span style="font-size: 11px">chd=t:8,5,2&amp;chxt=x,y&amp;chl=|Citron|Pomme|Poire|&amp;chtt=Tableau+n+°+2</span>

Le graphe généré sera donc:

Ce billet n’est qu’une rapide introduction à cette API, si vous voulez allez plus loin et découvrir tout les graphes que vous pouvez intégrer dans vos site, il faut prendre votre Harrap’s et vous rendre sur le site officiel de Google Chart API.

  
Avant - Aprés

Voici comment j’ai procédé. Il faut dans un premier temps créer une image qui servira de base à votre fond d’écran. Cette image dépend des dimensions de votre blog. L’image ci-dessous correspond à une ombre pour un site dont la page fait 800 pixels de large avec une couleur de fonds blanc cassé (code #EEEEEE).

Il faut ensuite éditer votre feuille de style et modifier la section “body” de la manière suivante:

body {
background-color: #EEEEEE;
background-position: center top;
background-repeat: repeat-y;
background-image: url(images/ombre.gif);
…

Je trouve le résultat assez sympathique, le contenu étant plus lisible.

La communauté « iPhone Dev Team » vient de publier une méthode relativement simple et gratuite pour débloquer l’iPhone: iUnlock. Par débloquer on entend utiliser le téléphone d’Apple sur un réseau autre que celui de AT&T. Tout comme son pendant payant iPhoneSIMFree, iUnlock est une solution 100% logicielle. Il n’est donc pas nécessaire d’ouvrir l’iPhone et de sortir son poste à soudure.

Source: Clubic.

Depuis son passage en version 2.0, Ziki, le gestionnaire d’identité numérique, propose de nouvelles fonctions assez intéressantes. L’une d’entre elle est la mise à disposition d’une API permettant de récupérer des informations aux formats XML.Voici donc un widget Wordpress permettant d’afficher vos informations stockés dans votre Ziki. Cette première version, affiche:

• l’avatar avec un lien vers votre Ziki
• le nickname
• en option: le nom et le prénom
• NEWS v0.2: les liens vers les réseaux sociaux (type Facebook, twitter…)
• NEWS v0.4: affichage des statistiques Feedburner et Technorati
• NEWS v0.5: amélioration de la présentation du widget
• NEWS v0.5: ajout de l’affichage de la citation (baseline)
• NEWS v0.5: lien vers le flux RSS
• NEWS v0.5: lien vers “add favorite” de Technorati
• NEWS v0.7: amélioration de la gestion des icônes (merci à Costalfy ;))
• NEWS v0.8: ajout affichage nombre de fans et d’amis
• NEWS v0.9: suite à un changement sur les serveurs Ziki, modification de l’affichage de l’avatar
• NEWS v1.0: le code généré par le plugin est propre (CSS)
• NEWS v1.1: changement de l’URL du fichier XML chez Ziki…

Quand j’aurai un peu de temps, j’ajouterai de nouvelles options (je suis donc preneur de toutes remarques…).Vous pouvez voir un exemple live dans ma sidebar.

Installation

Après avoir téléchargé le plugin à l’adresse suivante (version 0.8), il suffit de décompresser l’archive dans le répertoire plugin de votre serveur Wordpress et d’activer le plugin dans l’interface d’administration.Il faut bien entendu, disposer d’un compte Ziki, pour le créer cliquez ici.

Configuration

Il faut se rendre dans la section Widgets de votre thème et ajouter le widget ZikiPlugin. Vous pouvez configurer:

• “Title” = Le titre qui apparait en haut du widget
• “Name” = Il faut saisir ici l’id Ziki de votre compte. Pour le trouvé, rien de plus simple, connectez vous à votre Ziki et regardez l’URL, votre id Ziki est la dernière chaine de caractère de cette addresse (exemple: http://www.ziki.com/fr/people/nicolargo => id Ziki: nicolargo).
• “Display baseline ?” = Affichage de la citation.
• “Display first and last name ?” = Définir si vous voulez ou non afficher votre nom et prénom dans le widget.
• “Display profile links” = Définir si vous voulez ou non afficher un lien vers vos autres profils (type Facebook, Twister…), si ces derniers sont configurés dans votre Ziki.
• “Display statistics” = Si vous avez défini un sit/blog dans votre profil Ziki, en cochant cette options, vous allez pouvoir afficher les statistiques Feedburner et Technorati.

Desinstallation

Il suffit de désactiver le plugin dans l’interface d’administration.

Notes

Ce plugin utilise les fonctions widgets de Wordpress. Avant installation il faut donc vérifier que votre version de Wordpress les supporte.Il est bien sûr distribué sous licence CC:

Dons

Il est possible de faire un don pour participer à l’évolution de ce plugin: 
 

Ces programmes sont disponibles ici sous licence libre (GPL).

Pour cela, DVD John met à disposition sur son site, un utilitaire (ainsi que les sources…) pour émuler ces fameux serveurs. Cet utilitaire imite le serveur Web installé sur les serveurs AT&T (le nom du serveur est albert.apple.com ;)) et remplace la clès d’activation (qui est envoyée par HTTP via un simple fichier XML) sur l’iPhone.

Il est quand même fort ce John