qu’est-ce qu’un site web - erasme
TRANSCRIPT
PLAN
1- Présentation de SPIP2- Installation de SPIP3- Première configuration (Administrateur)4- Publication et contribution (Rédacteur)5- Options de configuration avancées(Administrateur)
Le réseau
Des sites statiques aux logiciels de gestion de
contenu (CMS)
Le travail sur un site Web traditionnel
• Création et modification manuelle des pages– Utilisation d'un logiciel de réalisations de pages Web (utilitaire
graphique, éditeur de texte...).– Envoi manuel des pages par FTP.
• Le webmestre est le point de passage obligé pour mettre les modifications en ligne.
• Il est difficile de mettre en place une navigation complexe qui évolue automatiquement (liens vers les nouveaux contenus).
• Le contenu fait partie du contenant.
• Exemple : http://www.ville-asnieres-sur-oise.fr/
Le travail sur un site Web avec un système automatisé
Pour le contenu :
• Création du contenu et modification via une interface en ligne (HTML, formulaires Web) -> élimination des barrières techniques : pas besoin de connaissances spécifiques
• Travail collaboratif : autant de contributeurs que nécessaire
• Gestion des droits de modification : différents droits selon les contributeurs
• Automatisation de fonctions avancées : forums, moteurs de recherche...
• Elimination du goulot d'étranglement : la présence du webmestre n'est pas nécessaire à la mise en ligne
Le travail sur un site Web avec un système automatisé
Pour le contenant :
• La façon dont sont affichés tous les textes est codifiée en un endroit unique.
• Mise en place aisée d'une navigation complexe, qui évolue automatiquement.
Pour une discussion approfondie, voir l’article de Wikipédia sur les CMS ou « Content Management Systems » sur http://fr.wikipedia.org/wiki/CMS
Quelques systèmes de publication automatisés
SPIP, typo3, mambo, PHP Nuke
http://c2.com/cgi/wiki?WikiEngines
http://www.phpbb.com/
http://www.dotclear.net/
Systèmes
http://www.uzine.net
-Classement thématique et navigation sophistiqués-Moteur de recherche-Forums…
Oui, workflow évolué
-Gestion de droits avancé-Système de délibération interne
-Article multimédia enrichi
Logiciels de gestion de contenu (CMS)
Systèmes de publication éditoriale
http://fr.wikipedia.org/
-Liens automatique entre les contributions
Non-Contribution anonyme et instantanée
-Texte simpleSystème contributif ouvert auto-régulé par la communauté des utilisateurs
WiKi
http://divx.zemeilleur.com/
-Classement thématique
Oui-Modération-Inscription en ligne-Messagerie interne
-Texte simpleGestion de communauté autour d’un sujet particulier
Forums autonomes
http://www.ifaze.net/blog/-Classement thématique-Syndication
Non-Souvent un seul utilisateur
-Texte simple, liens, images-commentaires
Journal personnel en ligne
Blogs
Exemple
Site publicGestion éditoriale
Niveaux d’utilisateurs
ContenuType
Un site contributif : fr.wikipedia.org/
Les logiciels libres
Un logiciel libre se définit par quatre droits donnés à l’utilisateur :1. liberté d’utiliser le logiciel2. liberté de modifier le logiciel pour son propre usage3. liberté de redistribuer (copier, donner, revendre) le logiciel4. liberté de redistribuer une version modifiée du logiciel
Les deux premières libertés ne souffrent aucune limitation, les deux dernières peuvent être accompagnées de conditions d’ordre général. Une condition ne doit pas être discriminatoire ; ainsi un logiciel utilisable seulement à des fins non-commerciales n’est pas un logiciel libre !
Un logiciel libre doit fournir son propre « code source » à l’utilisateur permettant le partage des connaissances, l’analyse du fonctionnement du programme et la modification commode du logiciel.
Un annuaire de logiciels libres, en français : http://www.framasoft.net/Un CD-ROM de logiciels libres pour Windows, à graver gratuitement : http://gnuwin.epfl.ch/fr/
Séparation du contenu et de la mise en forme
Contenu
Mise en forme
Serveur web
<HTML>
<HEAD> <TITLE>Ma page </TITRE></HEAD>
<BODY>…</BODY></HTML>
Page HTML calculéeProtocole HTTP
(port 80)
interpréteur HTML
BDD
Squelettes PHP/HTML
Données multimédia
Requête HTTP
Articles, brèves, …
Présentation de SPIP
SPIP : Système de Publication pour l’Internet
site Internet dynamique : base PHP/Mysql. site contributif : permet de gérer et/ou
d’animer un site à plusieurs. outil d’aide à la publication : permet de
mettre des pages en ligne sans taper de code. WebZine : stocke et présente du contenu de
type documentaire (articles multimédia). logiciel libre : distribué sous licence GNU. CMS : Système de gestion de contenu évolué.
Exemples de sites sous SPIP
journalisme– Le Monde diplomatique : http://www.monde-diplomatique.fr/
échanges thématiques– Citations : http://www.aphorisme.info/– Sport : http://www.bo2.org/– Informatique : http://www.koudou.org/– Sociologie : http://www.sociotoile.net/ – Les loups : http://www.loup.org/
Webzine– Journal anecdotique : http://10minutes.free.fr/– Uzine : www.uzine.net– Aqolad.net : http://aqolad.net/sommaire.php3– Grand Manitou : http://www.grandmanitou.net/– Citoyen : http://citoyenfr.lautre.net/
vie locale– Sophia antipolis : http://www.viasophia.com/
politique– La vie des Verts d'Argentan : http://vertsargentan.ouvaton.org/
Exemple de site de type Webzine
Dernier article
Forum autour d’un article
brèves
articles précédents
Exemple d’usages de SPIP
espace informatif à l’égard d’un groupe d’usagers - ex : support.erasme.org
espace contributif pour l'échange sur des thèmes ouverts – ex : wifi.erasme.org
Intranet simple (valeur ajoutée : protection de contenu par mot de passe, agenda partagé)
SPIP : structure et contenu
Structure arborescente :– organisé sous forme de rubriques et de sous-
rubriques– possibilité de modération séparée des rubriques
Contenu documentaire : – articles et brèves / enrichissement typographique
et multimédia par un langage simple– documents liés– référencement et syndication de sites Internet– forums de discussion
SPIP : différents niveaux d’utilisateurs
Permets à partir d’un navigateur Internet : – de consulter le site (visiteur).– de contribuer au contenu (rédacteur).– d’administrer, modérer et mettre à jour le site
(administrateur).
Séparer et distribuer entre différentes personnes :– La composition graphique (webmaster)– La contribution rédactionnelle (rédacteur)– La gestion éditoriale du site (administrateur)
Site public et espace privé : le présentoir et l’arrière-cuisine
back-office front-office(accès par login/pass)
http://monsite.com/ecrire http://monsite.com
visiteurrédacteur
administrateur
Utiliser le site public du site reseau.erasme.org en tant que visiteur
Dispose d’un moteur de recherche (si activé par l’administrateur).
Possibilité de réagir aux articles via des forums (si activé).
Rôle du cache (bouton : recalculer la page).
TP 1
calendrier
Forum
Dernier article
articles précédents
rubriques
Installer SPIP
Choix de l’hébergement
Chez un hébergeur Web offrant PHP et MySQL : une liste indicative à http://www.uzine.net/spip_contrib/article.php3?id_article=92
Pour développement, installer SPIP sur votre machine personnelle : http://www.uzine.net/spip_contrib/article.php3?id_article=150
Une fois l'hébergement ouvert, récupérer les paramètres de connexion à MySQL fournis par l'hébergeur : adresse et nom de la base de données, login, mot de passe
Installer SPIP en 4 étapes
1. Récupérer le fichier de SPIP sur le serveur www.spip.net (http://www.spip.net/spip-dev/DISTRIB/), le décompresser sur votre ordinateur. Vous obtenez un dossier « SPIP1.7.2.zip » contenant l’ensemble des fichiers du système SPIP.
2. Transférer le contenu de ce dossier sur votre site par FTP à la racine du site.
3. Donner les droits d’accès en écriture sur les dossiers \ecrire, \CACHE, \IMG
4. Connectez-vous avec votre navigateur sur votre site, dans le dossier « \ecrire », où SPIP vous proposera une interface graphique vous permettant de configurer le système.
TP 2
Interface administrateur
présentation et première configuration
Validation des documents proposés (workflow)
Création de rubriques, articles et brèves
Ajout de rédacteurs et administrateurs (administrateur)
Sous-menus associés
Accès au manuel de référence de l’administrateur et du rédacteur
Aide en ligne
Configuration de l'interface personnelle
–Interface simplifiée / complète–Le cookie de correspondance–Se déconnecter
Configuration du site
– Nom et adresse du site– Paramètres de contenu : champs des articles, articles post-datés, activation des brèves, caractéristiques avancées des mots-clés, gestion des documents attachés... – Fonctionnement des forums publics : modération « à priori » ou accessibles sur abonnement.– Activation du moteur de recherche– Activation des statistiques des visites– Activation de la messagerie interne– Envoi automatique de mails– …
1-Définir les options de la structure du site (titre, articles, brèves).
2-Créer une rubrique.3-Créer un article simple (titre et texte) et le publier.4-Se rendre sur le site public.
Back-office : administrateurs
TP 3
Les objets SPIP
Les objets SPIP
Rubriques Articles Brèves Sites réfrencés Documents et images attachées Forum Mots-clefs
Les rubriques
Une structure hiérarchisée-Tout contenu publié sur votre site sera placé dans une rubrique et une seule. -Dans SPIP, cette structure est de type hiérarchique : une rubrique peut contenir des sous-rubriques qui, ellesmêmes, contiennent des sous-rubriques, etc.
Déplacer une rubrique. Choisir le logo de sa rubrique. Note : Seules apparaissent sur le site les rubriques contenant au moins un contenu publié (par exemple un article, ou une sous-rubrique non vide).
Les articles
–Chaque article est constitué au minimum d'un titre et d'un texte. Les champs supplémentaires sous-titre, chapo, post-scriptum peuvent rester vides.–Il est placé dans une rubrique qui peut être modifiée par la suite.–Les raccourcis typographiques permettent d'effectuer simplement les opérations de mise en page : mise en italique, en gras, création d'un intertitre, affichage d'une liste à puces, insertion d'une image.–Chaque article peut avoir un, plusieurs ou aucun auteur. –Un article est daté à sa publication. Il porte de plus, optionnellement, une date de rédaction antérieure pour signifier qu'il s'agit d'une republication.–Un logo propre à l’article peut être ajouté.–Un article peut être automatiquement redirigé vers un lien interne ou externe.–Le statut de l'article correspond au processus (workflow) de publication :
en cours de rédaction proposé à la publication publié en ligne à la poubelle refusé
Les brèves
–sont dépourvues d'auteur.–offrent moins de champs que les articles, mais offrent un champ dédié pour effectuer un lien vers une adresse externe (URL) -> moyen privilégié pour mettre en ligne des dépêches d'information, annoncer des événements ou faire une revue de presse (ou de Web). –sont en général réservées aux nouvelles qui ne nécessitent pas un travail rédactionnel ou délibératif prolongé. –ne peuvent être placées que dans les rubriques de premier niveau (« à la racine » du site).–Le processus de publication est simplifié par rapport aux articles : une brève est proposée, publiée ou refusée.
Les sites référencés
–permettent de faire référence à des sites Web externes, voire de créer un annuaire de sites.–sont constitués d'un titre, d'un descriptif et d'une URL.–sont placés dans les rubriques.–peuvent être proposés, publiés ou « à la poubelle ».
Les sites syndiqués
-permettent de récupérer à intervalles réguliers (quelques heures) le nom et l'adresse des derniers contenus publiés sur un autre site Web (optionnellement : leur date de publication, leurs auteurs, un texte introductif).-La syndication nécessite un système adéquat sur le site que l'on veut syndiquer. Il s'agit d'un fichier de type flux rss au format xml à une adresse fixe fournie par le site (par exemple : http://www.spip.net/backend.php3).-Les sites SPIP peuvent aussi être syndiqués de l'extérieur, en utilisant le fichier (fourni par défaut) « backend.php3 ».
Les forums
–sont attachés aux articles afin que les visiteurs puissent laisser des commentaires (messages).– Comme les rubriques, les forums sont organisés de façon arborescente : il y a les messages de premier niveau (ceux qui répondent directement à l'article), les messages de second niveau (ceux qui répondent à un message de premier niveau), etc.– Par défaut, les messages postés par les visiteurs (y compris anonymes) s'affichent immédiatement sur le site public.– La modération des forums est réservée aux administrateurs et s'effectue via la page « suivre les forums ».– L'adresse Internet (adresse IP) des posteurs est enregistrée mais n'est visible que par les administrateurs, lorsque le message est supprimé.
Les mots-clés
-peuvent être associés aux articles, aux brèves, rubriques ou aux sites référencés.
-permettent :-d'affiner la structure thématique du site, en créant une navigation transversale entre articles.-d’attribuer une fonction d’affichage particulière à un objet (ex: affichage dans l’agenda, affichage de type album photo, ect).
-ne peuvent être créés que par les administrateurs. Ils sont associés manuellement aux articles par leurs auteurs ou par les administrateurs.-sont organisés par groupes. Ex : un groupe de mots-clés pour les « sujets » traités, et un groupe de mots-clés pour les pays (voir http://www.monde-diplomatique.fr/).-peuvent être cumulés pour un même objet.
Les images et les documents attachés
-aux articles et aux rubriques.-permettent : -d’afficher une image dans un texte
-de créer un lien vers un document-de mettre en place une galerie d'images-de proposer une rubrique de téléchargement...
-peuvent être accompagnés d’un titre, d’un descriptif et d’une taille d’affichage.-peuvent être : -joints aux articles
-intégrés dans le corps de l’article grâce à des balises SPIP (ex: <img169|center> ou <emb158|left> )
-Les types de documents que l'on peut attacher sont indiqués au niveau de la BDD. Ceci pour des raisons de sécurité (par exemple, l'attachement d'un script PHP est interdit).
Le moteur de recherche
-n’est pas systématiquement activé (option d’admin).-indexe automatiquement les articles, les brèves, les rubriques, les sites référencés.-La construction de l'indexation se fait au fil des visites sur le site public, il faut donc attendre un certain temps avant que l'indexation soit complète. -Les données générées par le moteur de recherche triplent environ l’espace disque occupé par la base de données. -Le moteur de recherche n’est pas lié aux mots-clés : http://www.spip.net/fr_article1112.html
Le travail collaboratif
• Des forums dans l'espace privé permettent aux auteurs de communiquer grâce à :
– un forum au niveau de chaque article ou brève (en bas)– un forum global interne (rédacteurs / administrateurs)– une messagerie privée entre utilisateurs
• Un système de gestion des « conflits » peut être activé pour éviter que deux auteurs modifient un article en même temps.• Un système de pense-bête (personnel) et de calendrier (global + personnel) est proposé.
Le multilinguisme
• peut être activé au niveau de l'interface d'administration.• Le site a une langue principale, qui est la langue affectée par défaut à tous les éléments.• On peut définir une langue pour chaque rubrique, qui s'appliquera à tous les éléments de cette rubrique ainsi qu'aux sous-rubriques.• On peut définir une langue pour chaque article, qui remplacera la langue par défaut de la rubrique.• Un système de traduction permet de gérer la traduction des articles. Chaque traduction est en fait un nouvel article qui est lié à l'article original.
Les pétitions
• peuvent être attachées à un article, afin que les visiteurs du site puissent la signer automatiquement.• Lorsqu'un visiteur demande à signer une pétition, un e-mail de confirmation lui est envoyé. Il doit alors cliquer sur une URL générée aléatoirement afin de valider la signature.• Différents types de pétitions : on peut rendre la fourniture d'un site Web (URL) obligatoire ou non, interdire à deux adresses e-mail de signer la pétition, etc.• Exemples d'utilisation : la pétition des chercheurs (http://recherche-en-danger.apinc.org/) ; la liste totalement indicative des sites sous SPIP (http://www.spip.net/fr_article884.html), etc.
utilisation de SPIP
Back-office : administrateurs
---passage sur 1 site commun---
1-Se rendre dans le back-office (log/pass)
2-Administrer sa rubrique:-Modifier le nom-Associer une icône-Créer une arborescence de rubrique
Back-office : Rédiger un article (dans une rubrique autre que la votre)
1 : Se rendre dans le back-office 2 : Se positionner dans une rubrique 3 : Écrire un nouvel article en utilisant les raccourcis
typographiques-mise en forme (gras, italique, titre…)-liens-tableau
4 : Proposer l'article à la publication
Back-Office : administrateurs
1- Valider le contenu de l’article proposé dans votre rubrique.
2- Modifier l’arborescence de sa rubrique.3- Option : Ajouter des rédacteurs et/ou des
administrateurs à la liste.
Back-Office : rédacteursRédiger un article (avancé)
1- Modifier un article 2- Joindre un document 3- Intégrer une image dans le corps 4- Logos, forums, redirection 5- Intégrer du code HTML
Options d’administration et de publication avancées
Publication avancée avec mots-clefs
x
Edito_sommaire
(considéré comme
edito de la rubrique mère)
xxrubrique
xxxbrève
xxxxxarticle
protéger par mot de passe
diaporama (des
articles de la rubrique)
album (des
documents mutimédia
de l’article)
edito (considéré comme edito de
la rubrique mère)
pas_une agenda
Administration avancée
– Statistiques– Sauvegarde - Export/Import de la BDD– Mises à jour des versions de SPIP– Protection par mots de passe– Utilisation avancée des options de gestion
du contenu editorial (mailing-liste, forum interne…)
Liens utiles
– http://reseau.erasme.org/spip– www.spip.net/fr– www.spip-contrib.net– Liste de diffusion : [email protected]
Aide et documentation
Aide et documentation