Catégories
Open-source

Actualité open-source de la semaine #2

L’actualité de la semaine, tout le monde en a parlé, sauf Nicolargo… :

actualite.jpg

  • FreeBSD (le meilleur OS au monde, ndlr) passe en version 6.3.
  • Extreme Tux Racer, LE jeu (open-source) de course de … pingouin.
  • Vous voulez un système open-source mais vous ne jurez que par Windows ? ReactOS est fait pour vous !
  • Un nouveau site sur l’actualité du libre: UnixGarden.
  • Le noyau Linux passe en version 2.6.24, les nouveautés sont ici.

Autres choses ?

Catégories
Musique

Cocoon: un album pour votre week-end

Avec un titre comme « My friends died in a plane crash », on pourrait s’attendre à un album sombre… Ce n’est pas le cas et Cocoon nous prend à contre-pied avec une musique folk épuré, alternativement triste (comme le premier titre « Take off » ou « Seesaw ») et enjoué (« Vultures » ou « On my way ») et composée de seulement trois instruments: guitare sèche, ukulélé et banjo.

cocoon.jpeg

Ecouter l’album: 

 

  free music 

 Si vous voulez découvrir Cocoon:

Bonne écoute et bon week-end !

Catégories
Blog Open-source Systeme

Logiciels Mac OS X pour twitter…

Un rapide inventaire des applications pour twitter (bientôt dans le Petit Robert) depuis son Mac.

Twitterrific

La Rolls-Royce des clients Twitter pour Mac OS X, malheureusement ce logiciel n’est pas libre et est payant (environ 15$).

C’est de loin le plus complet des clients, la liste des fonctions est impressionnante et en constante amélioration.

twitterrific3.jpg

Pwytter

Un client libre, compatible Mac, Linux et Windows basée sur le langage Python. C’est mon client du moment !

pwytter-05-mac.png

TWidget

Ce client se présente sous la forme d’un Widget. Je ne l’utilise plus, je trouve embêtant de passer dans la fenêtre Widget pour voir/poster des messages.

front.jpg

Twitgit

Encore un Widget Mac avec les mêmes fonctions que TWidget.

Twitgit08.png

Si vous en connaissez d’autres je suis preneur…

Catégories
Open-source Reseau Systeme

Limiter la bande passante avec Mac OS X

Attention:  Apple a choisi de migrer de IPFW vers PF à partir de OS X Lion (ce qui en soit un un bon choix…).

La syntaxe est complètement différente. Pour effectuer une limite de bande passante avec PF il faut passer par un module externe (à voir si il est installé par défaut sous OS X Lion) nommé altq.

Je conseille la lecture des billets suivants:
– De IPFW à PF (sur ce blog)
– Packet Queueing and Prioritization
– Bandwidth Limiting with pf and ALTQ

Lire la suite « Limiter la bande passante avec Mac OS X »
Catégories
Developpement Open-source

Tutorial jQuery

Jquery logojQuery est une bibliothèque javascript open-source et cross-browser qui permet de traverser et manipuler très facilement l’arbre DOM de vos pages web à l’aide d’une syntaxe fortement similaire à celle d’XPath (qui est la syntaxe de manipulation d’arbre XML). jQuery vous permet par exemple de changer/ajouter une classe CSS, créer des animations, modifier des attributs, etc. mais également de gérer les événements javascript ainsi que de faire des requetes AJAX le plus simplement du monde.

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 :

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

Catégories
Open-source

Utilisation de FFMpeg sous Mac OS X

FFMpeg est un logiciel libre (sous licence LGPL) permettant l’encodage et le transcodage de fichiers multimédia audio et vidéo. Bien connu sous Linux, FFMpeg est également disponible sous Mac OS X. Nous allons dans ce billet détailler l’installation de FFMpeg sur l’OS de la pomme et donner quelques exemples d’utilisations.

ffmpegmac.jpg

Compilation et installation

Nous allons d’abord récupérer la dernière version (snapshot) sur le site officiel, puis décompresser, compiler puis installer:

# wget http://ffmpeg.mplayerhq.hu/ffmpeg-export-snapshot.tar.bz2
# bzip2 -d ffmpeg-export-snapshot.tar.bz
# tar xvf ffmpeg-export-snapshot.tar
# cd ffmpeg-export-snapshot
# ./configure —disable-mmx
# make
# sudo make install

Remarque: si vous souhaitez encoder des fichiers en utilisant le codec MP3, il faut le récupérer et le compiler en plus.

Exemples d’utilisation

Une fois installée, le logiciel (ffmpeg) peut être lancé depuis la ligne de commande.

La commande suivante permet d’afficher les informations sur le fichier video passé en paramètre (-i).

# ffmpeg -i source.avi
FFmpeg version SVN-r11531, Copyright © 2000-2008 Fabrice Bellard, et al. configuration: —disable-mmx
libavutil version: 49.6.0
libavcodec version: 51.49.0
libavformat version: 52.4.0
libavdevice version: 52.0.0
built on Jan 15 2008 16:14:51, gcc: 4.0.1 (Apple Inc. build 5465)
Input #0, avi, from ‘source.avi’:
Duration: 00:18:24.3, start: 0.000000, bitrate: 2077 kb/s
Stream #0.0: Video: mpeg4, yuv420p, 704×576 [PAR 16:11 DAR 16:9], 24.00 tb®
Stream #0.1: Audio: mp2, 48000 Hz, stereo, 64 kb/s

Comment lire le résultat de cette commande ?, c’est simple, le fichier source.avi utilise donc un conteneur de type AVI (on peut aussi obtenir des informations sur le conteneur grâce à la commande # file source.avi). Le codec video est de type MPEG-4. Le codec audio est MPEG-2.

Pour avoir la liste des codecs disponibles sur votre machine, on peut utiliser la commande:

# ffmpeg -formats

Exemples de transcodage (fichier TOD Mpeg2 HD vers un conteneur AVI):

# ffmpeg -i source.tod -s 4cif -aspect 16:9 -threads 2 -b 2000kb -r 24 cible.avi

Transcodage depuis un fichier AVI vers un fichier FLV (vidéo Flash)

# ffmpeg -i source.avi -ar 22050 -b 300k cible.flv

Transcodage d’un fichier AVI en MPEG:

# ffmpeg -i source.avi -target pal-dvd -aspect 16:9 cible.avi

Si vous chercher d’autres exemples d’utilisation, allez jeter un coups d’oeil sur ce blog.

Enfin, pour les allergiques à la ligne de commande, il existe l’Interface graphique FFMpegX. Ce shareware (il est donc payant… 15 $US) regroupe de nombreux utilitaires Unix afin de convertir simplement des vidéos d’un format à l’autre.

Catégories
Open-source

Actualité open-source de la semaine

L’actualité open-source de la semaine dont je n’ai pas parlé sur le blog:

  • Paint.NET, le logiciel de retouche photo pour Windows passe en version 3.22.
  • SimCity, le jeu, libère son code source.
  • BSD FreeBSD a aussi sa distribution orientée desktop: DesktopBSD.
  • Vous êtes sous MacOS X, vous manipulez des images médicales de type DICOM, vous êtes pauvre (ou radin), vous aimez le libre ? OsiriX est fait pour vous.
  • Une entreprise libre (MySQL) vient d’être rachetée 1 Miliard de $ par Sun Microsystem. Son modèle restera le même, distribuer sous licence GPL ces produits et les faire payer aux entreprises qui veulent les intégrer dans un produit propriétaire.
  • Les logiciels libres connaissent une forte croissance en France (youpi !)

J’oublie quelque chose ?

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.