Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Transcription

1 Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia

2 Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP... 4 Statuts... 5 Partie pour le rédacteur... 6 Partie pour l administrateur Références et annexes

3 Qu est ce que SPIP? SPIP est un système de publication pour le Web. SPIP est composé de plusieurs fichiers installés en FTP* qui permettent de construire un site et d alimenter ce dernier grâce à une interface simple d utilisation. SPIP est un logiciel libre distribué sous Licence Publique Générale GNU (GNU General Public License ou GPL), il est également multilingue. SPIP est un logiciel de type CMS* (système de gestion de contenu). Sous SPIP il y a deux types d utilisateurs en plus du visiteur (internaute) : le rédacteur et l administrateur. Le rédacteur est chargé d écrire des articles afin d alimenter le site public*, les articles rédigés sont ensuite proposés à l administrateur. L administrateur est chargé de valider les articles rédigés par les rédacteurs, il doit vérifier et corriger les erreurs de rédaction, ainsi que les erreurs de mise en page. Pour information il existe environ sites réalisés avec SPIP en France, ces sites sont principalement des sites de presse, d associations, d universitaires, ou du gouvernement (source SPIP.net). Historiquement SPIP a été créé pour le site uzine.net, rezo.net depuis SPIP a été à la base créé pour faciliter la mise à jour d informations de manière quotidienne des sites de presse. Des sites de presse comme le Monde diplomatique et Vacarme utilisent SPIP. SPIP qui en est actuellement à la version 2.0, utilise les langages de programmation web PHP5, XHTML, CSS, SQL, AJAX et JavaScript. 3

4 Organisation d un site SPIP privée. Un site sous SPIP est toujours composé de deux parties, la partie publique et la partie Partie publique Cette partie est celle qui est visible par les visiteurs du site (les internautes). Partie privée La partie privée est réservé aux personnes qui alimentent le site. Cette partie est protégée par un identifiant et un mot de passe. La partie privée du site est accessible uniquement aux administrateurs et aux rédacteurs. Cette partie permet de mettre à jour le site, ainsi que de modifier des informations déjà présentes sur le site. Pour y accéder, il faut taper dans la barre d adresse du navigateur «/ecrire/» après l adresse du site (maisondumonde.org/ecrire). 4

5 Les statuts Le rédacteur Le rédacteur sous SPIP est la personne qui rédige et qui met en forme les articles. Il a pour mission de maintenir le site à jour en mettant régulièrement de l information en ligne. La rédaction d un article sous SPIP se déroule en deux étapes, la première consiste à rédiger et mettre en forme le texte, afin qu il soit prêt pour la mise en ligne. La deuxième étape est la proposition à l évaluation de l article. L administrateur Le rôle de l administrateur est de valider les articles proposé par les rédacteurs. Avant de valider un article l administrateur doit relire l article afin de vérifier aussi bien les erreurs de français, que les erreurs de mise en page. Cette étape est importante en effet elle permet de vérifier que tous les articles du site ont une concordance au niveau de la présentation, pour un souci esthétique. Une fois que l administrateur a validé un article celui-ci est mis en ligne. 5

6 Partie pour le rédacteur Ecrire un premier article Avant d écrire un article, il faut choisir où l on souhaite l écrire. Lorsque vous vous connectez à l espace privé vous avez des rubriques qui correspondent aux différentes pages du site public. Lorsque vous souhaitez écrire un article je vous conseille d aller sur le site public afin de repérer l endroit ou vous vous voulez afficher votre futur article. L accueil de la partie privée est composé de rubriques, le nom des rubriques correspond aux intitulés du site public. Cela vous permet de savoir où aller pour créer un article. Pour créer un article cliquer sur la rubrique, puis si nécessaire sur la sous rubrique, qui vous intéresse. 6

7 Une fois dans la rubrique qui vous intéresse cliquer sur «écrire un nouvel article». Complétez les différents champs titre, texte et lien hypertexte. Le lien hypertexte permet de faire un lien vers un autre site ou vers une autre page du site de la Maison du Monde. Une fois les champs complétés enregistrer l article. Une fois l article rédigé il n est pas encore en ligne, pour cela vous devez le proposer à l évaluation. L administrateur validera ensuite votre article. Ecrire un article complet Nous allons maintenant écrire un article complet avec des images, de la typographie et ajout de documents joints. Vous pouvez rédiger vos articles directement sur SPIP, ou avec un éditeur de texte comme Word. Mais lors de la mise en forme sous SPIP la présentation de votre document externe ne sera pas conservée. Pour mettre en forme un texte sous SPIP il faut utiliser des raccourcis de mise en forme. Pour mettre en forme le texte il existe une barre de typographie située en haut du champ texte lors de la rédaction d un article. Par exemple pour mettre un mot en gras il faut le sélectionner le texte et cliquer sur «B» dans la barre de typographie (bold voulant dire gras en anglais). Apparaît alors un code autour du texte sélectionné. Exemple : {{l oiseau rouge}} est sur l arbre s affichera l oiseau rouge est sur l arbre. Pour avoir un aperçu des différents raccourcis typographie référez vous à l annexe. 7

8 Créer des paragraphes Pour créer un paragraphe dans SPIP il faut faire un double retour à la ligne. Ajouter un lien Pour créer un lien à l intérieur d un article il faut utiliser la barre de typographie. Pour créer un lien externe : [aller sur google-> Pour créer un lien interne au site : Vers un article : [aller sur l édito->12] où 12 est le numéro de l article édito Vers une rubrique : [aller sur actu->rub5] où 5 est le numéro de la rubrique actualité Pour ajouter un lien vous pouvez également utiliser le champ «Lien hypertexte (référence, site à visiter...)». Ajouter une image Pour afficher une image il y a deux actions à réaliser, la première mettre la photo sur le serveur. Pour cela utilisez la fenêtre «Ajouter une image ou un document». 8

9 La deuxième étape consiste à placer dans l article l image en récupérant le code associé à l image téléchargé. Ce code permet d afficher l image mais également de la positionner, à gauche, au centre, à droite. Par exemple si je saisie <img23 center>, dans le corps de mon article, l image 23 sera centré. Lors que l on ajoute une image il faut penser à lui donner un titre et une description (se sont des informations qui n apparaitront pas visiblement sur le site mais ce sont des informations qui serviront pour le référencement du site). Ajouter un document joint Il faut procéder de la même manière que pour ajouter une image. Mettre en article en ligne Une fois l article rédigé vous l enregistrez (les champs titre et texte doivent être au minimum remplis). Cette action ne met pas directement le nouvel article en ligne pour cela vous devez le proposer à l évaluation. Une fois l article proposé à l évaluation, l administrateur doit le valider pour qu il soit en ligne. Cette étape est important en effet sans la proposition à l évaluation l article reste un brouillon et ne pourra pas être visible sur le site. 9

10 Où écrire son article La partie SPIP du site est structurée avec des rubriques et des sous rubriques, pour facilité la navigation les intitulés des rubriques correspondent aux pages du site. Il est plus simple d identifier sur le site ou l on veut afficher un nouvel artcile et ensuite de ce rendre dans SPIP pour le placer au bon endroit. Les pages particulières La page multimédia Pour ajouter un album photo il faut d abord le créer sur Picasa en utilisant cette adresse : lh/login%3fcontinue%3dhttp%253a%252f%252fpicasaweb.google.com%252fhome&service=lh 2&ltmpl=gp&passive=true, l identifiant étant l adresse mail de la coordinatrice, et le mot de passe étant le numéro de téléphone de l association. coordination@maisondumonde.org Mot de passe Pour que l album s affiche sur le site ce dernier doit être en statut public. La page d accueil Pour la page d accueil des sous rubriques sont prévues dans SPIP, il ne faut pas les supprimer mais bien modifier ou rajouter un article. Si un rubrique est supprimée le site ne fonctionnera pas. Pour le déroulant d actualité présent sur tout les pages il faut ce rendre dans la partie «actualités» et aller dans la sous rubrique «Actualités en défilement». La particularité de cette rubrique est que les articles créés ne doivent pas être supprimés mais uniquement modifiés. Pour afficher des images en format plein il faut les dimensionner 870px par 186px sur un logiciel de retouche d images. 10

11 Partie administrateur Valider des articles L administrateur a en charge la validation et des différents articles rédigés par les rédacteurs. Lorsqu un rédacteur propose à l évaluation un article, celui-ci s affiche sur la page d accueil de SPIP. L administrateur a pour mission de vérifier le contenu et la mise en page de l article proposé. Un rédacteur a des droits limité sur les articles, il ne peut pas par exemple modifier les articles des autres rédacteurs, contrairement à l administrateur qui peut lui modifier tous les articles du site. de l article. Pour valider un article l administrateur doit cliquer sur le l icône afin de changer le statut Ajouter ou modifier des administrateurs ou des rédacteurs Il faut se rendre sur l icône auteurs et suivre la procédure. Enregister la base de données Afin de faire des sauvegardes du site, il faut enregistrer régulièrement la base de données. Pour cela il faut se rendre dans la partie «configuration / maintenance du site». 11

12 Références et annexes. Projet Plume, (le 23 juin 2010), Promouvoir les Logiciels Utiles Maitrisés et Economique dans l Enseignement Supérieur et la Recherche, SPIP est un logiciel libre et gratuit. Pour plus d informations ou consulter une documentation complète, aller sur le site 12

13 Mémento pour l'enrichissement typographique dans SPIP Ce tableau rappelle brièvement les méthodes à utiliser pendant l'écriture d'un article pour ajouter des titres, du texte en gras, en italique, etc..., sans avoir à connaître HTML. L'utilisation d'html reste néanmoins possible, et nécessaire pour les cas plus complexes. Fonctionnalités Méthodes Commentaires Intertitre {{{ le titre }}} Le texte entre triples accolades est affiché comme un titre. Changement de Passer une ligne paragraphe Caractères gras {{texte en gras}} Le texte entre double accolades apparaitra en gras. Caractères en italique {texte en italiques} Le texte entre simples accolades est affiché en italique. Astuce: pour avoir du texte en gras et en italique, mettre trois accolades en insérant une espace (pour faire 1+2), et en respectant la symétrie. Ex : { {{ texte en gras et en italique }} } Liste à puces - premier élément - deuxième élement Le petit trait sera automatiquement remplacé par une puce, telles qu'elle est définie dans la charte graphique. - etc... Trait de séparation ---- Entrer une ligne contenant quatre petits tirets (au moins). Lien hypertexte [texte -> URL] Mettre le texte et l'url entre crochets, séparés par une flèche. Le texte devient une zone cliquable, et renverra le lecteur sur la page web indiquée par «URL». Ex : Lien hypertexte vers un article Lien vers une rubrique [le site national de l'aitf-> [texte->n d'article] Pour renvoyer vers un article du site, il suffit de donner le numéro de l'article. Par exemple, en supposant que l'article 12 donne la liste des contacts : [nous conctacter->12] [texte->rubxxx] Où xxx est le numéro de la rubrique. Ex : [voyez notre agenda->rub3] Lien vers une brève [texte->brxxx] Où xxx est le numéro de la brève. Ex : [Annonce de l'ag->br25] Note de bas de page automatique [[texte de la note]] Le texte entre doubles crochets droits apparaîtra en bas de la page, et sera remplacé par un numéro généré automatiquement. Note de bas de page numérotée Faire un tableau simple Insérer une image [[<x>texte de la note]] aaa bbb ccc xxx yyy zzz <IMG1 left> <CENTER> <IMG1 center> </CENTER> <IMG1 right> Le texte entre doubles crochets apparaîtra en bas de page, et sera remplacé par le numéro x indiqué entre «< >». Pour faire un tableau simple il suffit de séparer les colonnes par la barre verticale. Cette méthode autorise uniquement des cellules d'une seule ligne. Pour faire des tableaux plus complexes, utiliser le langage HTML. L'image doit avoir été précédemment téléchargée sur le site par la fonction «télécharger une nouvelle image» dans la colonne de gauche affichée quand on rédige un article. Le système indique alors sous quel nom l'image est disponible, et c'est ce nom qui doit être utilisé dans les commandes ci-contre. Trois commandes sont disponibles, selon qu'on veut voir l'image à gauche, au centre ou à droite. Pour plus d'informations, dans l'espace d'administration de SPIP, cliquer sur [AIDE], puis «łes articles», et enfin «les raccourcis typographiques». 13