Le Pingouin des @lpes

Wheezy, résolument pingouin

2010-09-04T09:23:00+01:00

Un nom vient d'être attribué à la version 7 de Debian : Wheezy.
Chaque version de Debian désigne un personnage de Toy Story.
Mais qui peut me dire qui est exactement Etch ou Lenny ?

Voici une présentation de tous les personnages :

Un listing des versions et des dates de sorties :

1.1 Buzz (17 juin 1996) : le ranger de l'espace
1.2 Rex (12 décembre 1996) : le tyrannosaure
1.3 Bo (2 juin 1997) : la bergère
2.0 Hamm (24 juillet 1998) : le cochon-tirelire
2.1 Slink (9 mars 1999) : le chien à ressort
2.2 Potato (15 août 2000) : Monsieur Patate
3.0 Woody (19 juillet 2002) : le cow-boy
3.1 Sarge (6 juin 2005) : le chef des soldats
4.0 Etch (8 avril 2007) : l'écran magique
5.0 Lenny (14 février 2009) : la paire de jumelles (la version stable actuelle)
6.0 Squeeze (?) : l'extraterrestre à 3 yeux (l'actuelle version en test, actuellement gelée depuis le 6 août 2010)
7.0 Wheezy (?) : le manchot au nœud papillon rouge (la prochaine version de test)
Sid (en perpétuelle évolution) : l'enfant qui casse les jouets (correspondra toujours à la version unstable)

Une installation dans la douleur

2010-08-29T18:38:00+01:00

J'ai récupéré un vieux portable (pentium 4) endommagé : plus de lecteur cd, pas de lecteur disquette, pas de système installé. De plus, le bios ne permet pas le boot sur une clé usb.
Comment réinstaller un système d'exploitation dans ces conditions ?
La solution : PXE.

La carte réseau intégrée permet de booter en allant chercher l'image d'installation du système.

De quoi ai-je besoin ?

Une autre machine connectée à l'internet où j'installe un serveur PXE. Là j'ai choisi une machine sous Windows XP.

Mode d'emploi :

Je me suis inspiré de l'excellente documentation de Samuel.fr
Mais j'ai choisi d'installer une Ubuntu 10.4 pour varier les plaisirs.
Il faudra donc télécharger, grâce à un logiciel ftp, l'image d'installation du système pour le réseau (le dossier se nomme "netbook").
Bien sûr, il faudra modifier le bios de la machine à installer en choisissant le boot prioritaire sur la carte réseau.
L'installation se déroulera sans problèmes.
Comme quoi, Windows peut être très utile.

Il est possible également d'utiliser un serveur PXE sur une machine Linux.

Voici les liens de documentation pour cette solution :

Pas de soucis pour le paramétrage de la carte wifi pcmcia, ni pour la vidéo, mais ... pas son !
Cette saleté de carte son intégrée SIS AC97 ne veut pas fonctionner avec pulseaudio (le nouveau serveur de son).
Après bien des recherches, je trouve la solution : désinstaller pulseaudio, redémarrer la machine puis lancer en console :
# alsamixer
Il suffit de remonter le niveau du son qui est à zéro par défaut en utilisant les flèches du clavier.

¿ ᴎOᴎ ⊥ᴎ∀SᴚƎᴧᴎƎᴚ

2010-08-14T16:35:00+01:00

¡ époɔ ǝƃɐssǝɯ un ıɔıoᴧ
˙sɹǝʌuǝ,ʃ à ʇuos (sénʇuǝɔɔɐ sǝɹèʇɔɐɹɐɔ sǝʃ ɟnɐs) sǝɹʇʇǝʃ sǝʃ sǝʇno⊥
˙ʇɐʇʃnséɹ ǝɯêɯ ǝʃ ɹıuǝʇqo ǝésɹǝʌuı ǝɹnʇıɹɔé,p ɹnǝʇɐɹéuéƃ ǝɔ à ǝɔâɹƃ zǝʌnod snoᴧ

Le message original :

Renversant non ?

Voici un message codé !
Toutes les lettres (sauf les caractères accentués) sont à l'envers.
Vous pouvez grâce à ce générateur d'écriture inversée, vous pouvez obtenir le même résultat.

Tous les caractères (sauf ceux comprenant des accents sont inversés).
Il en existe d'autres, mais celui-ci a le mérite de convertir les majuscules.
À vous d'essayer ... ¡ uǝıq snoʌ-zǝsnɯ∀
L'installation de polices supplémentaires est nécessaire à l'affichage de toutes les lettres.

Mais vous pouvez vous contenter d'écrire de droite à gauche :

Pour l'affichage dans un site, il existe une solution relativement surprenante consistant à utiliser un caractère spécial afin de modifier le sens d'affichage du texte qui le suit (fonctionne sous Firefox, Google Chrome, Opéra, Safari mais pas avec Internet Explorer 6 et 7).
Ce caractère correspond à une succession de codes Unicode donc le code HTML est le suivant :


&#8235;&#8236;&#8237;&#8238;&#8234;&#8235;&#8236;&#8237;&#8238;&#1161;

Un petit essai :

‫‬‭‮‪‫‬‭‮҉ Le Pingouin des @lpes s'amuse beaucoup.

Vraiment très facile

Kazehakase, la navigation rapide

2010-08-11T13:56:00+01:00

Kazehakase est un projet de navigateur web japonais démarré au début de l’année 2004.
Le nom Kazehakase vient d’une nouvelle de Ango Sakaguchi que l’un des développeurs a beaucoup aimée.
Il est beaucoup plus rapide (et moins complet) que firefox.
Il propose la navigation par onglet, les signets sur la barre de tâches, supporte le flash et le téléchargement.
Il offre la possibilité de configuration suivant les préférences de chacun. Son utilisation est simple, facile, et rapide en chargement d'une page.
Deux petits points négatifs : il ne bloque pas les fenêtres intempestives et ne propose pas la possibilité de choisir une page d'accueil.
Il est utilisé comme navigateur web par défaut dans FluxBuntu.
Pour l'installer sous debian :
# aptitude install kazehakase
Après cette performance technique , vous pouvez le lancer et le configurer.
Ses performances à Acid3 sont satisfaisantes.
Mais qu'est-ce qu'Acid3 ?
Testez votre navigateur avec Acid3 : ici
Quelques captures d'écran :

Une vidéo dans fancybox

2010-08-06T15:06:00+01:00

Comment insérer une vidéo youtube dans fancybox :
Je vais prendre en exemple une introduction à la guitare d'un titre de Paul Personne : Photographie d'un rêveur.
Utilisons tout d'abord le nouveau bouton youtube dans pluxml :
Vous devez repérer la référence de la vidéo (ici sok5rEjENro) et son format (580x360 dans l'exemple).
Il va falloir modifier quelque peu le code pour qu'il soit validé par le W3C ; vous devez avoir un code du type :


<object type="application/x-shockwave-flash" width="580" 

height="360" data="http://www.youtube.com/v/sok5rEjENro">


<param name="movie" value="http://www.youtube.com/v/sok5rEjENro" />

<param name="allowFullScreen" value="true" />

</object>

À l'affichage, ça donne ça :

Pour obtenir la vidéo dans une fenêtre fancybox, voici la démarche à suivre :
Mettons cette vidéo en données sans l'afficher (il faut écrire ce code dans l'article) :
<div style="display: none;">
<div id="video" >
<object type="application/x-shockwave-flash" width="580" height="360" data="http://www.youtube.com/v/sok5rEjENro">
<param name="movie" value="http://www.youtube.com/v/sok5rEjENro" />
<param name="allowFullScreen" value="true" />
</object>
</div>
</div>

Dans le fichier header.php, il faut que je crée une nouvelle classe pour fancybox ; j'ai donc ajouté :


$("a[rel^='fancyboxvideo']").fancybox({

			'zoomOpacity'			: true,

			'centerOnScroll'		: false,

			'padding'			: 0,

			'zoomSpeedIn'			: 500,

			'zoomSpeedOut'			: 500

		});

Pour afficher la vidéo, je dois écrire :


<a  rel="fancyboxvideo" href="#video">Afficher la vidéo</a>

Utiliser fancybox

2010-08-05T11:21:00+01:00

Dans un article précédent, j'ai déjà expliqué l'installation de Fancybox.
Nous allons voir maintenant comment le paramétrer et l'utiliser dans pluxml.
Nous avons deux fichiers à modifier : le fichier header.php (qui se situe dans votre dossier thème) et le fichier fancybox.css.
J'ai créé deux profils d'affichage des fenêtres site et notification ; j'ai donc ajouté au fichier header.php (juste avant </script>) le code suivant :


$("a.site").fancybox({ 
			
'hideOnContentClick'		: true,

'padding'			: 0,

'frameWidth'			: 950,

'frameHeight'			: 400,

'type'				:'iframe'

});

$("a.notification").fancybox({ 
			
'hideOnContentClick'		: true,

'padding'			: 10,	
		
'frameWidth'			: 300,

'frameHeight'			: 200,

'type'				:'inline'

});

Il reste maintenant à utiliser l'une de ces deux classes d'affichage :
Par exemple, pour afficher le site wikipédia :
<a class="site" href="http://wikipedia.fr?iframe" title="Wikipédia en ligne">Une fenêtre wikipédia </a>
Pour afficher une note :
Il faut, préalablement déclarer cette note (appelée data) sans l'afficher et donc écrire dans l'article :


<div style="display: none;">

<div id="data" >

Voici une note qu'on peut afficher.

Elle apparait dans une fenêtre indépendante.

Je peux même afficher un lien :
 
<a href="http://www.debian.org/">Le site de Debian</a>


</div>

Puis pour afficher le document dans fancybox :


<a  class="notification" href="#data"  title="une note"> Ceci affiche une note</a>

Fancybox peut tout simplement afficher des images :
Dans ce cas, il suffit d'ajouter rel="fancybox" au lien de l'image.


<a rel="fancybox" href="data/images/nuages.jpg" title="Coucher de soleil sur Viuz en Sallaz"><img src="data/images/nuages.jpg.tb" alt="" /></a>

En résumé,
voici les 3 actions que je peux faire avec fancybox :

FreetuxTV

2010-07-30T14:12:00+01:00

FreetuxTV est un logiciel qui permet de regarder et d'enregistrer la télévision sur son PC ainsi que d'écouter et enregistrer la radio.
Il récupère les flux radio et TV des fournisseurs d'accès français (Alice, Bouygues, Free, Orange, SFR, ...).
Il permet également l'enregistrement.
FreetuxTV est maintenant disponible dans une version stable.
Récupérez ici le package correspondant à votre distribution.
La dernière version stable est la version 0.5.0 qui est disponible depuis le 11 Juillet 2010.

Installation sous Debian/Ubuntu :

Installer Vlc :
# aptitude install vlc
Installer FreetuxTV (se rendre dans le répertoire des téléchargements)
# cd téléchargements (par exemple)
# dpkg -i freetuxtv_0.5.1-1_i386.deb (adaptez à votre version)

Vous pouvez désormais lancer la bête et choisir les listes de flux disponibles en fonction de votre fournisseur d'accès.

Le choix des flux

Lancez la lecture d'un flux et profitez de la Web TV.

Visualisation en écran miniature

De la documentation :

Repas du club info avec fancybox

2010-07-29T09:53:00+01:00

Début juillet, nous nous sommes réunis autour d'un pique-nique chez Joël et Sandrine.
Bonne humeur, journée ensoleillée ; tout était au rendez-vous pour clôturer la saison.
Voici quelques photos souvenir :

FancyBox est une petite librairie jQuery permettant de mettre en place de petites sur-fenêtres, ou popup au sein de votre page Web.
J'ai suivi les conseils d'installation de Tan5en5 et tout fonctionne très bien : pour afficher une image vous devez insérérer la vignette en ajoutant simplement dans le code rel="fancybox" au bon endroit.
exemple :


<a rel="fancybox"  href="data/images/image.jpg" title="le_titre"><img src="data/images/image.jpg.tb" alt=""  /></a>