Visite guidée du nouveau site et du nouveau blog…

Les trois principales motivations que j'avais quand j'ai décidé de faire cette refonte étaient :

  • Rendre le site plus esthétique et plus Web 2.0
  • Avoir une identité propre
  • Donner au site et au blog la même apparence

Je pense y être plus ou moins bien arrivé aujourd'hui mais ce fut un accouchement assez douleureux…

Commençons par le site. Autrefois, je dois bien l'avouer, il était très peu visité. J'ai essayé de le redynamiser un peu même si je sais que l'intérêt principal ici, c'est le blog. En fait, vous vous trouvez sur le site en cliquant sur le premier, le troisième et le quatrième onglet ainsi que sur les liens supérieurs aide et plan du site.

Les quelques pages que je vous conseille de visiter :

  • La page d'accueil, sur laquelle vous trouvez un résumé des cinq derniers billets du blog. Pratique pour savoir directement de quoi je parle.
  • La page galerie qui est le miroir dans mon espace Flickr. J'utilise le web service de ce dernier via phpFlickr pour afficher les photos.
  • La page contact qui utilise l'API Google Maps et le microformat hCard (voir code source).
  • Les services web sur toutes les pages : top des chansons, dernières photos et derniers bookmarks via last.fm , Flickr et del.icio.us
  • Les citations aléatoires s'affichant sur toutes les page.

Au point de vue technique, le site a été réalisé grâce à un framework MVC maison qu'on fait évoluer depuis quelques temps maintenant et qui est basé sur PHP5, Smarty et adoDB.

Venons en au blog, qui comme je l'ai dit, constitue la principale attraction du lieu.

Vous l'avez sans doute compris, il est désormais propulsé (je n'aime pas ce mot mais je n'en trouve pas d'autres) par WordPress. La raison est simple, je n'ai jamais réussi à installer DotClear 2 sur mon 1000gp d'OVH (que j'avais eu gratos à l'époque). En réalité, j'ai essayé deux fois et après j'en ai eu marre…

Néanmoins, je ne pense pas avoir perdu au change en passant à WordPress, le logiciel est très abouti et permet énormément de choses. Ce que j'ai particulièrement apprécié, c'est la migration en quelques clicks à partir de DotClear 1.

A part ça, j'ai redirigé les lecteurs de mon ancien blog vers FeedBurner grâce à une redirection permanente ce qui m'a fait prendre conscience du nombre de personnes abonnées à ce blog (voir à droite).

J'ai également intégré le fameux MyBlogLog qu'on voit partout en ce moment à la différence que je l'ai personnalisé en l'épurant au maximum grâce à quelques règles CSS simples. Mes 50 derniers lecteurs (abonnés à MBL) sont juste là…

Le bouton Additious vous permet de promouvoir un de mes billets si vous le souhaitez. Le jour où je suis en page d'accueil de Digg, je paye une tournée générale…

Le chat en bas à droite, ça ne sert à rien, c'est un test et je pense qu'il va disparaitre d'ici quelques jours…

Bien entendu il reste énormément à faire… J'ai actuellement une bonne trentaine d'éléments en attente dans Ta-da Lists.

Principalement, il s'agit de rendre le site accessible (ce qui n'est pas vraiment le cas actuellement), le faire aller le plus loin possible dans Opquast, résoudre ce satané bug de colonnes qui ne s'alignent parfois pas correctement (ce serait si simple avec des tableaux :p), ajouter les pages portfolio (j'attends les autorisations nécessaires) et loisirs (un vidéoblog est prévu pour très bientôt), optimiser mes fichiers CSS, et encore quelques trucs assez insignifiants à gauche et à droite.

Voilà, vous en savez désormais un peu plus à propos du blog sur lequel vous vous trouvez.

Bonne visite et à bientôt !

Nouveau design en ligne !

J’y aurai passé une bonne partie de la nuit mais c’est désormais officiel : le site possède un tout nouveau look et de nouvelles fonctionnalités !

Il reste encore quelques trucs à régler assez rapidement ! Beaucoup de choses restent également à fixer à plus long terme mais le principal est là…

Dès demain, j’écris un long billet qui vous servira de visite guidée.

J’espère que ça vous plaira…

Ceci est le dernier billet de ce blog dans sa version actuelle…

Je travaille d’arrache-pied en ce moment (regardez l’heure à laquelle j’écris ce billet) à la nouvelle version de mon site qui devrait voir le jour très prochainement. Ce qui devait être un simple redesign au début s’est tout doucement transformé en une refonte complète de tout le site, tant au niveau habillage qu’au niveau des fonctionnalités…

Cela fait depuis la fin du mois d’août 2006 que le projet est dans les cartons… A force d’y travailler quelques heures par-ci par-là, le soir et le week-end, je vois enfin le bout du tunnel.

Pour le blog, le fait le plus important à retenir est le passage de DotClear (première version) à la dernière version de WordPress. J’expliquerai la raison de cette migration le jour J. Tous les anciens billets et vos commentaires seront conservés, of course.

A dans quelques jours…

Vous connaissez AJAX, mais connaissez-vous AHAH et AXAH ?

Le principe d’AJAX (Asynchronous JavaScript and XML), tout le monde le connait plus ou moins : AJAX permet de faire des requêtes côté serveur, sans devoir recharger la page entière, grâce à JavaScript et à son objet XMLHttpRequest et de recevoir en réponse du contenu XML qu’il faudra traiter côté client (via XSLT, entre autres) avant de l’afficher à l’endroit voulu.

AHAH (acronyme de Asynchronous HTML and HTTP) fonctionne quasiment de la même façon, seule la réponse renvoyée est différente. En effet, au lieu de retourner du contenu XML, la technologie AHAH considère que le contenu renvoyé en résultat est déjà du HTML, ce qui permet de ne pas devoir le traiter côté client, ce qui constitue un gain non négligeable en termes de performances.

AXAH (acronyme de Asynchronous XHTML and HTTP) est exactement identique à AHAH, ormis le fait que le contenu renvoyé est du XHTML (si vous ne connaissez pas les différences entre HTML et XHTML, je vous invite à lire cet article du W3Québec). Ce terme semble (mais je peux me tromper) avoir été inventé par Cody Lindley, un développeur Web américain.

Je pense que tout cela ne rime pas à grand chose et doit sans doute être une tentative marketing pour introduire de nouveaux buzzwords, mais c’est toujours intéressant de savoir que ces termes existent.

D’après vous, quelle sera la technologie à la mode en 2007 ? MDR ? LOL ? CACA ?

Petite étude sur les moteurs de rendus (layout engines)

Depuis quelques semaines, je commence à m’intéresser aux navigateurs Web et plus particulièrement à leurs moteurs de rendus

Un moteur de rendu HTML est un composant logiciel de base qui permet aux logiciels d’afficher les éléments d’une page Web. Ils sont de ce fait le c≈ìur des navigateurs Web. Depuis le début d’Internet, de nombreux moteurs de rendus ont été utilisés mais, depuis la complexification des standards, on assiste maintenant à une concentration de ceux-ci.

(définition sur Wikipédia)

J’essaye tant bien que mal de déterminer quel moteur de rendu (ainsi que sa version) est utilisé par quel navigateur (ainsi que sa version).
En effet, tout le monde (enfin, ceux qui s’y intéressent un peu) sait que Firefox utilise Gecko, qu’Opera utilise Presto, qu’Internet Explorer pour Windows utilise Trident, etc. Malheureusement, on trouve très peu de documentation précise sur les versions utilisées.
Par exemple : Firefox 1.5 utilise Gecko 1.8

A partir de ces résultats, j’aimerais créer une liste de navigateur sur lesquels il est pertinent de tester un site avant de le mettre en ligne.
Par exemple, je peux déjà tirer comme conclusion que c’est inutile de tester un site sur Flock (toutes versions) et sur Firefox 1.5 car ils utilisent tous les deux Gecko 1.8

J’ai placé le résultat actuel de mes recherches ici : http://docs.google.com/View?docid=dgjgq9zz_19gqqcst

Pour Gecko, je pense avoir plus ou moins bien couvert le sujet (à part Galeon et Epiphany). Cependant, je manque cruellement d’informations à propos des navigateurs basés sur KHTML/WebCore et iCab (y a t’il eu plusieurs versions de ces moteurs de rendus ?) et à propos d’Internet Explorer pour Mac. Je me demande également s’il y a eu plusieurs versions de Elektra et Presto pour Opera…

Si vous avez des informations que je n’aurais pas où que vous voyez des choses à corriger, n’hésitez pas à m’envoyer votre adresse GMail sur vincent.battaglia[at]gmail.com, je vous ajouterai aux collaborateurs du document.

En espérant avoir fait le moins d’erreurs possibles, j’espère que ce document pourra servir à beaucoup de monde…

Le programme TV est rétabli…

Tous mes services fournissant le programme TV, qui ne fonctionnaient plus depuis le 21 décembre sont à nouveau fonctionnels…

EDIT : MAUVAISE NOUVELLE ! Suite à un appel téléphonique menaçant d’une personne impolie, j’ai été obligé de supprimer tous les services. Bon d’un côté, c’était un peu illégal, donc c’est normal…
Je le répète si cette personne lit ce blog : je n’ai jamais reçu de mails ni de commentaires sur mon blog concernant un retrait du programme TV de mon site (sauf s’ils sont passés dans les spams tous les deux), sinon j’aurais tout retiré immédiatement…

Mes prédictions pour 2007

Comme tout le monde se trouve des dons de Madame Irma en ce moment, je m’y mets aussi.
Voici mes prévisions concernant le Web en 2007 :

  • Une grosse boîte (peut être Google mais peut être une autre) va racheter une plus petite boîte.
  • Une start-up que personne ne connait va faire faillite.
  • Une start-up qu’on connait un peu (ou beaucoup) va lever des fonds.
  • Quelques logiciels connus vont sortir une toute nouvelle version.
  • Beaucoup de nouveaux sites vont utiliser AJAX et les flux RSS.
  • Il y aura beaucoup de vidéos sur les sites en 2007.
  • Un site, qui n’existait qu’en version anglaise, va être traduit en français.
  • Les tendances des designs Web en 2007 seront comme en 2006 mais en mieux.
  • Beaucoup de blogs vont naître, mais beaucoup d’autres vont être abandonnés.
  • Beaucoup plus de sites qu’avant vont utiliser les technologies de Web sémantique (enfin, ça dépend).

Nous verrons à la fin de l’année si mes prédictions sont correctes.

Cinq choses que vous ne saviez pas à mon sujet… (pfffff)

J’étais réticent vis-à-vis de ce “phénomène” et m’était juré de ne pas me laisser prendre au cas où quelqu’un aurait l’idée farfelue de me passer le relais. Mais comme on ne peut rien refuser à Monique, je me lance…

  1. J’aime bien aller cueillir des champignons. J’ai été dans un club de mycologie quand j’étais plus jeune et j’ai la chance d’habiter près d’un bois (le fameux Bois de la Houssière) où je fais des cueillettes miraculeuses (ces photos en temoignent).
  2. J’aime faire du sport. Je fais partie d’un club de football et d’un club de tennis et je pratique occasionnelement la natation, le jogging et le VTT (une autre utilisation du bois).
  3. Je me suis à peu près abimé toutes les parties du corps : orteils, cheville, genou, côtes, clavicule, dents, nez, arcade sourcilière, etc. (à cause du point précédent)
  4. Je suis mi-belge (du côté de ma mère), mi-italien (du côté de mon père) ce qui implique que j’ai, entre autres, la chance de pouvoir voter dans les deux pays. Mes grands-parents paternels vivent en Italie, dans un village de la région des Abruzzes. Le mot “battaglia” signifie “bataille” en italien. Un nom guerrier donc, comme disait un de mes anciens profs.
  5. Je suis imbattable à Singstar ! Ce qui en fait ch… plus d’un 😉

Alors, qui va passer à la casserole ? katsoura, xuxu, ologram, Michaël, Benja ?
J’imagine que les gens que j’ai oublié ne m’en voudront pas…