Préparé par M. Abdallah BELHASSANI - Centre de Calcul - ENSET d’Oran

Présentation au sujet: "Préparé par M. Abdallah BELHASSANI - Centre de Calcul - ENSET d’Oran"— Transcription de la présentation:

1 Préparé par M. Abdallah BELHASSANI - Centre de Calcul - ENSET d’Oran
Manuel de rédaction du contenu dans les sites des laboratoires de recherche Préparé par M. Abdallah BELHASSANI - Centre de Calcul - ENSET d’Oran Février 2011

2 Qu’est-ce que SPIP ? SPIP pour Système de Publication pour Internet Partagé est un système de publication de contenus sur Internet. Il se base essentiellement sur le travail collaboratif des différents contributeurs d’un site web donné développé sous SPIP. SPIP est un logiciel libre conçu pour la création de sites Web de type CMS pour la gestion de contenu. D’une grande facilité d’utilisation, SPIP est très largement exploité par les sites Internet participatifs.

3 Objectif du manuel Acquérir les meilleures pratiques rédactionnelles pour les sites des différents laboratoires de recherche (CASICCE, LAAS, LABMAT, LARTFM, LTE et SCAMRE).

4 Pré-requis La rédaction du contenu dans un site SPIP ne nécessite aucune compétence particulière, il est toutefois conseillé aux utilisateurs d’être familiers avec les outils bureautiques (Microsoft Office, OpenOffice,…)

5 Les URLs des différents sites de laboratoires:
Les sites web des six (06) laboratoires de recherches domiciliés à l’ENSET d’Oran sont consultables soit via les adresses électroniques suivantes: Ou bien via le site de l’ENSET d’Oran en allant dans la page suivante: Accueil du site -> Directions -> Direction de la Poste-graduation et de la Recherche Scientifique -> Laboratoires de recherche

6 Architecture d’un site SPIP: cas du site web du labo CASICCE http://www.enset-oran.dz/casicce
Un site web sous SPIP est composé de 02 parties distinctes : La partie publique qui est l’ensemble des pages accessibles à tout visiteur. Il s’agit des articles, brèves, rubriques ainsi que des interventions dans les forums associés. La partie privée qui est l’espace à accès restreint dans lequel les administrateurs et les rédacteurs peuvent écrire des articles, des brèves, modifier la structure du site, suivre les contributions postées dans les forums, etc. L’accès à cet espace nécessite d’être enregistré, c’est-à-dire de disposer d’un identifiant et d’un mot de passe.

7 Architecture d’un site SPIP: cas du site web du labo CASICCE
Partie publique: C’est la partie consultable par tous les internautes. Elle est accessible via une interface graphique organisée autour de plusieurs rubriques, sous-rubriques ainsi que des articles. On y trouvera aussi un moteur de recherche, des brèves et parfois des forums . L’espace de la partie publique est divisée en quatre (04) parties distinctes: L’entête, la colonne de navigation , le corps de la page affichée et le pied-de-page.

8 Corps de la page actuellement visitée.
Entête regroupant la bannière du site et des liens utiles (contact, connexion,…). Corps de la page actuellement visitée. Colonne de navigation dans les différentes rubriques du site. Pied-de-page regroupant un lien vers la page d’accueil du site et un autre pour afficher la plan du site.

9 Lien pour consulter le plan du site.
Un moteur de recherche est disponible afin de gagner du temps lors de la navigation sur le site. Une barre de navigation (fil d’Ariane) pour se repérer dans l’arborescence du site. Moteur de recherche Barre de navigation Pour avoir une vision générale de l’ossature du site, on peut consulter le plan du site en pied de page. On aura un affichage par rubrique, par date ou par auteur. Lien pour consulter le plan du site.

10 Architecture d’un site SPIP: cas du site web du labo CASICCE
2. Partie privée : La partie privée (appelée aussi espace privé ou back-office) est destinée à la rédaction et la gestion de contenu. Elle n’est accessible qu’aux administrateurs et rédacteurs ayant des droits d’accès. Pour y accéder ( il faut disposer donc des identifiants attribués préalablement par l’administrateur du site.

11 Prise en main de l’interface privée du site
Nous verrons dans partie : • L’accès à la partie privée du site (authentification); • La présentation de la partie privée (espace privé ou back- office); • et la personnalisation de l’interface privée.

12 Prise en main de l’interface privée du site
Accès à la partie privée du site: On accède à la partie privée du site soit via le lien : soit via l’interface publique en allant sur « connexion » dans l’en-tête du site. Dans les deux cas, il est requis de disposer des identifiants délivrés par l’administrateur du site pour pouvoir s’authentifier avec son login et mot de passe, ensuite d’accéder à la partie privée. Lien d’accès à l’espace privé

13 2. Présentation de la partie privée (back office):
Après authentification, l’accès à la partie privée se fait selon que l’on soit administrateur ou rédacteur. Les informations de la page d’accueil de l’espace privé pour un administrateur

14 Les informations de la page d’accueil de l’espace privé pour un rédacteur

15 Les icônes et les menus de l’espace privé :
La barre de navigation de l’espace privé se décompose en (02) deux bandeaux. De manière générale, une icône permet : En cliquant dessus, d’accéder à une page regroupant des fonctionnalités; En la survolant avec la souris, de faire apparaître un menu. Les administrateurs disposent de plus de fonctionnalités que les rédacteurs. Ils ont notamment accès aux espaces de configuration et de maintenance du site, au suivi des statistiques, aux options de gestion des auteurs, au suivi de l’activité des forums, etc. Bandeau supérieur Bandeau inférieur

16 Les icônes du bandeau supérieur :
Fonctions Clic : revenir à la page d’accueil de l’espace privé. Clic : accéder à l’arborescence des rubriques du site. Survol : obtenir un sous-menu donnant accès à tous vos articles, aux mots-clés et aux sites référencés. Clic : accéder au forum interne de l’espace privé. Survol : obtenir un sous-menu donnant accès à la gestion des forums publics et à la gestion des pétitions. Clic : accéder à la liste des rédacteurs et administrateurs du site. Survol : obtenir un sous-menu donnant accès aux informations personnelles et au formulaire de création d’un nouveau rédacteur. Accéder à l’aide de SPIP. Accéder à la page d’accueil du site public.

17 Les icônes du bandeau inférieur :
Fonctions Clic : accéder à une page de visualisation du site entier. Survol : faire apparaître un menu de navigation dans les rubriques du sites. Survol : faire apparaître un menu regroupant les articles proposés et des raccourcis vers la création d’une rubrique, l’écriture d’un article ou le référencement d’un site. Accéder aux fonctions de recherche dans l’espace privé. Accéder à l’agenda du site. Accéder aux fonctionnalités de la messagerie interne de l’espace privé. Accéder aux fonctions d’exportation de l’agenda du site et à génération des fichiers backend (fils de syndication RSS). Accéder aux informations personnelles relatives au rédacteur courant. Dissimuler les icônes ou les textes dans l’espace privé. Changer les couleurs de base de l’interface. Sélectionner la langue de l’interface de l’espace privé. Se déconnecter de l’espace privé. Il faut s’authentifier à nouveau (identifiant et mot de passe) à la prochaine connexion à l’espace privé.

18 Les principaux objets de SPIP:
Secteurs : terme désignant les rubriques se trouvant à la racine de l’arborescence des rubriques de votre site SPIP. Rubriques : les rubriques ou sous-rubriques contenues dans un secteur. Articles : textes généralement longs dans lesquels vous pouvez incorporer d’autres éléments : images, notes de bas de pages, documents, etc. Brèves : textes courts auxquels vous avez la possibilité d’ajouter un lien. Généralement, on s’en sert pour y placer le résumé d’une page ou un lien vers la page complète. Attention, les brèves ne peuvent être créées que dans les secteurs.

19 La hiérarchie des rubriques
Une rubrique est un espace destiné à accueillir des articles Racine du site Secteur Rubrique Sous-rubrique Déplacement de rubrique

20 Le statut des auteurs sous SPIP
Si vous possédez des identifiants de connexion à un site SPIP, vous êtes « auteur » de ce site. Il existe dans SPIP trois types d’auteurs: les visiteurs, les rédacteurs et les administrateurs. Le visiteur est une personne qui peut simplement accéder aux parties restreintes du site public ainsi qu’aux forums auxquels il est abonné. Il n’a aucun accès à la partie privée (/ecrire) du site. Le rédacteur est une personne qui a accès à l’espace privé du site et qui ne peut que rédiger des textes (articles ou brèves) et proposer des contenus (textes et documents multimédias) à l’évaluation. C’est le statut le plus couramment utilisé. L’administrateur est une personne qui a accès à l’espace privé et qui a « tous les droits » sur le site: ajout, modification et suppression des contenus, relecture et correction des textes rédigés par les autres rédacteurs, modification de l’arborescence du site et surtout publication sur le site public. Il est le responsable moral du contenu du site. L’administrateur restreint est un administrateur dont les droits sont restreints à une ou plusieurs rubriques.

21 La gestion éditoriale d’un site SPIP
Dans cette partie, nous verrons comment : 1. Créer une rubrique; 2. Modifier une rubrique; 3. Ecrire son premier article; 4. Manipuler un article; 5. Mettre en forme un article; 6. Ajouter une image et joindre un document à un article; 7. Et enfin, publier un article.

22 1. Créer une rubrique : Vous ne pouvez créer des rubriques ou sous-rubriques que si vous avez les droits d’administrateur ou administrateur restreint. 1 . Cliquez sur l’icône créer une rubrique dans votre espace privé, vous accédez à la page de création de la rubrique : 2. Saisissez le nom de la rubrique dans le champs Titre. 3. Déroulez la liste « A l’intérieur de la rubrique » pour choisir le secteur ou la rubrique dans laquelle vous souhaitez insérer votre nouvelle rubrique. 4. Dans le champs « Texte explicatif », vous pouvez rédiger le contenu de la rubrique. Attention : Règle de nommage pour l’ordre d’affichage des rubriques et des articles : la syntaxe à utiliser dans le nom d’une rubrique ou un article est un chiffre suivi d’un point suivi d’un espace suivi du titre de votre rubrique ou article. Pour qu’une rubrique s’affiche dans l’espace public du site, elle doit contenir au moins un article ou une brève. 5. Cliquez sur le bouton « Enregistrer pour valider.

23 2. Modifier une rubrique :
Pour modifier une rubrique, il faut d’abord la sélectionner en cliquant sur son nom dans la liste des rubriques du site . - Cliquez ensuite sur l’icône Modifier cette rubrique dans votre espace privé, vous accédez à une page similaire à celle de la création d’une nouvelle rubrique à la seule différence que les champs y sont déjà renseignés. - Apportez vos modifications et n’oubliez pas de valider en cliquant sur le bouton « Enregistrer » en bas de la page.

24 3. Ecrire un article : 1. Cliquez sur l’icône écrire un nouvel article, vous accédez à la page de rédaction de l’article. 2. Saisissez le nom de l’article dans le champs Titre. 3. Déroulez la liste « A l’intérieur de la rubrique » pour choisir le secteur ou la rubrique dans laquelle vous souhaitez insérer votre nouvel article. 4. Dans le champs « Texte », vous pouvez rédiger le contenu de l’article. Attention, pour l’instant votre article n’est pas disponible dans la partie publique. Il est considéré « en cours de rédaction ». Vous pouvez alors demander la publication de l’article ou continuer à travailler dessus pour ajouter des éléments ou corriger des erreurs. 5. Cliquez sur le bouton « Enregistrer pour valider.

25 3. Manipuler un article: Vous ne pouvez modifier que les articles que vous aviez rédigés sous votre propre compte. Attention, il n’est pas possible de manipuler un article d’un autre rédacteur que si l’administrateur modifie vos droits d’accès sur cet article. Pour modifier un article, il faut d’abord sélectionner la rubrique à laquelle appartient l’article à modifier. - Cliquez ensuite sur le nom de cet article dans la liste des articles qui apparaît sous la rubrique sélectionnée. - Cliquez ensuite sur l’icône « Modifier cet article » , vous accéderez à une page similaire à celle de la création d’une nouvelle rubrique à la différence que les champs y sont déjà renseignés. - Apportez vos modifications et n’oubliez pas de valider en cliquant sur le bouton « Enregistrer » en bas de la page.

26 5. Mise en forme d’un article :
Un éditeur WYSIWYG permet de mettre en forme les articles selon qu’ils apparaissent sur le site web. Son utilisation est intuitive et ne nécessite aucune connaissance technique à part une utilisation courante d’un traitement de texte ordinaire (tel que le Microsoft Word). Il est possible aussi d’ajouter des documents de différents formats, des images, des liens, des tableaux, etc.

27 6. Insérer une image dans l’article
Pour insérer une image dans un article : 1. Sélectionnez l’article souhaité en naviguant dans l’arborescence du site. 2. Cliquez sur l’icône Modifier cet article. 3. Un élément Ajouter une image ou un document figure dans le menu de gauche de la page d’édition de l’article. 4. Cliquez sur le bouton Parcourir, puis sélectionner l’image que l’on souhaite attacher à l’article depuis son ordinateur.

28 6. Insérer une image à l’article(suite)
5. Cliquez ensuite sur Télécharger et attendez que le fichier soit chargé sur le serveur : plus le fichier est volumineux, plus le transfert sera long. Le fichier de l’image est maintenant chargé sur le serveur. 6. Pour faire apparaître l’image dans l’article, il suffit d’insérer dans le champs texte de l’article l’un des codes qui apparaissent une fois l’image téléchargée: <imgxx|left> pour aligner l’image à gauche du texte, d’un paragraphe, <imgxx|center>pour l’aligner au centre, <imgxx|left> pour l’aligner à droite, où xx fait référence au numéro de l’image et sera incrémenté automatiquement. Voici le rendu de notre article après avoir enregistré les modifications en cliquant sur le bouton Enregistrer en bas de page.

29 6. Insérer une image à l’article(suite et fin)
Remarque :Il est possible d’ajouter un titre ou une description: pour les faire apparaître sous l’image en guise de légende, on doit alors intégrer l’image au corps de l’article à l’aide du code <docxx|left>,<docxx|center>,<docxx-right>. Si l’on utilise uniquement <imgxx|position>, l’image apparaît sans légende (la description n’apparaît pas du tout) et son titre est utilisé en guise de balise alt. 7. Pour ajouter un titre ou une description à l’image, cliquez sur le petit triangle sous le nom di fichier de l’image pour faire apparaître les deux champs Titre de l’image et Description. Renseignez-les, ensuite cliquez sur le bouton Enregistrez pour valider. 8. Retournez au texte de votre article et insérez le code suivant ;<doc2|center>. Dans cet exemple, l’image sera insérée sous l’article, au centre et avec son titre et sa description comme légende. Voici le rendu de notre article après avoir enregistré les modifications en cliquant sur le bouton Enregistrer en bas de page.

30 7. Joindre un document à l’article:
Sous SPIP, de la même manière que d’insérer une image, il est très aisé de joindre toutes sortes de documents à un article ou une rubrique, lorsque l’administrateur l’a autorisé. Pour ce faire, celui-ci doit autoriser les documents joints aux articles et/ou aux rubriques, en sélectionnant les options correspondantes dans le menu Configuration puis Contenu du site. On peut alors procéder à l’ajout de documents : 1 .Sélectionnez dans l’arborescence la rubrique ou l’article auquel on veut joindre un document. 2 .Dans le menu de gauche, la boîte d’ajout d’image est maintenant intitulée Ajouter une image ou un document : elle est l’unique point d’entrée pour ajouter un document, quel qu’il soit . 3 .Cliquez sur le bouton Parcourir pour sélectionnez un document depuis son ordinateur. Cliquez sur le triangle noir qui développe un encart donnant des détails sur les possibilités qui s’offrent à vous. 4 .Cliquez sur Télécharger. On peut insérer toutes sortes de documents, SPIP vous en donne la liste dans l’aide et également référencer directement des documents déjà disponibles sur l’Internet. Remarque : Il n’y a aucune possibilité d’insérer des fichiers exécutables : .php, .exe, etc. Pour des raisons de sécurité, SPIP ne les acceptera pas. 5 .Pour insérer le document dans le texte de l’article, il suffit de retranscrire les codes qui apparaissent à la fin du téléchargement du document, exactement comme on l’a vu plus haut pour insérer des images : <doc2|left> pour placer le document à gauche, etc. 6 .Cliquer sur le bouton Enregistrer en bas de la page.

31 8. Proposer un article à la publication:
Lorsque votre article est prêt, vous pouvez demander sa publication pour qu’il apparaisse sur la partie publique. Cliquez sur l’icône proposé à l’évaluation pour soumettre l’article à l’administrateur qui lui seul peut valider ou non sa mise en ligne sur le site web. Si vous disposez des droits d’administrateur restreint, vous pouvez vous-même publier vos articles. Pour connaître le statut de l’article, regardez la couleur de l’icône qui lui est associée à côté de son titre.

32 Les différents statuts des articles sous SPIP:
Le statut d’un article correspond à sa situation éditoriale sur le site. L’article peut être : Article en cours de rédaction. Ce statut est symbolisé par un carré blanc devant le titre de l’article. Lorsqu’il est créé, un article est considéré comme étant en cours de rédaction : ses auteurs sont en train de le rédiger . Un article en cours de rédaction n’est visible que par ses auteurs et par les administrateurs. Les autres rédacteurs du site n’y ont pas accès. 2. Article proposé à l’évaluation. Ce statut est symbolisé par un carré avec une croix orange devant le titre de l’article. Les articles proposés à l’évaluation sont indiqués sur la page A suivre de tous les utilisateurs de l’espace privé, ainsi invités à venir le discuter par l’intermédiaire du forum de discussion interne placé à la suite de l’article. L’article est alors visible par tous les rédacteurs. En revanche, il ne peut être modifié que par son auteur ou par un administrateur. 3. Article publié en ligne. Ce statut est symbolisé par un carré vert devant le titre de l’article. Après avoir été, si nécessaire, discuté par les rédacteurs, l’article est validé, c’est-à-dire publié en ligne par un administrateur. Dés lors, tous les visiteurs du site public y auront accès. Lorsqu’un article est publié en ligne, seul un administrateur peut le modifier. Son auteur doit donc s’adresser à un administrateur s’il veut y apporter des corrections.

33 Les différents statuts des articles sous SPIP (suite et fin)
4. Article refusé. Ce statut est symbolisé par un carré blanc avec un trait rouge horizontal devant le titre de l’article. Un article proposé peut être refusé si les administrateurs décident de ne pas le publier en ligne. Un article refusé n’est plus visible que par son auteur et par les administrateurs. Un article refusé ne peut cependant plus être modifié par son auteur, qui ne pourra donc pas non plus le reproposer à la publication. Dans le cas d’un article qui demande à être revu par son auteur, on préférera repasser l’article en statut En cours de rédaction afin que celui-ci puisse le modifier et le représenter ultérieurement. 5. Article à la poubelle. Ce statut est symbolisé par un carré blanc des triangles noirs devant le titre de l’article. Un article ne peut être mis à la poubelle que par un administrateur. Un article à la poubelle n’est plus visible dans l’espace privé, même pour les administrateurs. A manier donc avec précaution!