Hihi

Aller au contenu | Aller au menu | Aller à la recherche

Keyword - Mozilla Developer Day

Fil des billets - Fil des commentaires

jeudi 28 juin 2007

RBS Change, le CMS puissant à la sauce XUL

Je continue aujourd'hui mon tour d'horizon des présentations marquantes du Mozilla Developer Day de Paris avec un CMS basé sur XUL. Cette présentation sera difficile à réalisé et abstraite puisque ce CMS est actuellement en phase de développement et n'est pas encore disponible au public. Je vais devoir synthétiser au mieux son principe de fonctionnement et son intérêt selon mes souvenirs qui ne sont pas toujours des plus fiables. Veuillez donc m'excuser du potentiel manque d'informations ou de l'imprécision de mes descriptions.

Tout d'abord, qu'est-ce que RBS Change ? Il s'agit d'un système de gestion de contenu ou CMS (Content Management System) dont le principal atout est d'être conforme aux principales directives d'accessibilité Web Accessibility Initiative du W3C (WAI) et Accessiweb. Côté technique, RBS Change tourne sur un serveur LAMP (Linux-Apache-MySQL-PHP) et utilise donc, vous l'aurez compris, chacune des technologies qui le compose. Son architecture comporte un noyau de base sur lequel peuvent venir se greffer des modules complémentaires en fonction des besoins.

Ce CMS permet la gestion multi-sites et multi-langues du contenu avec le partage ou non de la charte graphique entre ces différents sites. En plus de comporter les caractéristiques habituelles d'un moteur de gestion de contenu classique, il permet la prise en compte des images, des objets flash, des médias et autres document de ce genre. L'architecture des pages est définie selon des modèles prédéfinis ou tout selon les directives de l'administrateur.

Les fonctionnalités de RBS Change sont, vous l'aurez compris, étendues. Sa véritable richesse et innovation réside cependant dans sont interface d'administration utilisant XUL. En effet, grâce à l'usage de cette technologie, ce CMS permet l'édition de pages à la volée, sur les pages elles-mêmes, l'insertion d'images depuis la mediathèque par simple drag'n drop et bien plus encore ! Vous voyez ce que vous faites à l'instant même ou vous le faites. Autant vous dire que l'édition et la maintenance des pages d'un site devient un vrai jeu d'enfant.

La véritable réussite de RBS Change est donc son ergonomie et sa facilité d'utilisation qui permettront à n'importe qui sans aucune connaissance technique de mettre à jour le site préinstallé au préalable. Tout se passe comme si on enlevait la plaque de verre de l'écran pour pouvoir remettre en place les pixels un à un selon ce qui nous convient. Inutile de vous dire que je serai l'un des premiers à le tester par moi même à sa sortie s'il m'est possible de le faire. En attendant, il faudra vous contenter de nos vieux CMS au backoffice HTML brut... ;)

dimanche 24 juin 2007

Fuller Screen : vos diaporamas en HTML et plein écran complet...

On commence les présentations des projets XUL présentés au Mozilla Developer Day de Paris par Fuller Screen, une extension Firefox développée par le fameux Daniel Glazman. Cette extension a été développée pour fournir à Firefox un mode plein écran digne de ce nom, sans aucune barre d'outils, barre d'état ou quoi que ce soit. L'absence de cette fonctionnalité non disponible par défaut dans ce navigateur peut effectivement être handicapant dans certains cas.

En plus d'offrir un véritable mode plein écran à votre panda roux, Fuller Screen peut vous servir de gestionnaire de diaporamas (slideshow en anglais) conçus très simplement en HTML. Comment ça marche ? Il s'agit tout juste de définir des sélecteurs grâce à la balise meta, permettant ainsi de définir les éléments tels que les slides, leur titre, les étapes de visualisation, etc. Voici un exemple de code[1] donnant naissance à un slide avec ses balises meta associées :

<html>
  <head>
    <meta name="slideselector" content=".slide" />
    <meta name="titleselector" content="h4" />
    <meta name="stepselector" content=".step" />
  </head>
  <body>
    <div class="slide"><h4>Slides</h4>
      <div class="slidecontent">
        <p>Une liste d'items</p>
        <ul>
          <li>Premier item</li>
          <li>Second item</li>
          <li>Et troisième item</li>
        </ul>
      </div>
    </div>
  </body>
</html>

Difficile de faire plus explicite n'est-ce pas ? Il ne reste plus ensuite qu'à styler le tout, grâce notamment à CSS en introduisant dans la feuille de style le sélecteur @media projection {} contenant les propriétés CSS désirées. Pour activer et désactiver le mode plein écran, usez et abusez de la touche f11 jusqu'à en faire disparaître les inscriptions et émerveillez vous du résultat, avec au passage un petit tour du côté du selecteur de diapositive grâce à la combinaison shift+f11. Cette fonctionnalité est vantée par son concepteur comme étant ultra rapide voire instantanée, même avec des présentations constituées de plus de 100 diapositives.

Vous allez me demander les avantages d'une telle solution lorsque l'on peut trouver sur le marché des logiciels comme Powerpoint et consorts. Et bien, inutile de chercher bien loin :

  • Le fichier présenté sans le mode plein écran est tout de même accessible à la lecture;
  • Cette solution est multiplateformes, malgré quelques bugs sous Mac OS inhérents à la gestion des fenêtres par ce système;
  • C'est une solution sémantique et accessible;
  • Le référencement et l'indexation de l'information par les moteurs de recherche est réellement amélioré en comparaison aux fichier générés par les autres logiciels;
  • Le bénéfice principal de l'utilisation des CSS est la liberté de mise en forme, ainsi que l'utilisation d'unités de tailles relatives dans le but de s'adapter à la résolution de l'utilisateur;
  • Toutes les technologies XML implémentées dans Firefox sont disponibles, incluant ainsi la possibilité d'intégrer par exemple des figures en SVG, ou bien d'autres choses encore;

Bref, vous l'aurez compris, cette extension peut paraître banale ou mineure, mais il s'agit en fait d'un véritable outil de diffusion de l'information qui permet de remettre en cause la vision en elle même du document qu'est le slideshow, de nos jours relativement fréquemment utilisé. Pour télécharger l'extension, rendez-vous sur le site de Mozilla et pour effectuer un test sans plus attendre, visionnez le diaporama de démonstration mis en ligne par l'auteur de cet add-on. Je serai heureux d'avoir vos avis sur cette extension : futile ou utile ? :)

Notes

[1] Ce code est minimaliste et ne contient pas tous les éléments nécessaires à la construction d'une page HTML ou XHTML correcte, excluant notamment le doctype, les directives d'encodage, etc.

Aujourd'hui, au Mozilla Developer Day de Paris...

Et oui, pour ceux qui ne s'en souviendraient pas, aujourd'hui c'était le Mozilla Developer Day, un évènement à l'envergure européenne sans être victime pour autant d'une affluence extraordinaire et sans chichis non plus. Bref, une petite journée de conférences informelles sympatiques et pleine de découvertes et d'échanges que je bloguerai surement plus tard. Allez, hop, pour la peine on synthétise tout ça avant d'aller coucher, histoire de donner les réactions à chaud.

Conférence sur les Widgets XUL au Mozilla Developer Day de Paris

Tout d'abord, pour ma première manifestation geekesque digne de ce nom, je dois dire que j'ai été gâté : la densité de geekitude au kilomètre carré était élevée. Ca fourmillait dans tous les sens, entre gens qui se connaissaient ou pas, des échanges verbaux en anglais par ici ou en français par là. Ca parle de choses dont vous ignoriez même jusqu'à l'existence jusqu'ici ou en dehors de vos compétences. Arrivé à 10h après un voyage en train tranquille et quelques minutes de métro, je dois dire que je me suis senti tout petit dans ce nid à développeurs qu'on ne distingue que grâce au badge remis à l'entrée portant le nom de chacun des protagonistes.

Heureusement, la conférence commence pour arrêter ce petit refrain qui trottine dans votre tête : "Mais qu'est-ce que je fous là ?" et on passe aux choses sérieuses. Le temps de s'habituer au débit de mots relativement soutenu de nos amis américains et on se plonge tranquillement dans le bain. On commence donc par deux petites heures de discussion à propos de XUL et des outils de développement disponible autour de ce langage, avec une petite présentation des évolutions futures assez intéressante.

Vient ensuite le diner. Là encore, nous pouvons dire que Mozilla sait recevoir, avec un buffet froid délicieux, accompagné de quelques brochettes chaudes autour de deux tables d'environ 10 places avec chaises et de tables hautes destinées à la restauration rapide. Cette disposition était propice au networking de par la mobilité des gens, permettant ainsi de faire des rencontres dans un lieu où l'on ne connait réellement personne. Ainsi, j'ai quelque peu discuté avec des allemands ainsi qu'avec l'équipe de Scenari dont je vous reparlerai certainement sous peu. Dommage cependant qu'il n'y ait pas assez de tables et qu'il soit parfois difficile de manger dans des conditions correctes.

C'est donc après ce bon repas que nous retournons à nos sièges avec les présentations. Certaines démonstrations sont simplement stupéfiantes, quelques projets ont marqué mon esprit, ces mêmes projets dont je vous reparlerai dans un autre billet. Le problème avec les présentations est toujours le même : comment faire face aux problèmes techniques qui surviennent lors du passage d'un PC à un autre, d'une démo à une autre ? Cela a pas mal perturbé l'emploi du temps, ce même emploi du temps qui, à force de perdre du temps à le remanier sans arrêt, n'aura servi à rien ou presque. Dommage sur ce point qui reste à améliorer.

Après les démonstrations un peu plus longues que prévu (2h20 au lieu de trois quarts d'heure initialement prévus !), une pause café s'impose, avec là encore tout le nécessaire pour se désaltérer. Quand je vous dit qu'on sait recevoir chez Mozilla ! L'occasion est trop belle, j'en profite pour discuter avec Alexis, aka Aka[1], venu à l'improviste au courant de l'après-midi puisque de passage sur Paris et après qu'on ait tous deux évoqué cette conférence la veille au soir. La discussion est courte mais sympatoche : on s'échange des points de vue, des idées et on apprend à se connaître un tout petit peu mieux que ce que les forums ou la messagerie électronique nous ont permis.

Reprise des discussions à 17h15 environ. "Discussions", c'est le cas de le dire ! Le grand intérêt de cet après midi était la confrontation entre les points de vue des utilisateurs, des développeurs et des membres de la communauté. La discussion ouverte a donné naissance à des débats intéressants et à des problématiques concernant la localisation du déveloper center notamment, de l'implication des membres dans la traduction des pages du Wiki, etc.

J'ai malheureusement dû quitter la salle (trop) tôt, à 18h, pour tâcher de prendre mon train à 18h35 que je louperai d'ailleurs de peu. S'en suivent deux heures d'attente avant le prochain train. La dernière image qui me viendra à l'esprit est celle de la tête de Mickey qui servait de ballon d'hélium au petit bout de chou assis deux sièges devant moi dans le train. La journée fût bonne, vivement la prochaine ! A Paris Web 2007 peut-être... ;)

Quelques regrets tout de même de ne pas avoir pû assister à la suite des discussions qui s'annonçaient très prometteuses, avec comme thèmes abordés le multimédia dans Gecko avec OpenGL, la balise <video> etc, de ne pas avoir eu droit à mes schwag et de n'avoir osé aborder ni le charismatique Daniel ni le grand méchant Tristan faute de vouloir les déranger et d'avoir des choses intéressantes à dire.

Pour ce qui est de l'organisation, à part les quelques points précisés ci-dessus, il n'y a pas grand chose à redire. Le temps manquait mais ça aurait été bien de pouvoir laisser les intervenants se présenter pour ceux qu'on ne connait pas. Par exemple, ne l'ayant jamais rencontré, j'ai eu peine à deviner la présence d'Aurelien Levy pour présenter Firevox. Ce n'est qu'en faisant le rapprochement avec le prénom avec lequel il a été appelé et son job sur lequel quelqu'un s'est renseigné que j'ai fait le rapprochement. Je sais, je pinaille, mais il faut bien que certains fassent le sale boulot ! :)

Photo par Z Braniecki, plus de photos du Mozilla Developer Day sur Flickr

Notes

[1] Si vous me permettez le jeu de mots :p