Made Simple

CMS Made Simple (CMSMS) est un gestionnaire de contenu d'origine américaine permettant à un rédacteur de modifier le contenu d'un site web (ajout / suppression / modification de pages, transfert d'images, etc.) directement en ligne grâce à un accès sécurisé. C'est d'ailleurs le principe d'un CMS :)
CMS Made Simple est un logiciel libre utilisant la licence GPL. Il s’appuie sur PHP et MySQL et permet de générer du code conforme aux standards web (HTML / XHTML / CSS valides) et respectueux des règles minimales d'accessibilité. Le site officiel de la communauté française de CMSMS se trouve à cette adresse : http://www.cmsmadesimple.fr.
Note : Le site Packt Publishing récompense chaque année le meilleur CMS Open Source. Pour l'année 2007, CMS Made Simple fait partie des 5 finalistes (parmi 16000 nominés).
CMSMS est un gestionnaire de contenu à la fois simple d'emploi et très complet (voici listées l'ensemble de ses nombreuses fonctionnalités) Afin de préserver cette simplicité d'usage, le noyau de base de CMSMS est volontairement épuré, cependant de nombreux modules et outils peuvent y être ajoutés selon les besoins du site.
Le principe de CMSMS consiste en un ou plusieurs modèles de structures (gabarits) dans lesquels est contenu le code HTML des pages et auxquels sont attachées des feuilles de style CSS. Chaque page de contenu utilise l'un de ces gabarits. Il y a donc séparation des tâches entre le développeur/designer (qui a la charge de concevoir les gabarits) et le rédacteur (qui a pour tâche de gérer le contenu des pages), ce qui facilite la gestion du site.
Voici quelques références de sites web réalisés avec CMSMS : http://www.cmsmadesimple.fr/references-cms.
Â
Premiers avantages pour le designer et le rédacteur :
- Le système de gabarits ("templates"), vous permet de modifier à loisir la manière dont les informations seront affichées sur les pages, que ce soient les nouvelles, les menus, les articles. Toutefois, il faudra parfois se familiariser avec le langage de gestion de gabarits Smarty, qui reste simple au demeurant.
- Puissante gestion des groupes et des droits, avec la possibilité de brider le panneau d'administration du rédacteur de contenu afin de ne lui afficher que les options qui lui sont permises lui évitant un panel de liens superflus et qui ne le concernent pas.
- La simplicité de l’interface : grâce à un découpage ergonomique des menus (contenu, apparence, gestion des utilisateurs...) et à la gestion personnalisable des droits d’accès de certaines fonctions d’administration, la mise à jour d’un site est assez facile à faire et ne nécessite pas de connaissances avancées en informatique. L’éditeur WYSIWYG (TinyMCE) permet de retrouver une interface d’édition des articles, des nouvelles (entre autres) proche d’un traitement de texte comme MS Word ou OpenOffice.org.
Puissance des marqueurs "balises" et modules installés par défaut :
- Un simple marqueur
{contact_form email="toto@toto.fr"}suffit à générer un formulaire de contact comprenant plusieurs champs (nom, email, titre, message), balisés proprement (avec éléments<label>, voire<fieldset>si nécessaire) et prenant en compte la gestion des champs obligatoires (un avertissement si un champ n'est pas rempli). Tout cela est entièrement personnalisable bien entendu. Plus fort encore : il suffit de rajouter une optioncaptcha='true'dans le marqueur pour activer automatiquement une image Captcha (vérification anti-robots de spam) ! - Un marqueur
{news number="3" detailpage="news"}est suffisant pour gérer une rubrique complète de news sur le site. Dans le cas présent, à l'endroit du marqueur seront affichées les 3 dernières actualités du site. En cliquant sur le titre d'une news, les détails s'afficheront sur une page dédiée. Il est possible de prendre en compte les flux RSS (avec ou sans l'affichage d'un bouton), de faire des tris sur les news (par date, par catégorie, par titre, ascendant ou descendant), d'afficher un nombre maximal de news sur une page, et bien d'autres options. - Dans la même veine, de simples marqueurs permettent de gérer la Recherche sur le site, le Fil d'Ariane, le bouton Imprimer (intelligent, il n'imprime que le contenu de la page, sans l'entête ni les menus, etc.), un Plan de site automatique, voire l'affichage des publicités Google Adsense !
- Au final, un grand nombre de marqueurs et de modules sont disponibles sur le site, et il est possible de les installer automatiquement depuis l’interface d’administration, grâce à un module de gestion de modules. Sachez en outre qu'il est possible de télécharger d'autres marqueurs et modules au sein de la communauté très active de CMSMS : Album (gestion de galeries photos), Forum, Comments (permet d’ajouter la possibilité pour les visiteurs de commenter articles ou "news"), etc.
Une bonne prise en compte de la conformité aux standards et une bonne intégration de l'accessibilité numérique :
- Les gabarits par défaut sont conçus sans tableaux de mise en page
- Emploi par défaut judicieux des labels dans les formulaires
- Gestion par défaut des accesskeys et des liens d'évitement
- Prise en compte intelligente des alternatives (des avertissements qui apparaissent pour expliquer l'importance du texte alternatif sur une image lorsqu'il est omis, même s'ils ne détectent pas si l'image est décorative)
- Personnalisation complète de l'éditeur WYSIWYG "TinyMCE" utilisé généralement par le rédacteur de contenu : possibilité de brider les balises décoratives et se limiter au choix de balises "sémantiques", possibilité de proposer un choix de balises entièrement personnalisé au rédacteur (pas de risque que le rédacteur choisisse des
<h6>agrandis en tant que titres principaux)
Au final, CMSMS permet de s'adapter à de nombreux projets web : son installation par défaut suffit à la plupart des besoins classiques, mais son principe de modularité très poussé lui ouvre de nouveaux horizons : menus multiples, fils d'actualité, calendrier, forum, album photo, blog. Tout est personnalisable et adaptable en fonction de ses besoins.
La limite se trouve sans doute dans des cas de sites très spécifiques (sites d'e-commerce) ou très complexes, où des outils dédiés voire personnalisés doivent être privilégiés (OsCommerce, ou OsCSS, par exemple pour les e-boutiques, Typo3 pour des sites complexes).
La communauté (majoritairement anglophone) qui entoure le projet est dynamique et répond rapidement. Et la section française du forum est elle aussi plutôt réactive. Par contre, l’ensemble de sa documentation n’est pas encore francisée, ce qui est parfois handicapant pour les non-anglophones.
Remarquons également l'absence de système de validation pour les rédacteurs de contenu : dès que l'auteur sauvegarde son document, celui-ci apparaît en ligne sous forme d'une page inclue dans le menu de navigation (ceci pouvant être modifié). Il n'y a pas d'autorité supérieure qui impose une étape de validation avant la mise en ligne, ce qui peut être un point négatif dans le cas de site collaboratif (plusieurs rédacteurs) ou à fort contenu.
Grâce à une interface simple et ergonomique, CMS Made Simple permet de créer facilement son site web, sans requérir beaucoup de connaissances en conception web. La personnalisation du design du site nécessitera cependant des notions minimales de HTML et CSS car une séparation est établie entre la structure et la mise en page. De même une connaissance du moteur de template SMARTY sera utile si l'on a l'intention de modifier les marqueurs et modules existants.
L'une des principales spécificités de CMSMS est justement cette stricte séparation des tâches : la structure (gabarits HTML), la mise en page (CSS) et les marqueurs/modules (Smarty) sont des entités indépendantes, ce qui permet de pouvoir mettre à jour le site selon votre fonction (designeur, développeur ou rédacteur de contenu) et sans interférer sur des parties qui ne vous concernent pas.
Une autre particularité réside dans sa modularité : l'application de base reste très épurée afin de demeurer aussi légère que possible et correspondre à des besoins basiques (on n'utilise pas un char d'assaut pour tuer une mouche !). Par contre de nombreux modules (news, forum, galerie photo, blog, etc.) peuvent être téléchargés et greffés pour s'adapter à des besoins plus spécifiques.
La gestion des droits et vues de chaque utilisateur est d'une agréable efficacité : il est possible de brider la vue de chacun des groupes utilisateur. Par exemple le rédacteur de contenu ne verra que les menus qui le concernent, c'est à dire l'édition de page; le designer pourra avoir accès aux gabarits et aux feuilles de style afin de les modifier. En fait, la gestion des droits et des vues va très loin, jusqu'à conditionner exactement le parcours d'un groupe donné. C'est un détail souvent très utile lorsqu'un site est réalisé pour un client peu coutumier de ces interfaces et qui a besoin d'être très encadré.
Au niveau de la publication, à la différence de CMS comme SPIP, chaque page créée est automatiquement mise en ligne. Il n'y a pas plusieurs degrés de validation (brouillon, en attente de validation, validé, hors-ligne) : il est simplement possible de passer une page hors-ligne en la désactivant dans le menu "option" de ladite page.
CMSMS n'est donc pas forcément le meilleur outil de gestion de contenu pour de multiples intervenants.
L’interface d’administration permet de modifier tous les éléments du site en ligne, sans nécessiter de transfert de fichiers par FTP : vous pouvez modifier les modèles de pages, les feuilles de style, le contenu, avoir des styles différents en fonction des pages, etc...
Les modèles, ou gabarits
CMS Made Simple est installé avec cinq modèles de base. Ils sont là pour vous montrer le principe de fonctionnement des modèles et aussi pour commencer rapidement à créer votre site web.
Les tags spécifiques aux modèles sont décrits sur la page dans le menu de gauche Les autres liens de cette rubrique présentent le fonctionnement des différents modèles présents par défaut.
L'un des gabarits par défaut est le modèle de structure minimal, qui contient les marqueurs nécessaires pour fonctionner : {sitename} (nom du site renseigné dans la partie d'administration), {title} (titre de la page), {metadata} (metadonnées de la page), {stylesheet} (feuille(s) de style employée(s) sur ce gabarit), {content} (contenu du gabarit, renseigné via le menu "pages"), etc.
Lorsque vous crééz un nouveau gabarit, il vous faut lui affecter une feuille de style. Sans quoi la page s'affichera vierge de mise en page.
Notez qu'il existe une Démonstration qui explique en image comment passer concrètement d'une page HTML/CSS statique à un gabarit de CMSMS. Jetez-y un oeil, c'est assez impressionnant !
Sachez également qu'il est possible de télécharger directement des thèmes entiers prêts à l'emploi (sur le site français, ou sur le site officiel où le choix est plus vaste).
Menus de navigation
Deux types de menus sont utilisés dans les modèles par défaut : un menu déroulant et un menu simple. "CSSMenu" est un menu déroulant utilisant seulement le CSS. Il existe également un type de menu simple qui est juste une liste de liens mis en forme par la feuille de style CSS.
Les tags dans chaque modèle sont utilisés comme ceci: {menu template='cssmenu'}
Des paramètres peuvent être passés dans le tags pour par exemple commencer un menu avec les liens de second niveau, ou cacher les liens enfants jusqu'à ce que le lien parent soit cliqué. On peut découvrir les possibilités grâce au gestionnaire de menu dans la partie administration de CMS Made Simple.
(Quelques parties provenant de la page : http://www.cmsmadesimple.fr/presentation/modele-cms-made-simple)
Les feuilles de style
Dans la partie administration de CMS Made Simple il est possible d'ajouter, modifier, supprimer les feuilles de styles grâce à l'onglet disposition. Par défaut, un grand nombre de feuilles de style sont disponibles, notamment pour le media Imprimante ou pour des gabarits spécifiques (menus particuliers, options d'accessibilité, ...).
Pour modifier les styles d'une feuille directement en ligne, il suffit de cliquer sur le nom de la feuille. Il est possible d'affecter une ou plusieurs feuilles de style à chaque gabarit selon vos besoins ou votre mode de fonctionnement.
CMS Made Simple est riche d'une communauté très active, autant anglophone que francophone.
Le site officiel anglophone dispose de nombreuses ressources d'aide, notamment un forum de discussion (avec un salon français très actif), un wiki et un channel IRC.
La communauté francophone n'est pas en reste. Elle propose une version traduite (encore partiellement) du site officiel anglais : http://www.cmsmadesimple.fr, ainsi qu'un forum de discussion qui ne demande qu'à s'étoffer.
Il existe également des ressources intéressantes sur le site de Fardeen GHULAM, notamment une vidéo intéressante
Le site de Framasoft propose une présentation plutôt alléchante de CMSMS (d'ailleurs plusieurs parties de cet article ont été librement inspirées de la présentation de Framasoft).













