Web : Le système SPIP

Le système SPIP.

Qu’est-ce que SPIP ?

C’est un système de création et gestion de site, utilisé par Amnesty International. Il a l’avantage d’être très facile à utiliser et permet une réelle interactivité. Vous trouverez dans le site un manuel en ligne mais voici déjà quelques règles de base pour créer votre site.

Quelles sont les personnes autorisées à écrire et à modifier des articles sur le site ?

Seules certaines personnes préalablement enregistrées sont autorisées à intervenir sur le site.
Il faut choisir, au sein d’une équipe, un responsable du site nommé (enseignant, adulte ou permanent) qui devra autoriser électroniquement la publication des textes qui lui seront soumis par les autres membres. Dans le système SPIP, il est nommé administrateur. C’est lui qui publiera les articles des élèves (nommés auteurs), après avoir contrôlé leurs textes.

Nous avons déjà nommé un administrateur par pays. Par défaut, nous avons choisi l’adulte responsable du projet, et lui avons créé un login (nom d’accès) et un mot de passe (que nous avons communiqué par courrier). Si la personne responsable du projet n’est pas celle qui va s’occuper de la gestion du site, il suffit alors qu’elle donne son login et son mot de passe à une autre personne (professeur ou adulte responsable). Il est également possible de nommer plusieurs administrateurs pour le même site. Attention, ceux-ci ne seront autorisés à publier des articles que dans la rubrique de « leur » pays.


Comment nommer des auteurs (élèves chargés d’écrire des articles) ?

Le ou les administrateurs doivent nommer des auteurs et créer pour chacun d’eux un login et un mot de passe. Pour cela, suivre la procédure suivante :

Rendez vous sur http://www.amnestyinternational.be/ecrire/navigurer.php3?coll=88 et rentrez votre login et mot de passe pour accéder à votre espace personnel d’administrateur.

Cliquez ensuite sur le champ Auteurs
Cliquez ensuite sur Créer un nouvel auteur

Ne remplissez que les champs suivant lorsque vous créez un nouvel auteur :

 Signature

 E-mail

 Login (= nom de l’auteur. Par ex. : Jean Lefebvre)

 Mot de passe (tâchez de trouver une même règle de mot de passe pour tous les auteurs. Ex. : initiales de l’auteur + sa date de naissance).

 Statut de cet auteur : choisir « rédacteur » (il apparaît par défaut)

Une fois que vous avez rempli ces champs, cliquez sur valider. L’auteur aura à partir de ce moment un numéro d’auteur et pourra commencer à accéder à la partie « écrire » de votre site.

Remarque : conjointement à l’administrateur, Amnesty International se réserve le droit de contrôler le contenu de vos articles et de les retirer du site « visages du monde » s’ils contiennent des éléments erronés ou injurieux.

Comment écrire des articles dans l’espace Internet qui vous est réservé ?

Tapez l’adresse suivante : http://www.amnestyinternational.be/ecrire/naviguer.php3?coll=88
(88 ou le numéro de votre rubrique pays)

 Le système SPIP vous demande votre nom d’utilisateur (login) et mot de passe : inscrivez-les. Ce mot de passe ne vous donnera un accès que pour l’espace de « votre » pays et de votre groupe. Cliquez donc ensuite sur l’icône précisant le nom de « votre » pays et le nom de votre école ou groupe.

 Une fois que vous avez réalisé cette manœuvre, une autre page s’ouvre. Celle-ci vous présente différentes icônes :

Modifier cette rubrique

 Titre (obligatoire)

 A l’intérieur de la rubrique

 Descriptif rapide

 Texte explicatif

Créer une sous-rubrique

 Titre.

 A l’intérieur de la rubrique

 Descriptif rapide.

 Texte explicatif.

Ecrire un nouvel article

 Sur titre.

 Titre.

 Sous titre

 A l’intérieur de la rubrique.

 Descriptif rapide.

 Chapeau.

 Texte.

 Post Scriptum


Qu’est-ce qu’une rubrique ?

Une rubrique est un espace destiné à accueillir des articles. Rien de plus simple : on peut aussi dire dossier (comme sur votre bureau ou votre ordinateur : vos documents sont rangés dans des dossiers).

Les rubriques peuvent être installées les unes dans les autres, formant ainsi une hiérarchie. Une rubrique est soit à l’intérieur d’une autre rubrique, soit elle n’est rattachée à aucune autre et constitue alors un point d’entrée dans le site (nous parlons alors de tête de rubrique, ou de secteur). L’emboîtement des rubriques les unes dans les autres constitue l’ossature de votre site, puisque c’est autour de cette structure que viendront se greffer les différents articles de votre site.

Comment créer une rubrique ?Comment créer un article ?

Prenons un exemple concret pour que vous puissiez mieux visualiser le fonctionnement de ce système : vous êtes entrés dans le site et avez cliqué sur l’espace qui vous est réservé (avec le nom de « votre » pays et de votre école ou groupe).

Imaginons que vous désirez créer une sous-rubrique histoire dans votre site.
Cliquez sur Créer une sous-rubrique. Cette icône vous donne accès à une page Web où figure ces différents éléments :
Titre : indiquez-y le titre de votre sous-rubrique. En ligne, il apparaîtra avec les titres des autres sous-rubriques sur la page de la rubrique qui les contient toutes.
Descriptif : que contiendra votre sous-rubrique ? Cet élément apparaîtra comme une sorte de sous-titre. Il n’est pas obligatoire.
Texte explicatif : quelques lignes pour introduire votre sujet. Pas obligatoire.
Une fois que vous avez complété, selon votre envie, les différentes cases, allez dans le bas de la page et cliquez sur l’icône Valider

Cliquez maintenant sur l’icône Créer un nouvel article. Une nouvelle page s’ouvre où figurent ces divers éléments :

 Surtitre : par exemple, Histoire contemporaine. Il s’agit tout simplement de hiérarchiser votre sous-rubrique. Le surtitre n’est pas indispensable.

 Titre : où vous indiquez le titre de votre article. Contrairement au surtitre, le titre de votre article est indispensable.

 Choisir la rubrique : cet élément reprend le nom de la rubrique en cours. Le menu indique toute la hiérarchie des rubriques : sélectionnez celle dans laquelle vous voulez placer l’article.

 Descriptif rapide : en quelques mots…Il permet d’indiquer brièvement, dans le sommaire par exemple, le thème de l’article. Ce descriptif peut être mis de côté. En effet, il n’est pas vraiment indispensable.

 Chapeau : Le chapeau désigne le court texte qui « chapeaute » l’article. Il s’agit de répondre aux questions principales de votre sujet en quelques lignes :qui, quand, quoi, comment, pourquoi,…
Le chapeau est beaucoup plus intéressant qu’un descriptif rapide. En effet, grâce au chapeau, votre description sera toujours mise en évidence car le caractère apparaîtra en gras au-dessus de votre texte.

 Le texte : c’est l’article que vous rédigez, comme son nom l’indique.

Lorsque vous avez terminé votre article, cliquez sur Soumettre cet article à la publication.
L’administrateur pourra alors décider de le publier tel quel ou de le corriger ou pourquoi pas de vous demander de le retravailler.

L’icône Poster un message soumet l’article rédigé aux autres administrateurs/ rédacteurs (enseignants) et journalistes (élèves). Il permet aux autres journalistes et administrateurs de donner leurs commentaires et remarques sur votre article.

Remarque : Dès qu’un problème se pose, consultez et cliquez sur l’icône Aide en ligne.

Comment les élèves peuvent-ils proposer un article à la diffusion ?

Lorsque l’article est « en cours de rédaction », il est suivi d’un bouton « demander la publication de cet article ».
Cela signifie que l’article est alors « proposé à l’évaluation » c’est-à-dire présenté à tous les autres administrateurs, qui seront invités à le commenter, dans l’attente d’une validation (publication) ou d’un refus de la part des administrateurs.

Seul l’auteur de l’article peut effectuer cette opération !

Remarque : N’hésitez pas à corriger votre article autant de fois que vous le voulez, avant de le « proposer à l’évaluation ». Pour cela, cliquez à chaque fois sur « Modifier l’article » et n’oubliez jamais de valider votre texte corrigé.

Comment insérer une image dans le texte ?


Le système vous offre la possibilité d’illustrer vos articles avec des images.

En ce qui concerne le format des images :
Lorsque vous créez vos images, vous devez les créer à l’un des formats suivants :

 GIF (extension .gif)

 JPEG (extension .jpg)

 PNG (extension .png)

Afin d’éviter les erreurs graves de manipulation, le système SPIP rejette les fichiers-images d’une taille supérieure à 256ko.

Veillez donc à ne pas dépasser 256ko ! Veillez également à ce que le nom de vos fichiers ait une terminaison indiquant le format de l’image :.gif, .jpg ou .png. Le nom du fichier n’a aucune importance, à condition de ne pas oublier cette terminaison.

En ce qui concerne l’installation des images sur le serveur :

Avant de pouvoir insérer vos images à l’intérieur du texte, il faut bien entendu installer ces images sur le serveur. Cela se fait, dans SPIP, par l’interface graphique.

Lorsque vous « modifiez » un article, la colonne de gauche vous propose une interface intitulée : « télécharger une nouvelle image ». Cela se présente sous la forme d’un champ suivi d’un bouton intitulé (selon la version) « browser », « selectionner », « file », « fichier »,…

Une fois cette étape réalisée, cliquez sur le bouton intitulé « télécharger ». Si l’opération a réussi, votre image apparaît dans la colonne de gauche, complétée de plusieurs indications :

 Taille de l’image : juste au-dessus de l’image, la largeur et la hauteur de votre image (en pixels ou « points ») sont rappelées.

 Affichage sous forme de vignette : afin de préserver l’affichage de l’interface de SPIP ; les images d’une largeur supérieure à 200 pixels (200 « points ») sont affichées ; dans la partie /ecrire/ du site, sous forme de vignette. Lors de l’affichage sur le site public, en revanche, elles seront affichées à leur taille réelle.

 Raccourcis SPIP : voir tableau récapitulatif des règles typographiques de SPIP.

 Effacer : un bouton « effacer » vous permet de supprimer une image.

Remarque : un article peut contenir autant d’images que nécessaire.
Les fichiers graphiques sont stockés sur le serveur dans le dossier /IMG  ; notez que les fichiers sont renommés par SPIP.

En ce qui concerne insertion d’une image à l’intérieur du texte :

A ce stade, les fichiers graphiques sont bien présents sur le serveur, mais il reste à indiquer à quel endroit de votre texte vous voulez les insérer. Pour cela, inutile de faire du HTML, SPIP vous propose un raccourci permettant d’insérer votre image simplement.

Copiez (CTRL + C) l’un des raccourcis proposés dans le tableau ci-dessous, et recopiez-le (CTRL + V) à l’intérieur de la case « texte », là où vous désirez placer votre photo :

 « left » aligne l’image à gauche.
« right » aligne l’image à droite.
« center » place l’image au centre du texte.

Fonctionnalités Méthodes Commentaires
Insérer une image <IMG1|LEFT>


<IMG1|center>



•<IMG1|right>

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 que l’on veut voir l’image à gauche, au centre ou à droite.

Lors de l’affichage à l’écran, SPIP remplacera ces raccourcis par le code HTML correspondant, en calculant automatiquement la taille des images.

Notez que SPIP vous « protège » automatiquement contre les erreurs : si vous insérez un raccourci pour une image qui n’existe pas, ou que vous avez supprimé, SPIP supprime purement et simplement le code HTML correspondant.

Tableau récapitulatif des règles typographiques du système 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,…sans avoir à connaître le langage HTML.

Fonctionnalités Méthodes Commentaires
Intertitre

le titre

Le texte entre triples accolades est affiché comme un titre.
Changement de paragraphe Passer une ligne.
Caractères en gras texte en gras Le texte entre double accolades apparaîtra 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 un espace (pour faire 1+2), et en respectant la symétrie.
Exemple :
texte en gras
Listes à puces -premier élément
 deuxième élément
(sans espace après le tiret)
Le petit trait sera automatiquement remplacé par une puce, telles qu’elle est définie dans la charte graphique.
Traits de séparation ---- Entrer une ligne contenant quatre petits traits.
Lien hypertexte texte Mettre le texte et l’URL entre crochets, séparé par une flèche.
Le texte devient une zone cliquable, et renverra le lecteur sur la page web indiqué par une « URL ».
Exemple :
le site d’Amnesty international
Lien hypertexte vers un article texte 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 contacter
Lien vers une rubrique texte xxx est le numéro de la rubrique. Exemple : Voyez notre agenda
Lien vers une brève texte xxx est le numéro de la brève.
Exemple : annonce de l’AG
Note de bas de page automatique  [1] Le texte entre double crochets droits apparaîtra en bas de la page, et sera remplacé par un numéro généré automatiquement.
Fonctionnalités Méthodes Commentaires
Faire un tableau simple |aaa|bbb|ccc|
|xxx|yyy|zzz|
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. Pur faire des
tableaux plus complexes, utiliser le langage HTML.

Pour plus de facilités dans l’adaptation de votre document word pour le système SPIP, nous pouvons vous envoyer par e-mail un document word avec des macros. En copiant votre texte dans ce document et en activant les macros, toutes vos caractéristiques graphiques (gras, paragraphes, titres, tableaux…) seront automatiquement adaptées pour SPIP !

L’interactivité du système SPIP.

Une fois votre article publié, n’importe quel internaute peut réagir en cliquant sur l’icône « répondre à cet article ». L’auteur de l’article sera alors automatiquement averti par e-mail (à condition que son adresse e-mail ait été encodée par l’administrateur au moment de la création de son statut d’auteur). L’auteur de l’article pourra répondre à l’intervention directement sur le site, ou proposer à un administrateur de le faire à sa place. Pour cela, l’administrateur doit se rendre dans son espace privé et cliquer dans « Forums et Pétitions » et ensuite dans « Suivre /gérer les forums »

Le forum public d’Amnesty-jeunes

Ce forum est ouvert à tous les visiteurs du site www.amnesty-jeunes.be
Pour y accéder, il suffit d’aller sur la droite de la page d’accueil et de cliquer sur Forum d’Amnesty-jeunes

Vous pourrez alors choisir entre le forum spécifique à Visages du Monde (par ex. pour discuter du projet avec d’autres écoles ou groupes qui participent) ou celui sur Amnesty en général.

Pour poster un message sur le forum, il vous faudra d’abord vous connecter en inscrivant votre nom d’utilisateur (de préférence votre vrai nom plutôt qu’un pseudonyme) et votre mot de passe. Cliquez ensuite sur « nouveau » pour poster un nouveau message, en n’oubliant pas d’inscrire un titre de sujet en plus de votre message.

Notes

[1texte de la note

Rejoins un de nos groupes-écoles actifs !

...

Je m’inscris