Elbakin.net

Maintenant que j'ai arrangé certaines choses à ma sauce pour que Plume se comporte comme je le souhaite, je me retrouve face à un choix difficile : Faire évoluer le graphisme et retarder donc la mise en place du nouveau système de publication qui va faciliter la vie des webmasters, ou bien coller au plus près de ce qui existe déjà et garder la révolution graphique pour la sortie de la vraie nouvelle version ?

En réalité, cette question n'en est pas une et je la posais juste pour la forme, puisque, vous l'aurez bien compris, c'est la deuxième solution qui va être adoptée. Et pourtant Dieu sait qu'il y a quantité de choses que je trouve aberrantes, tant du point de vue fonctionnel qu'ergonomique, dans la version actuelle et je n'ai qu'une hâte, c'est de les faire disparaître. Mais dans un souci de cohérence esthétique et de délais, et bien il faudra faire avec pour quelque temps encore.

Mais il y aura tout de même 2 ou 3 fonctionnalités qui devraient vous plaire dans cette version "2.1", du moins je l'espère !

L'accélération soudaine de la refonte du site est à mettre au crédit quasi exclusif d'un seul outil : Plume CMS. Plume CMS comme son nom l'indique est un CMS ou Système de Gestion de Contenu en bon français. Ce qui ne vous éclaire peut être pas beaucoup plus sur son utilité ...

Un système de gestion de contenu kezako ? Alors traditionnellement quand on veut faire une page web, on a pas 36 possibilités, soit on s'arme de patience et on écrit tout le code à la main comme un grand avec le bloc-notes ou tout autre éditeur de texte basique, soit on utilise des logiciels spécialisés, des éditeurs WYSIWYG comme Dreamweaver ou GoLive. Sauf qu'en procédant ainsi, vous devrez vous soucier de multiples choses qui ne concerne pas directement la nouvelle news toute fraîche tout chaude que vous voulez ajouter très très vite pour être les premiers à en parler :

• Récupérer l'ancienne page des news sur le serveur où est hébergé le site.
• Ouvrir cette page dans votre éditeur de texte ou votre éditeur WYSIWYG.
• Taper votre brève en faisant attention à respecter la même mise en forme qu'ailleurs sur le site.
• Vérifier qu'entre temps personne n'est venu modifier le fichier pour rajouter cette brève ou une autre.
• Remplacer l'ancienne page sur le serveur par celle ci.
• Recommencer toute cette procédure pour toutes les pages impactées par cette mise à jour.
• Chaque mois réaliser les archives et mettre à jour les liens vers les news.

Vous l'aurez compris, ce cas d'étude est directement inspiré de notre manière de procéder sur Elbakin.net. Dans le genre économie de temps on connait mieux.

Et c'est là qu'arrive le principe du système de gestion de contenu sur son fier destrier, toujours prêt à venir secourir le webmaster en détresse. Comme son nom l'indique, le système de gestion de contenu est axé vers le .... oui oui c'est ça, je l'ai entendu au fond à gauche, vers le contenu. C'est à dire que pour mettre en ligne la même brève que tout à l'heure, vous n'aurez plus qu'a :

• Ouvrir votre navigateur et vous rendre dans la partie gestion de votre gestionnaire de contenu.
• Taper votre brève en ne faisant attention qu'a la mise en forme de cette brève, citation, emphase, liste, etc ...
• Validez.

Et c'est tout.
Les autres pages seront impactées automatiquement et les archives se feront toutes seules. Si vous étiez à deux en train de rédiger la même brève, votre collègue ne supprimera pas votre travail, mais en fera juste un doublon. Vous n'aurez plus qu'a vous mettre d'accord sur lequel de vous deux a le mieux tourné ses phrases pour savoir quelle brève mettre hors-ligne.

Voilà pour le principe du système de gestion de contenu. A la base, c'était un système de ce type là que je voulais créer spécifiquement pour Elbakin.net afin de coller le plus près possible à ses besoins. Sauf que voilà, c'est bien joli d'être ambitieux, mais quand on a déjà pas beaucoup de temps avec la fac et qu'en plus il faut assurer le rythme des mises à jour quotidiennes sans vouloir non plus sacrifier sa vie sociale, et bien c'est difficile d'avancer réellement ...

Et c'est là qu'arrive Plume. J'avais déjà eu l'occasion de tester quelques CMS, mais sans être vraiment convaincu, trop complexe ou trop éloigné de l'utilisation que l'on voulait en faire ... Mais Plume, alors là c'est du tout bon !

• Respectueux des standards W3C nativement (bon ça peut paraître barbare, mais ça veut dire que les pages qu'il génére sont bien codées)
• Interface d'administration extrêmement claire et simple.
• Plusieurs niveaux de droits d'accès pour les rédacteurs.
• Plusieur états possibles pour les ressources (En ligne, Hors ligne, En attente de validation, En édition).
• Syntaxe Wiki pour la saisie des articles (Syntaxe simplifiée, pas comme cet horreur de BBCode).
• Catégories multiples avec hiérarchisation.
• Et puis surtout, très bien écrit ce qui permet de le faire évoluer selon ses besoins très aisément.
• Outil libre

Donc voilà, je profite de ce billet pour remercier tous les auteurs de Plume CMS, qui m'ont fait économiser un temps incroyable (Plume à mis 2 ans pour voir le jour) et vous permettront de voir une version d'Elbakin.net que n'auriez sans doute jamais vu sinon. Et tout ça pour dire que j'ai plus que hâte de pouvoir faire figurer ce logo sur toutes les pages du site !

En attendant de trouver un sujet intéressant pour un autre billet ...

En fait, contrairement à la célèbre tirade dont elle s'inspire, la réponse à cette question ne fait aucun doute : Dans le web d'aujourd'hui, on ne peut pas créer ou faire la refonte d'un site sans prendre en compte cet aspect essentiel qu'est la sémantique.

Mais avant de voir à quel point c'est super giga cool la sémantique qu'on se demande même comment qu'on faisait avant, voyons un peu à quoi correspond précisément la sémantique dans le contexte du Web.

Bon, comme tout un chacun le sait, enfin 1 personnes sur 5 on va dire plutôt, un page HTML est constituée de balise et de textes. Le texte, bah c'est du texte, de l'info, du contenu, et les balises, c'est ce qui va permettre de structurer ce contenu. Placer une image ici, mettre un formulaire là, un tableau dans le coin là bas, etc ...
En gros, l'HTML c'est un langage de description qui va permettre de pouvoir dire au navigateur, tiens ça c'est un élément de tel type et je veux que tu me le mettre là !. Jusqu'ici tout va bien, pas de problème. Sauf que voilà, sans vous détailler les raisons non plus, il se trouve que l'évolution d'Internet a fait que la plupart des webmasters écrivaient et écrivent encore leurs pages n'importe comment, utilisant des éléments à la place d'autres plus adaptés sans s'en soucier puisque le rendu à l'écran était le même !
Sauf que voilà, si un élément mis en italique, un élément qu'on veut mettre en emphase et un élément auquel on fait référence (titre d'ouvrage par exemple) finissent par avoir la même mise en forme, italique, à la base leur sens n'est pas du tout le même.

Si vous avez compris ça, vous touchez du doigt la notion de sémantique sur le net.

Revenons en maintenant à l'utilité de la sémantique et au pourquoi on ne peut pas la négliger dorénavant ...

Parce que oui après tout, pourquoi s'embêter à connaître 3 balises différentes qui donnent le même rendu et perdre du temps à voir laquelle est la plus adaptée ? Moi quand je vais sur Internet et que je regarde mon écran, je vois pas les balises, je vois un machin en italique tout simplement.
Oui sauf que voilà, vous n'êtes pas tout seul. Si d'un ordinateur à un autre, à quelques défauts d'interprétations des navigateurs classiques près, le rendu est le même, dès qu'on sort un peu de ce schéma les choses sont bien différentes.

Exemple concret n°1 : Muni de votre nouveau mobile dernier cri, vous êtes en train de faire le fier devant les potes, et puis y'a un ptit malin (non non, pas l'ours Gabby .....) qui vous dit : Vas y, montre voir ce que ça donne le wap. Là vous vous connectez et Ô malheur, au bout de 30 secondes la page n'apparaît toujours pas ... 5 minutes plus tard, la page finit de se charger et apparaît, malheureusement quasi illisible puisque pas du tout adaptée à l'écran lilliputien de votre portable ...

Exemple concret n°2 : Vous êtes malvoyant. Vous utilisez donc un lecteur vocal pour vous aider à comprendre ce qu'il y a sur l'écran. Sauf que le lecteur d'écran, une balise qui définit une citation ça va lui parler et il va prendre une voix légèrement différente quand il va lire ça, tandis qu'un texte juste mis en italique, et bien ça ne va rien lui dire du tout et je veux bien que vous m'expliquiez comment on parle en italique ...

Exemple concret n°3 : Vous êtes un geek. Comme tout bon geek qui se respecte, vous installez Linux 3 fois par mois pour tester le dernier patch du nouveau noyau. Et évidemment, vous choississez des distributions qui n'ont pas de serveur graphique installé par défaut parce que c'est pour les noob ça. Et oh ! Problème, il vous manque le dernier driver de votre carte graphique et vos 3 autres ordis sont tombés en rade ce matin justement. Qu'a cela ne tienne, vous allez lancer Lynx, un navigateur en mode texte pour aller le récupérer. Et là, dans la jungle des sites optimisés pour IE 6 800x600 et autres mises en page par tableaux, vous passez votre temps à râler contre ces incapables qui codent leur pages n'importe comment ... et vous rendent le web impossible

Exemple concret n°4 : Vous êtes le robot d'un moteur de recherche, Google au hasard (quel hasard ...). Vous passez donc votre temps à vous balader sur les sites, à enregistrer tout ce qui vous tombe sous le nez et à suivre tous les chemins possibles en même temps pour donner pleins d'infos à Mr Google. Sauf que pour vous en tant que GoogleBot, dans les pages que vous regardez, un titre ça a beaucoup plus d'importance qu'un texte normal pour définir le sujet de la page. Et un titre vous l'identifiez par la balise titre, pas par un paragraphe mis en gras...

Voilà en quelques exemples, une infime partie du pourquoi de la sémantique.

C'est donc pour tout cela et bien plus, qu'Elbakin.net V3 sera sémantique ou ne sera pas ! Et c'est pour ça aussi que j'ai passé ma soirée de hier soir à retaper toutes les news du mois pour prendre en compte cette sémantique ...

Détrompe toi ami internaute à l'âme romantique, il ne s'agit pas ici d'un week end en amoureux sous la couette, ni même d'un communiqué du MRCJPO, mais de quelque chose de beaucoup moins glamour: Elbakin.net V3 !

Bon, laissons tomber les effets d'annonces foireux pour quelque chose de plus simple et plus agréable. Si vous êtes ici, je présume que vous devez connaître d'une manière ou d'une autre le site Elbakin.net, sinon et bien allez donc y jeter un oeil histoire de comprendre ce dont je vais vous parler ici.

Mais avant de vous parler du pourquoi de ce week-end volets clos, un petit rappel historique s'impose :

• Septembre 2000
  • Elbakin.com voit le jour, fruit de la collaboration d'Emmanuel Chastellière alias Gillossen, Jean-François Le Gac alias Sylvadoc et Raphaël Cervera alias Dardfaël.
  • Avec pour vocation de couvrir l'actualité débordante de l'adaptation cinématographique du Seigneur des Anneaux par Peter Jackson mais surtout d'apporter à la littérature Fantasy un pied à terre de choix sur le Net, le site se développe bien avec les 3 passionnés à l'oeuvre.
  • Arborant une belle robe bleue, il transparait un léger côté amateur plutôt sympathique mais qui ne demande qu'a évoluer.
• Avril 2001
  • Refonte complète du site, la version 2 est en place !
  • Désormais à dominante blanche, truffé de détails graphique et enrichis de nouvelles rubriques, le site évolue pour aller vers quelque chose de plus pro.
  • Cependant, la navigation est pour certains peu aisée et les pages, loin d'être optimisées, parfois horriblement longue à charger.
• Avril 2005
  • Elbakin.com est devenu entre-temps Elbakin.net pour une sombre histoire de réservation prioritaire (juste pour l'anecdote).
  • Cela fait 4 ans que la version 2 est en place sans avoir subit d'évolution importante.
  • On peut dire qu'elle a fait son temps ...

Bon assez pour l'historique, le décor est bien planté maintenant ! En résumé, Elbakin.net est un site riche mais qui a besoin d'évoluer. Et c'est de cette évolution dont il sera principalement question sur ce blog, et plus particulièrement dans ce premier billet !

Bien que la nouvelle version du site soit à l'étude et planifiée depuis un bon moment déjà (plus d'un an pour tout dire), rien de vraiment concret n'avait été réalisé. Et bien le premier pas vers celle ci vient d'être fait ce week-end, puisque j'ai passé tout ce temps dans mon petit appartement brestois, volets fermés, à travailler sur la première phase de l'évolution vers cette nouvelle version.

Je vous épargnerais les détails et considérations techniques, la seule chose que je peux vous dire est que normalement vous devriez pouvoir constater vous même ce premier changement ce week-end si tout se passe bien ! Sinon ... et bien ce sera encore un week-end volets clos pour moi !