1

G U I D E D ’ U T I L I S AT I O N

PublisharePlate-forme de gestion de contenu

PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article

2

Sommaire

Module

Module Article

Généralités

Schéma de navigationIdentificationAccueilRechercherMessagesListingContenuEditeur WYSIWYGPhotothèqueIllustrationBarre outils imageFichiers et liensRéférencementEnregistrementEmplacement

p. 3p. 4p. 5p. 7p. 8p. 9p. 11p. 12p. 13p. 14p. 15p. 17p. 18p. 19p. 20

p. 21

3

1 - Généralités en zone de navigation

La plate-forme de gestion de contenu Publishare se compose de trois zones : la navigation, la sélection et l’édition. Avec cette architecture, la règle des trois clics est respectée. Vous naviguez ainsi dans un environnement simple, intuitif et identique d’un module à l’autre.

- La plateforme de gestion de contenu Publishare se compose de différents modules.Les modules vous permettent de gérer l’ensemble de vos contenus (recherche, affichage, modification des textes, images, fichiers, vidéos...)

- Aucune connaissance en programmation HTML n’est requise

DÉFINITION

4

Zone de navigation - Identification

Bienvenue sur la page d’identification de la plate-forme de

gestion de contenu de votre site web. En effet, ce module

d’administration est sécurisé. Pour y accéder, vous devez

vous identifier à l’aide de votre identifiant et de votre mot de

passe.

Tapez ici votre identifiant

Cochez la case pour garder votre identifiant et votre mot de passe en mémoire (cookie) pour le prochain accès

Cliquez sur ce lien en cas de mot de passe oublié. Vous devrez alors renseigner votre email afin de recevoir un lien qui vous permettra de modifier vos paramètres de connexion et de choisir un nouveau mot de passe.

Mot de passe oublié

Tapez ici votre mot de passe

En cas de mot de passe oublié

1

2

3

4

3

Connection à Publishare : Adresse de votre site : http://www.monsite.fr Adresse de publishare : http://www.monsite.fr/administration Vous pouvez personnaliser votre identifiant et votre mot de passe

A SAVOIR

5

Zone de navigation - AccueilPage d’accueil

Utilisateur connecté

Utilitaires

Menu de sélection des modules

Accès aux statistiques de fréquentation du site et à la plate-forme extranet MBA (support technique)

Entrez ici les paramètres d’affichage des résultats des pages

Entrez ici l’email du webmaster du site qui recevra les bulletins techniques

Entrez ici l’email du contact du site qui recevra les demandes de renseignement.

Ce bouton vous permet de vous déconnecter de Publishare à la fin de votre utilisation

Utilitaires

a

Ce bouton vous permet de revenir à l’accueil de Publishare

7

6

5

4

3

2

1

2

b

6

2 - Généralités en zone de sélection

7

Zone de sélection - Rechercher

Cette fonctionnalité est présente dans chaque module.

Elle vous permet de rechercher une information dans

la rubrique correspondante. Elle s’avère très pratique

lorsqu’il y a beaucoup de contenus car elle cible l’infor-

mation et vous permet d’y accéder rapidement

Cette recherche peut également s’effectuer par des

mots clés

ou par des raccourcis (tri).

Page Rechercher

Raccourcis

Tapez ici vos mots clés correspondant à votre recherche

Le moteur de recherche fonctionne par auto-complétion et vous propose des solutions à partir de 3 lettres tapées.

Moteur de recherche (web 2.0)

Choisissez la version linguistique (localisation) du site dans laquelle vous souhaitez effectuer votre recherche

Choisissez la zonecorrespondant à votre recherche (site/rubrique - page/emplacement)

4

3

2

1

4

1

8

Zone de sélection - Messages

Les messages apparaissent après chaque interaction

telle que : rechercher, enregistrer...

Ils permettent de vous signaler dans le moteur de

recherche lorsqu’il n’y a aucune correspondance avec les

mots clés insérés.

Ils permettent aussi de valider visuellement l’enregis-

trement d’un élément ou de vous signaler une erreur

ainsi que son emplacement dans les champs de la page

(champs obligatoire vide, adresse email non valide).

Code couleur des messages

Message informatif

Message de validation

Message d’erreur, corrigez le champ entouré en rouge

Champ obligatoire à renseigner

Adresse email incorrecte

Indications spécifiques

Adresse mail correcte

Le système vérifie l’existence du nom de domaine sur les serveurs de noms de l’Internet (technologie Web 2.0)

3

2

1 1

2 3

a

c

b

9

Zone de sélection - Listing

Les listings des modules de Publishare sont la plupart du

temps semblables. Cependant vous trouverez des spéci-

ficités propres à chacun, en particulier dans la colonne

action où de nouvelles icones peuvent figurer. Cha-

cune de ces icones vous seront décrites dans la partie

consacrée aux modules.

Modèle de listing

Cliquez sur ce bouton pour exporter la liste des éléments* au format Excel

Pour imprimer la liste

Période dépassée

Période actuelle

Elément publié

Elément archivé (publié, mais dont la date de fin de publication est dépassée)

Dates de publication

Colonne sur laquelle le tri est réalisé,le tri est possible sur les autres colonnes

Pages suivantes et précédentes

Dates de publication

Période à venir

Période à venir, mais dont le document n’est pas encore publiéPériode actuelle dont le document n’est pas publié

Période actuelle dont la publication se fait le jour même

Vous avez la possibilité de ne mettre qu’une seule date de début, votre document sera alors sans date de fin de publication

Elément non publié (mode brouillon)

Bouton modifier

Bouton supprimer

Cette icone vous indique dans quelle version du site, l’élément sera affiché

En survolant cette icone, vous obtenez des informations relatives à l’élément (Auteur, date d’ajout/modification)

En cliquant sur le titre ou la photo, vous accédez directement à la page modifi-cation de l’élément (Editer)

Emplacement de l’élément sur le site (Front Office)

Indicateurs colorés

1

9

8

7

6

5

4

3

2

5

6 7

10

11

12

12 Indicateurs colorés

* Elément : type de contenu > actualités, articles, contact, structure

10

3 - Généralités en zone d’édition

11

Zone d’édition - mise en pageOnglet contenu

Afin de faciliter la saisie de votre contenu texte, vous

pouvez choisir de mettre la zone du texte descriptif

en mode plein écran.

Pour cela, cliquez sur le bouton «Plein écran» pointé

ci-contre.

Puis, vous cliquerez sur le bouton «Réduire» pour

revenir en mode normal.

Lorque vous entrez du contenu dans la zone de texte

pour créer une fiche, vous pouvez sélectionnez un

modèle de mise en page afin de visualiser immédia-

tement le rendu dans la zone d’édition.

Un texte d’exemple figurera dans la zone d’édition. Il

vous suffira de le remplacer par votre contenu.

1

1

3

3

2 Barre d’outils WYSIWYG (voir page suivante)

12

Zone d’édition - WYSIWYG What You See Is What You Get

2

Onglet contenuEditeur

Enregistrer

1 3 4 5 6 7 8 9 10 11 12 13 14 15

16 17 18 19 20 21 22 23 24 25

2

1

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

Visualisation pleine page

Mettre le texte en gras

Mettre le texte en italique

Souligner le texte

Défaire

Refaire

Couper

Copier

Coller

Coller comme texte

Coller à partir de Word

Insérer un lien

Supprimer un lien

Permet d’afficher et d’insérer du code HTML dans le texte ou d’en modifier la source

Insérer/supprimer des listes numérotées

Insérer/supprimer des listes à puces

Insérer une image (voir page suivante)

Insérer un tableau

Insérer un séparateur

Insérer un caractère spécial

Choisir une police

Choisir une taille de police

Changer la couleur des caractères

Changer la couleur du fond

Pour en savoir plus sur l’outil WYSIWYG, vous pouvez consulter la documentation en ligne sur le site FCKeditor.net

13

Zone d’édition - WYSIWYGOnglet contenuPhotothèque

Informations générales Lien URL Téléchargement de l’image

Options avancées

Photothèque en ligne

- Sélectionner une image existante sur votre serveur - Transférer une nouvelle image - Pointer une image présente sur l’Internet - Optimiser l’affichage de l’image grâce aux paramètres avancés

A RETENIR

La photothèque s’ouvre au clic sur l’icone de la barre d’outil WYSIWYG (voir page précédente)18

14

Niveaux de grisa

Sépiab

Barre d’outils image

a b c d e f g

Si l’image insérée est trop grande, sa taille vous sera

signalée en rouge, et vous pourrez la modifier avec la

barre d’outils de traitement d’image.

Contraste automatiquec

Luminosité (+)d

Luminosité (-)e

Recadragef

Redimensionnnementg

Zone d’édition - Traitement image

La fonction de traitement de l’image dépend des options de sécurité de votre navigateur.

Onglet illustration

IMPORTANT

Zoom

15

1 Cliquez pour appliquer le recadrage

Recadrage

2

Zone de sélection correspondante au recadrage

Glissez / déplacez la sélection pour vous positionnez ( vous pouvez agrandir la zone)

Cet outil graphique vous permet de recadrer une image, tout

en respectant la taille (largeur) préconisée.

Onglet illustrationBarre d’outils image

Fermez la fenêtre

3

4

Filet rouge : la taille recommandée n’est pas respectée Filet vert : la taille est respectée

a

Nombre de pixels (largeur) correspondant à la zone b

Zone d’édition - Traitement image

La fonction de traitement de l’image dépend des options de sécurité de votre navigateur.

IMPORTANT

16

Fenètre de propriétés

Taille actuellea

Taille souhaitée (largeur)b

Fenètre de propriétés

1

b

a

c

d

Cet outil vous permet de redimensionner une image

directement dans Publishare. En cliquant sur l’icone, une

fenêtre apparaît en superposition.

Appliquer le filtre de renforcement des contours (plus net)c

Bouton d’actiond

Onglet illustrationBarre d’outils image

Résultat

La fonction de traitement de l’image dépend des options de sécurité de votre navigateur.

IMPORTANT

1

Zone d’édition - Traitement image

17

Zone d’édition - Fichiers et liensOnglet Fichiers et liens

Sur cette page vous pouvez visualiser les étapes à suivre

pour ajouter des fichiers et un lien à un élément.

L’intitulé que vous attribuez au fichier sera visible par

l’internaute et cliquable afin de télécharger et visualiser

le fichier.

Exemple d’intitulé renseigné :

Une fois complété et enregistré :

Rendu sur le site (front office) :

Consulter la plaquette (10 Ko)

Une fois l’adresse URL de votre lien renseignée et enre-

gistrée, vous pouvez visualiser la page d’accueil du site

au passage de la souris sur l’icône ou accéder directe-

ment au site en cliquant sur l’icône ( fonctionne sous

Firefox uniquement).

Donnez un intitulé à votre fichier qui apparaitra sur le site

2

Une fois complété

2

1

1

18

Zone d’édition - RéférencementOnglet Référencement

Le référencement est l’ensemble des techniques qui per-

mettent d’inscrire un site dans les moteurs de recherche

ou dans les annuaires. Le référencement est souvent

associé avec le positionnement qui, quant à lui, repré-

sente l’art d’optimiser la place du site dans les réponses

fournies par les moteurs de recherche.

La première étape est l’optimisation des pages du site

avec l’intégration des mots clés dans les contenus.

Cette phrase permet d’indiquer au moteur de recherche un résumé du contenu de la page; par défaut Publishare prend le chapô de votre événement.

Mots supplémentaires à fournir pour le moteur de recherche; ils servent à mettre en avant certains termes importants que le document ne contiendrait pas

3

Titre de la page (zone la plus importante pour les moteurs de recherche)

2

1

19

Zone d’édition - Enregistrement

Vous avez la possibilté d’ajouter et d’enregistrer à

chaque onglet ,ou à la fin, dans l’onglet «propriétés».

Lorsque que vous cliquez sur le bouton «Annuler», les

champs du formulaire modifiés se remettent à zéro ou

reviennent à leur état initial.

Avant d’enregistrer pour la première fois, Publishare vous affiche ces boutons.

Une fois que vous avez cliqué sur «ajou-ter», le bouton «enregistrer» apparait pour les prochaines modifications/sauvegardes.

Affichage des boutons d’enregistrement

A RETENIR

1 Sélectionnez une date facilement grâce au calendrier

Choisissez la version linguistique du site

2

Choisissez l’emplacement de votre information (Site/page(rubrique)/emplace-ment)[Plus d’information en page suivante]

3

Sélection d’une date

Vous avez aussi la possibilité de ne mettre qu’une date

de début à votre élément. Dans ce cas, sélectionnez les

pointillés pour la date de fin, ce qui correspond à une

durée illimitée.

1

Bouton d’enregistrement4

4

N’oubliez pas d’enregistrer après toute modification dans les formulaires ! Le nom de l’utilisateur qui ajoute et modifie les informations est automatiquement sauvegardé (workflow)

Onglet propriétésEnregistrer un élément

20

Pour chaque contenu créé, vous devez spécifier son empla-

cement, c’est à dire l’endroit exact où l’information sera

affichée sur le site.

Publishare est une plate-forme multilingue et multisite.

Vous devez alors sélectionner sur quelle version linguis-

tique ou sur quel site vous souhaitez placez l’information.

Puis, il reste trois niveaux à selectionner : le site, la page,

et éventuellement l’emplacement dans la page.

Sélection du site internet

Sélection de la page

Sélection de l’emplacement (ex : pleine page, colonne, colonne de droite, zone dernière minute...)

R & D

Zone d’édition - Emplacement

www.mba.com

Ordre d’affichage

Les pages et les emplacements sont définis lors de la conception du site.

A RETENIR

1

2

3

4

Onglet propriétéCibler l’emplacement du contenu

21

Module - ArticleIntroduction au module ArticleMoteur de recherche

Ce module vous permet de créer des pages/articles

structurés autour d’un entête (titre, chapo, ...) et

d’un corps de message composé de

paragraphes (nombre illimité et ordre modifiable).

C’est grâce à ce module que vous pouvez gérer

de manière idéale les rubriques importantes de

votre site web, dans lesquelles le texte joue un rôle

important.

Détails : voir les généralités en page 7

Comme vous le faites sur le web, tapez les mots clés se rappor-tant au contenu recherché

1

22

Module - ArticlePage Listing

Vous accédez ici au listing de l’ensemble des

articles de votre site, que vous pouvez supprimer

ou modifier.

Pour ajouter un nouvel article, cliquez sur «Ajouter»

sur la gauche de la page.

Plus de détails : voir les généralités en page 9

Titre de l’article1

23

Module - ArticleOnglet Contenu

Barre d’outils de traitement de texte WYSIWIG

Renseignez les champs (titre et chapô obligatoires) et entrez votre texte dans la zone prévue. Vous avez la possibilité de coller du texte à partir de Word à l’aide de la barre d’outils WYSIWYG.

1

24

Module - Article

Pour chaque paragraphe, vous pouvez insérer une

vignette image, un fichier, un lien. Vous pouvez également

décider de le mettre en avant (mise en page particulière).

Editeur de texte

Ajout de vignette

Ajout de fichier (téléchargeable par l’inter-naute)

Ajout de lien

Propriétés de votre paragraphe:- choisissez de le rendre visible, ou non, sur votre site (vous pouvez le garder de côté pour ne le rendre visible qu’ultérieurement)- choisissez de le mettre en valeur sur la page de votre site (en couleur, sublimé)- choisissez l’option paragraphe ouvert si vous voulez qu’il soit ouvert à l’ouverture sur la pageBouton supprimer et modifier

Cliquez ici pour ajouter le nouveau paragraphe

Onglet ParagrapheAjout d’un paragraphe

Message qui apparaîtra au survol de la souris (Rend le site accessible aux mal-voyants)

1

2

3

4

5

66

7

8

Propriétés de votre paragraphe

25

Module - Article Onglet ParagrapheAjout d’un paragraphe

Cliquez ici pour enregistrer les modifications apportées au paragraphe

Créer un nouveau paragraphe

Glisser / Déposer (modifie l’ordre des paragraphes)

A tout moment vous pouvez modifier le contenu et les

propriétés des paragraphes. N’oubliez pas de valider vos

modifications.

Pour réduire la longueur du formulaire, vous avez la possibilité de cacher certaines zones (vignette, fichier et lien)

1

4

3

2

2

Glisser / DéposerFaites un glisser / déposer pour ordonner les différents paragraphes dans votre article

4

3 Vous pouvez ajouter autant de paragraphes que vous le souhaitez

26

Module - ArticleOnglet Illustration

Message qui apparaîtra au survol de la souris (Rend le site acces-sible aux malvoyants)

Barre d’outils de traitement d’image

Cliquez ici pour supprimer une image

Cliquez ici pour ajouter/remplacer l’image

Légende qui apparaîtra sous votre illustration

1

2

3

4

5

27

Module - ArticleOnglet Fichiers et lien

Sur cette page vous pouvez voir les étapes à suivre pour

ajouter des fichiers et un lien au sein de votre article.

1 Cliquez ici pour ajouter un fichier

Donnez une description à votre fichier2

Par exemple : http://www.mba-multi-media.com

3

Donnez un intitulé à votre lien web4

1 Cliquez ici pour supprimer un fichier

3 Cliquez ici pour supprimer un lien

2 Cliquez ici pour voir le fichier

4 Cliquez ici pour voir le lien

28

Module - ArticleOnglet Référencement

Le référencement est l’ensemble des techniques qui per-

mettent d’inscrire un site dans les moteurs de recherche

ou dans les annuaires. Le référencement est souvent

associé avec le positionnement qui, quant à lui, repré-

sente l’art d’optimiser la place du site dans les réponses

fournies par les moteurs de recherche.

La première étape est d’optimiser les pages du site en

y intégrant des mots clés.

2 Cette phrase permet d’indiquer au moteur de recherche un résumé du contenu de la page; par défaut Publishare prend le chapô de votre actualité

Mots supplémentaires à fournir pour le moteur de recherche; ils servent à mettre en avant certains termes importants que le document ne contiendrait pas

3

Titre de la page (zone la plus importante pour les moteurs de recherche)

1

29

Module - ArticleOnglet Propriétés

Sélectionnez une date dans le calendrier

Choisissez la version linguistique du site

Ce module vous permet de construire une page (ou un article) de façon structurée (et à la charte graphique) tout en gardant une souplesse dans la mise en valeur de l’information, ceci grâce à l’éditeur WYSIWIG

A RETENIR

Choisissez l’emplacement de votre article

Dans le module Article, vous pouvez en plus de

l’emplacement, choisir la position de chaque article sur

la page, de façon à définir leur ordre.

Vous avez la possibilté d’ajouter et d’enregistrer à chaque

onglet ou à la fin dans «propriétés». Lorsque vous cliquez

sur le bouton annuler, les champs du formulaire modifiés

se remettent à zéro ou reviennent à leur état initial.

Vous avez aussi la possibilté de ne mettre qu’une date de

début à votre élément

1

2

3

N’oubliez pas d’enregistrer après toute modification dans les formulaires ! Le nom de l’utilisateur qui ajoute et modifie les informations est automatiquement sauvegardé