Quelques secondes on été consacrées à la sortie d’Ubuntu (Karmic Koala) durant le flash info de hier matin [1] sur la Radio Suisse Romande. Initiative tout à fait remarquable de leur part . D’autant plus que seul les points positifs de la distribution sont abordés. Excellent !

Pour celles et ceux qui auraient raté le Flash Info du 3 novembre 2009 diffusé sur la RSR à 09h00 voici la partie traitant de la sortie d’Ubuntu 9.10. De quoi donner la puce à l’oreille aux non connaisseurs de Linux

Écouter directement sur le blog

Télécharger la piste audio

Format OGG
Format MP3

[1] Mardi 3 novembre 2009 à 09h00

(Pour les connexions lentes, les images sont relativement lourdes et donc un peu longues à charger… sorry :s )

Bonne semaine à tous

edit : Merci à Julien de m’avoir appris à compter

Capture d’écran de la « nouvelle interface »

Les principales nouveautés

• Écriture du fichier wp_config.php
• Possibilité d’installer des thèmes (en plus des extensions)
• Interface disponible en anglais
• Ré-écriture de tout le code pour une meilleure efficacité

Pour plus de détails rendez-vous sur la page dédiée ici.

N’hésitez pas à laisser vos avis (cela me permettra d’améliorer le script en fonction des besoins généraux).

Pour ce faire vous devez vous connecter à la machine distante en ligne de commande avec les options suivantes :

• -X : Active le transfert X11
• -Y : Active un transfert X11 de confiance.
• -C : Active la compression de toutes les données (plus rapide)

Commentaire : Sous Mac OS X vous devez passer par le terminal disponible dans le programme X11 en ayant lancé ce dernier.

ssh -XYC ip_machine_distante

Une fois connecté sur la machine distante vous ne voyez (pour l’instant) aucune différence par rapport à la commande « SSH » sans options. Essayer maintenant de taper le nom du gestionnaire de fenêtre distant ou le nom d’un programme installé sur la machine distante (par exemple nautilus dans mon cas) :

nautilus

Et appuyez sur la touche « enter » pour voir le résultat de la commande. Si tout fonctionne bien, le nautilus distant s’ouvrira sur votre ordinateur (par exemple nautilus sous mon Mac).

Après avoir lancé nautilus mon bureau Mac OS X a été remplacé par le distant ^^ (chose que je n’avais jamais vu auparavant)

Cette solution peut s’avérer vraiment intéressante lorsqu’un programme est uniquement disponible sur un ordinateur par exemple. A noter que si votre connexion internet est faible, le transfert des données risque d’être ralenti et vous devrez sans-doute attendre un nombre incertain de secondes avant de voir apparaître la fenêtre désirées.

Exemple de logiciels distants exécutés sur mon Mac

Epiphany

Scribus

Une remarque, un problème ? N’hésitez pas à laisser un commentaire

Par défaut sous Mac OS X, lorsqu’on veut ouvrir un fichier avec un éditeur de texte graphique on doit spécifier le chemin complet du fichier d’exécution (par exemple pour Smultron : « /Applications/Smultron.app/Contents/MacOS/Smultron ») puis le nom du fichier à éditer.

Evidemment cette solution n’est pas adaptée. On doit à chaque fois retaper le chemin complet, c’est long. C’est pour cela que les alias ont été créés. Un alias est un lien/raccourci vers un autre fichier.

Création de l’alias Smultron

Bash va automatiquement recherché un bout de sa configuration dans le fichier « .bashrc » placé dans votre répertoire personnel. C’est dans ce fichier que l’on va pouvoir ajouter notre alias. Donc, il faut commencer par éditer ce fichier (avec « vim » dans un terminal par exemple).

vi ~/.bashrc

Puis entrer la ligne nécessaire à l’alias ( »:i » pour insérer du texte dans « vim »)

alias smultron='/Applications/Smultron.app/Contents/MacOS/Smultron'

Qui a pour effet de créer un alias sur le nom « smultron » qui ferra un lien vers « /Applications/Smultron.app/Contents/MacOS/Smultron » (simple non ?)

Il ne vous reste plus qu’à sauver et quitter votre fichier en tapant dans « vim » :

:wq

Sélection de bash comme terminal

Pensez à vérifier que bash soit bien sélectionné dans les préférences de votre terminal. Pour ce faire, rendez-vous dans les préférences du terminal ( »Terminal » => « Préférences ») et dans les réglages du shell ( »Réglages » => « Shell ») vérifiez que l’option « Exécuter la commande : » soit correct (comme la capture ci-dessous)

Tester votre nouvel alias

Pour vérifier que tout à bien fonctionné il suffit d’ouvrir un nouveau terminal et de tester votre « nouvelle commande » sur n’importe quel fichier (le fichier .bashrc dans l’exemple)

smultron ~/.bashrc

Si tout c’est bien passé vous verrez Smultron ouvrir votre fichier .bashrc.

Commentaires

Le coup de l’alias est évidemment utilisable pour d’autres programmes (pas uniquement smultron) et également sous tout autre système d’exploitation pouvant accueillir un bash bien configuré

N’hésitez pas à laisser un commentaire en cas de questions/suggestions

Pour créer une page modèle rien de plus simple. Il suffit de, pour commencer, créer un nouveau fichier xxx.php dans le répertoire de votre thème (du nom de votre choix) puis et d’entrer le code suivant au début du fichier :

<?php
/*
Template Name: Nom du modèle page
*/
?>

Au dessous ce code je vous conseille de copier le contenu de votre fichier page.php et de le modifier en fonction des différences que vous voulez y appliquer. Par exemple pour mon thème, mon modèle est constitué du code suivant :

<?php
/*
Template Name: Pink page
*/
?>
<?php include('header_pink.php');?>
 
	<div id="content">
 
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 
	<div class="post" id="post_<?php the_ID(); ?>">
 
	<span class="breadcrumbs"><a href="<?php echo get_option('home'); ?>/">Accueil</a> &raquo; <?php the_title(); ?></span>
 
	<h2 class="title"><?php the_title(); ?></h2>
 
		<div class="entry clearfloat">
 
		<?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>
 
		<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
 
		</div>
 
	<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
 
	</div>
 
	<?php endwhile; endif; ?>
 
	</div>
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

Commentaires : Le code « include(’header_pink.php’) » permet d’intégrer un header modifié permettant d’inclure une autre feuille de style (qui permet de faire une variante rose).

Une fois que c’est fait il vous suffit de sélectionner votre modèle créé dans l’édition de votre page.

Et le tour est joué.

Questions ? Remarques ? N’hésitez pas à laisser un commentaire

Pour ce faire j’ai réalisé le code suivant qui permet d’effectuer cette action. Il est a insérer dans le fichier « single.php » de votre thème WordPress (ou « index.php » si « single.php » n’existe pas) dans la boucle « while have_posts() » (à l’emplacement de votre choix).

<?php
///// Message d'information si un article est vieux de plus de X jours /////
 
// A partir de combien de jours ?
$nbr_jours=20; # A remplacer par le nombre de jours de votre choix
// Message à afficher
$message='Cet article est paru il y a plus de '.$nbr_jours.' jours. Il est possible que les informations contenues soient obsolètes. Merci de votre compréhension et bonne navigation.';
// CSS de la boîte de dialogue
$style_boite='
background:#efefef;
padding:10px;
margin-bottom:10px;
border:1px solid #ebebeb;
font-style:italic;';
// Secondes de la date actuelle a 01-01-1970 00:00:00 GMT
$s_date_actuelle=date('U');
// Secondes de la date de creation a 01-01-1970 00:00:00 GMT
$s_date_creation=get_the_time('U');
// Secondes de la date de la derniere modification a 01-01-1970 00:00:00 GMT
$s_date_dernier_modification=get_the_modified_time('U');
// Nbre heures depuis 01-01-1970 00:00:00 GMT jusqu'au jour actuel
$jour_actuel=((($s_date_actuelle/60)/60)/24);
// Nbre heures depuis 01-01-1970 00:00:00 GMT jusqu'à la date de création
$jour_modification=((($s_date_creation/60)/60)/24);
// Arrondi de la soustraction des deux nombres d'heures
$difference=round($jour_actuel-$jour_modification); # Mettre $jour_modification au lieu de $jour_actuel si vous voulez compter depuis la dernière modification

if ($difference>$nbr_jours)
{
	// Debut du div de la boite d'info
	echo '<div style="'.$style_boite.'">';
	// Affichage du message d'alerte
	echo $message;
	echo '</div>';
	// Fin du div de la boite d'info
}
?>

Le résultat est visible sur ce blog. Par exemple cet article qui date du 22 septembre (donc plus de 20 jours depuis aujourd’hui (22 octobre 2009)
Pour toutes remarques,suggestions et autres n’hésitez pas à laisser un commentaire.

Après ma petite semaine aux Canaries j’ai eu la surprise de trouver les compteurs habituels en javascript disponibles pour la sortie d’Ubuntu 9.10 sur le site officiel. Je dois avouer que j’ai été un peu déçu des deux designs choisis (ceux pour la 9.04 était bien meilleurs si mes souvenirs sont bon).

Mais une fois placé sur son site le résultat n’est quand même pas mal du tout

Compteurs disponibles

Code :

<script type="text/javascript" src="http://www.ubuntu.com/files/countdown/display.js"></script>

Code :

<script type="text/javascript" src="http://www.ubuntu.com/files/countdown/display2.js"></script>

Il existe également une version sans javascript (qui n’est plus un compteur du coup). Vous pouvez la trouver ici

Parce que les balises <frameset>,<frame> et <iframe> sont vieilles, moches , et qu’elles devraient être interdites (elles bousillent également vos statistiques en plus !), remédiez à ce problème en insérant ce petit bout de code entre les balises <head> et </head> et de votre site web.

<script type="text/javascript">
if (top != self)
    top.location = self.location;
</script>

Les personnes visualisant votre site dans des balises frames se verront automatiquement redirigées sur ce dernier (j’ai appliqué le code ici-même si vous voulez tester…. ).

Le script n’est pour l’instant qu’en version « alpha », le code est relativement brouillon (j’entends par là qu’il est mal ordonné et que certaines phrases sont sans-doute mal tournées) et d’autres extensions seront ajoutées par la suite (n’hésitez pas à laisser des commentaires si vous avez des idées d’extensions). Mais bref, le principe est là et ça fonctionne (du moins de mon côté ).

De quoi ai-je besoin pour voir fonctionner le script ?

Un serveur équipé de Linux ou Mac OS X avec :

• PHP configuré avec la fonction « exec() » activée
• Un bash correctement configuré
• Un navigateur Web pour pouvoir exécuter le script PHP

Il faut bien entendu avoir accès au serveur (par FTP, SSH ou ce que vous voulez) pour pouvoir placer le fichier PHP de base dessus

Utilisation du script

L’installation est vraiment toute simple. Il suffit de :

• Placer le script PHP (à désarchiver pour obtenir le fichier .php) dans le répertoire où vous désirez installer WordPress
• Se rendre, à l’aide d’un navigateur Web, dans le répertoire choisi du serveur
• Cliquer sur le fichier wp_express_install.php pour ouvrir le fichier
• Choisir la langue et les extensions à télécharger en parallèle
• Cliquer sur le bouton de validation

Une fois le bouton cliqué le temps de chargement dépend de la vitesse de téléchargement et d’exécution du serveur (le temps peut donc varier). Et le tour est joué

N’hésitez pas à laisser vos remarques, propositions d’améliorations (il y en a sûrement beaucoup ), bugs, etc…, dans les commentaires.

Voyons tout de suite son fonctionnement

WP-Syntax supporte près de 200 langages de programmation, notamment, bash, c, css, java, javascript, mysql, php, python, xml (voir tous les langages supportés). En utilisant GeSHi les couleurs sont également supportées dans vos lecteurs RSS favoris.

Pour l’utiliser sur votre blog c’est très simple. Il vous suffit, pour commencer, de télécharger l’extension sur la page officiel puis de l’uploader sur votre serveur dans le dossier wp-content » plugins. Activez le ensuite depuis la liste des extensions installées.

Pour l’utiliser dans un de vos articles, vous devez définir le type de langage dans la balise « pre » à l’aide de l’attribut « lang ». Par exemple pour du code php vous devriez tapez l’html suivant dans l’édition de votre article/page :

<pre lang="php">
<?php
//code php divers. Les <?php et ?> ne sont pas obligatoires
$message="Hey, la forme ?";
echo "$message";
?>
</pre>

Qui vous donnera, une fois sur votre site, le code colorisé suivant :

<?php
//code php divers. Les ouvertures et fermetures du code php ne sont pas obligatoires 
$message="Hey, la forme ?";
echo "$message";
?>

Vous avez également la possibilité d’inscrire des numéros de lignes à l’aide de l’attribut « line » (la valeur donnée correspondra à la première ligne). Par exemple, si on reprend l’exemple précédent et qu’on ajoute notre attribut « line » :

<pre lang="php" line="5" >
<?php
//code php divers. Les <?php et ?> ne sont pas obligatoires
$message="Hey, la forme ?";
echo "$message";
?>
</pre>

Le code colorisé apparaitra donc accompagné du numéro des lignes :

1
2
3
4
5

<?php
//code php divers. Les ouvertures et fermetures du code php ne sont pas obligatoires 
$message="Hey, la forme ?";
echo "$message";
?>

Par exemple si « line » avait pris une valeur de 5 (nombre au hasard), la première ligne aurait commencé à 5 puis la valeur de la seconde serait 6 et ainsi de suite…

Ressources externes

Documentation officielle sur wordpress.org [en]
FAQs sur wordpress.org [en]
Customisation avancée des couleurs [en]

<?php
error_reporting(0); //N'affiche pas les erreurs d'encodage impossible
header("Content-type: text/html; charset=utf-8");
echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n";
?>

Si les fichiers du site sont très mal organisés (généralement les vieux sites bien moche avec des tableaux et des frames ) et qu’il n’y a, par conséquent, pas de structure correcte (par exemple : aucune utilisation de la fonction « include » et, du coup, le même code copié dans chaque fichiers), vous pouvez passer par le fichier .htaccess en insérant la ligne suivante.

AddDefaultCharset UTF-8

Big Buck Bunny from Blender Foundation on Vimeo

Comme quoi ce n’est pas parce qu’un outil est libre et gratuit qu’on ne peut produire de choses excellentes !

Passez un agréable weekend libre

Rappel, qu’est-ce que le Planet-Libre

Le Planet Libre a pour but de regrouper tous les blogs francophones traitant de sujets Open Source. Une fois inscrit et accepté par les administrateurs vos articles d’une catégorie choisie apparaitrons sur le Planet.

Qu’en penser ?

Les avantages

• Le thème est plutôt sympa, en particulier le nouveau globe très design.
• Le forum PunBB est joliment intégré
• La page d’inscription est bien plus visible que dans la version précédente
• Sur la droite, ce sont les derniers sujets et non les derniers messages qui apparaissent

Bien entendu il y a sans-doute beaucoup plus d’améliorations et de nouveautés !

Les défauts

Les défauts ou bogues sont plutôt destinés aux développeurs du Planet Libre (mais rien ne vous empêche de les lire)

- Les boutons de vote datent toujours de l’ancienne version et une puce est visible à côté. Une petit

list-style:none

sur la balise « ul » corrigerait le problème.

- Lors du clique sur le menu « Le Planet » puis « Promotion » la page est introuvable (jolie page 404 en passant )

- Pour le bouton « Galerie » c’est un peu différent. Nous arrivons sur une page « Forbidden » qui nous dit sympathiquement que nous n’avons pas le droit d’accéder à ce répertoire du serveur .

- Quelques boutons ne fonctionnent également pas ou ne redirigent plutôt nul part mais je pense que c’est voulu .

- Le bouton de promotion que j’avais sur mon blog n’est malheureusement plus disponible. L’adresse de l’image est

http://www.planet-libre.org/promotion/planet-libre-button2.png

Mais n’est plus accessible :/

Pensez à faire un petit tour sur le site web des développeurs à l’adresse suivante : www.bilboplanet.org.

Bonne suite aux développeurs !

EDIT : Si vous rencontrez des bugs avec le planet n’hésitez pas à le faire remarquer sur ce topic

Janvier 2009 : Après une demande d’intégration de mon blog au planet WordPress francophone laissée sans réponse je me suis dit que créer un planet à part serait la meilleure solution pour permettre à d’autres blogs parlant de WordPress d’être regroupés sur un même portail. Oui, le planet de wordpress-fr ne regroupe que des sites « populaires » ce qui est vraiment dommage.

Juiller 2009 : J’ai donc contacté Valentin Brandt du fameux Geekerie.fr pour connaître son avis sur le sujet (je ne lui avais jamais parlé mais il avait l’air sympathique ). Il a accepté de réfléchir à cette idée. Après plusieurs discussions via Jabber nous avons convenu que le portail serait une « Galaxie ». Le but était donc de ne pas « voler » le contenu de chaque blog et de l’afficher sur le portail comme un « planet » mais bien de faire une sorte de lecteur RSS avec uniquement les titres des articles (et une petite description).

Valentin a donc mis en place nos idées à l’aide du plugin « Simple Pie » et au thème « OneNews » (qu’il a bien entendu modifié) sous WordPress.

Aujourd’hui la « Galaxie » est disponible sur le web et vous attend ! Si vous êtes intéressé n’hésitez pas. Rendez-vous sur WordPress Galaxie et faites la connaître pour qu’elle devienne le portail principal francophone de WordPress !

• Faire connaître ce nouveau portail via Twitter
• D’autres solutions pour partager «WordPress Galaxie»

Exportation depuis Thunderbird

Lancez Thunderbird (par exemple : « Applications » -> « Internet » -> « Mesagerie Thunderbird » sous Ubuntu) et rendez-vous dans le menu « Outils » -> « Carnet d’adresses ».

Puis, une fois la nouvelle fenêtre ouverte rendez-vous dans le menu « Outils » puis « Exporter » (cliquez sur l’image pour l’agrandir).

La fenêtre d’exportation s’ouvre. Rentrez un nom de fichier quelconque, sélectionnez l’option « Séparé par des virgules » puis cliquez sur le bouton « Enregistrer » en bas à droite de la fenêtre (cliquez sur la capture pour l’agrandir).

Importation

Le fichier exporté par Thunderbird ne comporte par les entêtes nécessaires (il n’en possède pas ) à l’importation dans Gmail, à savoir :

First Name,Last Name,Email Address

La solution consiste à rajouter ces entêtes et supprimer le nombre conséquent de virgules après chaque ligne du fichier (regardez votre fichier exporté pour vous rendre compte).

Voici la commande (trouvée sur Antonolsen.com) à saisir dans un terminal. Remplacez les mots en majuscules par les noms de vos fichiers.

echo First Name,Last Name,Email Address > FICHIER_A_IMPORTER.csv ; cat FICHIER_EXPORTÉ.csv |cut -d',' -f1,2,5 >>FICHIER_A_IMPORTER.csv

Il vous suffit ensuite de vous connecter sur Gmail avec vos identifiants habituelles et de vous rendre dans le menu « Contact » (en bas à droite) puis de cliquer sur le lien « Importer » (en haut à droite).

Cliquez simplement sur « Importer » pour terminer l’opération et le tour est joué

Exemple concret

Je te demande ton nom, tu l’écris et le script affiche « Salut $ton_nom-, la forme ? ».

En bash ça nous donne ça

Source

#!/bin/sh
echo "Comment t'appelles-tu ?";
read nom;
echo "Salut $nom. La forme ?";

Rendu

Avec Zenity c’est tout de suite plus classe…

Sources

#!/bin/sh
nom=$(zenity --entry --title="Script super coule" --text="Comment t'appelles-tu ?" --width="400");
zenity --info --title="Script super coule" --text="Salut $nom. La forme ?";

Rendu

Zenity en fait même plus !

Très sympa n’est-ce pas ?  Mais l’exemple ci-dessus correspond à quelques fonctions de base de Zenity. En effet Zenity vous permet de rendre graphique d’autres types d’actions tel que :

• Boîte de dialogue de calendrier
• Boîte de dialogue de sélection de fichiers
• Boîte de dialogue de liste
• Cases à cocher
• Boutons radio
• Barre progressive

etc… Bref, de quoi rendre vos scripts vraiment accessibles !

Pour plus d’informations vous pouvez vous rendre sur la documentation officielle. Je vous laisse encore quelques exemple d’utilisation de Zenity ci-dessous (en anglais pour la plupart) :

• ubuntuforums.org/archive/index.php/t-306515.html
• linux.byexamples.com/archives/265/a-complete-zenity-dialog-examples-2/
• blog.xychen.org/archives/2008/11/18/progress-dialog-box-of-zenity
• ernstfamily.ch/jonathan/2009/05/script-de-post-installation-pour-ubuntu/y

À utiliser au plus vite !

Petite astuce à utiliser après une commande Zenity

Zenity renvoie un «Code de sortie» lorsqu’un utilisateur interagit avec. Celui-ci correspond à «1» si l’utilisateur a soit appuyé sur le bouton «Annuler», soit fermé la boîte de dialogue. Je vous conseille donc d’utiliser une petite condition qui permet à votre script de ne pas continuer si l’utilisateur clique sur la croix ou sur «Annuler». Insérer simplement la commande suivante après chaque intervention de Zenity :

if [ $? -eq 1 ];then exit; fi;

Bref tout ça pour vous dire que le rythme de 3 articles par jour, comme je le faisais durant la période accompagnée du le thème magazine, est révolue. En effet je préfère dorénavant que mes lecteurs apprécient la qualité du contenu de mes articles et non la quantité. C’est pourquoi j’ai décidé de publier environ 2-3 billets par semaine (c’est peu mais ils auront l’avantage d’être très complet).

Cette nouvelle manière de fonctionner méritait évidemment un petit changement de thème (simple routine ). J’ai donc choisi un design où les couleurs naviguaient toujours autour du vert comme le précédent (j’espère que vous apprécierez et que vous ne serez pas trop dépaysé ).

PS : L’image provient de la nouvelle exposition Deskopography… Juste bluffant, comme d’habitude. Et encore merci à Nicolas qui m’a fait redécouvrir les liens ;D.

Comme d’habitude, libre à vous de laisser vos opinions ou remarques. Les commentaires plus bas sont faits pour ça .

A bientôt !

A la grande différence de Windows Chrome OS sera basé sur du code Open Source et donc ouvert à tous!

Google avait annoncé l’adaptation d’Androïd pour les ordinateurs « normaux » mais finalement la firme a préféré concevoir un OS spécifique (et sans-doute plus performant).

Google Chrome OS sera bien entendu équipé du navigateur clé de Google, à savoir Chrome .

Photo originale

Adapter Firefox afin de le rendre multi support de processus ne sera pas une tâche facile. Beaucoup des composants fondamentaux de l’infrastructure de base du navigateur devront être modifiés.

Plutôt une bonne nouvelle même si j’ai peur que Firefox soit encore plus lourd qu’actuellement…