Le projet Magusine, initié en 2000 à l’occasion de l’évènement "Bruxelles 2000" (sous le nom de Anima), avait pour but de donner accès au web à des publics peu connectés, de manière "citoyenne" : sensibiliser aux problèmes de sécurité, droit de la vie privée, mais aussi partage d’information et d’opinion plutôt que consommation passive.
Le projet s’est transformé dans le même temps où internet infiltrait la vie quotidienne de nos publics, mais son versant "citoyen" reste d’actualité.
Besoins techniques du projet
Pour être efficace, ce projet avait besoin d’un outil web permettant de créer rapidement et sans trop de connaissances techniques (le moins possible de html, css, ftp) des contenus sur le web. Il devait permettre la rédaction de texte, l’ajout d’images et de documents, et de structurer le tout de manière facile. Le choix d’un site dynamique (Content Management System) était donc évident.
Pour des raisons de coût autant que de philosophie, ce cms devait être open source, ce qui assurait une évolution de ce cms indépendante de celui de notre projet, et donc une actualisation permanente du logiciel.
Pour des raisons de convivialité encore par rapport à notre public, ce cms devait en français. Ceci semble évident mais en 2001, il n’existait pas de cms open source en français...
Enfn, ce CMS enfin devait être convivial aussi pour le développeur, car le site devait être facilement personnalisable et adaptable à notre public.
Après un passage par le cms Post-Nuke, le choix s’est porté sur le CMS Spip, qui faisait ses débuts et qui remplissait l’ensemble de ces conditions.
Choix de développement de système "Magusine v1"
Techniquement, un site du réseau magusine est un site basé sur spip, avec un jeu de squelettes spécifiques.
Un jeu de squelettes est un ensemble de fichiers html, php, css et javascript qui gère l’affichage du site public. La partie "administration du site", dit "site privé", n’est jamais modifié. C’est inutile car elle est claire et il serait pédagogiquement nuisible de la personnaliser.
Bien que le CMS Spip soit open source, et qu’il soit donc permis de le modifier intégralement, aucun des fichiers de la partie privée n’est modifié, ce qui permet de garder une compatibilité totale avec l’évolution du logiciel.
Par contre, une série de procédure existe "en standart" pour adapter cette partie privée aux besoins du projet.
Le jeu de squelettes "magusine" est une "surcouche" au logiciel, automatiquement reconnue par spip, qui utilise en plus du codage classique html et css, le détournement d’une fonctionnalité de base du système, les mots-clés, afin de permettre une personnalisation facile et rapide de l’affichage du site public par les partenaires.
Dans la première version de Magusine, datée de 2003, les mots clés permettaient quelques fonctions de base, comme changer facilement le logo de son site (l’image en haut des pages), le texte en bas de page, ajouter un éditorial en première page du site, etc. Ces squelettes étaient compatibles avec la version 1.7 de Spip.
Le codage html du site était alors basé sur une mise en page par tableau, standart à l’époque, mais contraignante graphiquement. La seule fantaisie graphique autorisée aux partenaires restait le changement du bandeau et le choix de la police de base du site. Pour le reste, le personnalisation du site requerait des connaissances en codage, manipulation de logiciels graphiques, et du ftp pour le transfert des fichiers. Les fichiers ainsi modifiés devaient être backupé et réinstallé à chaque mise à jour du site, ce qui posait des problèmes de maintenance.
Magusine version 2
Pour la version 2 des squelettes magusine, développée à partir de mai 2005, quelques choix techniques ont été affinés grâce à une meilleure connaissance de spip et des normes html :
Permettre aux utilisateurs de changer rapidement le graphisme de la partie publique du site.
Fournir un nombre élevé de thèmes graphiques différents
Fournir plus de fonctionnalités de personnalisation activables par mot-clé.
Mettre les sites "Magusine" en compatibilité avec les normes actuelles et futures du web (norme xhtml 1.1 et CSS).
Les squelettes ont donc été entièrement réécrits, et un système de sélection de thèmes (design du site public) complet a été proposé. Ces fichiers se basent techniquement sur la version 1.8 de spip.
Sélecteur de thème
Le sélecteur de thème fonctionne comme suit : un dossier "magusine-inc" contient une série de dossiers, les noms de ces dossiers sont en fait les noms des thèmes. Chacun de ces dossiers(thèmes) comporte 3 fichiers css et un couple de fichier de squelette spip.
Les 3 fichiers CSS règlent l’affichage de :
position.css : le positionnement des principales parties des pages (bandeau, menu contextuel, corps de la page, pied de page)
polices.css : les polices, tailles, des différents contenus
menu.css : le comportement du menu, qui peut être très différent suivant les thèmes (vertical, horizontal, a un ou plusieurs niveaux).
Le couple de fichier html/php permet de constituer dynamiquement le menu. Ceci pour permettre une plus grande souplesse dans l’affichage de ce menu : un ou plusieurs niveaux affiché, avec ou sans javascript, etc.
Outre ces fichiers requis, le dossier du thème comporte les éventuelles images et fichiers associés : javascript, autres css, etc.
Dans l’interface d’administration, la seule création du mot-clé "theme :" suivi du nom d’un des dossiers de thème permet de l’activer.
Il est aussi possible d’associer un thème à une seule rubrique, permettant ainsi de personnaliser des parties du site. Un autre mot-clé est alors créé et associé à la rubrique.
Les raisons de la simplicité de cette procédure est évidente : elle permet aux partenaires de gérer eux-même le design de leur site.
D’autres procédures à différents niveaux de complexité, ont aussi été mises en place et documentées, allant jusqu’à la création de son propre dossier de thème.
Portabilité de magusine : tout un partenariat sur un jeu de squelettes
Pour des raisons d’économie de développement mais aussi pour des raisons politiques, les squelettes "Magusine" version 2 sont utilisés aussi bien par la structure du partenariat que par les partenaires : magusine.net et magunews.net sont deux sites magusine, dont certaines pages sont ont été développées pour afficher plus spécifiquement l’information (liste des partenaires, moteurs de recherche spécifiques). Ce qui permet de tester les outils à la même vitesse que nos partenaires, et de ne pas avoir de fracture technique entre l’équipe et le partenariat.
