· Web viewLe fait de presser la barre d’espace déverrouille le formulaire et vous permet de rentrer votre contenu. 4.2/ Gestion accès sécurisé Nous vous conseillons de créer

GUIDE UTILISATEURCMS PIGMENT LIBRE, version 1.2

Site : anciensalstom.comMise en ligne : mai 2010

Guide utilisateur CMS Page 1

Sommaire :

1/ Qu’est-ce qu’un CMS ?______________________________________________________3

2/ Connexion au CMS_________________________________________________________3

3/ Principes de répartition des modules___________________________________________3

3.1/ Les modules principaux_________________________________________________________3

3.2/ Les modules spéciaux__________________________________________________________3

4/ Utilisation de chaque module________________________________________________4

4.1/ Astuces générales pour mettre en ligne un contenu__________________________________4

4.2/ Gestion accès sécurisé__________________________________________________________5

4.3/ Gestion rubriques_____________________________________________________________5

4.4/ Gestion articles_______________________________________________________________5

4.5/ Upload images________________________________________________________________7

4.6/ Upload de documents__________________________________________________________7

4.7/ Pied de page_________________________________________________________________7

4.8/ Gestion actualités en flux RSS____________________________________________________8

4.9/ Modules centraux_____________________________________________________________9

4.10/ Modules colonne de droite____________________________________________________12

5/ Correspondances front office /back office_____________________________________13

5.1/ Page d’accueil_______________________________________________________________14

5.2/ Page Actualités______________________________________________________________15

5.3/ Page infos des régions_________________________________________________________16

5.4/ Page Agenda des régions______________________________________________________17

5.5/ Page Détente et réflexions_____________________________________________________18

5.6/ Page Contacts________________________________________________________________19


1/ Qu’est-ce qu’un CMS ?

Le CMS (Content Management System) ou système d’administration du contenu, permet de mettre à jour le contenu d’un site dont la structure a été mise en place auparavant en HTML et/ou en Flash, avec des outils tels que Dreamweaver.

Le CMS s’utilise via n’importe quel poste connecté à internet, c’est un système 100% web qui est accessible à partir du navigateur Firefox téléchargeable gratuitement en quelques clics à cette adresse : http://www.mozilla-europe.org/fr/firefox/

Aucun autre logiciel spécifique n’est nécessaire bien que l’outil standard bloc note qui produit le format .txt, et installé sur tous les ordinateurs personnels par défaut, soit bien utile pour faire des copier-coller de paragraphes entiers.

2/ Connexion au CMS

A partir d’une adresse internet spécifique qui vous a été fournie par Pigment Libre, vous accéderez au CMS de votre site. http://www.anciensalstom.com/AdminSecure_PL/

Il vous sera demandé de rentrer vos login et mot de passe provisoires que vous pourrez changer par la suite via le « module gestion accès sécurisé »

3/ Principes de répartition des modules

En dehors des documents téléchargeables et des images qui sont téléchargeables via des modules d’upload spécifiques, le reste du contenu est réparti entre deux types de modules :

3.1/ Les modules principaux

Ils permettent de gérer des rubriques classiques, c’est-à-dire des rubriques situées dans la colonne de contenu principale et dont les articles se succèdent linéairement sur une seule page bien définie.

3.2/ Les modules spéciaux

A l’inverse des modules principaux, les modules spéciaux permettent de gérer des rubriques :

- Dont le contenu est présent sur une colonne fine (colonne de droite). Exemple : liens utiles


http://www.anciensalstom.com/AdminSecure_PL/

http://www.mozilla-europe.org/fr/firefox/

- Dont le contenu est organisé de manière non linéaire. Exemples : agenda des régions dont le contenu est organisé par dates, infos des régions dont le contenu est distillé par région sur plusieurs pages avec un mini moteur de recherche par région

- Dont la forme se différencie des articles normaux pour des raisons d’harmonie graphique : Exemple : bon à savoir dont le design est spécifique (couleurs, forme des puces)

4/ Utilisation de chaque module

Le CMS a été pensé pour mettre à jour le contenu sans connaissance informatique spécifique ni référence à ce guide utilisateur. Toutefois, si vous rencontrez quelque difficulté à vous servir de l’un ou l’autre des modules mis à votre disposition, les paragraphes suivants devraient vous fournir les réponses que vous attendez.

4.1/ Astuces générales pour mettre en ligne un contenu

La plupart des contenus sont administrables via des formulaires de type éditeur HTML WYSIWYG (What You See Is What You Get). Vous renseignerez donc des articles entiers en copiant-collant des textes que vous aurez écrits auparavant, avant de les mettre en forme dans le CMS.

Pour cela, deux astuces sont valables pour l’ensemble des formulaires :

- Copiez-collez à partir d’un document .txt. Evitez de copier du texte directement à partir d’un document word. En effet, Microsoft Word se réclame éditeur HTML. Pour cette raison, le texte issu de word, même s’il ne présente pas de mise en forme particulière, est truffé de pseudo-code HTML répondant à des standards spécifiques qui ne répondent pas aux standards universels du web (W3C). Préférez l’outil bloc note qui est disponible par défaut sur tous les ordinateurs. Si vous ne souhaitez pas taper le texte directement dans les formulaires du CMS, écrivez le dans le bloc note (.txt), copiez-le puis collez-le dans le formulaire du CMS. Si votre texte a été écrit dans un document word, copiez-le dans le bloc notes (.txt), ça supprimera les balises intempestives, puis collez-le dans votre formulaire WYSIWYG.

- Tapez sur la barre d’espace avant de renseigner un formulaire WYSIWYG. Lorsque vous positionnez le curseur de votre souris à l’intérieur d’un formulaire, vous n’arrivez pas à renseigner le formulaire ou manipuler le contenu quand il existe déjà. Il est en effet verrouillé par défaut. Le fait de presser la barre d’espace déverrouille le formulaire et vous permet de rentrer votre contenu.


4.2/ Gestion accès sécurisé

Nous vous conseillons de créer un compte par administrateur provisoire que vous détruisez une fois la mission de l’administrateur en question terminée. Cela permet en effet de ne pas avoir un seul accès (identifiant + mot de passe) qui se balade dans la nature et dont plus personne ne sait qui en a la connaissance.

4.3/ Gestion rubriques

Ce module permet deux choses :

- Créer une nouvelle rubrique, en modifier l’intitulé, l’emplacement, la supprimer. Tout cela est possible quand la structure graphique du site le prévoit. C’est le cas pour anciensalstom.com

- Optimiser le référencement naturel de chaque rubrique du site. En effet, vous pouvez choisir le nom de chaque page (qui s’affichera dans les onglets de votre navigateur et qui est une donnée très importante pour les moteurs de recherche), y inclure une description et une liste de mots-clés à l’attention exclusive des moteurs de recherche.

Lorsque vous souhaiterez créer une nouvelle rubrique, il vous faudra choisir le gabarit (template), c’est-à-dire la structure HTML au sein de laquelle vous allez administrer le contenu sous formes d’articles qui se succéderont. Choisissez le template « type.php » qui ne comporte aucun module spécial. Il ne vous reste plus qu’à alimenter cette rubrique avec le module « gestion articles » (cf ci-dessous)

4.4/ Gestion articles

Choisissez une rubrique dans laquelle vous souhaitez créer/modifier/supprimer un article et laissez-vous guider.

Attention, pour coller le contenu dans l’éditeur HTML WYSIWYG, référez-vous aux « astuces générales pour mettre en ligne un contenu » ci-dessus.


1ère étape : renseignez le titre de votre article

2ème étape : positionnez le curseur de votre souris dans le champ WYSIWYG et tapez sur la barre d’espace

3ème étape : collez le contenu que vous avez copié à partir d’un document .txt (outil bloc notes de votre ordinateur)

4ème étape : choisissez les styles de texte pour chaque partie (cf l’image où les feuilles de style « titre » et « paragraphe » ont été sélectionnées)

Autres étape facultatives : allez plus loin sur la mise ne page avec toutes les balises classiques (gras, italique, couleurs de typo, etc.)

Pour insérer une image, sélectionner un dossier image et cliquez sur la vignette après avoir défini son emplacement comme expliqué dans l’illustration ci-dessus.

Pour insérer un document téléchargeable, sélectionnez le texte qui servira de lien (sous la forme « télécharger le rapport untel ») et choisissez le document à télécharger dans la liste déroulante.


Vous pouvez garder un article en archive en décidant de ne pas ou ne plus l’afficher

Vous avez sélectionné un dossier image pour obtenir cette liste de vignettes, positionné le curseur de votre souris à l’endroit où vous vouliez placer l’image, puis cliqué sur l’image voulue.

Dernière étape : n’oubliez pas d’enregistrer une fois la mise en forme de votre article satisfaisante.

4.5/ Upload d’images

Attention, les photos de l’actualité RSS faisant l’objet d’un traitement particulier en page d’accueil, il est recommandé d’utiliser des photos au format paysage de 250 pixels de large. Si les images sont au format portrait, leur pied sera automatiquement tronqué en page d’accueil.

4.6/ Upload de documents

Le module marche de la même façon que l’upload d’images (cf ci-dessus).

N’oubliez pas de remplir la balise « title » et de choisir le dossier de destination du document.

Vous pouvez importer des documents de type Adobe PDF, Microsoft PowerPoint (.PPS, .PPT) et Microsoft Word (.DOC).

4.7/ Pied de page

Ce module vous permet d’administrer le contenu d’un ou plusieurs pieds de page. Vous pouvez en effet créer un pied de page différent pour chaque page.


Vous devez importer une image ou un fichier zippé contenant plusieurs images au sein d’un dossier existant ou à créer. Cela vous permettra de sélectionner un fichier donné quand vous créerez une actu par exemple

Le pied de page sert essentiellement aux moteurs de recherche. Pour cette raison, il est utile de faire un résumé complet de tout ce qui peut être trouvé sur le site. De même il n’est pas inutile d’activer systématiquement l’affichage de la site map.Le formulaire de liens de pieds de page permet de créer les liens qui sont insérer dans le filet du bord de pied de page comme « mentions légales » ou « contact » par exemple.

Attention, lorsque le site vous a été livré, il comportait un pied de page renseigné de façon satisfaisante. Il est affiché par défaut sur l’ensemble des pages du site. Vous n’êtes donc pas du tout obligé de vous servir de ce module.

4.8/ Gestion actualités en flux RSS


Les champs « titre » et « paragraphe d’introduction » ou chapeau, sont présents sur la page d’accueil du site, en plus de la page d’actualités où ils sont bien évidemment relayés.

Ce module actualités crée invisiblement un champ date qui permet aux différentes actualités d’être classées automatiquement par date de parution.

Le contenu généré est au format RSS, ce qui permet d’une part d’être efficacement référencé par les moteurs de recherche, et d’autre part aux internautes de s’abonner au flux s’ils le souhaitent.

Les autres fonctionnalités du module actualités sont semblables au module gestion articles (cf ci-dessus).

4.9/ Modules centraux

Module agenda


Un événement qui se reproduit d’année en année peut être stocké sans être affiché. Il suffit en temps voulu l’année d’après d’en modifier la date et de l’afficher à nouveau.

Les événements sont enregistrés un à un via ce formulaire. Ils seront classés automatiquement par date et région au sein de la page d’accueil et de la page agenda des régions.

Module Bon à savoir :

Ce module spécial ne contient qu’un « article ». Après avoir sélectionné le module « bon à savoir », il vous faut donc sélectionner le contenu « bon à savoir ».

Pour modifier un lien existant, sélectionnez le texte en question, changez l’intitulé et cliquez sur le bouton « ajouter un lien ».

Pour modifier un document téléchargeable existant, sélectionnez le texte en question, changez l’intitulé et sélectionner le bon document dans la liste des documents téléchargeables.

Pour des raisons d’équilibre graphique de la page d’accueil et de fraîcheur de l’information publiée sur cette page, la liste est limitée à 4 liens.

Module liste des régions :

Ce module permet de gérer le contenu gérer les infos principales des régions qui vont se retrouver à la fois sur la page « infos des régions » et sur la page « contact ».


Pour rajouter un lien (maxi 4 liens dans la liste), mettez vous à la fin de la liste existante, cliquez sur entrer, écrivez votre texte, sélectionnez-le et cliquez sur le bouton « ajouter un lien ». Même méthode pour ajouter un document téléchargeable.

Dans la copie d’écran ci-dessous, nous avons pris l’exemple de la « région » bureau national qui présente la particularité d’avoir tous ses champs renseignés, y compris le code de la google map.

Module infos complémentaires des régions :

Dans la copie d’écran suivante, nous verrons que le Module Infos complémentaires régions permet d’ajouter des articles de façon plus classique. Ces articles se succèdent linéairement sur la page infos des régions en dessous du contenu renseigné dans le module « liste des régions » (cf ci-dessus).

Pour chaque région, au lancement du site, nous avons choisi de créer un article « équipe d’animation » et un article « infos diverses ».


Module Vie de l’Amicale

Ce module permet simplement de mettre à jour le lien « vie de l’amicale » qui a un design particulier en page d’accueil du site.

Vous pouvez publier jusqu’à 3 liens pour les 3 derniers numéros.

4.10/ Modules colonne de droite

Liens utiles

Ce module spécial ne contient qu’un « article ». Après avoir sélectionné le module « liens utiles », il vous faut donc sélectionner le contenu « liens utiles ».


Vous allez mettre à jour une liste de liens et sélectionner la feuille de style « liens utiles » qui a été créée exclusivement pour la mise en page de cette rubrique spéciale.

5/ Correspondances front office /back office

Les copies d’écran ci-dessous vous permettent de retrouver quels modules du back office (côté administrateurs) alimentent les contenus publiés sur le front office (côté internautes grand public).


Pour rajouter un lien, écrivez votre texte à l’emplacement de votre choix, sélectionnez-le et cliquez sur le bouton « ajouter un lien ». Renseignez la bonne url. Enfin, gardez ce lien sélectionné et choisissez « liens utiles » dans la liste déroulante des styles de texte.

5.1/ Page d’accueil


Module Gestion rubriques

Module gestion de l’actualité en flux RSS

Module central / vie de l’amicale

Module central / Bon à savoir

Pas de module de gestion. Le contenu se met à jour automatiquement.

Gestion articles / qui sommes-nous

Module central / Agenda des régions

Module colonne de droite / liens utiles

Module gestion articles / détente et réflexions

5.2/ Page Actualités


Module gestion des articles / actualités / ainsi va la vie

Module gestion de l’actualité en flux RSS

5.3/ Page infos des régions


Module central / liste des régions

Module central / infos complémentaires régions

5.4/ Page Agenda des régions


Module central / Agenda des régions

Lien contact renseigné dans Module central / liste des régions

5.5/ Page Détente et réflexions


Module gestion articles / Détente et réflexions

Module upload de documents / dossier les diaporamas de l’espace détente

5.6/ Page Contacts


Module central / liste des régions

Documents

· Web viewLe fait de presser la barre d’espace déverrouille le formulaire et vous permet de rentrer votre contenu. 4.2/ Gestion accès sécurisé Nous vous conseillons de créer