Système de Publication pour l'Internet Partagé : 1 Système de Publication pour l'Internet Partagé Nous allons voir les concepts suivant de SPIP :
Sites Web statiques / dynamiques
Les Systèmes de Gestion de Contenu
Le partage des tâches
Manipulations (rédacteurs)
Installation & configuration
Manipulations (administrateurs) SPIP est un logiciel libre distribué sous licence GPL, aussi appelée en français Licence Publique Générale GNU. Cette licence vous garantit les libertés suivantes :
la liberté d’installer et d’utiliser SPIP pour quelque usage que ce soit
la liberté d’étudier le fonctionnement de SPIP et de l’adapter à vos propres besoins en modifiant le code source, auquel vous avez un accès immédiat puisque SPIP est intégralement programmé en PHP
la liberté de distribuer des copies à qui que ce soit, tant que vous n’altérez ni ne supprimez la licence ;
la liberté d’améliorer SPIP et de diffuser vos améliorations au public, de façon à ce que l’ensemble de la communauté puisse en tirer avantage, tant que vous n’altérez ni ne supprimez la licence.
Ce programme est un logiciel libre
vous pouvez le redistribuer et/ou le modifier conformément aux dispositions de la Licence Publique Générale GNU, telle que publiée par la Free Software Foundation ; version 2 de la licence, ou encore (à votre choix) toute version ultérieure.
Slide 2 : C’est quoi SPIP ? SPIP est un Système de Publication pour l’Internet. Kesako ?
Il s’agit d’un ensemble de fichiers, installés sur votre compte Web, qui vous permettent de bénéficier d’un certain nombre d’automatismes :
gérer un site à plusieurs,
mettre en page vos articles sans avoir à taper de HTML,
modifier très facilement la structure de votre site... Avec le même logiciel qui sert à visiter un site (Netscape, Microsoft Explorer, Mozilla, Opera...),
SPIP permet de fabriquer et de tenir un site à jour, grâce à une interface très simple d’utilisation. D’autres systèmes de publication existent ; chacun présente ses spécificités.
Un des plus connus actuellement est phpNuke ;
il impose une structure assez rigide pour le site, sous forme de portail muni de courts articles.
SPIP est plus souple, et orienté vers la création d’un site structuré comme un magazine :
c’est-à-dire avec des rubriques, sous-rubriques (et ainsi de suite), dans lesquelles sont insérés des articles et des brèves qui peuvent être complétés de forums de discussions.
Site Web : Un site Web dynamique est un site Web dont les pages peuvent être générées dynamiquement, c'est à dire à la demande.
On parle aussi par opposition de site Web statique.
(source Wikipédia) Sites Web statiques / dynamiques 3 Ne pas confondre dynamisme et animation !
Un site peut contenir toutes sortes d'effets visuels et être entièrement statique, à l'opposé un site dynamique peut très bien ne comporter aucune animation... Site Web
Rendre un web dynamique : on classe les données par catégories (textes, dates, nombres, images, ...)
on range celles-ci dans un une base de donnée (ensemble structuré sous forme de tables)
on utilise un langage qui traduit la demande formulée par l'utilisateur dans la page consultée (langage de script)
on affiche les données extraites de la base dans la page web
Mais la mise en oeuvre est assez complexe : ...il faut pour cela maîtriser un langage de script (PHP ou autre...), le HTML, et l'interfacage avec la base de donnée. C'est donc un travail d'expert !
D'autre part, le problème de l'alimentation de la base de données est crucial et nécéssite une interface adéquat.
Face à ce problème, des solutions alternatives plus simples ont été développées. 4 Rendre un web dynamique Comment rendre un site web dynamique ?Le principe est simple :
SGC : Les Systèmes de Gestion de Contenu Les systèmes de gestion de contenu ou SGC (en anglais Content Management System ou CMS) sont une famille de logiciels de conception et de mise à jour dynamique de sites web partageant les fonctionnalités suivantes :
ils permettent à plusieurs individus de travailler sur un même document,
ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de publier (mettre en ligne le contenu) des documents,
ils permettent de séparer les opérations de gestion de la forme et du contenu,
ils permettent de structurer le contenu (utilisation de FAQ, de document, de blog, forum, etc.)
< SGC ≠ blog ≠ wiki > 5 SGC
SPIP : 6 SPIP Présentation
logiciel libre en français
le plus utilisé : 25 000 sites (La Poste, Le Monde Diplomatique,...)
Technologie
basé sur PHP et MySQL
aucun langage à apprendre pour l'utilisateur ! ou si peu...
programmation « accessible » pour le webmestre
Historique
lancement en 2001
multilingue en 2003
version 1.8 en 2005
Version 1.9 en 2006
Partage des tâches : SPIP a les caractéristiques suivantes...
Pour le(s) rédacteur(s) et administrateur(s)
Une interface Web intuitive rend extrêmement simples la proposition d’articles et de brèves ainsi que la gestion éditoriale du site.
De plus, des raccourcis typographiques permettent de mettre en forme un texte sans avoir à utiliser le langage HTML, rendant ainsi la contribution rédactionnelle accessible à tous, et aussi simple que l’écriture d’un e-mail.
Pour le webmestre
L’aspect graphique et la navigation sont définis par des squelettes HTML
(ou « formats types »)
définissant chacun une « vue »
(par exemple :
une vue pour la page d’index,
une autre montrant une rubrique et un résumé de son contenu,
une troisième pour le détail d’un article,
une quatrième pour le détail d’une brève).
La façon dont est inséré le contenu rédactionnel du site dans ces pages est défini par un certain nombre de pseudo-tags HTML relativement faciles à maîtriser.
SPIP ne restreint pas les possibilités graphiques et navigationnelles du site.
Les squelettes HTML étant entièrement définis par le webmestre du site, il est possible de gérer certains éléments du site avec SPIP et le reste à la main ou même avec d’autres systèmes de publication (à condition que ces derniers soient aussi tolérants que SPIP, bien sûr). 7 Partage des tâches
Structure : 8 Structure Technique
Le site est partagé en deux espaces :
l'espace public qui est la partie visible par le visiteur
l'espace privé accessible (dans le navigateur par login et password) aux membres déclarés responsables dans le projet
Equipe
Deux types de statuts :
les administrateurs ont la responsabilité de la publication et de la structure éditoriale (création de rubriques)
les rédacteurs écrivent les articles et les proposent à la publication
(les administrateurs sont également rédacteurs)
(le webmestre du site a forcémént le statut d'administrateur)
Manipulations -rédacteurs- : Mise en situation de rédacteur :
se loger (prononcer se LOGUER) sur l'espace privé
rédiger un article
le proposer à la publication
retours éventuels, échanges 9 Manipulations -rédacteurs-
Installation & configuration : 10 Installation & configuration Choisir un hébergeur de site permettant le PHP et l'utilisation de MySQL
Demander la création d'une base de données MySQL à votre hébergeur (choisir le nom et le mot de passe pour la base, demander l'adresse de la base)
Choisir un nom de domaine « monsite.xxx »(les démarches peuvent être effectuées par votre hébergeur)
Télécharger la dernière version disponible de Spip sur le site officiel
http:// www.spip.net/fr
Installer un logiciel de tranfert de fichier FTP sur votre machine (par exemple FileZilla qu’on peut trouver sur le site http://filezilla.sourceforge.net/ )
Transférer sur le serveur par FTP l'ensemble des fichiers et répertoires de Spip dans le répertoire racine qui vous a été attribué par l'hébergeur
Dans votre navigateur taper l'adresse : http://www.monsite.xxx/ecrire
Suivre la procédure d'installation (le nom et le mot de passe de la base de données sont réclamés, il faudra également choisir votre nom d'utilisateur et un mot de passe pour l'accès à la partie privée de Spip) (voir doc.)
Votre site est créé : pour y accéder, taper http:// www.monsite.xxx dans votre navigateur
Pour accéder à la partie privée, cliquez sur le lien « Espace rédacteurs »
Manipulations (administrateurs) : Publication d'un article
Création/suppression d'une rubrique
Référencer un site
Gestion des forums
Maintenance du site Pour aller plus loin... Installer et paramétrer un squelette existant
Créer ses propres squelettes (utilisation de « Boucles » dans le code html)
Utiliser des feuilles de style pour harmoniser et rationnaliser la présentation du site 11 Manipulations (administrateurs)
Le rédacteur sous Spip : Le rédacteur sous Spip Le rôle du rédacteur
Le rédacteur est une personne
qui a accès à l’espace privé du site
qui ne peut que proposer des textes en vue d’une "évaluation" et d’une validation de la part des administrateurs pour une diffusion sur le site. L'accès à l'espace privé
Sur tous les sites conçus avec SPIP, vous trouvez un lien qui permet d'accéder à l'espace privé.
Ce lien est souvent appelé admin ou administration ou représenté par un logo.
Seul les personnes qui ont un login (nom d'utilisateur) et un mot de passe ont accès à l'espace de publication. *********** Dans la page de connexion de SPIP
On rentre son nom de LOGIN
Et son mot de passe
L'écran d'ouverture : L'écran d'ouverture L'écran du logiciel se divise en deux zones:
En haut de l'écran, la zone des fonctions qui permet de choisir les écrans en rapport au travail à réaliser :
elle est composée d'une barre d'icônes
A suivre, Édition, Forum, Auteurs, Aide, Visiter
et d'une barre de séparation en couleur qui contient d'autres icônes.
Il est conseillé de cliquer sur l'icône « Interface complète» ( ) pour avoir accès à tous les outils.
En dessous, la zone de travail qui permet la réalisation des travaux de mise à jour du site.
Cette zone est divisée en deux parties :
la partie de travail principale qui est l'endroit à partir duquel on édite le contenu
et la partie annexe située à gauche qui permet d'affiner les travaux et d'obtenir une série d'indications.
La barre des fonctions principales : La barre des fonctions principales La barre des fonctions principales est invariable et elle est commune à tous.
Si vous constatez que vous avez des icônes supplémentaires, c'est que vous êtes administrateur.
Nous verrons plus loin en détail les fonctions propres aux administrateurs.
Voici une description des fonctions principales :
A suivre : permet d'avoir des informations sur vos articles (de différents statuts), tous les articles proposés à la publication sur le site, les rendez-vous du jour.
Édition : permet une vue plus précise en distinguant les différentes rubrique à la racine du site.
Forum : permet de suivre et participer aux forums interne en cours.
Auteurs : permet de visualiser les administrateurs du site et les rédacteurs qui déjà rédiger au moins un article.
Aide en ligne : est une aide minimale, mais suffisante pour travailler.
Visiter : permet de retourner sur le site public.
La barre de séparation : La barre de séparation La barre de séparation est une ligne de démarquage entre la zone des fonctions et la zone de travail.
Vous y trouvez toute une série de raccourcis de fonction très utiles qui s'activent sur simple clic de souris et si des fonctions secondaires sont disponibles, elles se déploieront sur simple passage de la souris. Tout le site donne une hiérarchie de tout le site et en fonction secondaire vous trouvez l'arborescence des rubriques du site Navigation rapide ouvre le navigateur et en fonction secondaire nous visualisons vos articles en cours de rédaction ou les articles du site proposés à la publication. Rechercher permet de faire des recherches. Agenda ouvre l'agenda de la semaine en cours et en fonction secondaire vous pouvez ouvrir un jour, une semaine, un mois précis et vérifier vos messages et penses bêtes Messagerie personnelle ouvre une page qui reprend seulement vos messages enregistrés dans le calendrier et hors calendrier, vos penses bêtes et les annonces. En fonction secondaire, des raccourcis permettent de créer un nouveau pense-bête et un nouveau message. Suivre la vie du site devrait permettre de suivre l'évolution du site sur votre PC (très peu de personne l'utilise). Informations personnelles ouvre une page personnelle avec vos informations :vos articles, une icône vous permet de modifier vos données perso. Interface simplifiée/complète donne un écran avec toutes les fonctions possibles permet de choisir entre : les titres sans les icônes, les icônes et les titres ou
les icônes sans les titres. permet d'agrandir la zone de travail en trois parties. donne le choix de la couleur de votre graphisme en choisissant une couleur parmi celles qui sont proposées "français" : est un menu qui déroule toutes les langues disponibles pour la traduction del'espace privé. permet de vous déconnectez de l'espace privé en supprimant les cookies qui
mémorisent votre mot de passe.
La Zone de travail : La Zone de travail Le contenu de la zone de travail change en rapport avec les fonctions demandées.
Zone principale : Cette partie est celle que vous allez utiliser le plus.
Elle a trois fonctions de base :
La page de rédaction qui permet de modifier un article, une rubrique, une brève, …
La page de publication qui permet de vérifier la mise en page du travail
Présentation de données (agenda, synthèses de tous les articles, …) Partie annexe : propose une série de fonctions annexes affinant votre travail (ajout de photo ou de document, ajout ou suppression de logo, raccourcis,…) en relation avec la partie de travail dans laquelle vous vous trouvez.
Si vous activez la fonction d'écran large (qui se trouve sur la barre de séparation) l'encart avec tous les raccourcis autorisés se place sur la droite de votre partie de travail.
Chaque fois qu'il y a un encart blanc vous trouvez sur la gauche du titre un triangle. En cliquant dessus, vous dépliez les différentes options proposées par la fonction. Zone de travail
Naviguer dans Spip : Naviguer dans Spip Ouvrir le navigateur
Dans la barre de séparation vous cliquez une fois sur l'icône
On obtient la fenêtre suivante: Chaque colonne recense tous les éléments qui sont au même niveau hiérarchique, que ce soit des rubriques ou des articles.
La première colonne (celle de gauche) indique toutes les rubriques qui sont à la racine du site.
En dessous des rubriques se trouvent deux icônes, une qui donne tous vos articles en cours de rédaction et l'autre les articles proposés et brèves à valider..
Principe En cliquant une fois sur une rubrique de la racine, vous la développez dans la colonne de droite suivante. Vous procédez de cette manière jusqu'au moment ou vous trouvez la rubrique ou l'article recherché.
Tête de colonne Chaque rubrique sélectionnée se met en tête de colonne et en dessous se développent les éléments qui lui sont attribués.
Naviguer dans SPIP (suite) : Naviguer dans SPIP (suite) Ouverture d'une rubrique ou d'un article
Vous ne pouvez afficher une rubrique que par la tête de colonne. Par contre vous affichez un article à partir de la colonne même car un article ne peut être rédigé que dans une rubrique. Si on clique par exemple sur Assistance Informatique dans la 1ère colonne
La colonne Assistance Informatique va s’afficher en 2ème colonne
Si on clique sur la tête de colonne Assistance Informatique
La rubrique Assistance Informatique va s’afficher
Naviguer dans SPIP (suite) : Naviguer dans SPIP (suite) Maintenant si dans la colonne Assistance Informatique on clique dans la ligne Formation des enseignant Une troisième colonne Formation des enseignants s’affiche
Cette sous-rubrique est une rubrique constitué d’articles
Naviguer dans SPIP (suite) : Naviguer dans SPIP (suite) En cliquant par exemple sur l’article Aide sur Excel I de la rubrique Formation des enseignants
L’article Aide sur Excel I s’affiche On voit bien que l’article Aide sur Excel se trouve dans la rubrique Formation des enseignants
Qui elle-même se trouve dans la rubrique Assistance Informatique
Qui elle se trouve à la racine du site.
Naviguer dansSPIP (suite) : Naviguer dansSPIP (suite) État d'un article
Les différents états d'un article ont été définis par un carré de couleur que se situe devant son titre.
La signification des couleurs est :
Blanc : l'article est en cours de rédaction
Orange : l'article est proposé à l'évaluation et à la publication
Vert : l'article est publié en ligne
Rouge : l'article est refusé à la publication
Noir : l'article est mis à la poubelle
Attention : Lorsque l'article est mis à la poubelle, son titre est toujours visible mais le contenu est définitivement inutilisable et illisible.
Par contre un article refusé peut toujours voir son statut être modifié par un administrateur.
Dans la plupart des cas l'administrateur va simplement remettre le statut de l'article en cours de rédaction.
La rédaction d'un article : La rédaction d'un article Descriptif rapide : est utilisé pour la navigation à l’intérieur du site : il permet d’indiquer brièvement, dans les sommaires par exemple, le thème de l’article. Chapeau : dans le jargon de la presse, désigne le court texte qui "chapeaute" l’article.
Le chapeau est parfois utilisé dans le sommaire du site pour présenter un article Texte : C'est le corps de l'article et il est obligatoire.
Ici vous pouvez refaire le monde et partager toutes vos idées.
La mise en page sera détaillée par la suite. Post-Scriptum : est une zone de note qui peut être utilisée par le Webmaster
La mise en page d'un article : La mise en page d'un article Le langage qui permet à un site d'être traduit par votre navigateur est très codé (HTML) et pas très pratique pour l'utilisateur.
De ce fait les concepteurs de SPIP ont mis en place une série de"raccourcis" qui permettent de gérer la mise en page.
Ils ne sont pas très nombreux et ça vaut la peine de les connaître. Mettre en {italique} Mettre en {{gras}} Transformer en {{{intertitre}}} Transformer en[ lien hypertexte->http://…] Transformer en [[Note de bas de page]] Entourer de « guillemets » Entourer de « guillemets de second niveau » Insérer un accent grave Majuscule Insérer un accent aigu minuscule e dan l’o minuscule E dans l’O Majuscule Insérer symbole euro
La mise en page d'un article : La mise en page d'un article C'est assez pauvre.... mais d'autres raccourcis sont utilisables pour améliorer la mise en page.
Vous pouvez consulter l'aide en ligne pour en savoir davantage, mais voici les principaux dans le tableau ci-dessous : Une fois la mise en page de votre texte réalisée, vous devez valider par le bouton en bas à droite de votre page.
La validation permet de sauver ce que vous avez fait mais surtout de faireapparaître la page de publication de votre article et de vérifier la mise en page.
Les fonctionnalités de la page de publication d'un article : Les fonctionnalités de la page de publication d'un article Cette page permet de réaliser 2 choses :
Vérifier la mise en page que vous venez de réaliser
Compléter votre article grâce à une série de fonction La zone de travail permet de réaliser de vérifier :
Le titre avec un carré blanc signe que l'article est en cours de rédaction
Description et chapeau s'inscrivent si vous les avez remplis.
La date de création de l'article correspond à la date de création de l'article.
Cette date ne peut être modifié que par un administrateur et lorsque l'article a été mis e Les auteurs sont ceux qui ont écrit l'article.
En cliquant sur le triangle noir vous pouvez déplier un espace qui permet de gérer les auteurs.
Il est possible d'ajouter un ou plusieurs auteurs pour un article, ce qui permet de travailler à plusieurs sur le même sujet.
Un seul auteur à la fois peut travailler sur l'article.
Les mots-clés sont les mots qui sont associé à votre article.
En cliquant sur le triangle noir vous pouvez déplier un espace qui permet de les gérer.
Vous voyez les titres des groupes de mots-clés.
Pour sélectionner un mot-clé d'un groupe, vous ouvrez le menu déroulant du groupe souhaité, vous choisissez un mot-clé et vous l'enregistrez dans votre article par le bouton "choisir" qui est a droite.