Formation Spip

FORMATION SPIP

Formateur : COMBARY Y. Clément Janvier UPB\ESI\ADESI 16/12/06

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

16/12/06

le site:

8

Installer SPIP (4)  Lancer

16/12/06

l’installation

9

Installer SPIP (5)

16/12/06

Donner root comme “login de connexion” et laisser vide le “mot de 10 passe”.

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 (1) La structure des rubriques 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, modifier ou supprimer des rubriques. 16/12/06

18

A

Structure des rubriques et sous 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 -16/12/06 20 article 14 

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)  Interface

SPIP 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.

16/12/06

Code HTML optionnel avant Code HTML + balises SPIP Code HTML optionnel après Code HTML alternatif 32

Pseudo langage SPIP (5) 

Le code optionnel avant (précédé de ) affiché ssi la boucle contient au moins une réponse.



Le code optionnel après (terminé par ) affiché ssi la boucle contient au moins une réponse.

Le code alternatif (terminé par ) affiché s si la boucle 33 16/12/06 n’a trouvé aucune réponse. 

Pseudo langage SPIP (6) 

Exemple Cette rubrique contient les éléments suivants:

• #TITRE

Cette rubrique ne contient pas d'article.

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:

• Titre de l'article

Il y a plusieurs articles : Cette rubrique contient les éléments suivants:

• Titre de l'article 1
• Titre de l'article 2 ...
• Titre du dernier article

Il n’y a aucun article :

16/12/06

Cette rubrique ne contient pas d'article.

35

Pseudo langage SPIP (8) Exemple : Création d’un lien pointant sur l’article 3: #TITRE

Affichage du contenu de l’article pointé : #TITRE #DESCRIPTIF #TEXTE #LOGO_ARTICLE 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é  #TITRE

16/12/06

37