Cration de site web cole l'aide de SPIP

1

• Création de site web écoleà l'aide de SPIP

7 avril 2006 Présenté par Jean-Marc Byette,
Normand Dussault et Stéphane Lavoie
2
Plan de latelier

• Description de SPIP (15 min.)
• Visite de sites SPIP (5 min.)
• Lespace privé de SPIP (20 min.)
• Création de larborescence (30 min.)
• Création dun article (55 min.)
• Pause
• Insertion de documents (20 min.)
• Exploration de squelettes (10 min.)
• Conclusion (10 min.)

3
Description de SPIP1.1 Quest-ce que SPIP?

• SPIP est un Système de Publication pour Internet
• Cest un gestionnaire de contenu (communément
  appelé CMS pour Content Management System)
• SPIP est programmé en PHP sur une base de données
  MySQL. Il nécessite aussi un serveur web (IIS,
  Apache, )

4
Description de SPIP1.2 Que permet SPIP?

• Gestion du site collaborative
• Production de pages web sans connaître le langage
  HTML
• Modification dynamique de la structure
• Gestion de forums
• Moteur de recherche intégré
• Syndication de sites
• Et plus encore

5
Description de SPIP1.3 Pourquoi SPIP?

• Forte adhésion dans le milieu éducatif québécois
• Importante communauté de développeurs et
  dutilisateurs
• Gratuit et libre sinstallant sur des plateformes
  gratuites et libres
• Nombreux squelettes (habillages)
• Convivialité de gestion

6
Description de SPIP1.4 Comment fonctionne SPIP?

• Il fonctionne selon une logique de magazine
• Avec des rubriques et des sous-rubriques
• dans lesquelles on va insérer
• des articles
• des nouvelles
• des adresses de sites web
• Rédigés par des auteurs
• Gérés par un ou des administrateurs

7
Description de SPIP1.4 Comment fonctionne SPIP?
PHP
cache
8
Description de SPIP1.5 Linfrastructure SPIP à
la CSDGS

• Investissement STIC pour serveurs virtuels
• Un serveur virtuel par école
• Lien LDAP (lightweight directory access
  protocol)
• Sauvegarde automatique
• Accès et gestion possible de lextérieur
• En préalable, il faut définir un sous-nom de
  domaine pour lécole

9
Plan de latelier

• Description de SPIP ? (15 min.)
• Visite de sites SPIP (5 min.)
• Lespace privé de SPIP (20 min.)
• Création de larborescence (30 min.)
• Création dun article (55 min.)
• Pause
• Insertion de documents (20 min.)
• Exploration de squelettes (10 min.)
• Questions et conclusion (10 min.)

10
2. Visite de sites SPIP

• Plusieurs ministères du gouvernement Français
• Plusieurs récits nationaux
• Plusieurs écoles de la CS du Val-des-Cerfs
• Quelques écoles de la CSDGS
• La Magdeleine
• Fernand-Seguin
• Jacques-Leber

11
Plan de latelier

• Description de SPIP ? (15 min.)
• Visite de sites SPIP ? (5 min.)
• Lespace privé de SPIP (20 min.)
• Création de larborescence (30 min.)
• Création dun article (55 min.)
• Pause
• Insertion de documents (20 min.)
• Exploration de squelettes (10 min.)
• Questions et conclusion (10 min.)

12
3. Lespace privé de SPIP3.1 Comment y accéder

• Allez à la page dauthentification
• Entrez votre identifiant
• Identifiant p  No de votre école 
• Entrez votre mot de passe
• Mot de passe  csdgs1 

13
3. Lespace privé de SPIP3.2 Revue des fonctions

• Menu textuel explicite
• Gestion du contenu, des forums et des auteurs
• Statistiques
• Configuration du site
• Aide
• Visiter
• Personnalisation de linterface privée
• Déconnecter

14
3. Lespace privé de SPIP3.3 Activité (10
min)

• Allez à recit.csdgs.qc.ca/primaire
• Rendez-vous dans lespace privé
• Identifiant p  No école 
• Mot de passe  csdgs1 
• Explorez les sections de lespace privé
• Complétez vos informations personnelles
• Affichez linterface complète
• À la fin, déconnectez-vous

15
Plan de latelier

• Description de SPIP ? (15 min.)
• Visite de sites SPIP ? (5 min.)
• Survol de lespace privé de SPIP ? (20 min.)
• Création de larborescence (30 min.)
• Création dun article (55 min.)
• Pause
• Insertion de documents (20 min.)
• Exploration de squelettes (10 min.)
• Questions et conclusion (10 min.)

16
4. Larborescence4.1 Les fondements du site

• Larborescence, cest la structure du site,
  lorganisation des rubriques.
• La création de larborescence demande temps,
  réflexion et consultation.
• La structure dynamique de SPIP vous permet
  dajuster larborescence en cours de route.

17
4. Larborescence4.2 Quelques considérations

• Choix de noms de rubrique
• Univoque
• Évocateur
• Pas trop long
• Hiérarchie des rubriques selon
• la clientèle
• le contenu
• Facteur  nombre de clics 

18
4. Larborescence4.3 Activité (10 min)

• Allez à recit.csdgs.qc.ca/primaire
• Rendez-vous dans lespace privé.
• Créez une nouvelle sous-rubrique dans la rubrique
  prapo dont le nom est votre nom de famille
• Visitez lespace public pour voir le changement.
• À la fin, déconnectez-vous.

19
Plan de latelier

• Description de SPIP ? (15 min.)
• Visite de sites SPIP ? (5 min.)
• Lespace privé de SPIP ? (20 min.)
• Création de larborescence ? (30 min.)
• Création dun article (55 min.)
• Pause
• Insertion de documents (20 min.)
• Exploration de squelettes (10 min.)
• Questions et conclusion (10 min.)

20
5. Création dun article

• 5.1 Les champs dun article
• 5.2 Utilisation de FCKeditor
• 5.3 Insertion dhyperliens
• 5.4 Insertion dimages
• 5.5 Publication dun article

21
5. Création dun article5.1 Les champs dun
article

• En mode édition
• Titre obligatoire et révélateur
• Surtitre et sous-titre optionnel
• Rubrique obligatoire et important
• Descriptif rapide, chapeau optionnel
• Texte obligatoire
• Post-scriptum optionnel

22
5. Création dun article5.1 Les champs dun
article

• En mode lecture
• Date de publication
• Les auteurs
• Statut de larticle
• Logo de larticle
• Forum et pétition
• Redirection
• Prévisualisation

23
5. Création dun article5.1 Activité (10 min)

• Allez à recit.csdgs.qc.ca/primaire
• Rendez-vous dans lespace privé.
• Créez un nouvel article en prenant soin de
  compléter TOUS les champs en mode édition avec le
  texte de votre choix.
• Enregistrez larticle.
• À la fin, déconnectez-vous.

24
5. Création dun article5.2 Utiliser FCKEditor

• Ajout aux SPIP de la CSDGS
• Interface semblable à Word
• Convivial, facilite plusieurs opérations
• Quelques inconvénients

25
5. Création dun article5.2 Activité (15 min)

• Allez à recit.csdgs.qc.ca/primaire
• Modifiez votre article
• Importez du texte dun document Word
• Ajoutez gras, italique, souligné
• Jouez avec lalignement de texte
• Changez quelques couleurs, styles, formats et
  taille
• Enregistrez vos modifications
• Visitez lespace public pour voir le changement.
• À la fin, déconnectez-vous.

26
5. Création dun article5.3 Insérer un hyperlien

• Définir les ancres, sil y a lieu.
• Choisir le type de lien.
• Choisir le protocole.
• Préciser lURL.
• Indiquer la destination.

27
5. Création dun article5.3 Activité (10 min)

• Allez à recit.csdgs.qc.ca/primaire
• Modifiez votre article
• Insérez un hyperlien de type mailto menant vers
  votre adresse de courriel
• Ajoutez un hyperlien menant vers une nouvelle
  fenêtre pour le site www.spip.net/fr
• Définissez deux ancres, un bas, un haut.
• Ajoutez un hyperlien menant vers lancre haut au
  bas de la page
• Enregistrez vos modifications
• À la fin, déconnectez-vous.

28
5. Création dun article5.4 Insérer une image

• Ne pas utiliser la fonction  ajouter une image 
  de SPIP
• Il faut utiliser licône de FCKeditor

29
5. Création dun article5.4 Activité (15 min)

• Allez à recit.csdgs.qc.ca/primaire
• Modifiez votre article
• Téléversez une image sur le serveur
• Utilisez cette image en précisant des dimensions
  acceptables pour larticle, en ajoutant un texte
  alternatif révélateur à limage et ajoutez un
  hyperlien vers www.csdgs.qc.ca.
• Enregistrez vos modifications
• À la fin, déconnectez-vous.

30
5. Création dun article5.5 Publier un article

• Les auteurs proposent
• Les administrateurs disposent
• Utilisation du forum interne
• Suivi des révisions (intéressant pour les
  travaux déquipe)
• Modification du statut de larticle

31
5. Création dun article5.5 Activité (5 min)

• Allez à recit.csdgs.qc.ca/primaire
• Publiez votre article
• Visualisez larticle dans lespace public
• À la fin, déconnectez-vous.

32
Plan de latelier

• Description de SPIP ? (15 min.)
• Visite de sites SPIP ? (5 min.)
• Lespace privé de SPIP ? (20 min.)
• Création de larborescence ? (30 min.)
• Création dun article ? (55 min.)
• Pause
• Insertion de documents (20 min.)
• Exploration de squelettes (10 min.)
• Questions et conclusion (10 min.)

33
6. Insertion de documents6.1 Quelques remarques

• De la page de larticle (ou de la rubrique) en
  mode lecture, au bas, il y a la boîte
• Si la taille du document est supérieure à
• 2 Mo, il faut téléverser par FTP.

34
6. Insertion de documents6.2 Activité (10 min)

• Allez à recit.csdgs.qc.ca/primaire
• Ouvrez votre article publié en mode édition.
• Joignez un document Word à votre article.
• Assurez-vous de la présence de votre article dans
  lespace public

35
Plan de latelier

• Description de SPIP ? (15 min.)
• Visite de sites SPIP ? (5 min.)
• Lespace privé de SPIP ? (20 min.)
• Création de larborescence ? (30 min.)
• Création dun article ? (55 min.)
• Pause
• Insertion de documents ? (20 min.)
• Exploration de squelettes (10 min.)
• Questions et conclusion (10 min.)

36
7. Exploration de squelettes

• Il existe plusieurs squelettes.
• Les STIC et SEJ NE pourront PAS vous soutenir
  dans la personnalisation de tous les squelettes.
• Des choix devront être faits.

37
7. Exploration de squelettes

• Eva http//spip-edu.edres74.net/
• Alternative http//www.stages.alternatives.ca/ar
  ticle73.html
• Biospip http//biospip.neoskills.org
• SARKA http//sarka-spip.com/
• Et beaucoup dautres sur spip-contribhttp//www.s
  pip-contrib.net/-Squelettes-

38
8. Conclusion

• SPIP permet la publication collaborative sur le
  web
• Les possibilités sont nombreuses à vous de les
  exploiter.
• À vous de jouer
• Déterminer larborescence de votre site école
• Visiter des sites spip, des squelettes
• Prochain atelier
• Merci de votre participation

39
9. À vous de jouer

• Déterminer larborescence de votre site école
• Visiter des sites spip, des squelettes
• Merci de votre participation