280 likes | 401 Views
Le CMS SPIP. Exposé IR3 08/09. Clément Pineau – 06/01/09. Sommaire. CMS - Qu’est-ce qu’un CMS - Pourquoi utiliser un CMS - Les principales différences SPIP - Présentation - Déploiement d’un site avec SPIP - Utilisation de SPIP - Créer ses squelettes - Notion de plugins
E N D
Le CMS SPIP Exposé IR3 08/09 Clément Pineau – 06/01/09
Sommaire • CMS • - Qu’est-ce qu’un CMS • - Pourquoi utiliser un CMS • - Les principales différences • SPIP • - Présentation • - Déploiement d’un site avec SPIP • - Utilisation de SPIP • - Créer ses squelettes • - Notion de plugins • - Créer ses propres plugins • Conclusion Clément Pineau – 06/01/09
Qu’est-ce qu’un CMS • De l’anglais Content Management Systems • Famille de logiciels destinés à la conception et à la mise à jour dynamique de site web • Utilisation via une interface web • Séparation du contenu et de la présentation Clément Pineau – 06/01/09
Pourquoi utiliser un CMS • Ajout de contenu simplifié (Interface WYSIWYG ou utilisation de balises) • Accessibilité de l’information (catégorie, index, taxonomies …) • Travail collaboratif • Maintenance du site internet Clément Pineau – 06/01/09
Les principales différences • 1019 CMS répertoriés sur cmsmatrix.org • Types de CMS (blogs, wikis, portails…) • Langage de programmation (PHP, J2EE…) • Avec ou sans base de données • Logiciels libres ? (communauté d’utilisateurs) Clément Pineau – 06/01/09
Présentation de SPIP • Système de Publication pour l’Internet Partagé • Issu du monde militant et associatif • Sous licence GPL depuis 2001 (Le monde diplomatique) • Inspiré pour les métiers de l’édition • Pour un utilisateur final « non-informaticien » • Un des CMS le plus utilisé en France (25000 sites) • Documentation dans plus de 28 langues Clément Pineau – 06/01/09
Présentation de SPIP • Php/MySQL, SQLite, PostgreSQL • Séparation de l’interface graphique et du code Php : notion de « squelettes » • Pseudo-langage : boucles, balises, filtres • Multilinguisme/Multi-sites/Modulaire • Versioning/Traitements graphiques et typographiques Clément Pineau – 06/01/09
Structure • Verticale : • - Rubriques (sous-rubriques) • - Articles • - Brèves • - Sites (syndication) • - Documents • Horizontale : • - Mots-clés (groupes de mots-clés) Clément Pineau – 06/01/09
Rubrique • La structure du site est construite sur une hiérarchie de rubriques. Une rubrique peut contenir des sous-rubriques et des articles. • Exemple de constitution : • - Titre • - Description • - Logo Clément Pineau – 06/01/09
Article • Un article est l'objet principale permettant de publier du contenu sur le site. On peut placer un article dans n'importe quelle rubrique. • Exemple de constitution : • - Titre • - Descriptif • - Texte • Etats : • - En cours de rédaction • Proposé à l’évaluation • - Publié en ligne • - Refusé • - A la poubelle Clément Pineau – 06/01/09
Mot-clé • Un mot-clé peut être attaché à une rubrique ou à un article. Cela permet de relier des objets de même type. Clément Pineau – 06/01/09
Profils des utilisateurs • Il existe trois types de profil : • Administrateur • Administrateur d'une ou de plusieurs rubriques et leurs sous-rubriques : propose articles ailleurs, et publie dans ses rubriques • Rédacteur : propose des articles Clément Pineau – 06/01/09
Déploiement d’un site SPIP • Pré-requis pour la démonstration : • Un serveur apache • MySQL • PHP • EasyPHP • Démonstration • Easyphp • Spip_installe Clément Pineau – 06/01/09
Utilisation de Spip • Personnalisation • Configuration • Ajout de contenu • Spip_perso • Avec plus de contenu Spip_ig2k Clément Pineau – 06/01/09
Créer ses squelettes • Notions de base : • - Boucles : Requête en base de données permettant de récupérer les données voulues sous forme de liste • - Balises Permet l’affichage des différents éléments composants la donnée reçue Clément Pineau – 06/01/09
Créer ses squelettes • Description logique d’une boucle : BOUCLE : récupérer la liste des articles de cette rubrique afficher ici la description de l'article afficher le titre afficher le texte Fin de la BOUCLE Clément Pineau – 06/01/09
Créer ses squelettes • Exemple de boucle : <BOUCLE_articles(ARTICLES){id_rubrique=2}> #DESCRIPTIF #TITRE #TEXTE </BOUCLE_articles> Clément Pineau – 06/01/09
Créer ses squelettes • Ajout de code HTML et style css : <div id=« bloc_articles »> <ul> <BOUCLE_articles(ARTICLES){id_rubrique=2}> <li> <div class=« descriptif »>#DESCRIPTIF</div> <h3>#TITRE</h3> #TEXTE </li> </BOUCLE_articles> </ul> </div> Clément Pineau – 06/01/09
Créer ses squelettes • Ajouter ses squelettes sur notre site • Créer un répertoire « squelettes » à la racine • Nommer correctement les fichiers : • sommaire.html • article.html • rubrique.html • rubrique-2.html • … Clément Pineau – 06/01/09
Créer ses squelettes • Site inspiré de ei2000.univ-mlv.fr • Ajout de squelettes • spip_ig2k_squelettes • Présentation et utilisation des mots-clé • spip_motscles Clément Pineau – 06/01/09
Notions de plugins • Depuis SPIP 1.9, il est possible d’intégrer des plugins • Objectifs : • - Ajouter des fonctionnalités • - Eviter l’hypertrophie du noyau • - Personnalisation de son fonctionnement • - Maintenance simplifiée Clément Pineau – 06/01/09
Notions de plugins • Un plugin se présente sous la forme d’un dossier à son nom, contenant un ensemble de fichier • Installer ce dossier dans le répertoire « plugins » à la racine • Activer le plugin dans la partie d’administration de SPIP • Démo : plugins Clément Pineau – 06/01/09
Plugins existants • Agenda • Lecteur multimédia • Autorité • SPIP-listes • Nuage de mots-clés • Barre d’accessibilité • SPIPBB (forums) • Couleur de rubrique • Boucle XML • Google Analytics • … Clément Pineau – 06/01/09
Créer ses propres plugins • 4 raisons de développer ses plugins : • - créer ses propres fonctions et options • - injecter du code au cœur de SPIP afin de modifier son fonctionnement (Définition d’un certain nombre de points d’entrée dans le code) • - modifier des parties de code sans toucher au noyau (Tous les fichiers du noyau sont surchargeables et toutes les fonctions appelables) • - réécrire son propre code mais en mieux Clément Pineau – 06/01/09
Références SPIP • Ministère des affaires étrangères/de la défense … • Presque toutes les ambassades françaises • Reporter sans frontières • Caisse des dépôts • Université de la Sorbonne • France télévisions • Journal l’Humanité • … Clément Pineau – 06/01/09
Conclusion • Simple à installer • Utilisable par des non-informaticiens • Communauté très active (surtout francophone) • La gestion des plugins -> un vrai plus • Intégration graphique simplifiée • Rien ne remplace un graphiste Clément Pineau – 06/01/09
Des questions ? Clément Pineau – 06/01/09