Informat'Hic - L'actu Informatique vue et corrigée

Un tattoo à votre convenance

Francis Besset — Fri, 01 Feb 2013 16:06:00 +0100

Votre tatouage devra être à votre image et vous ressembler pour qu'il vous plaise sur une longue durée.

En effet, ce genre de choix ne s'effectue pas à la légère, et il sera à vous de prendre tout votre temps afin de déterminer tout d'abord l'endroit où il viendra se poser, mais aussi la manière dont il sera effectué. Il est nécessaire de faire plusieurs essais avant de vous rendre chez votre tatoueur pour être certain que le résultat vous plaira à coup sûr. En quelques clics, rendez-vous donc sur TatouPourToi.com, afin de déterminer quel sera ce tattoo dont vous rêvez tant, sa place sur votre corps, sa taille, et son inclinaison bien sûr, tout en détail.

Un logiciel sympa et intuitif

Nous sommes peu nombreux à nous servir des logiciels de photo en général, car ils sont plutôt complexes la plupart du temps. En revanche, concernant ce simulateur de tatouage, il est à la portée de tout le monde. Téléchargez sans plus attendre votre photo pour commencer les premiers essais, et choisissez quel sera le parfait tatouage pour vous parmi tous ceux que vous pourrez trouver sur le site et il en existe de très nombreux. En un rien de temps, vous déterminez la place exacte, ainsi que sa taille, tout en effectuant si besoin est une rotation de votre motif ou de votre lettrage, afin que chaque détail soit réglé avant le jour J.

Tester le logiciel : Tatoupourtoi.com

Installer un certificat Gandi SSL Standard sur Nginx

Francis Besset — Fri, 24 Dec 2010 14:36:00 +0100

Depuis que j'ai migré mon serveur Web sous Nginx, j'ai eu quelques soucis avec mon certificat SSL Gandi Standard.
Le certificat n'était pas accepté par Mozilla Firefox ainsi que les par Wget ou bien même cURL.

En passant une option à cURL et Wget, il était assez simple de passer outre le problème.
Seulement avec Firefox, quand l'utilisateur voit au journal qu'il faut vérifier la présence du cadenas pour être sûr que c'est sécurisé, c'est plus compliqué.

Heureusement pour moi, et pour vous j'ai réussi à trouver une solution.
Celle-ci n'a rien de méchant. En réalité, avec Apache on peut préciser un certificat intermédiaire grâce à SSLCACertificateFile qui permet de vérifier la validité du certificat à un serveur tiers.

Mais dans le cas de Nginx, il faut l'ajouter à la suite du certificat qu'ils vous ont délivré.

Pour télécharger le certificat intermédiaire, veuillez suivre les instructions sur cette page du wiki de Gandi. Si vous êtes directement en ligne de commande, pas besoin d'ouvrir les fichiers avec vim. Lancez la commande suivante :

cat GandiStandardSSLCA.pem >> domain.tld.crt

Pour finir, voici ma config dans mes vhost pour intégrer le certificat SSL à Nginx :

ssl on;

ssl_certificate         /etc/nginx/ssl/domain.tld.crt;

ssl_certificate_key     /etc/nginx/ssl/domain.tld.key;

ssl_verify_client       off;

ssl_session_timeout     5m;

Bien sûr, n'oubliez pas de redémarrer Nginx.

Source : http://wiki.gandi.net/fr/hosting/using-linux/tutorials/ubuntu/ssl

Du boulot en veux-tu ? En voilà !

Francis Besset — Wed, 15 Dec 2010 13:53:00 +0100

Vous recherchez du boulot sur Paris, ce billet est pour vous !
Il n'est cependant pas destiné uniquement aux WebDeveloper. Lisez la suite.

Sensio, agence interactive de l'année, recherche activement de nombreux postes dus à sa croissance.
Pour cela, voici les différents postes disponibles :

Directeur de clientèle / Directeur de projet Web (ASAP)
Chef de projet Web
Chef de projet media senior
Développeurs Flash (ASAP)
Intégrateurs XHTML
Chefs de projet technique (ASAP)
Développeurs PHP/Symfony (ASAP)
Ergonome / Designer information / services

Avec ça, je pense qu'il y a de quoi faire pour satisfaire du beau monde !

Envoyez votre candidature à l'adresse suivante : job@sensio.com et n'oubliez pas de préciser que vous avez trouvé l'annonce sur ce blog, ça fera un beau point positif.

Peut-être à bientôt.

Comment utiliser les Fixtures avec Doctrine2 & Symfony2

Francis Besset — Sun, 12 Dec 2010 19:22:00 +0100

Ça fait maintenant un bon mois que je développe Apercite avec Symfony2. En réalité, je devrais dire que jusqu'à présent j'ai avancé à petit pas, car c'est un nouveau framework, encore en cours de développement et sa documentation n'est pas forcément très exhaustive.
C'est pour cela que je souhaite faire ce billet, pour vous parler des Fixtures.

Lorsque vous développez une application et que celle-ci interagit avec une base de données, il y a fort à parier pour que votre base de données doit contenir certaines entrées de base comme par exemple, la configuration du projet, des données qui changent très peu (pour ma part il s'agit des abonnements par exemple). Dans ce cas à chaque construction de la base de données, vous devrez insérer les données une à une systématiquement.
D'ailleurs lors de la mise en place de tests fonctionnels et unitaires, ça va être un peu galère non ?

Création des fixtures :

Lorsque vous devrez créer des fixtures pour vos Bundles (n'oubliez pas que votre application est aussi un Bundle), vous devrez suivre cette procédure :

Créer le dossier DataFixtures dans le dossier de votre Bundle.
Créer le dossier ORM dans le dossier DataFixtures que vous venez de créer.
Vous devrez ensuite créer un fichier avec l'extension PHP. Pour ma part, il est actuellement nommé SubscriptionData.php. Et voici ce qu'il contient :

<?php

namespace Application\AperciteBundle\DataFixtures\ORM;



use Application\AperciteBundle\Entity\Subscription;

use Doctrine\Common\DataFixtures\FixtureInterface;



class SubscriptionData implements FixtureInterface

{

    public function load($manager)

    {

        $subscription = new Subscription();

        $subscription->setPrice(0.99);

        $subscription->setDuration('24 hours');

        $subscription->setPosition(1);

        $manager->persist($subscription);

        $manager->flush();

    }

}

Vous pouvez par ailleurs, constater que les fixtures sur Symfony2 sont sous forme de classes namespacées.

Votre classe doit obligatoirement implémenter Doctrine\Common\DataFixtures\FixtureInterface. Cette implémentation oblige votre classe à avoir une méthode public load prenant en paramètre la variable $manager qui vous servira à enregistrer les fixtures dans votre base de données. Assurez-vous aussi d'avoir téléchargé le code de Doctrine Data-Fixtures.

Tests fonctionnels et unitaires avec PHPUnit :

Lorsque vous créez vos tests, vous devez reseter vos fixtures. Pour cela, je vais vous offre un bout de code qui va vous être fort utile.

<?php



namespace Application\AperciteBundle\Tests\Controller;



use Symfony\Bundle\FrameworkBundle\Test\WebTestCase;

use Symfony\Bundle\FrameworkBundle\Console\Application;

use Symfony\Bundle\DoctrineBundle\Command\LoadDataFixturesDoctrineCommand;

use Symfony\Component\Console\Input\ArrayInput;

use Symfony\Component\Console\Output\NullOutput;



class FrontendControllerTest extends WebTestCase

{

    protected function setUp()

    {

        $fixtures = new LoadDataFixturesDoctrineCommand();

        $fixtures->setApplication(new Application($this->kernel));

        $fixtures->run(

            new ArrayInput(array(

                'doctrine:data:load',

            )),

            new NullOutput()

        );

    }

}

La méthode setUp est appelée à chaque test avec PHPUnit. Cette méthode vous assure d'avoir des données toutes fraîches à chaque test. Il y a peut-être un moyen plus élégant d'obtenir la console dans les tests mais j'avoue ne pas avoir trouvé.

Les bons liens pour apprendre à dessiner en HTML 5

Francis Besset — Sun, 25 Jul 2010 12:52:00 +0200

Entre le travail et le déménagement, voici la suite logique de mon précédent article sur HTML 5, où je vais vous montrer une de mes réalisations de dessin en HTML 5.

Voici une sélection de liens ainsi qu'un exemple que j'ai réalisé moi-même et dont je suis assez fier pour une première réalisation.

Pour commencer, mon dessin, j'ai trouvé un très bon slide sur SlideShare. Rob Hawkes explique les rudiments pour dessiner.

Très vite je me suis retrouvé face au mur pour continuer mon dessin. J'ai donc fait d'autres recherches et à ma grande surprises je suis tombé sur le site de Mozilla qui donne tous les bons tuyaux pour dessiner en HTML 5.
Grâce à ce tutorial, j'ai pu terminer mon dessin.

Mais qu'est-ce que j'ai bien pû dessiner ? Certains s'en doutes, il s'agit du logo de ce blog.
Logo d'Informat'Hic en HTML 5

Je tiens à signaler qu'il n'y a aucune image qui a été utilisé pour refaire le logo. J'ai simplement utilisé les méthodes de dessin mises à disposition par l'API de dessin HTML 5.

Si vous êtes ambitieux, je vous conseil d'aller faire un tour sur ce slide qui montre (sans tous les détails), les rudiments pour faire un jeu en HTML 5 avec du son.

Je vous met à disposition un dernier lien qui devrait vous permettre de comprendre les différentes possibilités qu'offre l'API de dessin HTML 5. Vous aurez de plus accès à un p'tit tricks permettant de faire fonctionner le canvas sur Internet Explorer.

Bonne chance à vous, si vous vous lancez dans l'aventure. Pour ma part, j'ai mis deux soirs pour réaliser mon dessin.

Les nouveautés apportées par HTML 5

Francis Besset — Mon, 19 Jul 2010 08:36:00 +0200

Cela fait un bon petit moment que vous l'entendez raisonner sans pour autant savoir tout ce qu'il se cache derrière.

Connaissez-vous le lot de nouveautés qu'apporte HTML 5 dans la structure de vos pages ?
Savez-vous ce qui est déprécié en HTML 5 ?

Vous avez sûrement entendu parlé de la nouvelle balise <video> qui permet d'insérer des vidéos directement sur une page sans utiliser de lecteur flash.

Bien entendu c'est loin d'être la seule nouveauté de cette nouvelle technologie.
Les changements ne passe pas uniquement sur ce que l'utilisateur final verra.
En effet, le doctype diffère beaucoup de celui que l'on connait à l'heure actuelle :
En HTML 5 :

<!DOCTYPE html>

<html lang="fr">…</html>

Il faut noter que la déclaration du Doctype n'est pas sensible à la casse et qu'il n'y a plus de référence à une DTD.

En XHTML 5 :

<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml">…</html>

On comprend vite qu'il sera plus simple de l'apprendre par coeur !

Concernant le processus de détection de l'encodage ce fait dans l'ordre suivant :

Vérification de la présence d'un header HTTP "Content-Type"
Détection du BOM en début de fichier
Utilisation d'une balise meta spécifique (<meta charset="UTF-8"> par exemple, la syntaxe utilisée dans les versions précédentes étant toujours compatible)

Cependant pour les documents XHTML 5 l'auteur doit spécifier l'encodage dans le prologue XML :

<?xml version="1.0" encoding="UTF-8"?>

Nouvelles balises :

Pour passer aux nouvelles balises, on peut citer :

video : Ajouter du contenu vidéo
audio : Ajouter du contenu audio
aside : Ajouter du contenu sans rapport avec la page
header : Spécifier le début de la page
footer : Spécifier la fin de la page
nav : Section avec beaucoup de liens internes au site
progress : Afficher un niveau d'avancement

Cette liste n'est pas exhaustive. Rendez-vous en fin d'article pour plus d'informations.

Les formulaires se voient eux aussi dotés de nouveaux types de champs :

datetime : Champ de type date heure
date : Champ de type date
time : Champ de type heure
month : Champ de type mois
email : Champ de type E-mail
url : Champ de type adresse Web
color : Champ de type couleur

Cette liste aussi est loin d'être exhaustive mais vous permet de visualiser les principaux changements.

On peut noter entre autre que l'attribut target dans les liens est à nouveau disponible alors qu'elle était déprécié jusqu'à maintenant.

Balises supprimées :

Beaucoup de changement ont été effectués. Même s'il y a beaucoup de nouveautés, il y a des balises qui elles sont désormais dépréciées :

basefont
big
center
font
s
strike
tt
u

Elles sont supprimées car c'est aux CSS de faire le boulot.
Les balises frame, frameset et noframes sont supprimés ! Elles étaient déjà dépréciées car elles créaient des problèmes d'accessibilité.

acronym : Supprimé car elle créait beaucoup de confusion
applet : obsolète en faveur de object

Pour finir, la balise noscript est disponible uniquement dans la version HTML.

API HTML 5 :

HTML 5 permet d'utiliser 8 nouvelles API qui permettront de créer de nouvelles applications et qui peuvent être utilisées ensemble avec de nouveaux éléments introduits pour les applications dont :

une API de dessin 2D utilisé avec la nouvelle balise canvas
une API pour jouer des vidéos et des sons/musiques utilisé avec les nouvelles balises video et audio
une API utilisée pour les applications hors-lignes
une API d'édition en combinaison avec le nouvel attribut contenteditable
une API de drag and drop en combinaison avec l'attribut draggable
une API qui permet l'accès à l'historique et permet aux pages d'en ajouter pour prévenir les problèmes de bouton retour-en-arrière

Connexion et distribution P2P :

HTML 5 se voit doté de la capacité de réaliser des connexions entre utilisateurs PeerToPeerConnection(), et également grâce aux websocket.

Grâce à la création de nouvelles balises, on voit que l'on va pouvoir améliorer le référencement de son site grâce notamment à aside, nav, header er footer.

Bien sûr je n'ai pas tout dit. Mais si je m'étais amusé à le faire, je n'aurais pas fini d'ici un bout de temps. C'est pourquoi je vous invite à lire la page Wikipedia dédié à l'HTML 5 qui vous donnera toutes les infos sur les nouveautés de l'HTML 5.

(Image : LookupTables)

How to use sfValidatorDate : Utilisation des classes sfValidatorDate et sfValidatorDateTime de Symfony

Francis Besset — Sun, 18 Jul 2010 18:01:00 +0200

Je dois avouer que chaque jour que je passe au travail c'est toujours pleins de nouvelles choses que je comprend (surtout sur Symfony).

Symfony est un framework MVC complet mais qui fait de lui une bête assez complexe à appréhender. Par ailleurs, je me suis retrouvé face au mur lorsque j'ai dû utiliser la classe de validation sfValidatorDate presque similaire à sfValidatorDateTime.
Bien sûr il y a toujours les bons réflexes d'aller voir l'API de Symfony ou bien même d'aller plonger dans directement dans le code pour comprendre ce qu'il s'y passe.

Tout d'abord, il faut savoir que sfValidatorDate et sfValidatorDateTime sont presque identiques. sfValidatorDateTime étend sfValidatorDate qui elle même étend sfValidatorBase. Il faut aussi noter que sfValidatorDateTime redéfini un constructeur qui appel le constructeur parent, donc celui de sfValidatorDate et initialise l'option with_time à true.

Pour être plus clair, si vous avez une valeur de type DateTime à valider, vous n'êtes pas obligé d'utiliser la classe sfValidatorDateTime. Il vous suffira juste d'utiliser sfValidatorDate et de préciser vous même l'option with_time à true car elle est par défaut à false.
Je préconise tout de même l'utilisation de sfValidatorDateTime à sfValidatorDate si vous avez une valeur de type DateTime à valider. Car la personne qui passera derrière votre code comprendra de suite le type de la valeur à valider.
Je sais, je me contredis mais c'est pour que vous compreniez bien la subtilité entre les deux.

L'option date_format

Maintenant que tout est dit, nous allons passer au coeur du problème. Comment valider une date qui a un format français où bien même atypique ? La solution se trouve dans l'option date_format. On peut en effet lui donner une expression régulière. Celle-ci va nous permettre d'indiquer au validateur où se trouve le jour, le mois, l'année, l'heure, les minutes et les secondes.

Lorsque vous allez instancier sfValidatorDate, vous allez devoir procéder de la manière suivante :

$this->setValidators(array(

  'date' => new sfValidatorDate(

    array(

      'date_format' => '~(?P<day>\d{2})/(?P<month>\d{2})/(?P<year>\d{4})~'

    )

  )

));

L'exemple ci-dessus fonctionne uniquement pour les date ayant le format jj/mm/aaaa.
Comme vous pouvez le voir, ce qui nous permet d'indiquer où se trouve chaque élément de la date est l'option ?P<element>
Voici la liste des noms des éléments que l'on peut rechercher dans l'expression régulière :

day
month
year
hour
minute
second

Mais si vous avez un format atypique par exemple mm-aaaa/jj (oui je sais c'est tiré par les cheveux mais c'est pour l'exemple) vous devrez utiliser l'expression régulière suivante :

$this->setValidators(array(

  'date' => new sfValidatorDate(

    array(

      'date_format' => '~(?P<month>\d{2})-(?P<year>\d{4})/(?P<day>\d{2})~'

    )

  )

));

Si vous ne connaissez pas les expressions régulières, je vous conseille d'aller faire un tour sur le chapitre dédié à ce sujet sur le Site du Zéro.

L'option min et max

Ces deux options sont similaires pour le paramètre qu'elles prennent. Simplement min permet d'indiquer la date minimale que l'utilisateur doit fournir et max, la date maximale.

Vous pouvez donner soit un timestamp ou un paramètre de type string qui peut-être pris en compte par la classe DateTime. Voici une liste non-exhaustive :

now
yesterday
tomorrow

Vous pouvez trouver la liste complète sur la documentation de PHP.net.
De cette manière là, vous pouvez indiquer par exemple un age minimal de 18 ans de cette manière :

$this->setValidators(array(

  'date' => new sfValidatorDate(

    array(

      'date_format' => '~(?P<day>\d{2})/(?P<month>\d{2})/(?P<year>\d{4})~',

      'max'         => '18 years ago'

    )

  )

));

Voilà j'ai fait le tour sur les principales options des classes sfValidatorDate et sfValidatorDateTime.
Si vous avez des questions ou remarques, je reste bien sûr à votre disposition.

(Photo : Petits partages entre amis)

Mars, et ça repart

Francis Besset — Sat, 17 Jul 2010 16:39:00 +0200

Vous l'avez surement remarqué mais ses derniers temps c'est un peu le grand vide sur ce blog.

Il y a plusieurs raisons. La première c'est que tenir un rythme soutenu est fatiguant quand à côté on a le boulot, les obligations personnelles, etc.
La seconde c'est que courir après l'actu Geek, puis la relayer alors qu'elle est déjà visible un peu partout ça ne sert pas à grand chose à part si l'on donne son point de vu.

En clair, je change la ligne éditoriale de ce blog, ce qui me permettra de parler de mon cœur de métier.
Désormais le blog traitera de sujets tel que le prêt à porter de Carrefour et Auchan. Je ferais sûrement des exceptions pour certaines enseignes si elles ont des idées originales.

Plus sérieusement, je vais parler surtout de développement PHP (Symfony notamment) et peut-être d'autres langages si vous êtes sages et aussi d'administration de systèmes Unix.
Je souhaite aussi me lancer dans le développement d'applications iPhone. Mais de ce que j'ai pu déjà voir, ça à l'air un peu ardu. Si jamais il y a des bonnes âmes qui veulent m'initier je suis ouvert.

Par ailleurs, si vous êtes partant pour faire continuer l'aventure, le guest blogging est ouvert.
Si vous avez envie de présenter un tricks ou autre, dans la lignée du développement, contactez-moi.

Sinon, vous souhaitez en savoir plus sur un point en particulier dans le développement, contactez-moi afin de me donner des idées pour les futurs billets.

Sachez que je n'oublie pas mes p'tits amis qui parlent de l'actu Geek. Je continuerais de venir vous voir sur vos blogs car l'actu Geek m'intéresse quand même.

(Photo : Paul Mutton)

Neuf euros pour activer l'iPhone 4

Francis Besset — Wed, 07 Jul 2010 20:18:00 +0200

J'ai acheté mon iPhone 4 chez Orange en fin de mois de juin et je peux le dire, c'est un très beau mobile.

Par ailleurs, je peux téléphoner, utiliser mon forfait Data depuis hier et enfin je vis. Pour les détracteur, je vis non pas parce que j'ai un iPhone mais simplement parce que mon précédent mobile était un Sony Ericsson V630i !

Mais là où je trouve que Orange prend les gens un peu pour des cons c'est quand ils envoient leur mail 3 jours après réception du terminal ayant pour sujet M Besset, profitez pleinement de votre iPhone 4 !

Là on se demande ce qu'ils vont essayer de nous vendre.
A ma grande surprise, ce fût la proposition de l'activation du terminal pour la modique somme de 9 euros ! Je pense honnêtement qu'il faut arrêter de prendre les gens pour des cons, car pour ceux qui ne le savent pas, il suffit juste de brancher le terminal en USB et de lancer iTunes et de cliquer quelques fois sur Suivant.

Par ailleurs, là où je me marre pas mal c'est concernant le contenu du mail :

Cher client,

Vous venez d'acquérir un iPhone 4 sur Orange.fr et nous vous remercions de votre confiance.

Pour seulement 9 euros, nos experts sont à votre disposition pour réaliser l'activation de votre terminal. Vous pourrez ensuite profiter pleinement des nombreuses utilisations offertes par l’Iphone 4.

Profitez-en sans attendre et prenez rendez-vous dans l'un de nos 240 espace services.

Cliquez ici pour trouver l'espace service le plus proche de chez vous.

Votre service client

Vous avez bien lu, "nos experts". Je ne savais pas qu'il fallait être expert pour activer un iPhone 4 !

En bref je comprend que des personnes peuvent ne pas comprendre qu'il faille activer un téléphone pour s'en servir. Mais de là à facturer 9 euros le service je trouve que c'est un peu cher pour ce que c'est. Si vous ne savez pas comment l'activer, l'iPhone sur iTunes, voici ci-dessous, la procédure directement prise sur le site d'Apple.

Activer l'iPhone d'origine

Téléchargez et installez la dernière version d'iTunes sur le site www.itunes.fr.
Connectez l'iPhone d'origine à un des ports USB 2.0 de votre Mac ou de votre PC (pas sur le clavier) à l’aide de la station d’accueil et du câble fournis. iTunes s'ouvre automatiquement.
Dans iTunes, suivez les instructions à l'écran pour activer votre iPhone d'origine et synchroniser vos contacts, calendriers, morceaux de musique, photos, podcasts, vidéos, comptes de messagerie et signets Web.

Neuf euros vous êtes sûr ?

Désactiver le ciblage des pubs Apple iAd

Francis Besset — Thu, 01 Jul 2010 10:30:00 +0200

Si comme moi, l'odeur de l'iPhone 4 se fait sentir, sachez que la de dernière mouture de l'iOS à savoir sa version 4, Apple a mit en place dans ses conditions générales l'affichage de pub via son service iAd.

iAd permet de cibler les utilisateurs avec les cookies et d'autres technologies afin de proposer des publicités personnalisées aux utilisateurs.
Si vous ne souhaitez pas être trop ciblé, Apple propose un échappatoire.

Pour cela, il vous faudra vous rendre avec votre iPhone vous rendre sur cette adresse : https://oo.apple.com

Par ailleurs, il y a fort à parier qu'une version mobile pourrait voir le jour pour Informat'Hic avec l'arrivé de mon iPhone 4, car il faut le dire, c'est pas avec mon vieux Sony Ericson v630i sans forfait Data que j'aurais pu préparer ça.

[EXCLU] Top Wikio High-Tech Juin 2010

Francis Besset — Fri, 04 Jun 2010 08:09:00 +0200

C'est avec un très grand plaisir que je vous présente le Top 20 Wikio High-Tech de Juin 2010 en avant première.

Je dois avouer que pour en arriver là, je n'y suis pas parvenu seul. C'est pour ça que je tiens à remercier ~~ma mère~~ Mr. Xhark de Blogmotion et Wikio.

C'est maintenant l'heure d'ouvrir l'enveloppe pour connaître la liste des 20 élus et comme j'ai ouvert l'enveloppe avant vous, je peux dire que ça bouge !

1. Korben
2. ReadWriteWeb
3. Le Journal du Geek
4. Presse-citron
5. Gizmodo
6. AccessOWeb
7. Partageons l'addiction
8. Le blog du modérateur
9. iPhon.fr
10. FrAndroid
11. Framablog
12. Be Geek
13. fredzone
14. Kriisiis
15. Descary.com
16. Blog Marketing Web 2.0 et Techno
17. Vendeesign
18. Android France
19. Emilie Ogez News
20. TechCrunch France

Classement réalisé par Wikio.

Revue de presse #8

Francis Besset — Tue, 25 May 2010 08:48:00 +0200

Il s'en passe des choses ! Entre les tentatives de configuration du partage des données personnelles sur Facebook et Jean-Louis Masson qui veut supprimer l'anonymat des blogueurs, on ne sait plus où donner de la tête.

Heureusement cette petite sélection de billets vous permet de ne pas rater l'essentiel.

Fredzone : Quand on vous dit que crypter les mots de passe c'est important ! Pour l'coup c'est Skyblog qui n'a pas fait dans la demi-mesure. C'est en effet avec beauté qu'ils se seraient fait voler 32 millions de mots de passe qui n'était pas cryptés.
Numerama : Cette fois c'est grâce à Numerama que l'on apprend que Skyrock enregistre un historique de tous les mots de passe. Si notre gentil hacker a pu prendre tous les mots de passe, sa peut faire vraiment mal !
Keeg : Keeg nous donne un tuyau pour séparer le pseudo des mots clés dans les commentaires sur la plateforme WordPress. Etant sur DotClear, je ne crois pas que ce plugin existe. Qui sait, ça ne tardera pas.
ReadWriteWeb : Vous souhaitez checker les paramètres de confidentialité sur Facebook alors cet article est pour vous. Il vous présente un outil permettant de s'assurer que vos paramètres sont biens configurés.
iDorian : Le gros sujet du moment sur les blogosphères est l'anonymat des blogueurs qui est remis en question. C'est beau de rêver hein !
Geeek : Ludovic nous a sorti une belle perle de Youtube. Il s'agit de Jean-Pierre qui a un message pour les mecs.
Xapur : La suite de Chatroulette tenu par un beau concept. Il s'agit ici de faire défiler une suite de sites & blogs. Une belle manière de découvrir de nouveaux horizons.
Blogmotion : Xhark nous présente dans son article Google TV, une association de la télévision et du Web.

5 raisons de commenter un article

Francis Besset — Mon, 24 May 2010 08:36:00 +0200

Lorsque l'on visite un blog, il faut savoir qu'il y a au minimum deux acteurs. En visitant ce blog, vous venez d'obtenir l'un des deux rôles.
Votre rôle est important pour le blogueur car il vous propose de prendre la parole.

Je peux comprendre que votre nouveau rôle n'est pas forcément à votre guise mais lisez la suite et vous comprendrez que vous pouvez y retrouver votre compte.

1. Prenez la parole :

La principale fonction des commentaires est de faire passer un message.
Parmi les possibilités (liste non exhaustive) :

2. Montrez-vous régulièrement :

Il faut avouer que c'est assez jouissif de voir que l'on a des visiteurs réguliers. Ça montre que l'on arrive à toucher une cible. Le fait de voir que ce qui est écrit vous intéresse nous amène à en reparler.

3. Les backlinks :

Pour ceux qui ne savent pas ce qu'est un backlink, il s'agit d'un lien présent sur un site A pointant sur un site B. Lorsque vous écrivez un commentaire, vous avez la possibilité de fournir une URL. De cette manière, vous pouvez augmentez la popularité de votre blog aux yeux des moteurs de recherche.
Le problème c'est que beaucoup de sites et blogs ne jouent pas le jeu et ajoute l'attribut nofollow indiquant aux moteurs de ne pas suivre le lien.
Heureusement, sur Informat'Hic les liens des commentaires sont en DoFollow (prononcez doux folle eau) ce qui veut dire que l'attribut nofollow, n'est pas ajouté.

4. Faîtes-vous connaître :

Les moteurs de recherche ne sont pas les seuls à voir les liens. C'est ainsi que d'autres visiteurs cliqueront sur votre nom ou pseudo si votre commentaire est intéressant où bien s'ils sont curieux.
Voilà une manière d'augmenter votre nombre de visiteurs et qui sait, peut-être laisseront-ils des commentaires à leur tour sur votre blog.

5. Retrouvez-vous dans les revues ou sélections d'articles :

En tant que blogueur, lorsque vous commentez, je regarde systématiquement le lien qui se cache derrière votre pseudo ou nom afin d'en savoir un peu plus sur vos centres d'intérêts.
Parfois le blog visité, est intéressant et j'ajoute donc le flux RSS dans ma liste. Et c'est aussi comme ça que l'on se retrouve dans une revue de presse.

Si après ça vous n'avez toujours pas envie de commenter, je ne sais plus quoi faire.

Rencontre avec Gonzague Dambricourt

Francis Besset — Sun, 23 May 2010 16:07:00 +0200

Vous le connaissez sûrement ou peut-être pas du tout. Il s'agit tout bonnement d'un blogueur mais pas que.
J'ai eu la chance de partir à sa rencontre vendredi dernier. Il m'a gentiment invité quand je lui ai demandé un bon plan sur Paris ce soir là.

Le résultat des courses est dans la suite de cet article.

Après avoir rêvé deux fois de lui (pas de sexe hein !), je me suis fait un idéal de lui.

Mais en vrai, pour le définir je dirais qu'il est arrogant et prétentieux. De plus, tout le monde doit se plier à ses règles.
Il boit uniquement de l'eau de marque Evian (c'est sûrement plus in). En bref le rendez-vous a vite tourné au carnage.

En faite, ça c'était juste pour faire plaisir à certains.

J'ai rejoins Gonzague dans un bar autour d'une table entouré de ses amis qui fêtaient un anniversaire.
D'ailleurs, en arrivant au bar, j'ai eu peur de ne pas le reconnaître, mais sa frimousse est vite reconnaissable.

On a partagé un bon p'tit moment ensemble a discuter un peu de tout à savoir : boulot, blogosphère, mobile en particulier le Blackberry sur lequel j'ai craqué (faut dire qu'avec mon vieux Sony Ericsson V630i...).

D'ailleurs, c'est un vrai parisien ! Je le sais parce qu'il portait un magnifique short à carreau.
J'ai d'ailleurs hésité à faire la blague Mais il est pas à toi ! Il est à Caro...
Vous l'avez comprit, c'est tellement vaseux que j'ai préféré laisser filer ce moment de bide.

Je tiens à le remercier pour ce bon moment auquel il m'a convié.
En tout cas maintenant je peux le dire avec certitude, Gonzague est quelqu'un de très agréable et de très sympathique. Il est lucide et à bien la tête sur les épaules.

J'espère qu'on se reverra un de ces quatre.

Tout Le Monde En Blogue ou l'art de profiter du trafic des blogs sans scrupule

Francis Besset — Tue, 18 May 2010 21:03:00 +0200

Pour ceux qui ne connaissent pas ce service, il permet simplement de comptabiliser le nombre de visiteurs et de faire un classement presque en temps réel. Les blogs inscrits sont classés par catégorie ce qui peut amener du trafic.

Mais là où il y a un Hic, c'est qu'en allant sur mon blog ce soir, je me suis aperçu que ToutLeMondeEnBlogue se mettait à afficher un encart publicitaire de 120x75px en dessous de l'image qui indique notre position dans le classement que l'on affiche grâce à un bout de code JavaScript.

Seulement lorsqu'il y a des changements aussi importants, il serait sympa de notifier les premiers concernés.

Suite à ce changement, je me suis précipité sur leur site afin de savoir ce qu'il se passait. J'y ai vu dans leur header une alerte concernant la modification du marqueur. J'ai lu l'actualité et je me suis demandé pourquoi je n'ai pas reçu de mail.

En regardant l'adresse de la page, je vois qu'elle est composé du mot mailing. Si je ne suis pas trop bête je pense qu'ils l'ont envoyés aux personnes qui ont accepté de recevoir leurs mails. Cependant, je n'ai pas coché cette case car le texte qui le suivait me demandait implicitement de transformer ma boite mail en une boite à spam. Lisez donc ceci :

Vous acceptez de recevoir des courriels de la part de Tout Le Monde En Blogue et de ses partenaires.

Je suis désolé mais la fin de la phrase ne m'inspire pas confiance. L'énigme de la non réception du mail est élucidée.

Dans l'adresse on peut aussi voir que ce mailing date du 5 mai 2010.
Messieurs, Dames, vous avez 10 jours pour réfléchir... enfin surtout si vous avez reçu la nouvelle...

Dans le contenu de l'actualité on peut y voir un brin d'humour grâce à ce slogan :

Blogueurs, sauvez tout le monde!

C'est sûr, les pilules passent toujours mieux avec un brin d'ironie.
Alors comment peut-on agir pour sauver le monde ? Tout simplement en ne faisant rien (cf : lire l'actu).
J'aurais bien vu dans un premier temps une option permettant d'activer ou non l'affichage de la pub. Même si on le sait (sans hypocrisie), que si on vous laisse la possibilité de la désactiver, les chances pour que le choix se dirige vers la désactivation est bien plus grande. Mais je pense que c'est un test à faire.

Quitte à trouver d'autres solutions, comme le service est gratuit, pourquoi ne pas faire une collecte de dons ? Si les utilisateurs sont content de la prestation, il n'y a pas de raison qu'ils ne sortent pas quelques euros de leurs poches. Pour preuve, ça fonctionne avec Wikipedia. Après les utilisateurs sont plus dubitatifs sur le service rendu, il est sûr que ça rapporte moins. Mais justement est-ce pas ce dernier point qui serait intéressant ?

Je ne voudrais pas cracher dans la soupe mais c'est un peu comme Paperblog avec le traffic que l'on ne voit jamais. Alors pourquoi donner des sous pour quelque chose qui rapporte vraiment pas grand chose ?
Pour info, je naviguais entre la 70ème et 90ème place. Mais pour ceux qui sont en haut des marches, la chose est peut-être différente.

Cependant, là où je reste perplexe c'est que sur un changement aussi radical, ils pourraient au moins se permettre de prévenir les utilisateurs de leur service.
Je fais un blog pour partager mes connaissances, des découvertes, et d'autres choses mais sûrement pas pour transformer mon blog en un tableau publicitaire.

D'ailleurs je ne suis pas sûr, mais j'aimerais bien savoir si les CGU ont été récemment changées car en les lisant aujourd'hui je vois qu'elles font part de la publicité affiché avec le marqueur et qu'il est part ailleurs interdit de masquer la publicité.

Pour finir, en utilisant un système libre tel que GNU/Linux, ils économiseraient peut-être sur le prix des licences Microsoft.
Et tant qu'à faire, s'ils pouvaient nettoyer leur code, car avoir des headers qui demande aux navigateurs de créer 58 cookies strictement identiques dans une même requête HTTP c'est un peu moyen.

Le résultat est que l'aventure avec TLMEB est terminé avec la suppression du tag sur ce blog.

EDIT :

Suite au commentaire de Keeg, je rajoute un imprimé écran de ce que donne TLMEB avec la pub sur ce blog. À savoir qu'avant l'aparition de la pub, l'image se mettait correctement à côté du compteur Blogonet.

OVH : Les sauvegardes de votre serveur dédié

Francis Besset — Fri, 14 May 2010 08:49:00 +0200

Si vous avez un serveur dédié chez OVH, vous utilisez sûrement le backup FTP proposé gratuitement avec la location de votre serveur.

Mais saviez-vous que la bande passante du backup FTP peut-être limitée dû au type des fichiers sauvegardés ? C'est ce qui m'est arrivé après avoir tester une nouvelle manière de sauvegarder les données de mon serveur.

Mon ancienne manière de faire les sauvegardes, était de créer des archives Tarball. L'inconvénient de ce système c'est que lorsque vous avez besoin de récupérer un fichier d'une sauvegarde antérieure, il vous faudra télécharger l'archive (pour ma part de plusieurs Gigas) puis extraire uniquement le fichier que l'on veut. Il faut l'avouer ça met pas mal de temps et lorsque l'on a besoin d'un fichier en urgence c'est la cata.
L'autre inconvénient c'est que la création et l'extraction sollicite beaucoup le CPU.

C'est pour cela que je me suis penché sur LFTP. Cette commande permet de sauvegarder les fichiers un à un. Jusque là pas de soucis.
Mais c'est le lendemain que je me rend compte que les sauvegardes ne sont toujours pas terminées. Après inspection je vois que la bande passante entre mon serveur et le backup FTP est limité à 1ko/s. Ça c'est le premier effet Kiss Cool.

J'écris alors un ticket et la sentence tombe. Il s'agit du fait que j'ai sauvegardé des fichiers vidéos. C'est en effet vrai. Mais ce sont des vidéos libres de droit que j'héberge pour un ami.
Il faut savoir que OVH vous limitera la bande passante si :

Vous sauvegardez des fichiers vidéos
Vous sauvegardez des fichiers audios

Seulement trois semaines et une vingtaine de messages échangés plus tard, la limitation est levée. Face à ce problème je suis revenu à mon ancien système de sauvegarde avec les Tarballs.

Cependant, je n'en suis pas resté là. J'ai cherché chez différents prestataires un serveur avec au moins 100 Go d'espace disque pour y stocker mes sauvegardes et pouvoir les faires via rsync.
Le second effet Kiss Cool c'est quand on voit les tarifs appliqués. Je sais que tout cela coûte cher mais tout d'même. J'aurais très bien pu prendre un second serveur ou bien même un RPS chez OVH. Mais se prendre 50€ HT pour l'installation d'une machine à 10€ / mois ça fait mal aux fesses. Mais face à mon problème, J'étais tout de même prêt à prendre un RPS pour le stockage des sauvegardes.
Mais par coup de bol, je vois dans le Manager (interface de gestion de ses services OVH) que l'on peut ajouter 4 disques dur USB de 500Go.

J'ai donc directement prit un disque dur pour un coup de seulement 10€ HT / mois. Aucun frais d'installation même si sur le détail de l'offre il est indiqué que les frais sont de 30€ HT. D'ailleurs même le prix mensuel du disque est incorrect.
Toutefois, je suis content. Je peux faire mes sauvegardes tranquillement sans à avoir à administrer un serveur supplémentaire pour un coût minimum.

Là où j'ai été surprit, c'est sur la rapidité d'installation du disque dur. Je l'ai commandé à 20h et il a été installé à 1h30 du matin. La machine a été redémarrée afin d'activer les ports USB dans le BIOS.

Pour Loulilouler venez sur Informat'Hic

Francis Besset — Sun, 09 May 2010 19:09:00 +0200

Eh bien voilà je lance Informat'Hic dans le Louliloul !
Le Louliloul se passe sur le menu de droite où vous pouvez voir une vidéo.
C'est un peu comme les Chocapic ! Il vous suffit juste de cliquer sur le bouton de lecture et hop ça fait du Louliloul !

Si vous avez une vidéo qui se situe dans le top du rire, écrivez-moi et indiquer l'adresse de la vidéo. Si elle me plait alors je l'afficherais sur le menu de droite.

Concernant les fréquences de mises à jour, ça sera totalement aléatoire suivant le temps que j'aurais et ce qui me tombe sous la dent.

Rendez-vous sur le menu de droite.

SupportDetails.com - Détails des informations de votre navigateur + Jeu Concours

Francis Besset — Tue, 04 May 2010 19:07:00 +0200

Quand on est intégrateur ou développeur Web et que l'on a des bugs d'intégration sur la/les pages livrées à notre cher et tendre client, et que c'est lui même qui nous les remontes. Là où ça devient un peu plus difficile, c'est de connaître les informations du navigateur de votre client (Version du navigateur, version lecteur flash, etc.).

Et c'est pour être bien plus efficace que je vous présente l'outil qui devrait faire disparaître une partie de vos angoisses. J'ai nommé Support Details.

Support Details vous permettra de connaître bon nombre d'informations sur la configuration de navigation de votre client.

A savoir :

Système d'exploitation
Navigateur ainsi que la version
Résolution d'affichage
Résolution du navigateur
L'adresse IP
Nombre de couleurs
Version du lecteur flash
Si les cookies et javascript sont activés

Le service ne s'arrête pas là car on a la possibilité d'envoyer sur l'e-mail de notre choix la configuration ou bien de l'exporter en PDF ou CSV.
Vous pouvez par ailleurs télécharger ma configuration de navigation à la fin de cet article afin que vous puissiez avoir un aperçu du rendu PDF.

Je trouve ce service vraiment chouette et super utile quand on bosse avec des clients qui sont incapables (c'est pas un reproche hein !) de nous dire la version de leur navigateur.
Exit les discours "Vous voyez en haut le point d'interrogation à côté de Outils ?"

Good luck with SupportDetails.com !

Concernant le jeu concours, vous pouvez gagner un exemplaire du magazine Linux Magazine France du mois de Mai 2010.
Pour cela, il faut être le premier à trouver l'adresse du site de l'image qui est au début de cet article. Bien sûr n'oubliez pas de commenter l'adresse.

Bonne chance !

Le choix de votre navigateur, une décision importante

Francis Besset — Sun, 02 May 2010 23:19:00 +0200

Le titre de ce billet est tout simplement le message que m'a affiché Microsoft Windows XP que j'ai installé sur une machine virtuelle.
Au début ça m'a laissé perplexe et j'ai même cru à un beau spyware ou un truc dans le genre.

Mais non il s'agit bien d'une mise à jour de Windows XP qui est à l'origine de ce message. Je savais que Microsoft avait été condamné à demander à l'utilisateur de choisir un navigateur parmi une liste mais je pensais que ce message allait être diffusé uniquement sur les systèmes Microsoft Seven.

C'est un grand espoir pour les intégrateurs et développeurs de peut-être voir Internet Explorer 6 disparaître !
On le sait très bien que tout le monde ne mettra pas à jour son IE6 mais avouez qu'une opération de si grande envergure ça fait rêvé surtout quand ça vient du côté de chez Microsoft !

Je vais quand même vous montrer les deux fenêtres d'invitation au choix du navigateur.

Après avoir cliqué sur le lien OK on arrive sur cette fenêtre :

Ce que j'adore dans cette liste c'est la description de chaque navigateur. J'me mets à la place de l'utilisateur lambda et qui va se demander s'il veut un navigateur rapide ou alors sécurisé ou voir même protéger sa vie privée.
Bref, va-t-il chercher midi à 14 heures ? Je ne pense pas. Tout au pire il fermera la fenêtre tout au mieux il installera Internet Explorer 8 parce qu'il reconnait le logo depuis l'temps qu'il utilise Internet Explorer 6 !

L'autre chose qui m'a surpris c'est que j'ai voulu voir sur une autre machine virtuelle équipée de Microsoft Windows XP avec Internet Explorer 8 s'il allait m'afficher ce message et bingo je l'ai ai eu. Je pense que beaucoup vont être surprit de ce message après tant d'année d'utilisation d'Internet Explorer.
Par ailleurs, je me suis rendu compte que la liste des navigateurs s'affichait aléatoirement entre Google Chrome, Internet Explorer 8, Firefox, Safari & Opera.

Par ailleurs, je me suis amusé à essayer de télécharger Firefox et je suis tombé sur une belle 404 ! Quand aux autres navigateurs les liens fonctionnent correctement. Vous pouvez retrouver la seconde fenêtre avec la liste des navigateurs à cette adresse : http://www.browserchoice.eu/BrowserChoice/browserchoice_fr.htm

Revue de presse #7

Francis Besset — Wed, 28 Apr 2010 08:34:00 +0200

J'aurais bien fait une petite introduction rigolote mais en faite ma chienne est partie lundi matin. Du coup je lui fait un p'tit hommage ici en mettant une photo d'elle.
Je suis grand certes, mais ça n'empêche pas d'être triste de voir partir une chienne adorable.

Allez, on poursuit sur le sujet de l'article.

De la vie privée :

Blog du modérateur : Ce billet vous présente la manière dont vous pouvez enlever les données vous concernant dans le site 123people. Très intéressant car parfois il y a des choses que l'on souhaiterait éviter rendre disponible à n'importe qui. Soit dit en passant, avec une recherche minutieuse sur d'autres sites, les informations sont toujours accessibles. Le mieux c'est de ne pas en parler.
Korben : Dans la vie on a beau parfois ne plus retourner sur un site, cela n'empêche pas d'être forcé à y retourner pour régler des paramètres de confidentialité et c'est le cas de Facebook. Cet article, présente la manière de bien configurer les nouveaux paramètres mis en place par Facebook. Par ailleurs, si vous connaissez un service qui propose de supprimer toutes les données avant de supprimer le compte, je suis preneur.
Blogmotion : Voici la possibilité de télécharger des albums complets d'un album photos sur Facebook.
Bluetouff's : Vous ne connaissez peut-être pas BitTorrent mais vous allez peut-être être victime. Comprenez pourquoi, et soyez au courant pour pouvoir vous défendre un minimum.

Pour les développeurs :

phpsymfony : Notre ancien Bobby vous donne une belle recherche google qui vous liste tous les sites qui n'ont pas protégé l'accès au fichier databases.yml. J'adore !
Guilou : Vous travaillez uniquement avec MySQL et PostgreSQL vous semble obscure ? Cet article succinct vous présente quelques différences entre MySQL et PostgreSQL.

Un poil de SEO ?

Karine Laé : Pour ceux qui n'y connaissent rien au SEO voici un très bon article qui vous explique tout ça.
Keeg : Notre ami Keeg nous fourni quelques liens sur le Black SEO. D'ailleurs j'en profite pour dire aux personnes qui commentent sur ce blog, pour uniquement présenter leur site, c'est mort.