Si cela vous intéresse, il vous suffit de participer au concours et j’organiserai un tirage au sort avec random.org.

Pour participer, c’est très simple: rendez-vous sur Twitter et retweetez ce message.

Le tirage aura lieu vendredi soir à 19h00. Le gagnant sera contacté directement.

Aujourd’hui, je vous propose une mise à jour de ce blog sur deux axes:

• Une mise à jour de l’affichage
• Une mise à jour de la ligne éditoriale

Mise à jour de l’apparence de ce blog

Vous vous demander peut être pourquoi j’ai décidé de modifier (encore une fois) l’apparence de ce blog?

En fait, la mise à jour a été réalisée pour deux raisons:

• Tout d’abord car l’ancien thème était un peu vieillot car je trouvais les couleurs un peu trop franches,
• Ensuite, car j’ai débuté une mise à jour des supports de communication de Jupiteo. Je souhaite proposer une meilleure cohérence graphique entre mon blog perso et mon blog d’entreprise.

J’ai donc choisi l’excellent thème Magazeen produit par SmashingMagazine et par WeFunction. Je trouve la mise en page particulièrement soignée et claire. C’était une des raisons du choix de ce thème.

Mise à jour de la ligne éditoriale

Après quelques réflexions et surtout après l’ouverture de mon compte Twitter, j’ai décidé d’améliorer la cohérence de l’ensemble de mes supports de communication.

En effet, je dispose aujourd’hui de plusieurs moyens de communiquer (mon blog d’entreprise, mon blog perso, mon compte Twitter, ma page Viadeo ou Linkedin) et il fallait absolument donner une image professionnelle et surtout cohérente entre chaque support.
J’ai donc décidé de faire évoluer la ligne éditoriale de ce blog pour proposer des articles plus professionnels et donc laisser de côté tous les billets qui parlent de vidéos ou d’autres « blagues ».

Voici un exemple simple en C#:

public static int GetValue(string str)
{
return str.Length;
}

Merci à Alex pour son extension!

Iron Man vs Bruce Lee de Patrick Boivin.

Comment avez-vous trouvé?

Il s’agit d’une liste des captchas les plus fous trouvés sur le net.

Pour ceux qui ne connaissent pas les captchas, il faut simplement savoir que c’est un système qui doit permettre de vérifier l’auteur d’un message: vérifier que la soumission d’un formulaire n’est pas faite par une machine.

Ce système doit donc permettre d’éviter les envois en masse par des robots.

Voici une galerie d’images utilisés à cet effet (attention, certains captchas n’ont peut être pas de réponse!!):

Celui ci avec tous les symboles est vraiment sympa!

Bientôt, il faudra peut être résoudre des rébus…

On continue avec un bien illisible:

L’intégrale est mon préféré. C’est fou tout de même ce qu’on peut mettre comme sécurité.

Si vous arrivez à lire ce qu’il y a écrit avec le fond orange, alors vous êtes vraiment très fort.

Bon, voilà, c’était simplement un petit billet pour vous faire partager ce qu’on trouve parfois sur certains sites.

J’espère en tout cas ne jamais tomber sur une intégrale sinon je ne pourrais jamais poster mon formulaire.

En me renseignant je découvre que cette grève était programmée. Tout est parti de l’annonce de la suppression de la publicité sur les chaines publiques.
Les employés demandent à en savoir plus sur les conditions de cette suppression de publicité et surtout ils demandent comment l’État français va pouvoir garantir les revenus.

La grève est très soutenue et selon les spécialistes il n’y a pas eu de précédent depuis 1974.

Je comprends bien l’inquiétude des salariés mais d’un autre côté un ensemble de chaines sans publicité ça peut faire du bien aussi!

Et vous, vous en pensez quoi?

Plus d’informations sur le site de France2:

http://info.france2.fr/medias/39594502-fr.php

Pour vous détendre un peu, découvrez des vidéos sur téline tv

Cela fait plusieurs jours que j’y pense et puis je me suis lancé. J’ai choisi de le faire car je trouve que WordPress apporte plus de fonctionnalités, un développement plus actif et surtout une liste interminable de thèmes et de plugins.

La migration n’a pas été si compliquée, j’ai suivi les étapes suivantes:

• migration vers la dernière version de Dotclear 1.x (ma version était ancienne),

• export des données avec le plugin flatexport

J’avais d’abord essayé l’import direct depuis WordPress (en entrant simplement les paramètres de la base de données), mais ça n’a pas fonctionné. Je suis donc passé par ce plugin et un export au format texte.

• patch des images (mise à jour des url dans le fichier exporté),

• import dans WordPress,

• vérification des liens externes (pour les backlinks, c’est important!):

Pour cette opération, j’ai utilisé les « Outils pour le webmaster » de Google. Ca fonctionne bien et ça donne une idée des liens externes vers son site.

• choix d’un thème pour WordPress (actuellement Fresh Compact)

• installation de quelques plugins:
  • All in One SEO pack: permet de gérer plus facilement le titre, les métas de vos billets;
    
  • Google Analytics: plugin qui insère le code de Google Analytics au bon endroit sans avoir à modifier le thème;
  • PSXMail with Askimet: un formulaire de contact simple avec gestion anti-spam par Askimet;
    
  • Tag Suggest thing: un outil pour suggérer des tags pour vos billets (utilise l’API Yahoo Terms);
    

Exceptionnellement, j’ai donc décidé de vous parler de ce site même si ça ne concerne pas la vidéo (mon sujet principal).

Après avoir lu plusieurs articles sur les Digg-like, je me suis dit pourquoi pas aller voir ces sites.

Et là quelle fut ma découverte sur la page d’accueil de Tapemoi (www.tapemoi.com – attention aux mineurs, n’y allez pas): plusieurs nouvelles qui concernent des sites pornographiques avec un vocabulaire très explicite. Et je ne vous dit pas sur quoi on tombe si vous cliquez sur le lien! (Aucune protection pour les mineurs bien sûr)

J’ai fait une capture pour vous montrer à quoi ça ressemble: (cliquez sur l’image pour l’agrandir)

Et encore ce n’est rien, si vous regarder la section « les plus tappés », vous verrez qu’il y a 9 nouvelles sur 10 qui concernent des sites porno ou de charme.

Ce qui me désole le plus est que les fondateurs de ce type de sites n’utilisent aucune modération. Chacun peut polluer et y ajouter sa propre pub.

J’espère simplement que les autres sites ne vont pas ressembler à la même chose…

Firefox est avant tout un navigateur gratuit et conforme aux normes. Il est facile à étendre grâce aux centaines de modules disponibles (voir par exemple sur Geckozone).

Certaines extensions apportent de nouvelles fonctionnalités de navigation ou de consultation (par exemple lire un flux RSS, ajouter un vérificateur orthographique pour valider les formulaires avant soumission).

Pour un développeur Web, Firefox apporte des extensions qui simplifient le développement et permettent de voir le résultat de manière immédiate. Du coup, ce navigateur peut désormais être utilisé comme environnement de développement pour des pages web (à condition de connaitre le langage HTML bien sûr).

DevelopperToolbar et Firebug sont deux extensions indispensables. Ce billet les présente.

Web Developper Toolbar

Comme son nom l’indique, l’extension Web Developper Toolbar permet d’ajouter des fonctionnalités orientées développement web. Cette barre ajoute des fonctions pour inspecter le contenu des pages (code HTML ou CSS par exemple), mais aussi de valider ces pages en utilisant les services en ligne. Il est également possible de parcourir visuellement l’arbre syntaxique de la page en survolant les éléments de la page en cours. Cette extension permet d’afficher un page web sans les images, sans la feuille de style, bref, elle permet de la tester dans différentes configuration.

Quelques fonctionnalités intéressantes

• Activer/Désactiver l’affichage des images,
• Vérifier les attributs « alt » sur les images,
• Activer/Désactiver/Modifier les feuilles de styles,
• Vérifier si les codes HTML et CSS sont valides (en utilisant les validateurs du W3C),
• Afficher le chemin d’un élément surligné (en passant la souris),
• Désactiver le cache, l’utilisation de java ou de javascript.
• Afficher les informations de la page: id des éléments, liens, les différents média chargés (permet de visualiser chaque image et de la sauvegarder).

Exemples d’utilisation

Voici quelques captures qui vous montrent à quoi ressemble cette extension et son utilisation.

Regardons ce que devient Google si on active l’aperçu sur écran de petite taille (par exemple PDA):

On remarque que ce site semble bien conçu pour ce type d’affichage.

Web Developper Toolbar permet aussi de tester l’accessibilité d’un site en désactivant les images:

D’après ce qu’on peut voir, le site de TF1 n’est pas vraiment adapté si on désactive les images. Il n’est donc pas accessibles aux personnes mal-voyantes par exemple.

Je vous ai présenté quelques fonctions de cette extension. J’espère que vous aurez la curiosité de l’installer et de me donner vos impressions.

Pour aller plus loin

Rendez-vous à la page de l’extension Web Developer Toolbar.

Vous pouvez également retrouver des informations complémentaires sur la page du développeur: http://chrispederick.com/work/webdeveloper/.

Firebug

Cette extension permet de debugger et de valider le développement AJAX, DHTML et Javascript. L’extension permet d’afficher le DOM d’une page, de sélectionner une portion et d’inspecter les requêtes effectuées par le navigateur.

Fonctionnalités

• Modification en temps réel du code HTML ou CSS (vous pouvez aussi voir instantannement le résultat),
• Débuggage javascript: espions et points d’arrêts,
• Analyse des accès réseau: une page donne la liste des requêtes avec les réponses.
• Inspection d’un élément donné (permet de sélectionner une portion de code et de travailler ensuite celui-ci),
• Inspection du DOM du document.

Exemples d’utilisation

Pour essayer cette extension, j’ai simplement démarré Firebug sur mon blog et j’ai essayé de modifier le titre du premier billet.

L’interface affiche une zone de saisie lorsque l’on clique sur un élément modifiable:

Après la modification, le rendu se met à jour et donne ceci:

Ensuite, je me suis intéressé de plus prêt à la fonction d’analyse des requêtes (pour vérifier le chargement des éléments de ma page d’accueil). L’extension me donne le résultat suivant:

Finalement, je me rends compte que le temps total de chargement est de 4,5 secondes (1and1 n’est pas très performant!). Le résultat donne la liste de chaque élément. Lorsqu’on passe la souris sur un élément, l’extension affiche les détails (pour une image celle-ci est affichée, pratique non?).

Pour aller plus loin

Cette extension est un composant indispensable pour le développeur HTML/Javascript. La possibilité de mettre des points d’arrêts vous fera gagner beaucoup de temps de débuggage.

Je vous invite à consulter la page principale de l’extension GetFirebug.

Quelques autres blogs qui parlent des deux extensions:

• p4bl0,
• Oh my blog (Developpez.com),
• Blogzinet.

Et oui, j’avais passé ma certification MCP il y a quelques jours (un peu avant Noël). J’avais réussi l’examen 70-716 (Développement d’applications Windows avec Microsoft Visual Studio .NET et C#) avec un résultat de 960 points (sur 1000). J’étais content!

Pour préparer cet examen, j’avais tout d’abord l’expérience professionnelle qui m’a aidé puisque cela fait plus de trois ans que je travaille avec l’environnement .NET de Microsoft. Néanmoins, après avoir essayé plusieurs tests en ligne sur CertifExpress et CertifDotnet, je me suis rendu compte qu’il fallait réviser certains chapitres!

Je me suis donc remis à bosser le soir avec l’aide de l’ouvrage de référence de Microsoft: Kit de formation MCAD/MCSD « Développer des applications Windows avec Microsoft Visual Basic .NET et Microsoft Visual C# .NET » (c’est l’ouvrage recommandé pour l’examen).

Après la réussite de l’examen, j’ai reçu un email m’indiquant la demarche à suivre pour recevoir le kit. J’ai donc fait la demande du kit MCP que j’ai reçu par la poste ce matin même.

Cette photo montre le contenu du kit juste après l’ouverture:

Cliquez pour agrandir la photo

Le certificat « officiel » ressemble à ceci:

Cliquez pour agrandir la photo

Il me reste maintenant à m’intéresser à ce que va m’apporter cette certification. C’est avant tout important pour moi puisque ça me donne un « diplome » de plus et permet de valider mon expérience dans le monde .NET. Mais c’est aussi un avantage pour mon employeur puisqu’il pourra me valoriser davantage auprès des clients chez lesquels je vais travailler.

En tout cas, il ne faut pas oublier que le stade MCP est le premier échelon dans les certifcations Microsoft. Certes, il n’y a pas beaucoup de certifiés dans le monde .NET en France mais il ne faut pas non plus oublier que le niveau n’est pas très élevé non plus.

Il me reste donc à bosser encore pour passer au niveau supérieur…