nyroBlog
Ban NyroBlog, by Emi
Image by Emi - ?

Tag: Travail


Google Gears

La grosse info du jour, c'est Google qui sort une beta de Gears.

Gears est un plugin (pour IE, FireFox e bientôt Safari) qui permet eu développeur de mettre en place facilement une application web fonctionnant offline. Le plugin se comporte comme un base dedonnée locale par laquelle toutes les requêtes vers le serveur passe. Si le serveur n'est plus disponible (déconnecté), alors le plugin enregistre toutes les requêtes effectuées.
A la prochaine connexion, les requêtes seront envoyées dans l'ordre au serveur pour être mise à jour.
En plus de sauvegarder les requêtes, il sauvegarde les CSS, l'HTML, et les javascript; bref, tout ce dont a besoin l'appli pour fonctionner.

Gears est open source, et laisse présager beaucoup de bon pour l'avenir. Je vais m'y intéresser cet été; imaginez, vous proposez à vos clients vagabonds une administration disponible off-line. Le rêve.

La présentation au Google Developper Day 2007 (anglais) :

Reste à choisir entre celui là ou alors attendre FireFox 3 qui permettra de faire aussi des choses du genre. A choisir, ça sera plus Gears car il est disponible avec IE, donc moins contraignant.
Votre avis ?

Via Fred Cavazaa

Des headers qui changent

Sur mon blog, j'ai mis en place des headers qui changent à chaque appel. Voici ma petite analyse par rapport à cet élément qu'on peut mettre facilement en place sur un site.

1) Dans quels cas on rencontre ça ?
Commençons par regarder quelques exemples :

  • Ville de Besançon : l'image incluse dans le header change selon la catégorie dans laquelle on se trouve. Cette image est en rapport avec la catégorie (Ex: dans "Loisirs et Cultures" : un concert dans la ville et des enfants sur des vélos). Toutes les images sont construites par une composition de 2 images avec 1 transition en dégradé.
  • Electrolux : 1 image par page, toutes plus ou moins sur le thème printanier.
  • Leap Frog Interactive (création de sites aux USA) : les header toutes dans les teintes vertes sont en rapport avec la partie dans laquelle on est. Parfois, elle disparait.
  • Allociné : Parfois on a droit à d'imenses header (qui se prolonge très loin dans la page) aux couleurs d'un film pour en faire la promo.

2) Dans quels buts ?
Comme on vient de le voir dans les exemples précédents, il peut y avoir un but bien précis (la publicité) ou simplement de rendre le site un peu plus attrayant, en ajoutant une pointe de "fraîcheur", de "renouveau" au site à chaque page; chaque page est ainsi incluse complétement dans le site par la charte graphique du site, mais personnalisé par ce header (que l'on voit forcément) qui change tout le temps.

3) Des variantes ?
On peut très bien imaginer des headers en flash, dont les animations changent à chaque page. j'ai déjà vu aussi des sites (je n'ai pas de lien sous la main) qui changent en fonction de l'heure qu'il est. On peut aussi étendre le système au site complet et/ou à un pied de page (footer) qui changera en accord avec le header. A vous de laisser libre court à vos imaginations

4) Ma conclusion
Ajouter des headers changeant, je l'ai dit, c'est très simple à mettre en place. Ca ne prend que deux secondes, ça n'enlève rien au site, puisque la charte graphique est toujours là, mais ça ajoute un petit plus qui peut faire revenir ou rester plus longtemps le visiteur. Dans le cas d'une image dans un cadre définie, le lieu du changement est limité à ce cadre et ne perturbe aucunement le passage d'une page à une autre. On ne se rend pas forcément compte. Et si ce n'est pas conscient, l'inconscient sera là pour mémoriser les changements et se dire (pures spéculations, je ne suis pas expert dans le domaine) "Ah, y'a eu du changement là, c'est sympa, ce n'est pas toujours pareil".
C'est pour ses raisons que j'ai mis en place ce système sur mon blog, et que je vais le mettre en place sur d'autres sites, et le proposer pour mes futurs projets. En plus, vous savez qu'ici, vous pouvez ajouter vos propres headers, ce qui permet encore une petite personnalisation en plus pour ceux qui veulent...

En 2 mots : "une petite chose qui ne coûte rien, simple et discrete qui apporte un petit plus au site"

WikiJournal est en ligne

Wiki JournalSur certains projets, on s'investit tellement qu'on a envie qu'ils marchent.
Bien sûr, on passe par des phases de doutes, on ne sait pas trop si ça va marcher, on ne sait plus. Mais on fait quand même.

Ce projet est une commande de La Communication Directe, qui m'a trouvé sur google au mois de décembre dernier. Il m'a fourni un cahier des charges que j'ai lu et annoté pendant un week-end à Lyon. Retour sur Besançon pour lui faire un devis. J'étais en concurrence avec 2 autres entreprises (pas des freelance) : j'étais plus cher et plus long. J'ai eu le contrat car j'avais donné la sensation de maîtriser plus ses attentes que les autres. En effet, je travaillais déjà (et je travaille toujours) sur la refonte d'un site du même genre.

Parlons un peu du projet à proprement parlé : WikiJournal est un site national désireux d'être proche de vous. Pour cela, tous les contenus sont localisés par régions, départements et 'pays'; on peut consulter le site au niveau national ou bien au niveau de chaque région. C'est la vision du client. Dans ce journal, on y trouve des articles présentant les régions, ce qu'on peut y faire, etc... Il y a aussi des petites annonces gratuites pour vendre ou acheter ce que vous voulez, un agenda local pur annoncer vos manifestations ou trouver de quoi faire ce week-end et un annuaire professionnel pour trouver votre plombier.

Dans chaque partie, vous pouvez soit consulter les ajouts effectués par les utilisateurs par catégories et/ou par localisations, mais aussi en ajouter par des formulaires qui sont à la fois simples, concis et faciles d'utilisation. Tous les ajouts et modifications doivent être validés pour apparaître sur le site.
Pour ce faire, le client dispose d'une administration protégée, dont j'ai fait le graphisme depuis un design récupéré sur OSW. Voici le résultat :
Administration WikiJournal
Ici pour les petites annonces. Evidemment, il n'y en a pas beaucoup, le site vient tout juste d'être lancé.
Comme à mon habitude, j'utilise TinyMCE (que j'affectionne particulièrement) dans l'administration pour gérer des pages fixes du site, ou le contenu des articles.

Il y a beaucoup d'Ajax dans le site. Par exemple, pour recharger les liste déroulantes lorsqu'on sélectionne une nouvelle localisation. Ce n'est pas la première fois que j'en fait, mais c'est le premier projet où il y en a autant.

Un gros travail a été fait pour optimiser le référencement. Si vous regarder les URLS des pages de résultats, vous verrez par exemple ceci :
http://www.wikijournal.fr/articles,r11,Midi_Pyrenees.html
http://www.wikijournal.fr/articles,r16,Provence_Alpes_Cote_d_Azur.html
On ne sait pas encore trop ce que va donner cet URL Rewriting, mais c'est toujours plus beau que des paramétres passé en GET. Bien sûr, un travail similaire a été fait sur les titres des pages, qui reprennent à peu près le même principe.

De plus, tous les formulaires d'ajout de données (ou de contact) utilise un captcha fait maison pour éviter tout pourrisage par des robots malveillant. En voici un exemple :
Captcha

Et où gagne-t-il de l'argent ?
Il mise tout sur 2 choses :

  • Les Google Ads qui sont présentes un peu partout, plus ou moins dominantes. Personnelement, je les trouve pas vraiment envahissante.
  • Les bandeaux publicitaires, qu'il n'est pas encore possible d'acheter; ce sera possible un peu plus tard, quand le site aura grandi. Lorsqu'on achète un bandeau, la personne désirant affichée sa pub pourra sélectionné la partie du site, la catégorie de la partie, mais aussi la localisation où il veut afficher sa pub. Ainsi, il peut cibler ces affichages et avoir un retour sur les clics plus intéressants

J'ai aussi mis en place PhpMyVisites pour qu'il puisse suivre ses visite au jour le jour. Il commence déjà à regarder quelles recherches tapent les visiteurs qui arrivent son site, et à le paramétrer pour ne pas se prendre en compte dans les stats. Cet outil est vraiment adaptéà n'importe qui !

Sortie de TinyMCE 2.1.1

Une dernière verion du célèbre éditeur WYSIWYG TinyMCE vient de sortir.

Enormément de corrections de bug pour les liens, l'édition en plein écran et d'autres encore.
Quelques petits apports aussi, entre autres :

  • Ajout simpfilifé des vidéos de Youtube ou Google Vidéo en passant simplement l'URL de celle-ci
  • Les boutons d'annulation fonctionnement maintenant avec les plugins
  • Un nettoyage du code inutile et réécriture de certaines parties
  • Une nouvelle option qui permet de charger un fichier template, pas forcément sur le même site : il est donc possible d'utiliser un même fichier template pour plusieurs sites.

L'annonce de la sortie
Le changelog complet
TinyMCE

Le webmail idéal

Cela fait quelques temps que j'en rêve, et je viens d'en parler avec Miho.

Puisqu'un blog sert aussi à ça, je vous livre mon idée, ainsi que toutes les réflexions que j'ai pues me faire.

1) Ce que j'utilise
Depuis plus de 3 ans maintenant, j'utilise Thunderbird sur mon ordinateur qui fonctionne à merveille. Pas moins de 7 comptes mails paramétrés, des possibilités d'aller chercher les mails d'hotmail, gmail et autres services du genre.
Un filtre anti-spam sans équivalent, des fonctionnalités de recherche et de tri (apportées avec la dernière version) qui deviennent vite indispensable, une stabilité à toutes épreuves (mes plantages doivent se compter sur les doigts de la main).
Tout ceci pour dire que je suis pleinement satisfait de Thunderbird.

2) Les webmail existants
On connaît à peu près tous Gmail qui marche très bien avec son interface très simple mais tellement pratique, Hotmail et son nouveau webmail Live avec du tout beau Ajax, Horde et son interface simple et efficace.
Un peu moins connu mais néanmoins très intéressant, RoundCube (sous licence GNU) nous propose une très belle interface, avec glisser/déposer des messages (j'adore ce truc), interface simple et claire, rapide à chargée. Manque la possibilité d'éditer ses mails avec un WYSIWYG. Il fonctionne sur mon téléphone, même le double-clique est géré !

3) Ce dont je rêve
La réponse est simple : un mélange des deux ! Hé oui, je ne veux pas perdre tous les avantages de Thunderbird, mais je veux pouvoir lire mes mails depuis n'importe où, et surtout n'importe quelle plateforme (Windows, Mac, Linux, IE ou FireFox, téléphone, etc...), de la même façon qu'avec Thunderbird.
La solution qui me paraîtrait idéal serait la suivante :

  1. Il y aurait plusieurs interface possibles à la lecture des mails : le logiciel traditionnel et le webmail (éventuellement disponible en plusieurs version, selon la plateforme)
  2. L'idée serait de stocker les mails, dossiers, paramètres et tout ce qui est utile au logiciel sur un serveur. De cette façon, les mails sont à un seul endroit et toutes les interfaces de lecture éditions des mails utiliseraient ces éléments. Avec Thunderbird, je pense que certains pourraient facilement bidouiller ce genre de chose, en passant par un VPN ou quelque chose du genre. L'inconvénient ici serait qu'on a besoin d'être connecté pour consulter sa messagerie. Une sauvegarde locale des 50 derniers mails ?
  3. Pour le webmail, il utiliserai donc ces mêmes paramétres, et fournirai une interface adapté à la plate-forme de l'appareil l'affichant : une version full Ajax pour FireFox (dans l'idée de RoundCube), une version beaucoup plus light pour les téléphones, etc...

Bien sûr, la réception des emails se feraient au niveau du serveur, et non de l'application, puisqu'il y a plusieurs interfaces : la récupération des emails seraient donc plus rapide, du fait de la grosse connexion que possède un serveur dédié (100 Mbps) comparé à une connexion classique.
De plus, et c'est l'idée principale, on peut accéder aux mêmes dossiers, avec les mêmes plugins (si disponibles) depuis n'importe où et de n'importe quel moyen qui soit !
Lors d'un changement d'ordinateur par exemple, pas besoin de se soucier de la sauvegarde des emails, puisqu'ils sont ailleurs.

Alors vous allez me dire : Mais dans ce cas, pourquoi ne pas simplement utilisé un webmail classique, en le paramétrant comme il faut ?
Tout simplement car je ne connais pas de webmail intégrant un antispam aussi puissant que Thunderbird, que je n'ai pas encore trouvé LE webmail qui me convient, et parce que je veux pouvoir consulter (et rédiger) mes mails hors-ligne. Et puis, le logiciel reste quand même beaucoup plus rapide et robuste qu'un webmail.

Qu'en pensez-vous ? Est-ce que vous connaissez des solutions équivalentes ou qui répondraient à mes attentes ? Quels logiciels/webmails utilisez-vous ?