Catégories
Musique

Jonquil: un album pour votre week-end

Ils sont six, ont moins de 24 ans et sont d’Oxford (Angleterre). Jonquil est un groupe à part, aussi bien au niveau de leur musique (proche du folk) que de leur état d’esprit. Leur dernier album s’appelle Lions et est à découvrir, à explorer, à écouter religieusement. J’aime particulièrement la piste n°7 nommée Lions

Quelques liens pour les écouter (ils ne sont pas encore sous Deezer car leur label Try harder n’a pas encore signé d’accord):

Bonne écoute !

Catégories
Blog

Tracer vos liens sortants avec Google Analytics

Google Analytics se base sur un script à insérer dans vos pages Web pour en effectuer l’analyse. Ce script a été mis à jour et cette dernière version (nommée urchin.js) apporte quelques fonctions bien intéressantes. L’une d’entre elle est la possibilité de tracer les liens sortants. C’est à dire faire apparaître dans vos rapports les clicks vers des liens extérieurs à votre site/blog.

Il faut pour cela insérer un javascript et associer une action à chacun de vos liens sortant (voir ici pour plus d’informations).

Exemple:

<a href= »http://www.example.com » onClick= »javascript: pageTracker._trackPageview(‘/outgoing/example.com’); »>

Cette opération peut s’avérer fastidieuse à mettre en oeuvre.

Heureusement, sous WordPress, il existe un plugin permettant d’automatiser cette tache: Ultimate GA.

Après installation et activation de ce plugin, tout les liens sortants apparaîtront sous Google Analytics avec une URL de type: http://nom_de_votre_blog/outgoing/url_du_lien_sortant.

Ainsi dans votre interface Web de Google Analytics, il est facile de générer un nouveau rapport sur ce type de liens:

Il est également possible de tracer les fichiers en téléchargement sur votre site ou des liens vers des adresses mail.
Bref un bien beau plugin qui vient remplacer Google Analycator.
Catégories
Hardware

Disque dur classique vs SSD

De plus en plus de PC portable haut de gamme (le tout frais MacBook Air ne déroge pas à la règle), propose en option de remplcaer le classique disque dur à mémoire magnétique (HDD) par un disque à mémoire flash (SSD). Bien que de capacité inférieure (on ne dépasse pas encore les 100 Go), ces disques se révèlent beaucoup plus performant et robuste. Pour preuve le test vidéo suivant effectué par Samsung: 

 Il ne reste plus qu’a attendre la baisse des prix mais je n’ai aucun dourte que c’est la technologie de demain au niveau stockage.

Catégories
Blog

Amazin Grace et Neoclassical: deux thèmes WordPress

Depuis le début de l’année 2008, je met de coté des thèmes WordPress qui me plaisent ou qui présentent des idées originales, en prévision de la refonte de mon blog. Voici donc deux thèmes que j’ai trouvé ce week-end en surfant sur des blogs US.

Amazin Grace

C’est un thème 3 colonnes sobre, avec une palette de couleur très à mes goûts:

J’aime beaucoup le logo RSS qui s’intègre parfaitement au header, ainsi que l’image en haut à droite bien mise en évidence par l’effet photos empilés (bien que je n’arrive pas à trouver un intérêt sauf pour un blog sur la photo). L’étude du code CSS montre une certaine flexibilité afin d’adapter le thème à votre blog.

Auteur: Vladimir Prelovac
Page du thème: Amazin Grace

Neoclassical

Plus simple, le thème Neoclassique répond d’une manière originale à la problématique suivante: sidebar à gauche ou sidebar à droite…

En effet, Neoclassical dispose de deux sidebars encadrant le contenu. Le tout sur un classique fond blanc. L’image composant le header change à chaque chargement à partir d’une scrpit PHP (rotating_images.php). Cette version 1.1 est très propre au niveau du code (que ce soit les fichiers PHP ou bien CSS).

Auteur: Chris Pearson
Page du thème:
Neoclassical

Vous en pensez quoi de ces thèmes ? Envisagez vous changer le thème de votre blog cette année ? si oui comment faite vous le travail de veille ?

A bientôt pour d’autres thèmes WordPress

Catégories
Open-source Reseau Uncategorized Web

Installation d’une carte Digium avec Asterisk

Attention: « DAHDI is the new name for ‘Zaptel’ as of May 19th 2008 »

/etc/zaptel.conf devient /etc/dahdi/system.conf

/etc/asterisk/zapata.conf devient /etc/asterisk/chan_dahdi.conf

Les cartes Digium sont indissociables d’Asterisk. Elles permettent la gestion de liaisons téléphoniques de type E1/T1, ISDN ou PSTN.

Nous allons dans ce billet détailler l’installation d’une carte Digium TE220 (compatible E1/T1) sous Linux.

Installation de la carte

Une fois la carte déballée, il faut vérifier que le jumper de sélection entre les normes T1 (US) et E1 (Europe) est bien positionné. Pour une liaison RNIS Européenne (E1), il faut que les jumpers soient fermés.

Une fois la carte installée physiquement dans le serveur (slot PCI-X), nous allons, dans un premier temps, vérifier qu’elle est bien identifiée par Linux:

# dmesg

Found a Wildcard: Wildcard TE220 (4th Gen)

# lspci -n

04:08.0 0780: d161:0220 (rev 02)

On récupère sur le site de Digium la dernière version des librairies PRI:

# wget http://downloads.digium.com/pub/telephony/libpri/libpri-1.4.5.tar.gz
PS: Remplacer 1.4.5 par la dernière version disponible.

puis on les installe:

# tar zxvf libpri-1.4.5.tar.gz
# cd libpri-1.4.5
# make
# sudo make install

On enchaîne avec le téléchargement des drivers Zaptel:

# wget http://downloads.digium.com/pub/telephony/zaptel/zaptel-1.4.11.tar.gz
PS: Remplacer 1.4.11 par la dernière version disponible.

et leur installation:

# tar zxvf zaptel-1.4.11.tar.gz
# cd zaptel-1.4.11
# ./install_prereq test
=> On vérifie que les pre-requis sont OK (sinon on lance ./install_prereq install)
# ./configure
# make
# make install
# make config

La carte TE200 partage les mêmes drivers que les TE400 (module wct4xxp). Afin d’optimiser le démarrage des modules, j’ai également modifié le fichier /etc/sysconfig/zaptel en suppriment toutes les occurrences MODULES et en laissant la ligne suivante:

MODULES= »$MODULES wct4xxp »

Nous pouvons redémarrer le serveur pour vérifier que le module est bien lancé au démarrage. Pour vérifier:

# lsmod

wct4xxp               400512  0
zaptel                190852  3 wct4xxp

Attention: il faut installer libpri AVANT d’installer Asterisk sinon le driver ne sera pas généré. Si vous avez déjà Asterisk installé sur votre système, il faudra le réinstaller….

Configuration de la carte

Nous allons d’abord définir les caractéristiques de la carte dans le fichier /etc/asterisk/zapata.conf. Pour une liaison E1 PRI (standard en Europe), vous pouvez utiliser la configuration suivante (voir ici http://docs.tzafrir.org.il/dahdi-tools pour une liste complète des paramètres):

group=1
signalling=pri_cpe
switchtype=euroisdn
context=incoming
channel=>1-15,17-31

Puis les caractéristiques de la liaison E1/T1 utilisée. Pour cela, il faut éditer le fichier /etc/zaptel.conf:

span=1,1,0,ccs,hdb3
bchan=1-15,17-31
dchan=16

Initialisation de la carte

Si vous n’avez pas rebooter votre serveur depuis l’installation des drivers, il faut commencer par charger le driver Zaptel dans le noyau Linux:

# modprobe wct4xxp

Ensuite, on doit lancer la configuration (une fois la liaison E1 connectée sur la carte):

# ztcfg -vv

Vérification de l’état des liaisons E1

Le plus simple est d’utiliser l’utilitaire zttool qui affiche l’état des liaisons:

# zttool

Il est également possible de vérifier si les liaisons sont bien montées en lançant Asterisk en mode debug:

# asterisk -vvvr

Et voilou, et à bientôt pour voir comment utiliser ces liaisons avec Asterisk…

Catégories
Musique

Beirut: un album pour votre week-end

Comme on est vendredi, que c’est donc bientôt le week-end et que la méteo s’annonce mauvaise, je vous conseille (comme je l’ai déjà fait dans un précédent billet) de vous plonger dans l’écoute d’un petit bijou signé Beirut: The Flying Club.

Ce groupe Américains (du nouveau Mexique) mélange des sonorités folk et pop avec brio. J’adore particulièrement le 2em titre de l’album (« Nantes »).
Voici l’album en écoute sur Deezer (tiens ils viennent de mettre à jour le site… avec des touches de Web 2.0.. on peut même choisir la couleur du player maintenant !):

free music

Pour les puristes, l’album peut être acheté içi.
Aller zou, bon week-end !
Catégories
Blog Web

Pleins de tutos pour Photoshop

Si comme moi vous aimeriez maîtriser Photoshop comme un professionnel (pour illustrer votre blog ou pour épater votre entourage avec des trucages sur les dernières photos de vacance) Smashing Magazine a pensé à vous avec leurs listes des meilleurs tutoriels pour Photoshop.

Quelques exemples:

A bookmarker et utiliser de toute urgence.

Catégories
Blog Web

Sources de trafic: Google et les autres…

En ce début d’année, je regardais les statistiques de mon blog pour l’année 2007. Je me suis tout particulièrement penché sur les sources du trafic (c’est à dire l’art de connaître d’où viennent les visiteurs) et plus particulièrement la répartition entre les différents moteurs de recherche. Je dois avouer que j’ai été étonné par le score de Google par rapport à la concurrence (si on peut appeler ça de la concurrence…).

Les chiffres pour mon blog sont les suivants (en me limitant au 5 premiers):

  • Google: 97,15%
  • Yahoo: 1,77%
  • Live/MSN: 0.63%
  • Altavista: 0,11%
  • Voila: 0,11%

Une étude faite au US montre que la répartition des requêtes entre Google / Yahoo et MSN se situe autour des valeurs suivantes (chiffre de décembre 2007):

  • Google: 65,98%
  • Yahoo: 20.88%
  • MSN: 7.04%

D’autres statistiques focalisées sur la France montre une répartition plus encore à l’avantage de Google (les chiffres datent de 2006):

  • Google: 90%
  • Yahoo: 4%
  • Voila: 3%
  • MSN: 2%

Dans les deux cas, mon blog est beaucoup plus favorable à Google. Ce qui m’emmène à me poser la question suivante: pourquoi ?

La première raison peut venir de l’optimisation de mon site qui utilise des plugins WordPress comme Google XML Sitemap afin d’automatiser la génération du fichier sitemap (XML) dont Google se sert pour l’indexation des pages. Je ne pense pas que cette première raison soit suffisante pour expliquer l’écart entre Google et le reste du monde. En effet, de plus en plus de moteurs de recherche (comme Yahoo et « prochainement? » MSN) utilisent également ces fichiers sitemap.

La deuxième raison est dans la déclaration du site sur les moteurs de recherche. En effet, Google est le premier moteur de recherche dans lequel j’ai déclaré mon blog. Cependant cette raison ne me semble pas plus importante. En effet les autres moteurs de recherche connaissent mon blog et ce dernier est même plutôt bien placé sur certaines requêtes.

La dernière raison, qui je pense est la plus significative, vient des habitudes des lecteurs ciblés par mon blog. En effet, ce dernier s’adresse majoritairement à une population initiée (coucou les geeks). Cette population ayant plutôt tendance à utiliser Google par rapport à MSN ou Yahoo, on peut donc plus facilement expliquer le haut pourcentage obtenu. Pour vérifier cette hypothése, il faudrait recouper avec des statistiques de blogs grands public (coucou la ménagère de moins de 50 ans). Les statistiques de ces derniers devraient se rapprocher des moyennes Française (c’est à dire avec une Google proche des 90%).

Et vous amis blogueurs, quel est la part de Google dans vos visites par rapport aux autres moteurs de recherche ?

Catégories
Blog Developpement

De bien beaux graphes pour vos billets

Google dans sa grande bonté propose une API bien utile pour les blogueurs et webmasters en herbe qui veulent simplement intégrer des graphes dans leurs sites. Cette API, nommée Google Chart API, offre une interface de type URL. Nous allons ci-dessous en détailler l’utilisation.Pour illustrer ce billet, nous allons utiliser les tableaux de données suivants que nous voulons transformer en graphes.Tableau n°1:

  • 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?chs=300x200&cht=lc&chd=t:30,36,47,50,48

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?chs=300x200&cht=lc&chd=t:30,36,47,50,48&chxt=x,y&chxl=0:|Janvier|Février|Mars|Avril|Mai|&chtt=Tableau+n+°+1

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?chs=400x200&cht=p3&chd=t:8,5,2&chxt=x,y&chl=|Citron|Pomme|Poire|&chtt=Tableau+n+°+2

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.

Catégories
Blog

Version 0.9 du plugin WordPress Ziki

Je viens de mettre en ligne une nouvelle version (v0.9) du plugin WordPress Ziki permettant d’afficher son profil numérique sous la forme d’un widget dans la barre de menu (sidebar).

ZikiPlugin

Cette dernière version corrige un bug au niveau de l’affichage de l’avatar suite à une modification des URL sur le site Ziki.

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.


Installez le plugin Flash pour voir l’animation : Cliquez ici pour le télécharger