Cration de site web cole l'aide de SPIP - PowerPoint PPT Presentation

Loading...

PPT – Cration de site web cole l'aide de SPIP PowerPoint presentation | free to download - id: 2a3923-ZTcxM



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Cration de site web cole l'aide de SPIP

Description:

Pr sent par Jean-Marc Byette, Normand Dussault et St phane Lavoie ... cette image en pr cisant des dimensions acceptables pour l'article, en ajoutant ... – PowerPoint PPT presentation

Number of Views:114
Avg rating:3.0/5.0
Slides: 40
Provided by: stphane95
Learn more at: http://sej.csdgs.qc.ca
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: 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
About PowerShow.com