Image interface
Ai découvert aujourd'hui la nouvelle interface de Google Ad Sense ( La régie publicitaire de Google ) en version Béta.
C'est drôle, même leur toute nouvelle version donne l'impression d'avoir 10 ans d'âge.
Je ne comprends pas cette adoration pour les produits Google dont l'ergonomie m'a toujours déçu.
Seul le moteur, simple, efficace et rapide, me parait bien conçu ; voire intouchable pour la concurrence.
Par contre, j'ai toujours bien aimé les images que Google présente dans ses backoffice.
Pour la nouvelle version de leur backoffice adSense on pouvait y voir celle-ci qui symbolise une nouvelle interface :
Les formats d’images
Voici un point sur les différents formats d'images :
Les images peuvent être enregistrées dans différents " formats " qui correspondent chacun à une méthode différente d'enregistrement.
Chaque type de fichier convient à certains usages. 
Voici les cinq principaux " formats ":
- BMP
- GIF
- JPG
- PNG
- WebP
Le format BMP , utilisé historiquement par le logiciel Paint,est le plus ancien de la bande.
Il n'est utilisé que si l'on souhaite conserver toutes la qualité d'une image après enregistrement.
Aussi son "poids" est assez lourd et peu adapté au web.
Le format d'image JPG est utilisé pour les photographies dont il permet de conserver la richesse des couleurs.
Les fichiers JPG peuvent être compressés en utilisant des méthodes de codage relativement sophistiquées.
Par contre, plus le niveau de compression est élevé, plus la qualité de l'image enregistrée diminue.
Tout est affaire de compromis entre le poids et la qualité.
On ne pourra pas avoir la qualité, la petite taille en octets et le sourire de la crémière.
Avec les fichiers GIF on pourra enregistrer des images animées.
Il permet une bonne compression des images et donc un faible poids.
Il convient très bien pour des dessins mais pour les photographes exigeants sa qualité sera insuffisante.
Une zone transparente peut être définie, ce qui le rend très utilisé par les graphistes amateurs pour faire des montages ( logos ... ).
Comme la licence du GIG appartient à une entreprise et qu'il fut en temps question de le rendre payant, le format PNG est apparu.
De meilleure qualité que le gif, il reste cependant plus performant pour les dessins que pour les photographies dont le poids reste assez élevé après enregistrement.
Il ne permet pas l'enregistrement d'animations comme le format GIF mais il supporte la transparence.
Le WebP est un tout nouveau format poussé par Google.
Celui-ci a pour vocation d'offrir une plus grande compression que le JPEG ( gain de 35% ) tout en offrant un meilleur rendu.
Il est question à court terme que ce format puisse également gérer la transparence.
3 templates d’administration gratuits en XHTML / CSS à télécharger
Les applications de type SaaS arrivent à maturité.
La preuve, on commence à voir des outils dédiés aux backoffices.
Backoffice utilisateur mais aussi pour les administrateurs ( et oui ; ce sont les cordonniers les plus mal chaussés ! 
).
Aujourd'hui, "La ferme du web" a sélectionné 3 templates XHTML / CSS à télécharger gratuitement pour les applications d'administration.
C'est ici : http://www.lafermeduweb.net/billet/3-templates-d-administration-gratuits-en-xhtml-css-a-telecharger-948.html
HTML5
HTML5 arrive lentement mais surement.
On commence à voir de plus en plus d'articles sur HTML5.
Attention ; il ne faut pas sous-estimer le "saut" qu'il faudra effectuer pour y passer.
Voici un exemple avec 2 petites nouveautés: contenteditable et figure
L'une permet de rendre éditable une balise DIV ( j'ai essayé avec une balise <label> et, logiquement, ça ne fonctionne pas ) et l'autre permet d'associer "sémantiquement un texte à une image.
<body>
<div contenteditable="true">
Ce texte est modifiable sur le poste de l'internaute !
</div>
<figure>
<figcaption>
<p>Voici un badge "web 2.0"</p>
</figcaption>
<img src="webbadge.gif" alt="A propos de cette image" />
</figure>
</body>
Pour en savoir plus :
L'incontournable Alsacréattion
http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html
et 28 caractéristiques, techniques et astuces sur HTML 5 à connaître
http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/
A consulter pour le week-end …
10 défis à relever pour éviter le déclin de l'empire :
http://www.internetactu.net/2010/09/16/quelques-defis-pour-la-prochaine-decennie/
Techno web:
Un point de vue intéressant sur la mode du "reset" de la feuille de style par défaut
http://stephane-klein.info/blog/2010/09/19/mon-point-du-vue-%C3%A0-propos-des-feuilles-de-style-css-%C2%AB-reset.css-%C2%BB
et une traduction d'un bon article sur ce qu'un pisseur de code appelle "réinventer la roue" en permanence ( c'est une interpétation très personnelle )
http://stephane-klein.info/blog/2010/07/16/traduction-du-billet-de-ian-bicking-%C2%AB-%C3%A0-propos-des-librairies-de-g%C3%A9n%C3%A9ration-de-formulaires-html-%C2%BB
2 services web 2.0 bien sympathiques
Si vous avez déjà été confronté à la difficulté d’organiser une réunion et de trouver une date qui convienne à tout le monde, Doodle est fait pour vous.
Doodle est un service SaaS ( Sotware as a Service) qui permet de fixer des moments de rendez-vous avec d'autres personnes.
Aucune authentification ni enregistrement ne sont requis.
Doodle donc un service en ligne gratuit pour proposer une date de réunion avec sondage des participants.
Principe :
- l'organisateur de la réunion se connecte sur le serveur doodle et crée une page qui indique la raison de la réunion, les dates et horaires possibles,
- doodle crée la page et communique l'URL de cette page à l'organisateur,
- l'organisateur diffuse cette URL aux participants à la réunion,
- les participants indiquent très simplement en cochant leurs disponibilités sur la page doodle,
- l'organisateur peut consulter les réponses de chacun (ainsi que celles de tous les participants) pour choisir la meilleure date de réunion.
Cacoo est un service gratuit permettant de créer des diagrammes, graphes, plans ... très réussis graphiquement et permettant d'être partagés collaborativement en temps réel.
Voir via l'excellent site de veille techno "La ferme du web".
Et puis allez ; un petit dernier pour la route ;o)
http://titanpad.com/ permet de partager une note en temps réel et de la retrouver.
Plusieurs participants qui ont une couleur différentes peuvent intervenir.
Pas d'inscription ( ça fait du bien ... ).
Parfait pour partager des idées rapidement en début de projet.
Outil de questionnaire par internet
Découvert par hasard un outil très puissant permettant, entre autre, de créer des questionnaires en ligne.
http://www.limesurvey.org/fr offre de nombreuses fonctions pour exploiter les résultats.
C'est encore http://www.framasoft.net qui en parle le mieux.
Modifier les variables d’environnement sous Vista
Je me penche sur un framework plein de promesses nommé 
Jelix.
Il semble qu'il faille quelquefois utiliser php en ligne de commande, et pour cela il est nécessaire de modifier les variables d'environnement du système afin que celui-ci sache ou trouver php.exe.
Sur la page http://jelix.org/articles/fr/manuel-1.1/installation/prerequis il y a un mode opératoire.
Mais je pense que cela s'applique à XP.
Voici comment procéder pour Vista :
Démarrer / Panneau de configuration
Avec l'affichage par icône : Icône Système et maintenance puis Icône Système
Avec l'affichage classique recherche en bas de la liste l'icône système
Puis dans la colonne de gauche
Paramètre système avancés
Bouton Variables d'environnement
Dans la liste déroulante Variables Système séléctionner l'item Path
Puis cliquer sur modifier.
A la fin de la zone de texte "Valeur de la variable" ajouter un point-virgule puis le chemin de l'endroit ou se trouve php.exe.
Par exemple D:\DEV\wamp\bin\php\php5.3.0
Attention ; on ne peux pas modifier les variables d'environnement dans la
boîte de dialogue Propriétés système si on n'est pas connecté avec un compte
administrateur
Le probléme de l’outsourcing
Il est tellement difficile de mener correctement un projet informatique, que je me suis souvent demandé comment il était possible de le réussir avec l'outsourcing.
L'outsourcing consiste en la sous-traitance d' activités jugées non-essentielles et non stratégiques.
Pour être la plus profitable économiquement, cette externalisation se fera dans des pays ou la main d'oeuvre est moins chère.
En informatique, les pays de l'Est et l'Inde.
Cela n'est rien d'autre qu'une délocalisation.
Ce mot étant peu connu du grand public, on a pu voir une grande équipe de football arborer sur son maillot le nom d'une société de service qui vantait son savoir faire dans l'externalisation.
Marchand de viande et délocalisation : un accord parfait 
Je me rappelle une conversation avec une spécialiste de l'outsourcing qui m'avait dit que ; oui il fallait compter 5 aller-retours pour espérer récupérer du code exploitable et que oui ça posait d'énormes problèmes mais que in-fine ça restait profitable économiquement...
Pour finir, voici un extrait du forum de France-Echecs ou un intervenant fait une parenthèse sur l'externalisation :
Le probléme de l'outsourcing (Hors sujet complet) par Chesslov, le 20-05-2010 à 11:58:42
ou de l'offshore, c'est que le donneur d'ordre bien souvent ne sait pas ce qu'il a commandé.
Donc bien sûr, aprés, il est surpris par le résultat.
Premiére régle de l'outsourcing: tu investiras dans un Project Manager.
Deuxieme regle: celui-ci doit avoir des competences sociales d'abord et comprendre l'interculturel (j ai pas dit le multiculturel, c'est pas la même chose).
troisiéme régle: tu n'outsourcera pas ce que tu n'as pas le besoin d'outsourcer (donc, t'as réfléchi avant, et tu ne t'es pas contenté du tableau excel de ton directeur financier).
Quatriéme régle: avant d'outsourcer, t'iras voir sur place.
Cinquiéme régle: tu n'attendras pas du prestataire des services que tu aurais attendu chez toi: tu viens d'outsourcer, si tu as oublie des prestations dont tu as besoin en cours de route c'est que tu as oublié la phase 3, si tu sais pas communiquer sur ce que tu crois avoir commandé, c'est que tu as pas recruté la phase 1 ou que tu as recruté un chef-developpeur (ou pire un consultant-ERP ne connaissant que le développement d'une petite ville du sud de l'Allemagne) qui n'a jamais coordonné de ressources humaines avant.
J'ai vécu le meilleur et le pire avec l'outsourcing, que ce soit en Pologne, en Inde ou en Roumanie.
Mais le succès ou l'échec a plus a voir avec le donneur d'ordre qu'avec le prestataire de service. Aprés tout, c'est toujours le donneur d'ordre qui a signé le bon de commande du prestataire de service, outsourcé ou pas.
Forcer l’activation du javascript
J'ai besoin pour un nouveau site d'être certain que le javascript est activé.
Si si ; ça peut être indispensable.
Par exemple, pour un site de réservation qui offrirait un mode "borne publique", il faut régulièrement controler avec un bout de code Ajax si l'état du planning doit être réaffiché.
Le principe me paraissait simple :
1] Encadrer la page par un div qui masque son contenu
2] Rendre visible ce div avec du javascript : si le javascript n'est pas actif ; le contenu de la page ne s'affiche pas.
3] Principe inverse pour afficher un message invitant l'utilisateur à afficher le javascript.
Or me voici à la recherche du bout de code en question avec notre ami Google.
Etrangement, impossible de trouver ce procédé !
On trouve partout un bout de code qui ne me convient pas du tout et qui consiste en :
<script type="text/javascript">
document.write("<p>Youpi ; javascript est activé</p>");
</script>
<noscript>
Javascript est désactivé...
</noscript>
bla bla quand même alors que je ne veux pas !!
Mais ça ne convient pas du tout !
En effet, la balise <noscript> affiche bien son contenu quand le javascript n'est pas activé ; mais elle n'empeche nullement l'affichage des autres balises de la page.
Voici donc la bonne solution :
<body>
<div id='avertissement' name='avertissement'>
<p>Javascript est désactivé... Le site ne peux pas fonctionner
</div>
<div id="monsite" style="display:none" name='monsite'>
Voici du bla bla ...<br>
Mais seulement si javascript est activé !!
</div>
<body>
<script type="text/javascript">
document.getElementById('monsite').style.display='block';
document.getElementById('avertissement').style.display='none';
</script>