La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

I – Présentation de spip Environnement : les CMS, définition et contraintes, les rôles.

Présentations similaires


Présentation au sujet: "I – Présentation de spip Environnement : les CMS, définition et contraintes, les rôles."— Transcription de la présentation:

1 I – Présentation de spip Environnement : les CMS, définition et contraintes, les rôles

2 a) Environnement : les CMS (Content Management System) ou SGC : Système de Gestion de contenu exemples : Guppy, Joomla, Spip, Drupal système adapté pour réaliser des sites dentreprises, dorganismes, dont l'ergonomie est avancée Simplicité pour l'utilisateur final : mise à jour directe, en ligne Souvent issu du monde du logiciel libre Séparation du contenu et de la présentation Gestion des droits (notion de rôles) notion de chaîne de publication

3 b) SPIP qu'est ce que c'est ? Définition, contraintes

4 Quest-ce que SPIP ? un système, installé sur un serveur permettant la création dun site structuré comme un magazine papier Automatisation du fonctionnement classique dune publication : comité éditorial, rédacteurs, etc.

5 Des journalistes choisissent Spip L'agence Internews (service aux médias) justifie son choix ainsi : spip offre aux journalistes l'environnement d'une rédaction traditionnelle (hiérarchie de la responsabilité éditoriale, suivi des révisions, trace des communications pendant le processus dédition, archivage par mots clés...) tout en ouvrant laccès à toutes les possibilités du Web (flux RSS, contenus multimédias, statistiques, moteur de recherche...). SPIP répond aux besoins d' une équipe éditoriale éclatée géographiquement (forums privés, messagerie interne, calendrier...). Facilité demploi de SPIP ainsi que son multilinguisme (SPIP existe en plus de 50 langues, et permet la gestion de plusieurs langues au sein dun même site) ont été deux critères déterminants.

6 Les contraintes de SPIP 1) comme tout CMS La ligne éditoriale doit être établie et structurée en rubriques et sous-rubriques Les responsabilités doivent être distribuées clairement Chacun doit connaître sa place, ses procédures et assurer sa fonction dans le système

7 Les contraintes de SPIP 2) spécificités de spip Spip tel qu'on le télécharge a un aspect graphique rudimentaire et présente obligatoirement les derniers articles sur la première page => recours aux feuilles de style, à la programmation ou à un complément (squelette, plugin) qu'il faut trouver et connaître Aspect figé des droits (rôles) et de l'ergonomie

8 c) Spip : la répartition des rôles

9 Les visiteurs Ils peuvent : parcourir les rubriques et les articles publiés participer aux forums publics ouverts

10 Les rédacteurs Les tâches qui leur incombent : proposer régulièrement des articles et des brèves en rapport avec certains sujets traités sur le site commenter, corriger les articles dautres rédacteurs consulter les forums, répondre aux messages

11 Les administrateurs (de plein droit) responsabilité éditoriale + technique sur l'ensemble du site Les tâches (rôles) qui leur incombent : Définition de la ligne éditoriale du site : conception de la charte graphique, des rubriques, Conception des squelettes des pages Sauvegarde et restauration Paramétrage avancé du fonctionnement du site Rédaction darticles et de brèves Correction et validation des articles proposés par les rédacteurs Gestion et modération des forums publics (et suppression des messages) envoi d'annonces à tous les participants Recrutement de nouveaux rédacteurs

12 Les administrateurs (restreints) Presque pas de droits sur la technique, droits éditoriaux sur les rubriques qui leur sont attribuées, droits de rédacteurs sur tout le site Les tâches (rôles) qui leur incombent : Rédaction darticles et de brèves dans toutes les rubriques Correction et validation des articles proposés par les rédacteurs sur les rubriques qui leur sont attribués Gestion et modération des forums publics sur sa rubrique (sans la possibilité de supprimer les messages) Envoi d'annonces à tous les partipants Sauvegarder le contenu de la base

13 II Installer, utiliser Spip a) Installation b) Spip / rédacteurs c) Spip / administrateurs

14 a) Installation de Spip chez un hébergeur distant : procédures 1/ Trouver un hébergeur compatible 2/ Recevoir les paramètres de votre hébergement et les comprendre 3/ Récupérer les fichiers de Spip 4/ Lancer Spip sur lespace dhébergement (avec un logiciel FTP) 5/ Configurer laccès à votre site spip (avec le navigateur)

15 1/ trouver un hébergeur compatible Il faut hébergeur proposant une base de donnée Mysql, et aussi Php Serveur : de préférence Apache SPIP 1.9 nécessite une version de php supérieure à 4.0.8, compatible avec les versions 5.x. Compatibilité avec MySQL 4 et 5. voir :

16 Quelques hébergeurs compatibles et OVH : solution payante dizaine deuro par an => Solution professionnelle : solution gratuite (site perso) Hébergement free réservé aux clients free : prendre un accès internet gratuit (inutile de lutiliser) puis retourner sur avec login et mot de passe client pour activer lespace dhébergement puis activer la base de donnée Mysql (en un clic de souris et 24 heures dattente à chaque fois)www.free.fr

17 2/ Les paramètres de votre hébergement 2 types de paramètres : A/ Pour le FTP (File Transfert Protocole) serviront à mettre en ligne les fichiers de Spip avec un logiciel FTP comme Filezilla, simple et gratuit B/ Pour la base de donnée Mysql, qui serviront à paramétrer Spip (après la mise en ligne des fichiers) pour sa mise en rapport avec la dite base de donnée

18 2/ Les paramètres de votre hébergement A/ Les paramètres FTP fournis par lhébergeur : Une adresse FTP : charger vos fichiers sur le serveur distant : ftp://ftpperso.free.fr (exemple de free)ftp://ftpperso.free.fr Un login FTP : urf1 par exemple Un mot de passe FTP : mlcalb par exemple Tous ces paramètres FTP seront utiles Note : vous disposerez aussi de lURL de votre site: par exemplehttp://urf1.free.fr

19 2/ Les paramètres de votre hébergement B/ Les paramètres de la base de donnée Mysql fournis par lhébergeur Note : sauf rares exceptions, votre base de donnée sera « activée » (installée, mais vide, par lhébergeur) Une adresse de la bdd : sql.free.fr par exemple, chez free. A connaître, mais Spip devrait la détecter automatiquement

20 2/ Les paramètres de votre hébergement B/ Les paramètres de la base de donnée Mysql fournis par lhébergeur (suite) Le nom de la base de donnée : urf1(par exemple) Login de la base de donnée : urf1 (par exemple) Mot de passe de la base de donnée : mlcalb (par exemple) Pour Configurer Spip, il faudra le nom, login et mot de passe de votre b.d.d. Mysql

21 3/ Récupérer Spip Télécharger la dernière version de Spip 2 possibilités : 1/ (simple et rapide) récupérer spip_loader.php, le fichier d'installation automatique qui, une fois en ligne, ira chercher automatiquement les autres fichiers 2/ (si l'install. automatique échoue) récupérer tout spip, décompresser l'archive puis lancer le contenu du dossier spip obtenu

22 4/ Lancer les fichiers de Spip Il faut lancer sur le serveur le fichier spip_loader.php (cas de l'installation automatique) ou le contenu du dossier Spip (et non le dossier lui-même) avec un logiciel FTP comme Filezilla. FTP = File Transfert Protocol, protocole daccès optimisé pour le chargement de fichiers. Se servir de ladresse FTP, login et password et faire passer le ou les fichiers du local (votre poste) au distant (hébergeur)

23 5/ Configurer l'accès au site spip Se rendre à ladresse de votre spip (http://urf1.free.fr par exemple) et suivre les indications qui apparaissenthttp://urf1.free.fr connexion Mysql : adresse de la bdd, login password de la bdd Choix de la bdd Informations personnelles : sert à créer votre signature, login et password pour mettre à jour votre site

24 Lespace public Les visiteurs du site géré sous SPIP accèdent à une page présentant au moins ces éléments : Menu général du site : plan du site, lien Administration pour laccès à lespace privé Article publié le plus récemment Menu des rubriques actives et alimentées en articles

25 La page de login Adresse du site suivi de /ecrire

26 Lespace de développement

27 Interface simplifiée et interface complète Interface simplifiée –Linterface simplifiée ne donne accès quaux commandes les plus courantes Interface complète –Linterface complète ajoute des contrôles supplémentaires : gestion des mots-clefs, maintenance et configuration avancée du site, etc…

28 b) Fonctions utiles pour rédacteurs Rédiger un article Les brèves

29 Les raccourcis typographiques 2 fois sur la touche Entrée du clavier pour changer de paragraphe, pour un simple saut de ligne ---- (quatre tirets) = donne une ligne horizontale Mémento des raccourcis

30 Exercices de rédaction Faire 3 rubriques, et 5 ou 6 articles, les publier : prêter attention à leurs apparences, mode daffichage, numéros darti ou de rub, statut (brouillon, publié) Exercices sur les raccourcis typographiques : tester les puces, gras, etc. Faire lien hypertexte vers site Lien hypertexte vers un article Lien vers une rubrique

31 Macro Word Convertit format word en format spip… LINSTALLATION - renommer "macro_word.dot" en " Spip.dot" - - Copier "Document Spip.dot" dans C :\Program Files\Microsoft Office\Modèles\Autres Documents - Démarrer Word - choisir Fichier/Nouveau/Autres Documents/Document Spip.dot - Taper du texte - Puis générer du texte au format SPIP dans un nouveau document en cliquant sur la petite baguette magique sous "Edition"

32 Les brèves brèves = petits articles, avec moins de champs, attachés exclusivement aux rubriques de premier niveau, sans rédacteurs, destinées à être remplacées régulièrement

33 c) Etre administrateur : les principaux paramétrages

34 Créer un auteur : rédacteur Administrateurs peuvent créer des rédacteurs : aller sur auteurs, créer un auteur, puis le nommer rédacteur Auteur est le terme générique qui désigne les participants, qu'ils soient "rédacteurs" ou "administrateurs".

35 Exercice : rédacteur L'administrateur crée un rédacteur Le rédacteur créé un article et le soumet à l'administrateur qui le validera ou non Tester la communication interne à l'espace privé (forum interne et messagerie) Messages : de 1 à 1,2,3 ou plus (message), ou de administrateur à tous (annonce) ou à soi- même (pense-bête). Peuvent être liés au calendrier (création de tâches)

36 Créer un auteur : administrateur Il suffit de donner le bon statut à un auteur créé.. Administrateur "plein" : droits sur toutes les rubriques, accès à la configuration du site Administrateur restreint : droits sur une ou plusieurs rubriques, pas d'accès à la configuration du site, pas de création de rédacteurs Possibilité d'avoir un forum réservé aux "administrateurs pleins" (accès par : configuration du site, interactivité)

37 Ajouter des aides à la rédaction Possibilité d'avoir un suivi des révisions (l'option doit avoir été activée par configuration / fonctions avancées, l'article doit avoir été publié Possibilité d'activer un correcteur orthographique

38 Ne pas afficher certains champs des articles Facilite la tâche du rédacteur Menu : configuration pour y accéder

39 Gestion des éléments de la structure : brèves Conseil : avant d'activer cette fonction : brève, bien établir la politique éditoriale afin d'éviter le double-emploi avec les articles Brèves s'activent ou se désactivent par le menu : configuration/contenu du site...

40 Exo Créer 3 ou 4 brèves Repérer la page dune brève Conclusion : allez-vous vous servir des brèves, place dans votre stratégie éditoriale

41 Gestion des éléments de la structure : mots-clefs Ils servent à renforcer l'indexation d'un article, qui sera retrouvé après une interrogation du moteur de recherche sur ce mot-clé Il faut créer les mots-clés pour pouvoir les attribuer aux articles Des mots-clés appartenant à des groupes de mots et liés aux articles permettent de proposer une navigation thématique permettent de contourner la limitation de SPIP selon laquelle un article ne peut appartenir quà une seule rubrique.

42 Les mots clefs peuvent être attribués à divers éléments, par les administrateurs ou par les rédacteurs mots clefs : important pour la programmation dans Spip et pour de nombreux squelettes (Epona, Beespip, etc…)

43 III Perfectionnement Spip a) bdd, sauvegarde, cache b) système de fichier, notions sur les boucles c) squelettes, plugins

44 Schéma général de fonctionnement Base MySql Pages html dynamiques Entrer des données par formulaire Langage PHP SPIP Site web "squelette(s)" (mode(s) d'affichage des pages) CSS

45 structure de la base de données Le contenu du site Spip est conservé dans une base de donnée Mysql hébergée sur le serveur Une table pour les rubriques, une pour les rédacteurs, une pour les articles Pour plus dinfos, consulter

46 Base de données MySQL

47 structure de la base de données Exemple : la table articles comprend les champs : id_article, surtitre, titre, soustitre, id_rubrique, descriptif, chapo, texte, etc..

48 Sauvegarde de la BDD N'oubliez pas également de récupérer l'intégralité du répertoire IMG/, qui contient les images et les documents utilisés dans les articles et les rubriques. Attention: cette sauvegarde ne pourra être restaurée QUE dans un site installé sous la même version de SPIP. Il ne faut donc surtout pas « vider la base » en espérant réinstaller la sauvegarde après une mise à jour... «Configuration/Maintenance» de lespace privé, et cliquez sur le bouton « Sauvegarder la base ». Plus d'infos :

49 Restauration de la BDD

50

51 Mettre à jour votre version de Spip B) La mise à jour Il suffit de faire une nouvelle installation de spip "par-dessus" la précédente. Les nouveaux fichiers écraseront les anciens. Voir :

52 Mettre à jour votre version de Spip C) La mise à jour : passer de 1.8 (ou antérieur) à 1.9 compte tenu de la profonde réorganisation des fichiers, une documentation plus complète explique comment faire une mise à jour propre : Voir :

53 Gestion du cache Dans la partie « Configuration Maintenance » de lespace privé, un bouton « vider le cache » efface tous les fichiers cachés. A faire après des mises à jour du site, ou se servir du bouton recalculer page par page Possibilité aussi de vider le cache des images et du moteur de recherche Voir :

54 Fonctionnement du cache un système de cache permet de stocker chaque page et ainsi déviter de provoquer des appels à la base de données à chaque visite. délai du cache défini dans le fichier html du squelette, par une balise #CACHE{délais}, par exemple #CACHE{3600}

55 b) Les bases du système de fichier Les fichiers dist : Dossier dist comprend les fichiers de la distribution originale (et que la distribution originale). SPIP recherche les fichiers.html des squelettes dabord dans le répertoire squelettes, puis sils ny existent pas, dans le répertoire racine du site. En dernier recours, SPIP prend les fichiers par défaut dans le répertoire « dist ». Lors d'une mise à jour de spip, Seuls les fichiers dist seront affectés, un squelette installé restera intact. Créer vos fichiers htm (personnalisation de spip) dans le dossier squelettes Voir :

56 La structure des fichiers Spip Dossier racine contient : Fichiers PHP (instructions de fonctionnement) CACHE (TEMP depuis 1.9.2) contient : cache des pages HTML visitées Dossier dist/ contient : pages HTML modèles, feuilles de style Dossier ecrire/ contient : administration du site (Fichiers PHP ) Dossier formulaires/ contient : pages HTML des formulaires Dossier IMG/ contient : Doc liés aux articles (images, PDF,.doc, etc.)

57 Les fichiers.PHP Contiennent instructions de fonctionnement index.php

58 Autres fichiers PHP Dans les sous-répertoires du dossier écrire Le sous-répertoire exec/ contient les fichiers php qui produisent les pages de l'espace privé (suivi_revisions.php, mots_edit.php, forum_admin.php, editer_auteurs.php etc.) Le sous-répertoire base/ contient les fichiers php qui gèrent la base de donnée

59 Les fichiers HTML Dans le dossier DIST/ Décrivent l'interface graphique des pages (HTML) + des instructions permettant dindiquer à SPIP où il devra placer les éléments tirés de la base de données (Mysql + code spip)

60 Un fichier HTML Cette instruction en "code spip" insérée au html de article.htm permettrait d'afficher le titre de l'article n°1 INSTRUCTION EN CODE SPIP #TITRE article.htm

61 Feuilles de style CSS et Spip Moyen puissant de modifier l'habillage graphique du site Permettent de générer des règles de mises en forme spécifiques pour des élement précis : paragraphes, liens, etc.. La feuilles de style essentielle de SPIP est : habillage.css Les feuilles de style sont dans le dossier dist. Pour les personnaliser, les copier dans un répertoire squelettes (à créer) puis les modifier Consultez :

62 Infos sur le fonctionnement Pour plus dinformations, consulter :

63 Les Une permet de lire la base de données Les SPIP sont traduites par SPIP en requêtes SQL qui permettent dinterroger la base de données. On peut ainsi lire les tables : ARTICLES : RUBRIQUES : SITES : MOTS : le début de la boucle est noté : la fin par :

64 Notions élémentaires sur les boucles

65 Les #BALISES Pour chacune de ces il est possible dafficher les différents champs de la table, ces champs sont directement accessible par des #BALISES que lon insère dans la, ainsi pour la on peut afficher : le titre : #TITRE ; le surtitre : #SURTITRE ; le chapeau : #CHAPO ; le texte : #TEXTE ; le PS : #PS mais aussi lidentifiant unique de larticle : #ID_ARTICLE ; lidentifiant de la rubrique : #ID_RUBRIQUE ;.... La syntaxe des balises est la suivante : [texte_avant(#BALISE)texte_après]

66 Les { critères } de sélection Les {critères} de sélection permettent de limiter et dordonner laffichage des données respectant certaines conditions, comme : par ordre alphabétique : {par titre} ; par ordre numérique : {par num_titre} ; de la même rubrique : {id_rubrique} ; en fonction de lage : {age<30} (affiche les articles qui ont moins de 30 jours) ;

67 Les filtres Les |filtres sont des fonctions écrites en.php qui utilisent comme paramètre principal, la #BALISE. Dans la boucle "articles du sommaire" on trouve : [(#DATE|nom_jour)] [(#DATE|affdate)] Ces deux |filtres agissent sur la balise #DATE, le premier affiche le nom du jour (lundi, mardi,..) le second la date sous la forme dun texte (13 janvier 2005). Quelques |filtres : |

68 c) Squelettes et plugins

69 Squelettes et plug-in Pour ajouter fonctionnalités (plugins) et nouvelle apparence (squelette) 2 procédures d'installation différentes, facilité d'installation/désinstallation des plugins Ancienneté des squelettes, Plugins depuis Juin 2007 Toujours veiller à la compatibilité de ces compléments entre eux. : recense les contributions à spip : plugins, squelettes,

70 Les plug-in Les plug-in modifient le fonctionnement de spip (utilisables à partir de version 1.9) Attention à la compatibilité des plugins : entre eux, avec votre version de spip, éventuellement avec un squelette installé. Toujours tester avant. Installation : créer un dossier nommé plugins à la racine du site SPIP. Y placer l'ensemble des plug-in téléchargés. Allez dans lespace privée du site : Configuration / Gestion des plugins et activez le plug-in installé.

71 plug-in Accès restreint Accès restreint : Le plugin accès restreint permet de définir et de gérer des zones de lespace public et privé en accès restreint. Les zones ainsi définies ne sont alors accessibles quaux visiteurs authentifiés et autorisés.

72 plug-in Accès restreint par groupes permet de restreindre laccès à des rubriques et leurs contenus en gérant des groupes dutilisateurs autorisés

73 plug-in crayon Ce plugin permet déditer les contenus sur les pages publiques du site, sans passer par lespace privé de SPIP. Il respecte les autorisations données dans lespace privé. Après l'installation, il faut procéder à une retouche du code de spip

74 Les squelettes Les squelettes modifient l'apparence et/ou les fonctionnalités du site spip Vérifier si le squelette est adapté à votre version de spip

75 Introduction aux squelettes Chaque squelette a sa procédure d'intallation. En général : on installe les fichiers du squelette au premier niveau de l'arborescence (dans un dossier squelettes), puis on paramètre depuis l'interface. Trouver des squelettes :

76 Exemples de squelette Biospip Biospip : Améliore le design de spip Installer Biospip : BioSPIP-ou-des.html Améliorer design Biospip (exerc. feuille style) design-pour-son.html Et aussi supprimer-les-annonces.html

77 Exemples de squelette : Spip-Clear Blog avec Spip : Spip-Clear Basé sur Dotclear. Sapplique sur un secteur de votre site Spip. Possibilité de multiplier les blogs sur un site, de gérer des catégories et sous-catégories, de gérer plusieurs rédacteurs À récupérer sur : Exemple :

78 Exemples de squelette Epona installation facile menu de navigation dynamique Les articles qui auront été marqués avec le mot clé cacher napparaîtront pas à la une. Les sites qui auront été marqués avec le mot clé sommaire apparaîtront à la une. agenda visible sur le site Dernière version sur :

79 Exemples de squelette Sarkaspip Caractéristiques similaires à Epona (personnalisation simple, mot-clef edito pour avoir une page d'accueil) Possibilité de récupérer feuilles de style de sites faits avec le même squelette avec firefox (clic-droit sur la page puis propriété pour trouver l'adresse du CSS)

80 Autres squelettes : Magusine (date de 2008) : nombreux réglages sont possibles sans avoir recours à la programmation. C'est aussi le cas de Beespip, plus ancien. (juin 2008 : le squelette Sarkaspip va aussi adapter ce principe)

81 Exemple de squelette : Beespip Un squelette sous la forme de plugin Importantes possibilités de personnaliser l'apparence de Spip, sans passer par la programmation Nombreux Réglages possibles avec l'interface privée

82 Activer Beespip Guide d'installation : Beespip est un plugin quil faut "activer" Pour l'activer, en "interface complète" survoler le bouton "Configuration" pour visualiser le bouton "Gestion des plugins" Il faut cocher à minima les plugins Squelette Beespip et DW2 Puis clic sur configuration Beespip à droite du bouton "Gestion des plugins"

83 Beespip Dans : Configuration Beespip/ Mots clefs : clic sur création des 3 rubriques Une rubrique Accueil sous rubrique Com est automatiquement créée. Accédez à "DW2 - Suivi des téléchargements" disponible au survol du bouton "Statistiques". Laissez les réglages par défaut, spécifiez uniquement le "Mode denregistrement des nouveaux Documents" en choisissant "Auto". Les articles publiés dans Com s'afficheront comme des entités de la page accueil, elles s'afficheront dès la création d'autres rubriques de votre choix.

84 Beespip configuration beespip : nombreuses possibilités, exemple : possibilité d'activer un mode intranet "Permet de restreindre l'accès au site aux seuls rédacteurs référencés" Possibilité de modifier apparence du site selon des thèmes prédéfinis : configuration/beespip puis thèmes

85 Beespip Gérer l'apparence du site : des mots clefs assignés aux rubriques pour modifier l'apparence du menu de la page accueil : menu déplié pour faire apparaître toutes les rubriques, trier par date les articles, exclure pour exclure une rub. du menu, etc..

86 Beespip Des mots clefs assignés aux articles pour modifier l'apparence du menu de la page accueil : ouvert rubrique permet à un article de remplir la rubrique, ouvert rubrique résumé affiche les premières lignes des articles sur une page rubrique, exclure pour exclure un article du menu, etc..

87 Beespip Placez un logo : votre image doit s'appeler : images-interface/pixel_couleur1.gif et écraser le fichier image du même nom.

88 Autres possibilité de beespip Wiki Annuaire de site lié aux rubriques Annuaire de noms Mode intranet Conversion PDF des articles Index des mots-clefs Etc..


Télécharger ppt "I – Présentation de spip Environnement : les CMS, définition et contraintes, les rôles."

Présentations similaires


Annonces Google