FORMATION SPIP

Formateur : COMBARY Y. Clément

Janvier
16/12/06
UPB\ESI\ADESI 1
 Plan de travail
 Présentation de SPIP
 Installation de SPIP
 Interface d’administration de
SPIP
 Structure des rubriques et sous
rubriques
 Créer et publier un article
 Pseudo langage SPIP
 Pratique : exemple de site pas 2
16/12/06
 Présentation de SPIP
(1)
 SPIP : Système de
publication pour
l’Internet:
gestion de site web à
plusieurs,
mise en page d’articles
sans taper de HTML,
modification très facile de
16/12/06 3
 Présentation de SPIP
(2)
 Sépare le site en deux espaces:
site public et espace privé
 Participants à la vie d’un site SPIP:

Rédacteur (propose les

contenus),
Administrateur(crée des comptes
d’accès pour rédacteur, gère
publication),
Webmestre (responsable site)
Visiteur(consulte le site public) 4
16/12/06
 Installation de SPIP (en
local)
 Installer un serveur web
EasyPhp:
http://www.easyphp.org/
Wamp:
http://www.wampserver.com/

SPIP requiert PHP et MySQL sur le

serveur (ou hébergeur ) web

 Installer SPIP
16/12/06 5
 Installer SPIP (1)
 Télécharger la dernière
version:
http://www.spip.net/

 Double-cliquer sur l’icône de

l’archive pour débuter le
processus d’installation
(extraction dans www)
16/12/06 6
 Installer SPIP (2)
Contenu initial après
extraction du zip

Va contenir tous nos .html

les .php étant directement

sur la racine

16/12/06 7
 Installer SPIP (3)
 Renommer le dossier sous le
nom voulu (exemple:
monsite)

 Lancer le site:

16/12/06 8
 Installer SPIP (4)
 Lancer l’installation

16/12/06 9
 Installer SPIP (5)

Donner root comme

“login de
connexion” et
laisser vide le “mot
de
16/12/06 passe”. 10
 Installer SPIP (6)

En cas d’échec à la connexion, vérifier que :

• l’adresse de la base de données =
localhost
• le login = root
• et le mot de passe laissé vide = “ ”
16/12/06 11
 Installer SPIP (7)
Le nom de la base est
laissé au choix de
l’administrateur qui
installe le logiciel.
“spip” est proposé par
défaut, remplacer par le
nom de la base pour
notre site

16/12/06 12
 Installer SPIP (8)

1 nom publié sur le site

2 adresse mail

3 login, seule donnée

non modifiable
4 mot de passe

16/12/06 13
 Installer SPIP (9)

16/12/06 14
 Interface d’administration
(1)

16/12/06 15
 Interface d’administration
(2)
 Espace privé : interface
graphique complète, très
simple d’utilisation.
 Chaque auteur a accès
rapidement à ses propres
articles,

 Articles proposés à la
publication signalés à tous les
utilisateurs.
16/12/06 16
 Interface d’administration
(3)
 Interface différente selon que
l’on est rédacteur ou
administrateur.
 Interface modifiable par l’user
-- interface simplifiée (par
défaut)=fonctions principales,
-- interface complète.
 Possibilité de modifier quelque
peu l’habillage graphique de
l’interface.
16/12/06 17
 Structure des
rubriques et sous
rubriques
La structure des rubriques
(1)
constitue l’ossature de votre
site ;
c’est elle qui va déterminer
son interface, le mode de
navigation,
les relations entre articles et
entre brèves...
Note : Seuls les administrateurs peuvent créer,
16/12/06
modifier ou supprimer des rubriques. 18
 Structure des
rubriques et sous
A
rubriques (2)
une rubrique, on peut
associer des articles ou des
brèves
 Article=objet principal
permettant de publier des
informations sous SPIP
 Brève = court article (titre,
lien, texte)
16/12/06 19
 Structure des
rubriques et sous
rubriques (3)
Exemple de composition
Présentation --rubrique 1
Historique --article 11
Mots du DG --article 12
Activités --ss rubrique 11
Programme d’activité --
article 13
Termes de référence --
article
16/12/06
14 20
 Créer et publier un article
(1)
 Rédaction des articles très
simple, via interface
graphique sur le Web.
 Article constitué de
plusieurs éléments qui
permettent de le structurer
: titre, surtitre, sous titre,
descriptif, chapeau, texte
principal, post-scriptum.
16/12/06 21
 Créer et publier un article
(2)
 Inclusion très simple
d’images dans les articles,
chaque article peut être
signalé par son propre logo

16/12/06 22
 Créer et publier un article
(3)

Cliquer sur
(cas d’une
seule
rubrique)

16/12/06 23
 Créer et publier un article
(4)

Cliquer sur
(cas de
plusieurs
rubriques)
Puis sur
« Écrire un
nouvel
article »

16/12/06 24
 Créer et publier un article
(5)

Renseigner
les champs

Puis cliquer
sur Valider en
bas de page

16/12/06 25
 Créer et publier un article
(6)
Le résultat

Si connecté en
tant que
administrateur,
cliquer sur

Si connecté en
tant que
rédacteur,
cliquer sur
16/12/06 26
 Créer et publier un article
(7)
 Pour voir le site public, cliquer sur

16/12/06 27
 Créer et publier un article
(8)
Le site apparaît (vue utilisateur lambda)

Pour toute modification apportée en mode administrateur

ou rédacteur, pour voir la nouvelle vue, cliquer sur

16/12/06 28
 Pseudo langage SPIP
(1)
 InterfaceSPIP par défaut
 Besoin de personnaliser 
apprendre pseudo-HTML
SPIP
 Rappel : /dist contient les
fichiers .html
16/12/06 29
 Pseudo langage SPIP
(2)
Régie le squelette
de tous les articles
de la rubrique
n°1

Régie la page
d’accueil du site

16/12/06 30
 Pseudo langage SPIP
(3)
 Nommer les squelettes
« article=5.html »
squelette des articles de la rubrique
5, mais pas aux articles de ses sous
rubriques ;
 
« article-5.html »
squelette des articles de la rubrique
5 et aux sous rubriques de la rubrique
5 ;
 
« article.html »
16/12/06 31
squelette pour l’intégralité du site
 Pseudo langage SPIP
(4)
 L’interaction entre les pages HTML et
la base de données SPIP se fait au
moyen d’un pseudo-tags HTML.
<Bn>
Code HTML optionnel avant
<BOUCLEn(TYPE){critère1}{critère2}...{critèrex}>
Code HTML + balises SPIP
</BOUCLEn>
Code HTML optionnel après
</Bn>
Code HTML alternatif
<//Bn>
16/12/06 32
 Pseudo langage SPIP
(5)
 Le code optionnel avant
(précédé de <Bn>) affiché ssi la
boucle contient au moins une
réponse.
 Le code optionnel après
(terminé par </Bn>) affiché ssi
la boucle contient au moins une
réponse.
 Le code alternatif (terminé par
<//Bn>) affiché s si la boucle 33
16/12/06

n’a trouvé aucune réponse.

 Pseudo langage SPIP
(6)
 Exemple
<B1>
Cette rubrique contient les éléments suivants:
<UL>
<BOUCLE1(ARTICLES){id_rubrique}>
<LI>#TITRE
</BOUCLE1>
</UL>
</B1>
Cette rubrique ne contient pas d'article.
<//B1>

16/12/06 donnera comme résultat: 34

 Pseudo langage SPIP
(7)
 Il y a un seul article :
Cette rubrique contient les éléments suivants:
<UL>
<LI> Titre de l'article
</UL>
 
 Il y a plusieurs articles :
Cette rubrique contient les éléments suivants:
<UL>
<LI> Titre de l'article 1
<LI> Titre de l'article 2
...
<LI> Titre du dernier article
</UL>
 
 Il n’y a aucun article :
Cette rubrique ne contient pas d'article.
16/12/06 35
 Pseudo langage SPIP
(8)
Exemple : Création d’un lien
pointant sur l’article 3:
<BOUCLE_art3(ARTICLES){id_article=3}>
<A href=#URL_ARTICLE>#TITRE</A>
</BOUCLE_art3>

Affichage du contenu de l’article pointé :

<BOUCLE_toto(ARTICLES){id_article}>
#TITRE
#DESCRIPTIF
#TEXTE
#LOGO_ARTICLE
</BOUCLE_toto>
16/12/06 36
 Pseudo langage SPIP
(9)
Affichage des titres de tous les
articles d’une même rubrique,
chaque titre pointant sur
l’article concerné 
<BOUCLE_listart(ARTICLES){id_rubrique=1}>
<A href=#URL_ARTICLE>#TITRE</A>
</BOUCLE_listart>

16/12/06 37