Alertez les manchots… Framanav, le retour

On l’a vu avec notre redoutable poisson d’avril : Framasoft évolue. Bien entendu, il n’est nullement question d’un quelconque partenariat avec Microsoft. Framasoft est et restera dédié à la diffusion du Libre auprès du public le plus large ; quitte à prendre le temps et la patience nécessaires pour que la famille Toulemonde apprenne à se libérer. Quitte, aussi, à prendre les gens là où ils/elles sont, et à répondre à leurs besoins de manière libre et ouverte en créant et adaptant de nouveaux outils. C’est ainsi que ce « réseau d’éducation populaire » s’est étoffé, passant d’un annuaire à une galaxie de sites web et services variés.

Grace à vos dons, à vos apports, à notre ouvrage commun… de grands (et beaux) changements s’annoncent. Si nous étions dans Game Of Nobody-wants-a-fucking-Throne on entendrait : « Penguins are commiiiiiing ».

C’est aux petits détails qu’on repère les grandes évolutions. Alors, histoire de vous mettre l’eau à la bouche, voici une petite interview de Pierre-Yves Gosset (alias PYG) qui nous présente la Framanav.

Pouhiou pour le Framablog : PYG, je n’ai pu m’empêcher de remarquer qu’en haut de la plupart des sites web estampillés Frama, une jolie barre est venue se poser… Tu nous présentes ?

Bien sûr. Il s’agit tout simplement d’une barre de navigation commune permettant de présenter et d’accéder rapidement aux sites de ce joyeux bor^W bazar qu’est devenu le réseau Framasoft au fil des années. Elle permet donc de retrouver (mais aussi de découvrir !) les sites du réseau Framasoft, maintenant classés en trois catégories : Logiciels libres, Culture libre, et Services libres.

Framanav new-look

Une telle barre existe depuis début 2007, à compter du moment où Framasoft a dépassé les limites d’un simple annuaire logiciel pour proposer d’autres services. Elle a connu différentes évolutions au fil du temps, mais il fallait aujourd’hui une nouvelle version afin de présenter plus clairement les activités plutôt foisonnantes de l’association.

Par ailleurs, cette Framanav intègrera un système d’annonces et d’alertes qui nous permettra d’interagir plus facilement avec nos visiteurs. Par exemple, lorsque nous envisagerons une mise à jour de Framapad.org, nous pourrons informer les utilisateurs directement sur le site par un système d’alerte, afin qu’ils ne se lancent pas dans une traduction collaborative, par exemple, 10 minutes avant que l’on n’interrompe le service. Cela nous permettra aussi d’annoncer plus facilement (et très ponctuellement), sur tous les sites une information que nous estimons importante, comme par exemple la publication d’un nouveau Framabook…. (attention, je crois que tu baves un peu, là…).

L’ensemble du réseau faisant plus d’un million de visites par mois, mais proposant pour l’essentiel des services libres et gratuits sans inscription, cela nous a paru à la fois complémentaire et probablement plus efficace que notre bonne vieille Lettre d’informations.

Framablog : Il y avait donc, à ton avis, un besoin de faire connaitre l’ensemble des services Framasoft ?

Oui. Ces deux dernières années, Framasoft a multiplié les projets. Framapad ou Framadate fêtent leur 2 ans, Framazic, Framamindmap ou Framacalc ont moins d’un an. Les utilisateurs peuvent s’y perdre, bien entendu. Mais surtout, ils risquent tout simplement d’ignorer l’existence d’un service.

Framasoft, c’est aujourd’hui 11 serveurs dédiés, et plus de 35 sites publics (oui, ils ne sont pas encore tous présentés dans la Framanav, on en garde encore un peu sous le pied 😉 ). Ce n’est clairement pas facile de s’y retrouver. Par exemple, nous avons d’excellents retours d’utilisateurs du site framapack.org (qui permet aux utilisateurs Windows de se constituer un « panier de logiciels libres installables en 3 clics » extrêmement utile suite à l’achat d’une machine par exemple), mais le site reste trop méconnu.

De plus nous avons choisi d’y intégrer les sites que nous hébergeons gracieusement, comme par exemple le Geektionnerd, ou VeniVidiLibri. Mais aussi des sites « partenaires » comme le Planete-libre. J’espère sincèrement que cette nouvelle barre de navigation commune permettra à chacun de s’y retrouver plus facilement et plus rapidement.

Framablog : Mettons les mains dans le cambouis… Qu’est-ce qui a été le plus dur pour toi ? Adapter la barre à chacun de nos sites ou concevoir un menu clair et intuitif ?

La Framanav a été réalisée à l’aide de Bootstrap, un framework HTML/JS/CSS issu du travail de développeurs travaillant chez Twitter : http://twitter.github.io/bootstrap/. Il s’agit d’un framework plutôt simple et agréable, proposant suffisamment de fonctionnalités, mais pas trop (il faut conserver un poids raisonnable).

La création de la barre elle-même a été extrêmement rapide (de l’ordre de la journée, environ). La principale difficulté réside dans l’adaptation à chaque site. En effet, comme je le disais, Framasoft, c’est plus de 30 sites publics (WordPress, Dotclear, Drupal, Mediawiki, Etherpad, Ethercalc, SPIP, PhpBB et j’en passe). L’adaptation purement CSS à chaque site n’est elle-même pas complexe (j’y passe rarement plus d’une heure).

Cependant, la principale difficulté réside dans le fait que la Framanav utilise jQuery (c’est aussi un choix volontaire de notre part d’utiliser cette bibliothèque javaScript sur chacun de nos sites), et là, ça se complique souvent, car suivant les CMS, les versions de jQuery sont incompatibles ou nécessitent un travail de réécriture ou d’optimisation du code (et non, pour les habitués de jQuery, un simple jQuery.noConflict() ne résout pas toujours le problème, ça serait trop simple !). Cela explique que la Framanav soit toujours en cours de déploiement sur certains sites (par exemple framapad.org, développé en node.js, dispose d’un système de template/cache un peu particulier qui m’a fait retirer la nav après 24h de mise en place).

Par ailleurs, il reste encore du travail sur la compatibilité avec les smartphones. Elle est encore largement perfectible, mais elle sera améliorée au cours des prochains mois. Bref, la migration se fait dans le temps, comme souvent avec les projets libres. D’ailleurs, pour ceux qui voudraient donner un coup de main, le code est disponible sur le GitHub Framasoft : https://github.com/framasoft/framanav

Framablog : La question troll : tu as testé la FramaNav sur Internet Explorer ? Tu es allé jusqu’au 6 ?

Internet Exploquoi ? Connais pas… Plus sérieusement, je l’ai testée avec une machine virtuelle Windows 7 / IE 9 et un vieux Windows XP / IE 8 et ça fonctionnait plutôt bien 😉 Je l’ai aussi testée avec différents smartphones/tablettes.

Framablog : Maintenant qu’on y est, qu’est-ce que ça te fait de voir tout Framasoft, comme ça, à portée de clic ?

J’en suis tellement ému que j’ai envie d’aller corriger quelques bugs de dernière minutes, tiens ! J’aimerais juste conclure en remerciant JosephK, bénévole de Framasoft, qui avait réalisé la précédente version de la nav (que vous pouvez encore admirer sur quelques sites).