stage établissementd’afficher une image dans un texte de proposer un espace de travail / de...

Johan Pustoch

Enseignant

Chef de projet web

Stage établissementStage établissement

« Créer un site Web en équipe »

24 janvier 2008Lycée de la plaine de Neauphle - Trappes

2ème jour2ème jourApprentissage de SPIP Apprentissage de SPIP

(interface privée)(interface privée) Rappel de la semaine dernièreRappel de la semaine dernière Création de la hiérarchie sous SPIPCréation de la hiérarchie sous SPIP Rédaction des premières brèvesRédaction des premières brèves Rédaction des premiers articles « riches »Rédaction des premiers articles « riches » Choix des fonctionnalités Choix des fonctionnalités Essai-proposition de squelettes Essai-proposition de squelettes (habillage du site)(habillage du site)

SPIPSPIP- Fonctionnement et utilisation -- Fonctionnement et utilisation -

D'après une présentation de Patrick VINCENTpvincent@erasme.org

Les auteurs du site :Les auteurs du site :Vous !Vous !

VisiteurVisiteur Consulte le site public et peut participer au forum

RédacteurRédacteur Rédige et propose de nouveaux contenus

Administrateur restreintAdministrateur restreint Gère la structure et modère le contenu du site dans ses

rubriques AdministrateurAdministrateur

Gère les auteurs et les options du site Gère la structure du site (rubriques) Modère le contenu (articles, brèves, sites, ect)

Développeur WebDéveloppeur Web Construit les squelettes des pages (habillage)

Les rôlesLes rôles

Modifier ses informations Modifier ses informations personnellespersonnelles

En cliquant sur on peut renseigner :En cliquant sur on peut renseigner : sa signature son adresse mail : envoi automatique d'informations sa biographie son login son mot de passe la connection à la liste des rédacteurs

Possibilité de mettre en ligne son logo d'auteur :Possibilité de mettre en ligne son logo d'auteur :

La structure du site :La structure du site :Le rubricageLe rubricage

Structure et contenuStructure et contenu

Les données sont organisées sous forme Les données sont organisées sous forme d'objets (rubriques, articles, auteurs...) d'objets (rubriques, articles, auteurs...) constitués de champs (titre, descriptif, date, constitués de champs (titre, descriptif, date, texte...)texte...)

Rubrique : titre, descriptif, rubrique-mère Article : titre, texte, rubrique-mère, auteur Auteur : nom, biographie, droits

Ces données interagissent entre elles.Ces données interagissent entre elles. Le contenu est structuré de manière Le contenu est structuré de manière

arborescentearborescente (rubriques), (rubriques), transversaletransversale (mots- (mots-clefs) ou clefs) ou globaleglobale (indexation du moteur de (indexation du moteur de recherche). recherche).

Structure arborescente :Structure arborescente :-organisé sous forme de rubriques et de sous-

rubriques-possibilité de gérer séparément les rubriques

Que peut on publier dans une rubrique ? Que peut on publier dans une rubrique ? -une sous-rubrique-des articles : texte mis en forme + images - des brèves pour l'actualité (dans les rubriques de

premier niveau)-des documents joints (images, sons, pdf, ect)-référencement et syndication de sites Internet-des forums de discussion

La rubrique : élément structurantLa rubrique : élément structurant

Liens entre partie privé Liens entre partie privé et site publicet site public

Le site se construit Le site se construit dynamiquementdynamiquement

à partir des publications privées à partir des publications privées

Le contenu du site est séparé de la mise en Le contenu du site est séparé de la mise en forme. forme.

Le site public est structuré de manière Le site public est structuré de manière modulaire sous forme de blocs canevas qui se modulaire sous forme de blocs canevas qui se remplissent automatiquement à partir des remplissent automatiquement à partir des données du site privé.données du site privé.

La conception du canevas : A vous de La conception du canevas : A vous de l'imaginer (pour la structure, la page d'accueil, l'imaginer (pour la structure, la page d'accueil, les pages de rubriques,...les pages de rubriques,...

La réalisation du canevas (squelettes) : A moi La réalisation du canevas (squelettes) : A moi de le fairede le faire

Afficher la bannière du site

Afficher les rubriques de niveau 1

Afficher l'article comportant le mot-clef sommaire_edito

Afficher les derniers articles

Afficher les contributions

Web

Afficher les dernières contributions de forum

agenda

Afficher la bannière du site

Afficher les rubriques de niveau 1

Afficher l'article comportant le mot-clef sommaire_edito

Afficher les derniers articles

Afficher les contributions

Web

Afficher les dernières contributions de forum

agenda

La publication en quelques pointsLa publication en quelques points

Quelques règles simplesQuelques règles simples Chaque objet de contenu est publié dans une Chaque objet de contenu est publié dans une

rubrique et une seule.rubrique et une seule.-> la rubrique est un contenant et ne stocke aucune

donnée en tant que tel. Toutes les opérations d'administration et de Toutes les opérations d'administration et de

publication sont révocables.publication sont révocables.... à l'exception de la modification des champs texte.

Une opération de publication (rubrique, article, Une opération de publication (rubrique, article, brève, site...) se déroule toujours en deux ou brève, site...) se déroule toujours en deux ou trois temps :trois temps :

1. Un temps d'édition ou de préparation du contenu

2. Un temps de publication ou de validation des options

3. Éventuellement des modifications après la mise en ligne

La chaîne de La chaîne de publicationpublication

Connexion au backoffice

Une page d'édition

Une page de publication

Validation du contenu par un administrateur

Choix d'un type de contenu à

publier

Recalculdes pages

du site publicpar le système

1. Je me connecte à l'espace privé du site.1. Je me connecte à l'espace privé du site.2. Je choisis le type de contenu à publier.2. Je choisis le type de contenu à publier.3. Je rédige un contenu (ex: article) et le place 3. Je rédige un contenu (ex: article) et le place

dans une rubrique.dans une rubrique.4. Je détermine les options de publication.4. Je détermine les options de publication.5. En fonction de mes droits (administrateur ou 5. En fonction de mes droits (administrateur ou

rédacteur), je valide ce contenu ou le propose à rédacteur), je valide ce contenu ou le propose à la publication.la publication.

6. L'outil recalcule les pages du site et intègre le 6. L'outil recalcule les pages du site et intègre le nouveau contenu dans les blocs du site public.nouveau contenu dans les blocs du site public.

La chaîne de publicationLa chaîne de publication

2. Je choisis le type de 2. Je choisis le type de contenu à publiercontenu à publier

Depuis la page d'accueil de l'espace privé, Depuis la page d'accueil de l'espace privé, cliquer sur le type de contenu que l'on désire cliquer sur le type de contenu que l'on désire créer :créer :

Page Page d'éditiond'édition

3. Je rédige un nouveau contenu dans une rubrique3. Je rédige un nouveau contenu dans une rubrique

4. Je détermine les options de publication4. Je détermine les options de publication

Page de Page de publicationpublication

5. Je valide le contenu ou le propose à la publication5. Je valide le contenu ou le propose à la publication

6. Le site recalcule les pages publiques6. Le site recalcule les pages publiques

Publier des articlesPublier des articles

GénéralitésGénéralités Chaque article est constitué au minimum d'un Chaque article est constitué au minimum d'un titretitre et et

d'un d'un textetexte. Les . Les champs supplémentaireschamps supplémentaires chapo et chapo et descriptif peuvent rester vides. Mais le descriptif est très descriptif peuvent rester vides. Mais le descriptif est très conseillé.conseillé.

Chaque article est placé dans une Chaque article est placé dans une rubriquerubrique et peut être et peut être déplacé par la suite.déplacé par la suite.

Les Les raccourcis typographiquesraccourcis typographiques permettent d'effectuer permettent d'effectuer simplement les opérations de mise en page : italique, simplement les opérations de mise en page : italique, gras, intertitre, liste à puces, insertion d'une image.gras, intertitre, liste à puces, insertion d'une image.

Le Le statutstatut de l'article correspond aux étapes (workflow) de l'article correspond aux étapes (workflow) de publication :de publication :

en cours de rédaction : visible par son auteur uniquementproposé à la publication : visible par tous les auteurs de l'espace privépublié en ligne : visible sur l'espace privé et publicrefusé : visible sur l'espace privé à la poubelle : visible sur l'espace privé uniquement par les administrateurs

Généralités (2)Généralités (2) Chaque article peut avoir un, plusieurs ou aucun Chaque article peut avoir un, plusieurs ou aucun auteurauteur.. Un article est Un article est datédaté à sa publication. Cette date peut être à sa publication. Cette date peut être

modifiée par l'administrateur. modifiée par l'administrateur. Un Un logologo propre à l’article peut être ajouté. Comme pour propre à l’article peut être ajouté. Comme pour

les rubriques, il peut ou non être utilisé par le les rubriques, il peut ou non être utilisé par le Webmaster pour l'affichage public.Webmaster pour l'affichage public.

Un article peut être automatiquement Un article peut être automatiquement redirigéredirigé vers un vers un lien interne ou externe : c'est un “lien interne ou externe : c'est un “article virtuel” qui permet par exemple d'intégrer dans SPIP des pages d'un site antérieur. 

Chaque article accepte un réglage propre concernant les options de forum et de pétition.

Créer, modifier, Créer, modifier, déplacer, supprimer déplacer, supprimer

Deux pages :Deux pages : Une page d'édition ou de modification de l'article

Titre Emplacement Texte et descriptif Mise en page -> Valider

Une page de publication : fiche récapitulative avec choix d'options

Synthèse des contenus Date Auteurs Mots-Clefs Langue Et :

Joindre des documents Logo Options de forum Statistiques en cours Voir en ligne

Et Joindre des documents Joindre des images

Page Page d'éditiond'édition

Page de publicationPage de publication

Les raccourcis typographiquesLes raccourcis typographiques

Lire : L'aide en ligneLire : L'aide en ligne

Voir : la synthèse Voir : la synthèse

Joindre des documentsJoindre des documents

Les images et les Les images et les documents attachésdocuments attachés

Permettent pour les articles :Permettent pour les articles : de joindre un document à un texte (lien vers ce document) de mettre en place une galerie d'images d’afficher une image dans un texte de proposer un espace de travail / de téléchargement

Peuvent être accompagnés d’un titre, d’un descriptif, Peuvent être accompagnés d’un titre, d’un descriptif, d’une taille d’affichage, d'un logo personnalisé.d’une taille d’affichage, d'un logo personnalisé.

Les types de documents : pratiquement tous les Les types de documents : pratiquement tous les documents habituelsdocuments habituels

En cas de taille > 8 Mo, ils peuvent être envoyés par En cas de taille > 8 Mo, ils peuvent être envoyés par FTP dans le répertoire FTP dans le répertoire /tmp/upload/tmp/upload

Joindre des documents Joindre des documents à un articleà un article

A partir de la page de publication A partir de la page de publication de l'article, faire « Parcourir » de l'article, faire « Parcourir » puis « Télécharger ».puis « Télécharger ».

ClassementClassement distinct et automatique des images distinct et automatique des images des autres types de documents.des autres types de documents.

Possibilité de personnaliser le Possibilité de personnaliser le descriptifdescriptif du du documentdocument

Titre / Sert aussi au classement. Ex : 1. Titre, 2. Titre Descriptif Taille (pour les documents multimedia) Suppression

Résultat sur le site publicRésultat sur le site public

Intégrer des documents Intégrer des documents dans le corps dans le corps

Dans la page d'édition :Dans la page d'édition : dans la colone de gauche listant les documents

copier le code correspondant soit à la vignette, soit au document entier et le coller dans le corps de l'article.

Possibilité d'ajouter directement à partir de la Possibilité d'ajouter directement à partir de la page d'édition des images et des nouveaux page d'édition des images et des nouveaux documentsdocuments

images et documents diffèrent par leur statut dans la base et la manière dont le webmaster les inclus

mieux vaut toujours utiliser des documents Par défault, un document intégré à un article Par défault, un document intégré à un article

n'est plus visible à la suite de celui-ci. n'est plus visible à la suite de celui-ci.

Cas des images Cas des images

Une image peut être ajouté à un article de Une image peut être ajouté à un article de trois façons différentes :trois façons différentes : Comme le logo de l'articleou Comme un document

Vignette cliquable Image réelle

ou Comme une image

Image réelle

Soit à partir de documents joints dans la page de Soit à partir de documents joints dans la page de publication...publication...

...soit en joignant directement une image ...soit en joignant directement une image depuis la page de préparationdepuis la page de préparation

1

2

Publier des brèvesPublier des brèves

Les brèvesLes brèves

Nous les réserverons pour l'actualité «courte», les Nous les réserverons pour l'actualité «courte», les annonces. Les brèves :annonces. Les brèves :

sont dépourvues d'auteursont dépourvues d'auteur ne peuvent être placées que dans les rubriques ne peuvent être placées que dans les rubriques

de premier niveaude premier niveau un contenu et un workflow simplifiésun contenu et un workflow simplifiés

moins de champs que les articles un champ lien externe (URL) une chaîne de publication à 3 états : proposée,

publiée ou refusée références externes contenu à peu de délibération

Page d'éditionPage d'édition

Page de Page de publicationpublication

Publier des sites syndiquésPublier des sites syndiqués

Les sites syndiquésLes sites syndiqués

permettent de récupérer à intervalles réguliers le permettent de récupérer à intervalles réguliers le nomnom et et l'adressel'adresse des derniers contenus publiés des derniers contenus publiés sur un autre site Web (exemple : les actualités de sur un autre site Web (exemple : les actualités de la mairie de Trappes ?)la mairie de Trappes ?)

La syndication nécessite sur le site distant la La syndication nécessite sur le site distant la présence d'un présence d'un flux rssflux rss (fichier au format xml). (fichier au format xml). Ex : Ex : http://planet.ubuntu-fr.org/rss.phphttp://planet.ubuntu-fr.org/rss.php

Les sites SPIP peuvent aussi être syndiqués de Les sites SPIP peuvent aussi être syndiqués de l'extérieur, en utilisant le fichier xml (fourni par l'extérieur, en utilisant le fichier xml (fourni par défaut) : défaut) : http://www.monsite.net/spip.php?page=backendhttp://www.monsite.net/spip.php?page=backend

Où trouver les sitesOù trouver les sites syndicables ? syndicables ?

Utiliser la détection par FirefoxUtiliser la détection par Firefox (ou IE>=7) lors de la navigation(ou IE>=7) lors de la navigation

Utiliser le lien fourni par les sites sur leurs Utiliser le lien fourni par les sites sur leurs pages pages

Utiliser un annuaire de flux RSS :Utiliser un annuaire de flux RSS : Ex : http://www.retronimo.com/ Ex :

http://www.tice.ac-versailles.fr/spip.php?page=annuaire_rss

Une page de publicationUne page de publication

Résultat en Résultat en ligneligne

Gestion des mots-clefsGestion des mots-clefs

Les mots-clefsLes mots-clefs

PermettentPermettent d'affiner la structure thématique du site en

créant une navigation transversale entre articles ex : niveau de lecture, public, thème...

d'attribuer une fonction d’affichage particulière à un objet

ex : affichage dans l’agenda, album photo, ect doit être développée dans le squelette

Peuvent être cumulés pour un même objet.Peuvent être cumulés pour un même objet.

Retrouver du contenu Retrouver du contenu dans SPIPdans SPIP

Naviguer dans les rubriquesNaviguer dans les rubriques

Utiliser A suivre ou Edition Dérouler les rubriques et visiter les liens Se repérer grâce à l'affichage de l'arborescence dans chaque page

Navigation dynamiqueNavigation dynamique

Utiliser Utiliser Tout le siteTout le site et glisser jusqu'à la et glisser jusqu'à la rubrique choisierubrique choisie

Plan du site et statut Plan du site et statut des articles des articles

Cliquer sur Cliquer sur Tout le site Tout le site puis dérouler le plan puis dérouler le plan rubrique par rubrique. rubrique par rubrique.

Paramétrer optionellement le Paramétrer optionellement le statut de statut de publicationpublication des articles. des articles.

DéveloppementDéveloppement

Cliquer sur Cliquer sur navigation rapide navigation rapide puis puis développer le plan rubrique par rubrique. développer le plan rubrique par rubrique.

Travail collaboratif Travail collaboratif sous SPIPsous SPIP

Des droits et des rôles distinctsDes droits et des rôles distincts

Le WorkflowLe Workflow

Circuit de validation et de tâches à accomplir Circuit de validation et de tâches à accomplir entre les différents acteurs du processus de entre les différents acteurs du processus de la chaîne éditoriale.la chaîne éditoriale.

Les forums publicsLes forums publics

Les forums publicsLes forums publics

sont attachés à un article sur le site public. ils sont attachés à un article sur le site public. ils se trouvent en dessous du corps de l'article.se trouvent en dessous du corps de l'article.

sont accessibles en contribution et sont sont accessibles en contribution et sont consultables par tous les visiteurs consultables par tous les visiteurs depuis depuis l'espace publicl'espace public et sont modérés par les et sont modérés par les administrateurs administrateurs depuis l'espace privédepuis l'espace privé

peuvent être activés ou modérés de façon +/- peuvent être activés ou modérés de façon +/- resctrictive, sur tout le site puis pour chaque resctrictive, sur tout le site puis pour chaque articlearticle

ne sont pas forcément signésne sont pas forcément signés peuvent générer l'envoi de mail automatiquepeuvent générer l'envoi de mail automatique

Sur le site publicSur le site public