stage établissementd’afficher une image dans un texte de proposer un espace de travail / de...
TRANSCRIPT
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 [email protected]
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