TP - PUBLIER SUR INTERNET AVEC SPIP -

F.MICHEL / DDB
IUFM Aix Marseille
TP - PUBLIER SUR INTERNET AVEC SPIP Avant propos
Source avec liens actifs : Wikipedia : http://fr.wikipedia.org/wiki/Spip
•
Le mot spip est synonyme d'écureuil dans certaines régions de Belgique ;
o Dans la bande dessinée Spirou et Fantasio, Spip est le nom de l'écureuil de
Spirou ;
•
SPIP est un acronyme qui désigne :
o en informatique, Système de publication pour l'internet partagé, il s'agit
d'un système de gestion de contenu se basant sur PHP et MySQL.
o en droit, Service Pénitentiaire d’Insertion et de Probation
« Spip » est un système de publication sur internet (ou intranet) qui rappelle le système de
publication d’un journal. D’ailleurs certains sites internet de journaux utilisent « spip »,
comme le Monde Diplomatique. Un site « spip » est divisé en rubriques, les rédacteurs
proposent des articles qui sont autorisées à la publication par un administrateur de la rubrique.
Sans entrer dans les spécifications techniques, on n’a pas besoin de connaître le code HTML
pour écrire des articles. Comme tout contenu publié sur le web, il fonctionne cela dit comme
un site classique avec une interface « édition » (je crée mon contenu ) et une interface
« navigation » (je consulte le résultat de mon travail). Une des différences majeures se fera à
la publication de ce contenu, entre l’édition et la navigation.
Outre les articles, Spip donne la possibilité d’intégrer au site des forums et un moteur de
recherche. A partir de la distribution de base, beaucoup de variantes sont possibles par
l’utilisation de « squelettes », qui ajoutent des fonctionnalités ou qui permettent des
présentations adaptées aux besoins des établissements scolaires et utilisateurs.
Dans ce tp, nous utiliserons un squelette de base disponible sur le site du développeur
http://www.spip.net/fr où vous trouverez également tous les didacticiels complets ainsi que la
démarche si vous souhaitez mettre en place un « spip » sur un serveur.
Attention, lors de la création de site web établissement, les services de la DATSI au rectorat
s’occupe de l’aspect mise en ligne.
Avez-vous effectué l’étape papier ?
Que vous faut-il avant de pouvoir débuter une publication sur internet ? Cochez
Une architecture claire de votre projet ? Page d’accueil, admin, media, téléchargement et
autant de dossiers que nous appellerons ici « rubriques » avec la même structure
Une division claire des structures et éléments participants à la création de votre site (page
d’accueil, rubriques, sous-rubriques, contenu textes que nous appellerons ici « articles » déjà
écrits au kilomètre, media images, vidéo…, fichiers à télécharger, liens…. )
Une définition claire des personnes intervenants dans votre site (rédacteurs, administrateurs,
qu’ils soient de rubriques ou restreints)
1 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
Manipulations en tant qu’utilisateur ordinaire :
découvrez votre support de travail
Le site spip pour ce tp est accessible avec un navigateur à l’adresse du site web de votre
établissement suivi de /spip/
ex : http://www.lyc-bleriot.ac-aix-marseille.fr/spip/
Si vous possédez un site web, il vous suffit de faire l’adresse de celui-ci de /spip/ pour
constater si vous disposer de cet outil collaboratif de publication.
Taper l’adresse du site dans un navigateur. Vous accédez à une page équivalente à celle-ci :
Que constatez-vous, que remarquez-vous ?
………………………………………………………………………………………………….
………………………………………………………………………………………………….
………………………………………………………………………………………………….
………………………………………………………………………………………………….
………………………………………………………………………………………………….
………………………………………………………………………………………………….
………………………………………………………………………………………………….
Comparer avec http://www.lyceedurzy.com/spip.php?article234
2 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
La notion de squelette :
Le but de ce TP n’est justement pas d’entrer dans la notion de « squelette » mais de montrer
les différents niveaux d’une structure de type « spip ». Quelque soit le fameux « squelette’, Il
y a des points communs :
La fonction « Rechercher » par exemple.
Sous la partie Recherche, entrez un mot, pour que le moteur de recherche dresse la liste des
articles de votre spip dans lesquels le mot recherché apparaît.
des différences :
Vous constatez que les éléments décrivant l’espace ne sont pas les mêmes, notamment
concernant le nom du squelette utilisé pour celui-ci.
3 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
Un squelette, comme celui nommé sur ce site, constitue le corps d’un site en spip, et
proposera de façon prédéfinie, par défaut, des fonctions particulières qui en feront sa
spécificité, qui en seront la chaire, la partie visible et visuelle de votre structure de site. Ici,
une des fonctions offertes par ce squelette est la possibilité d’utiliser un agenda.
Connectez-vous à présent sur http://www.lyc-bleriot.ac-aix-marseille.fr/spip/
Que constatez-vous, que remarquez-vous ?
………………………………………………………………………………………………….
Pour accéder à l’espace de rédaction, vous devez vous identifier, si vous avez en effet été
inscrit par l’administrateur. Vous êtes donc sur une page dans laquelle vous allez renseigner
votre identifiant. Une fois votre identifiant validé, vous accéderez à une page dans laquelle
vous pourrez renseigner votre mot de passe.
2 zones distinctes sont donc présentes :
« Le site public est l’ensemble des pages accessibles à tout visiteur. Il s’agit de l’affichage
des articles, brèves, rubriques que vous avez publiés, ainsi que des interventions dans les
forums qui y sont associés. Il est généré par les fichiers « squelettes ».
L’espace privé est l’espace à accès restreint dans lequel les administrateurs et rédacteurs
peuvent écrire des articles, des brèves, modifier la structure du site, suivre et modérer les
contributions postées dans les forums, etc. Il est nécessaire d’être enregistré pour accéder à
cet espace, c’est-à-dire d’avoir un login et un mot de passe. L’espace privé est accessible
depuis le répertoire ecrire/ de l’installation SPIP (il s’agit en fait de la même adresse que celle
utilisée pour installer SPIP) » http://www.spip.net/fr_article1471.html
4 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
•
•
•
•
•
•
Créations d’articles
Les rôles étant différents suivant qu’on est simple rédacteur ou rédacteur administrateur, il
s’agit ici de passer en revue les éléments de base afin de connaître les principales
fonctions de l’outil. Les identifiants d’un prof simple rédacteur et celui d’un prof
administrateur de rubrique seront établis en fonction des groupes de travail que vous allez
vous mêmes définir selon les besoins de l’architecture de la future mise à jour de votre site
établissement.
Vous avez donc renseigné l’identifiant et le mot de passe. « Ecrire » est le dernier mot de
votre adresse, vous êtes à présent sur « l’espace privé » de votre spip, sorte de bureau
virtuel personnel dans lequel vous allez « écrire » vos contributions, vos articles.
Vous vous retrouvez dans l’interface de rédaction. Il y a une barre de menus en haut et
une barre de sous-menus qui dépend de l’item choisi dans la barre de menus.
Cliquer sur interface complète.
Puis cliquer sur A SUIVRE dans la barre de menus..
Cliquer sur « Auteurs » pour consulter la liste des contributeurs et les informations vous
concernant. Vous pourriez par sécurité commencer par changer votre mot de passe en
cliquant sur votre nom.
5 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
Tout de suite, quelques fonctions pratiques ….
Revenir à la page d’accueil
La langue
Taille de l’interface spip
De quelle couleur est
l’interface spip ?
Un rendez-vous à
ne pas
manquer ?
Tout y est dit…
Communiquer avec les autres rédacteurs, administrateur(s)
•
Cliquer sur Edition, puis soit choisir la rubrique dans laquelle vous souhaitez écrire ou
soit en créer une. A noter qu’il faut créer une rubrique avant de créer un article. Cliquez
sur écrire un nouvel article ou Tous vos articles pour consulter les articles déjà écrits.
•
Dans la page d’édition de l’article qui s’ouvre alors, vérifier le nom de la rubrique dans
laquelle l’article doit s’insérer, ne pas oublier de mettre un titre, utiliser le texte tapé au
kilomètre que vous aviez prévu pour cet article, ou entrer quelques lignes dans la zone
texte pour les besoins du TP (du genre : ceci est mon premier article, il sert à tester ..),
tester les possibilités de mise en forme de l’éditeur. Cliquer sur Enregistrer
6 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
•
Aller en bas de la page qui s’affiche, « Demander la publication de cet article ».
•
Vous pouvez attacher un document à votre article en cliquant sur « Joindre un
document ».
7 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
•
A la page suivante, on vous indique que vous pouvez donner votre avis sur un forum.
En effet, les articles sont tous rattachés à la rubrique forum. C’est ce qui fait une des
spécificités de l’outil « spip », l’article y est rédigé et ensuite éventuellement discuté
comme dans un comité d’édition dans une rubrique prévue à cet effet.
•
Vous pouvez alors visiter le site dans son espace public tel qu’il apparaît sur internet en
cliquant en haut à droite de l’espace rédacteur, mais votre article, qui est à chaque fois
référencé n’apparaît pas encore, car il faut qu’il soit validé par l’administrateur de la
rubrique.
Nous allons revenir sur cette notion d’administration et de forum mais avant, d’autres
fonctions sont accessibles lorsque vous rédigez un article …
•
8 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
Avant d’aller plus loin …. Ecrire un article avec images et documents
•
•
•
•
•
•
•
Revenir dans l’Espace rédacteur de spip. Créer un nouvel article toujours dans la
même rubrique. Comme titre de l’article, mettre « article avec image et document joint ».
Ecrivez un texte. Valider.
Dans la page qui s’affiche alors , cliquer sur modifier l’article. On revient à la page
d’édition, mais à gauche de la page on a une zone qui permet d’ajouter une image et une
zone qui permet d’ajouter un document.
Cliquer sur parcourir pour Ajouter une Image. Il faut d’abord télécharger l’image de
votre choix qui se trouve normalement dans le dossier « media » sous-dossier « image »
que vous avez crée à la suite de votre épreuve « outil papier ». Cliquer sur parcourir afin
de récupérer l’image, pour charger l’image de votre choix ou récupérer une image sur
internet pour les besoins du tp. Puis cliquer sur Télécharger.
Un aperçu de l’image apparaît à gauche de la fenêtre d’édition. Sous l’aperçu, on voit des
raccourcis typographiques. Sélectionner le raccourci <img9|center> et appuyer sur Ctrl
et C pour copier le raccourci.
Dans la fenêtre d’édition aller à la ligne après le texte de votre article et coller le
raccourci. Ctrl et V . Vous venez de déposer l’image au centre de votre article.
La méthode pour ajouter un document est la même. Ajouter à l’article le document de
votre choix (doc texte) qui se trouve dans le dossier « téléchargement » de votre
architecture « spip » prévue encore une fois dans la phase papier de votre projet. Cliquer
sur Enregistrer.
Visiter le site. Ne pas oublier de faire recalculer la page (bouton en haut à droite de la
fenêtre) pour actualiser les modifications effectuées. Si vous avez d’autres modifs à faire
cliquer sur « Espace Privé »
9 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
Un petit récap visuel des manips pour insérer une image dans un article
& effectuer la mise à jour :
Si vous souhaitez insérer une image au centre de l’article à la suite d’un texte, double
cliquez sur <img9|center> (« left » pour la gauche, « right » pour la mettre à droite)
Remarques importantes concernant l’insertion d’images :
- L’image insérée peut s’harmoniser avec le texte. Il suffit de cliquer à l’endroit où vous
souhaitez que l’image apparaissent et coller <img9|center>.
- Si vous souhaitez faire apparaître une image ou un texte en sautant une ligne, il faut
appuyer deux fois sur « entrée » pour obtenir un saut de ligne dans spip).
- Au cours des balbutiements de SPIP, il était conseillé de n’insérer que des images
n’excédant pas 256ko, au-delà, votre page aurait difficilement été chargeable et votre site peu
navigable. Ce n’est plus vraiment le cas étant donné le développement de l’internet haut débit.
Cela dit, il faut être toujours vigilant à la taille des images à insérer dans une page afin de
rendre le site accessible au plus grand nombre. Il existe un bon moyen de connaître la taille de
l’espace allouable à une image dans un article en utilisant l’outil SRIP32 par exemple. A
voir avec le formateur.
- Comme habitude de travail, habitude qu’il faut prendre lors de la phase « outil papier » de
conception de votre site et si vous travaillez surtout sur Spip avec les élèves, n’oubliez donc
10 – Publier avec Spip
F.MICHEL / DDB
IUFM Aix Marseille
pas de donner un titre à votre image et ajouter dans la description la source de celle-ci pour
rendre la procédure d’édition « propre ».
Supprimer une image / un document : Cliquer sur modifier l’article dans l’espace privé et
cliquer sur le petit triangle noir « » de l’image que vous souhaitez supprimer (c’est pour
cela qu’il est important de lui donner un nom, pour la reconnaître rapidement)
Modifs & Mise à jour :
Modifs à faire
Cliquer sur Espace Privé
Modifs :
ou
Chaque fois que les articles sont à modifier ou déjà modifiés (en haut à droite de la page)
Accès à l’espace privé
•
Accès à la commande de mise à jour
Pensez enfin à vous déconnecter chaque fois que votre travail est terminé :
11 – Publier avec Spip