Formation Rédacteur Site Web de l’ENSET d’Oran Préparé par M. Abdallah BELHASSANI - Centre de Calcul- Enset d’Oran 24/05/2010

Qu’est ce que c’est 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.

Des sites sous SPIP Site de SPIP http://www.spip.net Site de l’Agence Universitaire de la Francophonie http://www.auf.org Sites des campus numériques francophones http://www.dz.refer.org Site du Quotidien El-Watan (Algérie) http://www.elwatan.com Le Monde Diplomatique http://www.monde-diplomatique.fr Ministère de l’agriculture (France) http://www.agriculture.gouv.fr Site de la poste (France) http://www.laposte.fr Site d’Amnesty International (Belgique) http://www.amnestyinternational.be/doc

Objectif de la formation Acquérir les meilleures pratiques rédactionnelles pour le site web de l’école.

Pré-requis Cette formation 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,…)

Architecture d’un site SPIP: cas du site web de l’ENSET d’Oran Un site web sous SPIP est composé de 02 parties distinctes : La partie publique La partie privée

Architecture d’un site SPIP: cas du site web de l’ENSET d’Oran 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.  Pour le site web de l’ENSET (www.enset-oran.dz), le choix des rubriques et leur disposition a été validé lors du conseil de direction.

Architecture d’un site SPIP: cas du site web de l’ENSET d’Oran La page d’accueil, comprend les derniers articles récemment publiés dans la rubrique « Actualités ». Un ensemble de rubriques se trouvent dans la partie « Extra ». Celle-ci est consacrée à des services et liens particuliers (tel que les annonces, les brèves, liens spéciaux, etc.).

Architecture d’un site SPIP: cas du site web de l’ENSET d’Oran Une rubrique spécialisée « Galerie » est consacrée aux albums de photos relatifs aux événements importants couverts par l’ENSET. Il est possible de contacter le webmestre (administrateur du site) via un formulaire avancé de contact disponible sur le lien « Nous contacter».

Un moteur de recherche est disponible afin de gagner du temps lors de la navigation sur le site. 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.

Architecture d’un site SPIP: cas du site web de l’ENSET d’Oran 2. Partie privée : La partie privée (appelée aussi 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 (www.enset-oran.dz/ecrire), il faut disposer donc des identifiants attribués préalablement par l’administrateur du site.

Prise en main de l’interface privée du site • Accès à la partie privée du site (authentification) • Présentation de la partie privée (back- office) • Personnalisation de l’interface privée

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 : http://www.enset-oran.dz/ecrire soit via l’interface publique en allant sur « connexion » dans le bandeau 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.

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. Chacun dispose des droits d’accès précis et ne peut voir que les rubriques qui lui sont consacrées selon la structure (département ou service) à laquelle il appartient. L’administrateur peut, particulièrement, accéder à toutes les rubriques disponibles sur le site web.

3. Personnalisation de l’interface privée: Il est possible de personnaliser l’interface privée selon grâce au menu : C’est-à-dire : changer la couleur de l’interface, la langue, la taille, etc.

La hiérarchie des rubriques Une rubrique est un espace destiné à accueillir des articles Déplacement de rubrique

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.

Les articles • Créer une rubrique • Ecrire son premier article • Manipuler un article • Mettre en forme un article • Ajouter une image et joindre un document à un article • Publier un article

d’administrateur ou administrateur restreint. 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. Pour rédiger un article, il faut d’abord choisir la rubrique où vous souhaitez l’insérer. 2. Ecrire son premier article: Cliquez sur l’icône écrire un nouvel article, vous accédez à la page de rédaction de l’article. Compléter les champs titre, sous titre, texte,…. et valider. Votre article sera enregistré et vous affiche le résultat. 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.

Vous ne pouvez modifier que les articles que vous aviez rédigés. 3. Manipuler un article: Vous ne pouvez modifier que les articles que vous aviez rédigés. 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. En cliquant sur le bouton modifier cet article pour un article donné, la modification peut porter sur tous les champs proposés y compris la rubrique où il sera placé. 4. 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 Word). Il est possible aussi d’ajouter des documents de différents formats, des images, des liens, des tableaux, etc.

5. Insérer une image dans l’article : Pour insérer une image dans un article. 1 .Sélectionner l’article souhaité en naviguant dans l’arborescence du site. 2 .Cliquer sur l’icône Modifier cet article. 3 .Un élément Ajouter une image figure dans le menu de gauche de la page d’édition de l’article . 4 .Cliquer sur le bouton Parcourir, puis sélectionner l’image que l’on souhaite attacher à l’article depuis son ordinateur. 5 .Cliquer ensuite sur Télécharger, attendre que le fichier soit chargé sur le serveur : plus le fichier est gros, plus le transfert sera long. 6 .Pour faire apparaître l’image dans l’article, il suffit d’insérer dans le champ texte de l’article les 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|right> pour l’aligner à droite, où xx sera incrémenté automatiquement. 7 .Il est possible d’ajouter un titre ou une description à l’image : pour les faire apparaître sous l’image en guise de légende, on doit alors intégrer l’image à 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. Tant que l’article est « en cours de rédaction », le rédacteur peut supprimer le titre ou la description. Mais une fois l’article publié, seul un administrateur aura le droit de l’enlever. 8 .Cliquer enfin sur le bouton Enregistrer en bas de la page.

6. Joindre un document à l’article: Sous SPIP, 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électionner 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 .Cliquer sur le bouton Parcourir pour sélectionner un document depuis son ordinateur. Cliquer sur le triangle noir qui développe un encart donnant des détails sur les possibilités qui s’offrent à vous. 4 .Cliquer 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. 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.

Pour des raisons de sécurité, SPIP ne les acceptera pas. La boîte de dialogue d’ajout d’une image 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. Boîte de dialogue pour joindre un document Les paramètres d’une image

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 notre sa mise en ligne sur le site web. Menu permettant de définir le statut de l’article 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é à côté de son titre.

Merci pour votre attention