Contributions Pilot Systems
 
You are here: Home Publications Manuel Utilisateur Plone 3.0
Document Actions

Manuel Utilisateur Plone 3.0

by laurent last modified 2008-08-14 13:36

Un manuel dédié à l'apprentissage de Plone 3.0 du point de vue de l'utilisateur et du gestionnaire de contenu.

Index
  1. 1. Introduction
    Aperçu général des concepts de Plone 3.0
  2. 2. Ajouter du contenu
    Comment ajouter du contenu basique aux sites Plone.
  3. 3. Gérer les contenus
    L'onglet "Contenu" est l'endroit où les éléments de contenu peuvent être coupés, copiés, collés, déplacés, renommés, etc...
  4. 4. Utiliser les Collections
    Les Collections tirent parti de l'intelligence de Plone.
  5. 5. Publication, processus documentaire (workflow), et collaboration
    Apprenez comment partager et contrôler l'accès à votre contenu en utilisant l'onglet Partage et le menu État des éléments, qui tire parti des règles de processus documentaire (workflow), aussi appelé processus de publication.
  6. 6. Prochaines étapes
    Le présent manuel s'est concentré sur le point de vue de l'utilisateur. Les administrateurs des sites trouveront de nombreuses autres documentations et aides sur le site plone.org. Pour conclure le présent manuel utilisateur, nous examinerons quelques scénarios impliquant de s'investir dans les tâches d'administration d'un site, ce qui permettra ensuite d'accéder à des documentations plus avancées.
  7. Images du Manuel Utilisateur Plone 3.0
    Collection de toutes les captures et autres images utilisées dans la version française du manuel Utilisateur de Plone 3.0.

Synopsis

Vous trouverez dans le présent manuel tous les tutoriaux et indications nécessaires pour prendre en main votre site Plone.

Grâce à cet ouvrage, vous serez notamment en mesure de :

  • comprendre les grands principes de fonctionnement d'un site Plone ;
  • créer du contenu de différents types pour enrichir votre site ; 
  • créer des documents riches en contenu et agréablement mis en forme ;
  • utiliser les puissantes fonctions de travail collaboratif ;
  • tirer parti de l'ingénieux système des collections (smart folders) ;

Cet ouvrage vous permettra également d'effectuer les tâches d'administration de site les plus courantes et vous servira de tremplin vers une formation plus approfondie aux compétences d'administrateur et de designer de site Plone.

Vous trouverez dans l'encadré situé à droite le sommaire du manuel. Vous pouvez également consulter l'intégralité du manuel sur une seule page en suivant ce lien (pratique pour l'impression, les présentations, etc...).

Enfin, il vous est possible de retrouver ou découvrir une capture d'écran particulière, en consultant la collection d'images disponible en chapitre 7.

Licence et Crédits 

Cet ouvrage a été traduit et mis en page par Laurent Lacôte en collaboration avec Vincent Hebert. Relecture équipe Pilot Systems.

Le présent Manuel Utilisateur de Plone 3.0 est publié sous la licence Creative Commons CC-nc-by-sa.

L'ouvrage originel, intitulé User Manual Plone 3.0, est disponible dans la section Documentation du site Plone.org. Il a été rédigé par :

  • JoAnna Springsteen
  • Martin Aspeli
  • Jon Baldivieso
  • Andrew Burkhalter
  • Sam Knox
  • Jon Stahl
  • Jeff Pittman
  • Esther Schindler
  • Rob Stevenson,
  • et Darci Hanning

Les droits de propriété intellectuelle qui y sont rattachés reviennent à la Fondation Plone et ces auteurs individuels.

 

1. Introduction

Aperçu général des concepts de Plone 3.0

1.1. Présentation générale

Qu'est ce que Plone ? 

Plone est un système de gestion de contenu ou CMS (Content Management System) qui permet de créer des sites web. Avec Plone, tout utilisateur peut créer du contenu pour son site web sans être un génie de l'informatique. Plone fonctionne sur internet, donc vous n'avez pas besoin d'installer  logciels spécifiques sur votre ordinateur. Le mot contenu signifie multitude, car vous pouvez publier de nombreux types de contenus, tels que:

 

                                               Types de contenus de Plone


Un site Plone contient plusieurs types de contenus, comme du texte, des photos ou des images. Ils peuvent exister sous différentes formes : documents, actualités, fichiers, événements, vidéos, fichiers audio. N'importe quel type de fichier ou de donnée peut être téléversé (uploadé) ou créé sur un site Plone. Le contenu peut être aussi rajouté depuis votre poste local. Vous pouvez créer des dossiers pour organiser votre contenu et ainsi créer une structure de navigation.

                                              Notion de Dossier dans Plone

 

Exemple de gestion de contenu (Vous aimez les papillons)

Par exemple pour ajouter du contenu à propos de papillons, vous pouvez ajouter un dossier "papillons" et y ajouter du texte dans une page web du dossier :

                            Schéma d'Ajout d'un document texte

 

Vous pourriez aussi ajouter des photos de papillons à ce dossier :

 

                            Schéma d'Ajout d'images

 

Vous pouvez ajouter de nombreux types de contenus différents dans un dossier, y compris des sous-dossiers. Après avoir ajouté quelques rapports et vidéos dans le dossier Butterflies (Papillons), le contenu serait par exemple ainsi organisé, incluant deux sous-dossiers dans le dossier Butterflies :

                           Organisation du contenu par dossiers

 

Fonctionnement général (Ce qui se passe en coulisses)

 

Vous vous demandez sans doute comment tout cela fonctionne. Un site internet Plone typiques existe par l'installation du logiciel Plone sur un serveur web. Ce serveur peut se trouver n'importe où, souvent au sein d'une compagnie fournissant un service d'hébergement de sites internet, dans un ensemble d'ordinateurs ("rack" ou empilement) dédiés à cette tâche.

 

             Schéma du serveur Plone

 

Le diagramme montre les nombreux câbles qui connectent des ordinateurs individuels serveurs à l'internet, au moyen de connexions réseau rapides (ADSL, câble, etc...).

Votre site Plone n'est autre qu'un ensemble de logiciels, logiciel Plone et logiciel de stockage et gestion de données, installés sur un de ces ordinateurs serveurs individuels. Lorsque vous tapez sur votre clavier ou cliquez sur votre souris, des données sont envoyées et reçues par les câbles réseaux et canaux de communication de l'Internet pour interagir avec votre installation logicielle Plone présente sur le serveur.

Simplifions le diagramme montrant comment vous interagissez avec Plone :

                                             Diagramme dialogue entre PC et Plone

Vous utilisez votre navigateur internet -- Firefox, Safari, Internet Explorer, etc... -- pour voir et éditer votre site Plone, et les changements sont répercutés et stockés par le logiciel Plone dans son système de stockage de base de données.

Par exemple, imaginez que votre site Plone sur les papillons est localisé à monsite.com. Vous tapez www.monsite.com dans votre navigateur. Une fois pressée la touche Entrée, va démarrer un dialogue entre votre navigateur et le serveur internet situé à monsite.com, déclenchant la séquence d'événements suivante :

                                            Interaction PC local et site Plone - Étape 1

Le logiciel Plone répond :

                                            Interaction PC local et site Plone - Étape 2

Plone parcoure sa base de données pour chercher les informations stockées dans monsite.com. Il renvoie ensuite la page internet vers votre ordinateur, dans un code dénommé HTML. HTML est un langage de programmation qui décrit l'apparence d'une page internet. Il existe beaucoup de ressources en ligne pour vous apprendre les détails du langage HTML, mais l'un des avantages de Plone est que vous n'avez pas besoin de (beaucoup de) connaissances sur le HTML. C'est l'un des fondements de Plone et d'autres logiciels de gestion de site internet similaires ; vous laisser vous concentrer sur votre contenu, comme ici des textes et graphiques sur les papillons, plutôt que d'apprendre un nouveau langage informatique.

Mais revenons à notre exposé général. Votre navigateur internet "interprète" (traduit) ce HTML, et vous pouvez voir son rendu, la page internet en résultant :

                                           Interaction PC local et site Plone - Étape 3
Tandis que vous voyez votre page sur les papillons, vous pouvez choisir de la changer ou de l'enrichir. Vous pouvez aussi y intégrer (par un upload, c-à-d l'envoi par internet vers la base de données de Plone) des photos, documents, etc... à tout moment :

                              Modification en ligne du contenu du site Plone

 

Une fois que vous avez fini d'éditer le(s) contenu(s) et cliqué sur "enregistrer" (ces changements), la nouvelle version de la page internet sera immédiatement disponible pour toute personne naviguant sur votre site :

                              Visibilité immédiate pour tous des modifications

 

1.2. Conception visuelle des sites Plone

Construction de l'apparence d'un site Plone

À quoi ressemble un site Plone ? L'apparence standard ("par défaut") de Plone est restée sur un design constant pendant des années. Ce design par défaut est généralement présenté comme ceci :

 

                                 Mise en page standard d'un site Plone

 

Le site Plone que vous utilisez ou sur lequel vous surfez peut avoir un design radicalement différent de celui-ci, mais vous devriez retrouver des éléments communs, tels que le lien d'ouverture de session (log-in) et un panneau ou menu de navigation. Dans le design par défaut, le menu de navigation se situe dans la zone de gauche, et apparaît habituellement comme une liste hiérarchisée de dossiers du site. Il peut également y avoir un ensemble d'onglets dans les bandeaux relatif à l'utilisateur -- "Connexion" -- et relatif à votre position dans la structure du site -- "Informations de navigation" près du sommet de la page.

On peut distinguer entre le design d'un site internet et les fonctionnalités ou services d'un site internet. Pour accomplir votre travail, focalisez-vous sur les fonctionnalités et ne vous inquiétez pas outre mesure de l'apparence et de la mise en page du site.

Une des forces du système de gestion de contenu de Plone est qu'un site web peut être radicalement reconçu dans sa présentation pour obtenir une nouvelle apparence, sans affecter pour autant les contenus et services/fonctionnalités sous-jacents. La zone de droite pourrait être effacée si les fonctionnalités qui y sont normalement placées sont inutiles. Les zones de gauche, de centre et de droite, telles que décrites ci-dessous, pourraient être changées en zones du haut, du milieu et du bas, cela resterait un site Plone en dessous.

Nous utiliserons la mise en page par défaut de Plone pour présenter un exemple de divisions typiques de l'écran :

 

   Dénominations des différentes zones d'un site Plone

 

Peut-être aurez-vous besoin d'adapter ces termes en fonction des besoins liés au design de votre site Plone. Vous pourrez rencontrer d'autres termes servant à décrire le design d'un site, tels que les "slots" ("cases") de gauche et de droite, "portlets" ("boîtes") ou "viewlet" ("fenêtre dynamique"), désignant des zones discrètes ou des box, et encore plusieurs autres termes. Nous reverrons et expliciterons ces termes plus loin dans le présent manuel.

 

Illustrations des différentes apparences que l'on peut concevoir

 

Par exemple, on peut sélectionner trois sites internet de la liste de sites internet Plone pour comparer.

Le site de la société Akamai

 

                               Exemple de site Plone 1

Ceci est le site internet de Akamai, un des leaders dans la fourniture d'applications en ligne et technologies d'accélération de sites internet. La zone d'en-tête dispose en son pied d'une simple bande horizontale de menu comprenant cinq liens vers les cinq zones principales de contenu du site. Sur la droite, l'en-tête contient un autre menu horizontal ainsi qu'une boîte de recherche. Le fond de la zone d'en-tête contient les informations d'ouverture de session, utilisées par les mainteneurs du site. L'image principale en haut à gauche est une zone "focus" pour disposer des sujets et images attractifs. Il y a une zone principale au centre gauche où est situé le texte principal. La colonne de droite contient une série de boîtes ("portlets"). Le pied-de-page contient un menu horizontal, qui pour faciliter la navigation, répète les choix du menu d'en-tête. Enfin, une colonne à l'extrême-droite permet de choisir différents niveaux de grossissement.  

 

 

Le site du magazine Discover

 

 

                                  Exemple de site Plone 2

 

Voici maintenant le site internet du magazine Discover. La zone d'en-tête contient un large menu horizontal, le menu principal ("main menu"). Ce site est riche en boîtes (portlets) textuelles couvrant de nombreuses zones dédiées chacune à un sujet, divisées en trois colonnes gauche, milieu, droite. Le sommet de la colonne du milieu contient une zone "focus" avec une vidéo. On trouve des box interactifs à plusieurs endroits. Le pied-de-page contient les informations basiques relatives à l'identification du site, et un lien vers le "à propos" (about us). Pour un large site tel que celui de Discover, les mainteneurs ouvrent une session pour personnaliser les écrans d'édition, et usent beaucoup de "data feed" (flux dynamique de données) -- Plone utilise Zope, un système sophistiqué de stockage, et Python, un langage de programmation réputé, qui facilitent une circulation intelligente des flux de texte et graphiques au sein du site Plone. 

 

Le site du Smeal College of Business

 

                                      Exemple de site Plone 3

 

Le dernier des trois sites à examiner est celui du "Smeal College of Business" de l'Université de l'État de Penn. L'en-tête contient un logo, un menu horizontal pour les zones relatives aux principaux thèmes, et une boîte de recherche sur la droite. On trouve le menu principal du site sur la gauche, ce qui est assez traditionnel pour un site Plone. Une large zone graphique contient une animation "rolling focus" (roulement dynamique des images/vidéos/ texte exposés). Il y a un autre petit focus graphique dans la colonne de gauche. Trois colonnes textuelles complètent ce design, au-dessus du pied-de-page d'identification basique. Les mainteneurs de ce site entrent au moyen d'une page d'ouverture de session personnalisée, où les informations relatives à l'utilisateur et à sa session s'affichent le long de la zone de la plus haute en-tête.

Donc, de quoi a l'air un site Plone ? Traditionnellement, la présentation du site jute après l'installation des logiciels comprend comme indiqué en haut de cette page, un en-tête, un menu, des colonnes, et un pied-de-page. Ces trois sites illustrent la manière dont les designers combinent typiquement des zones de focus, des menus horizontaux et verticaux, les portlets, et du contenu textuel généralement disposé en un tableau de plusieurs colonnes. La machinerie sous-jacente reste Plone, Zope et Python, mais des peaux ("skin") ou thèmex ("theme") peuvent être créés pour donner une apparence conforme aux désirs du designer.

 

1.3 Comptes utilisateurs et rôles dans Plone

Les sites Plone couvrent de nombreux usages, allant de sites personnels monoutilisateurs à des sites de communautés, organisations ou entreprises comprenant des centaines d'utilisateurs. Chacune des personnes ajoutant du contenu à un site Plone dispose de son propre compte utilisateur. Un compte utilisateur comprend un nom d'utilisateur (identifiant) et un mot de passe. Certains sites Plone permettent aux visiteurs de rejoindre le site et devenir utilisateurs (ou membres), en cliquant sur un lien "S'enregistrer" pour remplir un formulaire d'informations basiques. D'autres sites n'ont de comptes utilisateurs que ceux créés par les administrateurs du site, auquel cas les personnes concernées reçoivent normalement un courriel comprenant les détails de leur compte utilisateur.

Quelle que soit sa méthode de création, un compte utilisateur Plone permet à une personne d'ouvrir une session en indiquant dans les champs prévus à cet effet ses nom d'utilisateur et mot de passe. Les mots de passe sont sensibles à la casse, ce qui signifie que vous devez prêter attention aux lettres en minuscules et majuscules. Par exemple, si votre mot de passe est xcFGt6v, vous devez le taper à l'identique pour qu'il soit accepté. Les mots de passe comprenant des caractères variés sont préférés aux mots de passe comme "raton laveur" ou "promenade", car ils sont plus difficiles à deviner et de ce fait plus sécurisants.
 

Navigation sur internet anonyme contre navigation authentifiée

La distinction entre navigation sur internet (aussi appelée "surf") anonyme et activité  en ligne authentifiée (ou identifiée) (dans une session, ou logged-in) est importante.

Note : nous tâcherons de rester homogène dans l'utilisation des expressions, mais vous verrez cependant les différents noms indiqués au-dessus pour désigner le même concept.


Surf internet anonyme

Il s'agit de l'expérience normale d'une personne surfant sur l'internet. Vous tapez l'adresse internet d'un site dans votre navigateur et vous lisez des pages internet, regardez des vidéos, observez des images, sans avoir à vous authentifier (ouvrir une session, "log-in" en anglais). C'est pourquoi ce mode est dénommé "anonyme" : quiconque l'utilise en surfant normalement. Notez la présence d'un lien d'authentification ("log in", "identifiez-vous") en haut à droite de l'image ci-dessous. Si un tel lien "log-in" s'affiche, cela signifie que vous n'êtes pas authentifié - vous n'avez pas ouvert une session en tant qu'utilisateur - et vous surfez anonymement sur ledit site internet, comme l'on le voit dans la capture d'écran suivante, tirée d'un nouveau site Plone :

                   Page d'accueil de Plone 3.0 vue visiteur

Activité en ligne authentifiée

Vous connaissez certainement le mode authentifié de l'expérience internet si vous avez déjà utilisé les services en ligne d'une banque ou établissement de crédit, ou tout autre site impliquant de posséder un compte utilisateur. Le site de votre banque vous permettra de voir les informations de votre compte, remplir des formulaires d'informations, transférer des fonds, et autres actions, mais tout cela une fois seulement que vous aurez ouvert une session. Un site Plone n'est guère différent, hormis dans le fait que vous pouvez accomplir des actions bien plus sophistiquées. Comparez (avec la capture d'écran précédente) la capture d'écran ci-dessous, prise après qu'un utilisateur "John Smith" s'est authentifié. Près du coin en haut à droite, vous voyez l'affichage du nom de cet utilisateur et un lien pour se déconnecter / fermer sa session ("log out'). Une autre différence importante est visible une fois la session ouverte - la zone principale du milieu affiche maintenant une bande d'en-tête verte munie d'onglets. Cette sorte de bande d'en-tête est présente lorsqu'un utilisateur dispose des droits requis pour modifier une zone du site internet. John Smith a donc les droits nécessaires pour modifier cette zone principale. Les onglets de la bande d'en-tête verte dans la zone principale peuvent varier d'un cas à l'autre, mais vous pouvez être sûr(e) qu'ils seront dans tous les cas sous cette forme d'interface à onglets de couleur verte. Dans la capture d'écran suivante, l'utilisateur John Smith s'est identifié au sein d'un nouveau site Plone :

      Page d'accueil de Plone 3.0 vue utilisateur authentifié

 

Rôles utilisateurs

Tout aussi importante est la distinction entre différents rôles utilisateurs dans la site Plone. Pour illustrer le cas le plus simple, il faut considérer deux rôles, l'un appelé membre (member) et l'autre administrateur (manager). Considérez les différents droits ou "pouvoirs" de ces deux rôles :


Membre

  • il dispose d'un compte utilisateur, donc peut ouvrir une session ;
  • il peut ajouter du contenu, mais uniquement dans des zones spécifiques, et ne peut rien modifier en dehors desdites zones ; les utilisateurs se voient souvent attribuer une zone "Maison" (Home), qu'ils peuvent utiliser comme espace personnel pour ajouter du contenu.
  • il ne peut pas publier de contenu, c'est à dire le rendre visible à tout surfeur anonyme, même le contenu qu'ils ont eux-même ajouté , une personne affectée du rôle d'administrateur doit au préalable approuver le contenu pour publication (le valider).


Administrateur

  • il dispose d'un compte utilisateur, donc peut ouvrir une session ;
  • il peut ajouter du contenu n'importe où et peut changer tout et n'importe quoi ;
  • il peut publier tout contenu.

 

Lorsque vous voyez valider votre nouveau compte sur un site Plone, vous devriez recevoir les informations sur les droits dont vous disposez une fois authentifié(e). Après avoir ouvert une session en tant qu'utilisateur(trice) authentifié(e), si vous allez dans un dossier sur lequel vous avez les droits suffisants, vous verrez une double bande d'en-tête de couleur verte, comprenant des onglets dénommés Contenus (contents), Voir (View), Modifier (Edit), Partage (Sharing), et Historique (History), ainsi que leurs sous-menus (Propriétés (Properties) étant depuis Plone 3.x un sous-menu du panneau Modifier, mais nous y reviendrons plus tard).

                Double barre d'onglets

 

 La barre du haut contient ce qu'on appelle des "onglets" (le terme "vues" est parfois également utilisé) :

  Barre d'ongletsBarre d'onglets pour l'utilisateur authentifié

Vous pourrez explorer pour découvrir les différences entre les onglets, mais voici une description succinte pour vous aider à démarrer :

  • Contenu - montre une liste des éléments d'un dossier ;
  • Voir -  montre ce que verrait un surfeur internet anonyme ;
  • Modifier - montre un panneau permettant de modifier le contenu de l'élément, ainsi que ses propriétés ;
  • Règles - montre un panneau pour contrôler la manière dont est créé et géré un élément (réservé habituellement aux rôles utilisateurs les plus importants, d'où son absence sur la capture d'écran ci-dessus) ;
  • Partage - montre un panneau pour déterminer les droits dont disposent les autre utilisateurs pour voir et/ou modifier cet élément ;
  • Historique (History) - montre l'historique des modifications apportées à un élément.

 

 

Vous voyez également dans la partie basse (deuxième ligne) du bandeau d'en-tête vert, Affichage (display), Ajouter un élément (add new...), et État

: il s'agit de la barre de menus, qui peut varier suivant l'onglet sélectionné :

Barre de menus : Barre de menus pour l'utilisateur authentifié

Explorez aussi ceux-ci. Voici une description basique de ces menus :

  • Actions - opérations relatives à l'élément lui-même, comme le supprimer, le copier, etc...
  • Affichage - montre les choix du menu pour configurer l'affichage (vue en liste, vue en résumé, etc...) ;
  • Ajouter un élément - montre les choix disponibles du menu relatifs à l'ajout d'éléments de contenu (images, pages de texte, dossiers, etc...) ;
  • État - montre les choix du menu pour déterminer l'état de l'élément dans le processus de publication (privé, brouillon, publique, etc...).

Ces menus et onglets vous offriront les principaux moyens d'interagir avec Plone. Vous vous familiariserez avec eux en même temps que vous en apprendrez plus sur l'administration d'un site "motorisé" par Plone.

 

1.4. Ouverture de session (authentification)

Lorsque vous visitez un site Plone de manière anonyme, ou que l'on vous donne l'adresse nécessaire pour la maintenance du site, vous verrez un bouton "Se connecter" ressemblant à quelque chose de ce genre (selon le design donné au site) :               Lien vers la fenêtre d'authentification

Après avoir cliqué sur le lien d'ouverture de session, vous verrez apparaître un panneau de saisie où taper votre nom d'utilisateur et votre mot de passe :

                                  Fenêtre d'ouverture de session (authentification)

Notez, au-dessus du panneau, la présence d'une phrase avec lien permettant de vous créer un compte utilisateur sur le site. Ce lien peut ou non apparaître selon que l'administrateur du site autorise ou non les inscriptions libres.

Dès lors que vous avez ouvert une session sur un site Plone, vous verrez l'affichage de votre nom, souvent le long du haut de la bande située en-dessous de l'en-tête. Vous pouvez cliquer sur votre nom pour gérer vos préférences personnelles, présentées ci-après.

 

1.5. Définir vos préférences

Après avoir ouvert votre session, votre nom complet sera affiché sur le côté droit de la bande d'en-tête. Cliquez sur votre nom pour aller dans votre zone personnelle dénommée "tableau de bord" (dashboard").

                               Double barre générale vue utilisateur authentifié, version light

 

Notez que qu'un lien Mon dossier personnel peut être également disponible, si l'administrateur du site a activé cette option (ce n'est pas le cas dans notre exemple) auquel cas vous verriez l'écran suivant :

                              Double barre générale vue Utilisateur authentifié

Vous verrez alors le panneau du tableau de bord :

                        

  Tableau de bord par défaut d'un utilisateur, en vue "Voir"

Quand vous ouvrez votre session pour la première fois, votre tableau de bord sera vide, comme l'explique le message d'Informations. Les Boîtes (portlets) sont des "vues" spécifiques de différents types de contenus. Vous pouvez choisir ceux que vous voulez voir affichés dans votre tableau de bord en cliquant sur l'onglet Éditer, mais nous y reviendrons dans une seconde. En premier lieu, observons le Profil (Profile) et les Préférences personnelles (Personal Preferences) situés en haut à droite. Cliquer sur le lien Profil amène un panneau qui montre la photographie ou image associée à votre profil personnel, si vous en aviez uploadé une :

Après avoir créé des contenus sur le site internet, vous pouvez revenir ici pour les voir proprement listés. L'onglet Éditer pour le profil, ou le lien vers les Préférences personnelles vu ci-dessus, feront apparaître un panneau de préférences personnelles :

 

      Préférences personnelles d'un utilisateur - mode édition

Les champs de données incluent :
  • Nom complet - Si votre nom est commun, précisez votre deuxième prénom ou son initiale. milieu.
  • Adresse électronique - REQUIS - Vous êtes susceptible de recevoir des messages du système du site internet, ou d'un panneau de messages (message board), si installé, etc... Lorsque un champ d'information est obligatoire, un petit carré rouge sera affiché à côté.
  • Lieu - champ de texte - C'est le nom de votre cité, ville, État, province, ou tout autre lieu que vous voudriez indiquer.
  • Langue - menu à sélection (choix prédéterminés ou fixes) - Plone excelle dans le support multilangues.
  • Biographie - champ de texte - Entrez ici une courte description de vous-même, environ un paragraphe en taille.
  • Page personnelle - adresse internet - Si vous disposez de votre propre site internet ou d'une zone d'exposition au sein d'un site de partage de photos par exemple, placez ici l'adresse internet, si vous souhaitez que les autres puissent en découvrir plus sur vous.
  • Éditeur de contenu - menu à choix fixes - Vous avez le choix d'utiliser Kupu, qui vous permet d'éditer les pages internet avec une interface graphique simple et agréable, ou utiliser un panneau d'édition basique, qui convient tout à fait dès lors que vous êtes accoutumés à l'écriture de pages internet en langage HTML (le "code" basique des pages web). Le choix par défaut est l'utilisation de Kupu, et cette utilisation sera présupposée dans les explications fournies tout  au long du présent manuel utilisateur.
  • Activer l'édition externe - case à cocher - Cette option sert à (dés)activer un éditeur "externe", si ce dernier a été installé par l'adminstrateur du site internet. Utiliser un éditeur externe sert principalement aux designers internet et programmeurs qui font plus que d'éditer du code proprement dit, mais peut aussi être utile pour la création d'un grand volume de pages (NDT : TRADUCTION À VALIDER) au moyen de langages de marquage de texte spécialisés (le "marquage de texte" étant relatif aux actions de mise en forme et de mise en page). Ne vous souciez pas de cette option si l'administrateur de votre site ne vous en a pas parlé.
  • Apparaître dans la liste des utilisateurs - case à cocher - Décochez cette option si vous ne voulez pas apparaître dans la liste de résultats d'une recherche d'utilisateurs. Vous devriez normalement vouloir la laisser cochée, car rester ouvert aux communications est un des objectifs importants d'un site Plone, et essentiel dans le cadre d'un travail collaboratif.
  • Portrait - téléversement (upload) d'image - La photographie du portrait apparaîtra sous la forme d'une petite image ou d'un aperçu d'image, il est donc mieux de choisir une photo de portrait du visage seul ou du buste.

Vous pouvez à tout moment modifier ces préférences.

1.6. Votre tableau de bord

Plone dispose en standard de plusieurs "vues" d'actualités, d'événements, des éléments récemment modifiés, et autres. Ces vues de listes sont placées au sein de discrètes zones rectangulaires dénommées boîtes (portlets). Imaginez-les comme des fenêtres offrant une vue sur un type de contenu donné. Par exemple, la boîte "actualités" offre une vue sur les éléments d'actualités les plus récemment publiés.

Vous contrôlez les portlets que vous voyez dans votre tableau de bord, et où ils sont placés. La capture d'écran suivante montre ce que l'utilisateur Elizabeth Smith verrait après avoir ouvert une session et cliqué sur son propre nom dans la partie en haut à droite pour accéder à sa zone personnelle :
      Tableau de bord par défaut

Le tableau de bord apparaît vide pour un nouvel utilisateur.

Cliquer sur l'onglet "Éditer" du tableau de bord permet de voir qu'il existe des portlets déjà assignés au tableau de bord -- la vue du tableau de bord, telle que montrée ci-dessus, apparaît vide parce qu'il n'y a pas de contenu à afficher dans ces différentes boîtes, puisqu'il s'agit dans notre exemple d'un site Plone nouvellement créé. Voici une vue des principaux portlets (boîtes) :

     Tableau de bord par défaut, en vue "Édition"

Vous voyez les boîtes "Actualités" et "Événements" dans la colonne la plus à gauche, la boîte "Éléments récents" dans la deuxième colonne, et la boîte "Liste de modération" dans la colonne de droite. La troisième colonne ne s'est pas encore vue assigner de boîtes.

Un nouveau compte utilisateur sur un site Plone basique disposera d'un tableau de bord similaire à celui de notre exemple, mais pour un site optimisé et enrichi de fonctionnalités par des extensions (add-ons en anglais, petits programmes venant "s'agréger" au programme principal), il peut y avoir plus de boîtes parmi lesquelles choisir, et le tableau de bord peut démarrer avec déjà plus de boîtes placées dans les colonnes. Par exemple, il pourrait y avoir des boîtes pour la "météo du jour", les "cours de bourse", la "citation du jour", etc... Tout dépend de ce qui a été installé sur le site (de telles fonctionnalités nécessitent des programmes dédiés). Selon ce qui est installé sur le site, les utilisateurs peuvent personnaliser les boîtes qu'ils veulent voir affichées et les disposer à leur convenance parmi les quatre colonnes disponibles.

Ainsi, pour un compte utilisateur Plone typique, le tableau de bord démarrerait avec les boîtes tel que montré ci-dessus, et serait à terme "peuplé" par l'ajout progressif au site d'éléments d'actualités, événements, et autres contenus.

 

2. Ajouter du contenu

Comment ajouter du contenu basique aux sites Plone.

2.1. Ajouter des dossiers

Vous avez sans le moindre doute créé des dossiers (répertoires) dans votre ordinateur. Sur les systèmes d'exploitation Windows une hiérarchie de dossiers est souvent créée sur les partitions de disques durs c: ou d:, ou dans un dossier "Mes Documents". Sur les Mac et autres systèmes, les dossiers sont créés d'une manière similaire. Les dossiers Plone sont essentiellement identiques, excepté le fait qu'ils sont créés sur un site Plone, pour organiser le contenu stocké dans le système de stockage intégré à Plone.

Les dossiers sont créés en cliquant sur le menu "Ajouter un élément" (il faut être authentifié pour voir ce menu "Ajouter un élément") :

                                      Menu Ajouter un élément

 

Après avoir cliqué pour ajouter un dossier, vous verrez le panneau "Ajouter un dossier" :

 

                        Panneau Ajout de Dossier

 

Remplissez le champ Titre, obligatoire comme l'indique le carré rouge. La Description est optionnelle ; vous pouvez toujours revenir au panneau d'édition pour ajouter une description du dossier. Les descriptions sont utiles lorsqu'un visiteur du site utilise l'outil de recherche inclus avec Plone - les résultats seront affichés avec à la fois le Titre et la Description de l'élément.

Vous pouvez aussi noter la présence d'onglets le long du haut : Contenus, pour remplir les champs Titre et Description, Catégorisation, pour spécifier des catégories qui s'appliquent à ce dossier (vous les connaissez peut-être déjà sous le nom de mots-clés), Dates, pour spécifier à partir de quand / pour quelle période le dossier doit être visible sur le site, Propriété, pour spécifier les créateur(s)/contributeur(s) des éléments contenus, et Paramètres, pour permettre les commentaires à propos de l'élément et s'il doit apparaître dans le menu de navigation du site.

Ces onglets sont standard, vous les retrouverez donc quand vous cliquerez sur d'autres types de contenus. Nous couvrirons ces onglets dans une autre section du présent manuel utilisateur.

Assurez-vous de cliquer sur "Enregistrer" en bas de la page une fois les modifications/ajouts terminés. Cela finalisera le processus de création du dossier.

Icône Lien Vidéo

 Visionner une vidéo relative à l'ajout d'un dossier sur Plone 2 (procédé significativement différent).

 

 

2.2. Qu'y-a-t-il dans un nom Web ?

Titre d'élément et adresses internet

Le Titre des éléments de contenu, notamment les dossiers, images, pages, etc... peut être tout ce que vous voulez -- vous pouvez utilisez n'importe quel caractère du clavier, y compris les espaces. Les Titres deviennent une partie de l'adresse internet pour chaque élément créé dans Plone.

Les adresses internet, connues également sous le nom d'URL (Unique Remote Location), sont l'expression que vous tapez dans la barre d'adresses d'un navigateur internet pour aller à une partie spécifique d'un site internet (Ou, vous cliquez tout du long à travers les liens des pages pour obtenir le même résultat), telles que :

www.monsite.com/about/personnel/sally/bio

OU

www.monsite.com/images/butterflies/skippers/long-tailed-skippers

Contrairement aux Titres dont nous venons de parler, les adresses internet SUBISSENT DES LIMITATIONS relativement aux caractères utilisables, notamment les espaces qui sont interdits. Plone pour y remédier effectue un bon travail d'adaptation, en gardant une adresse internet correcte par l'utilisation d'une adresse la plus proche du Titre que vous avez rempli : conversion des majuscules en minuscules, substitution de tirets aux espaces et autres ponctuations, conversion des caractères accentués en non-accentués, etc...

 

Exemple d'adaptation automatique du Titre en adresse par Plone

Pour illustrer, prenons chacune de ces deux adresses internet et divisons-les en leurs composants constitutifs :

www.monsite.com/about/personnel/sally/bio
^ 
nom du site internet
               ^ 
               un dossier nommé About
                     ^ 
                     un dossier nommé Personnel
                               ^ 
                               un dossier nommé Sally
                                     ^ 
                                     un dossier nommé Bio

Dans cet exemple, Plone a changé chaque titre de dossier en minuscules, par exemple de Personnel à personnel. Vous n'avez donc pas à vous soucier de ces limitations. Plone gère l'adressage internet de manière autonome, vous n'avez qu'à taper les titres comme vous le désirez.

Et, pour le deuxième exemple :

www.monsite.com/images/butterflies/skippers/long-tailed-skippers
^
nom du site internet
               ^
               un dossier nommé Images
                      ^
                      un dossier nommé Butterflies
                                  ^
                                  un dossier nommé
                                           ^
                                           un dossier nommé Long-Tailed Skippers

Cet exemple est similaire au premier, illustrant la correspondance entre la conversion de majuscules à minuscules des Titres, et la partie de l'adresse internet. Notez le cas du dossier Long-tailed Skippers. Plone a gardé le tiret, caractère autorisé à la fois dans le champ Titre et dans l'adresse internet, mais il a changé l'espace entre les mots Tailed et Skippers pour un tiret, dans l'adresse internet, en même temps que la conversion en minuscules.

On se réfère dans Plone à l'adresse internet d'un élément donné sous le nom "Identifiant" (aussi appelé "Nom court"). Lorsque vous utilisez la fonction "Renommer", vous verrez l'identifiant en même temps que le titre.

 

2.3. Ajouter des images

Nous vous invitons pour ce faire à consulter le tutoriel dédié disponible en suivant le lien ci-dessous (qui vous amène à la section 2.11 du présent Manuel).

Préparer les images pour une utilisation "en ligne" (sur internet).

Rappelez-vous d'utiliser des formats de ficher aux standards d'internet pour toute image qui y serait publiée. Les formats acceptables incluent : JPG, JPEG, GIF, et PNG. N'utilisez pas les formats BMP ou TIFF car ceux-ci ne sont pas reconnus par tous les navigateurs.

Lorsque vous êtes prêt(s) à envoyer (uploader) une image, utiliser le menu à liste déroulante (ou tombante) "Ajouter un élément", que vous verrez une fois authentifié(e) :

                         Menu Ajouter un élément

 

Après avoir cliqué sur "(Ajouter une) Image", vous verrez le panneau "Ajout d'image" :

                  Panneau Ajouter une image

Les champs Titre et Description (champ, au sens "espace pour rentrer des données") sont présents, comme pour l'ajout d'un dossier, et en dessous dans la page se trouve un champ "Image" pour uploader une image. Voyons plus en détails chacun des trois champs :

  • Titre - Utilisez n'importe quel texte, même avec blancs et ponctuations (Plone gère l'adressage web) ;
  • Description - Toujours une bonne idée, mais reste optionnel. Laissez blanc si vous le désirez ;
  • Image - Le champ Image est un box d'entrée texte muni d'un bouton "Parcourir". Vous n'êtes pas ici obligés de taper le chemin ; cliquez simplement sur le bouton Parcourir et vous pourrez explorer votre ordinateur local jusqu'au fichier image à uploader (Attention : vous devez pour cela vous souvenir d'où sont stockées vos images sur votre ordinateur).

Pour les images, il vous faut au minimum indiquer un titre et parcourir votre ordinateur local jusqu'au fichier image, puis cliquer sur "Enregistrer" en bas de la page pour uploader (téléverser ou envoyer) l'image vers et sur un site Plone. Vous devrez attendre plusieurs secondes (voire une minute environ, si votre connection internet est lente) que le transfert de l'image se termine. Une prévisualisation de l'image transférée sera affichée une fois le transfert achevé.

2.4. Ajouter des Documents (pages internet)

Présentation du panneau d'Ajout de Document

Pour ajouter une page, utilisez le menu "Ajouter un élément" dans le dossier adéquat :

                            Menu Ajouter un élément

Sélectionnez "Document" dans la liste déroulante du menu pour voir apparaître le panneau d'ajout de document :

    Panneau Ajout d'un Document

Les champs Titre et Description sont là encore en haut du panneau. Remplissez chacun d'eux de manière appropriée. On trouve en plus un champ "Note de modification" en bas, là aussi un champ standard très utile pour stocker des memos décrivant les modifications apportées à un document. Très utile notamment pour des documents sur lesquels vous travaillez en collaboration avec d'autres personnes.

 

La rédaction du corps de texte - Choix entre l'éditeur visuel ou le balisage de texte

Le panneau du milieu, Corps de texte, est le champ propre aux documents et en constitue le coeur. Le logiciel utilisé pour créer des documents dans Plone, génériquement dénommé éditeur visuel et spécifiquement un outil nommé Kupu, est une fonctionnalité essentielle vous permettant de faire de l'édition WYSYWYG. L'édition WYSIWYG (What You See is What You Get - Ce que Vous Voyez est Ce que Vous Obtenez) décrit comment fonctionne un logiciel de traitement de texte. Lorsque vous effectuez un changement, comme mettre un mot en gras, vous voyez immédiatement le texte en gras. Ce que vous voyez est le texte en gras - Plone se charge de l'aspect "code HTML" des choses.

Si vous êtes le genre de personnes qui aiment entrer du texte au moyen de soi-disant formats de balisage, vous pouvez désactiver l'édition visuelle dans les options de vos préférences personnelles, ce qui remplacera Kupu par un panneau d'entrée texte simplifié. Les formats de marquage disponibles dans Plone sont :

Chacun d'entre eux fonctionne par l'incorporation de codes de formatage spéciaux (balises) au sein même du texte. Par exemple, avec le système de formatage de "texte structuré", entourer (ou délimiter) un mot ou une phrase par un double astérisque rendra l'affichage de ce mot ou cette phrase en gras, comme dans **Ce texte serait gras**.

Ces formats de balisage valent la peine d'être appris, pour la vitesse de rédaction qu'ils offrent lorsque vous créez de nombreuses pages internet, ou si vous êtes adepte d'une approche un peu plus technique à la création de texte formaté. Certaines personnes préfèrent ces formats pas seulement pour leur vitesse intrinsèque, mais aussi pour leur fluidité d'expression. Il existe beaucoup de codes spéciaux à apprendre pour la plupart de ces formats, mais le gain sur la productivité à terme compense le temps d'apprentissage. Cependant, la plupart des gens sont naturellement plus à l'aise avec l'approche WYSIWYG d'un traitement de texte typique. Donc, nous continuerons ici sur comment adopter l'approche typique : utiliser l'éditeur visuel Kupu.

 

Présentation des fonctionnalités de Kupu

En guise d'introduction, vous pouvez consulter la vidéo ci-dessous présentant sous Plone 2 les fonctions basiques offertes par Kupu :

Icône Lien Vidéo

 Visionner une vidéo sur Plone 2 relative à l'utilisation de l'éditeur visuel pour modifier le corps de texte d'un document. 

 

 

 

Nous supposerons ici que vous comprenez comment utiliser un traitement de texte basique. Il y a ici quelques icônes de fonctions spécifiques à l'internet dans le menu, mais vous en reconnaîtrez la plupart, qui sont des fonctionnalités standard et basiques :

 

             Liste des fonctions de l'éditeur visuel de texte

 

 

Gras (B) et Italiques (I) (Bold & Italics en anglais)

Très simple. Surlignez du texte avec le pointeur de votre souris et cliquez sur "B" pour Gras et "I" pour Italiques.

 

Alignement (Justification)

Pour fixer l'alignement, mettez en surbrillance le paragraphe de texte que vous voulez ajuster et cliquer sur l'icône appropriée pour un alignement justifié à gauche, au centre, à droite. Vous pouvez également sélectionner de multiples paragraphes pour appliquer la même justification sur plusieurs paragraphes.

 

Listes numérotées (numbered) et non ordonnées (à puces, bulleted en anglais)

Le formatage de listes numérotées et non ordonnées sont appliquées aux paragraphes selon les étapes suivantes : d'abord sélectionner tous les paragraphes concernés, puis cliquer sur l'une des deux icônes. Vous pouvez toujours appliquer des mises en forme telles que gras ou italiques, à un mot ou phrases, tant avant qu'après avoir mis les paragraphes en liste.

 

Listes de définitions (definitions lists)

Les listes de définitions sont idéales pour les éléments impliquant un mot ou phrase associé à un paragraphe, telles qu'une liste des races de papillons et leurs descriptions.

Voici comment apparaît une liste de définitions :

Petit Nacré
 Famille des Nymphalidae - Le dessous des ailes postérieures rousses de ce papillon est ponctué de plusieurs grandes taches nacrées très brillantes. Ce critère permet de le distinguer sans équivoque des autres nacrés. Le bord externe de son aile antérieure est concave et les taches noires dessinées sur le dessus de ses ailes sont rondes et régulières.
Azuré pygmée, Argus bleu 
 Famille des Lycaenidae - Les Plebejus sont des petits lycaenidae bleus (mâles) dont les ocelles oranges bordant l'aile postérieure sont pupillés de bleu brillant.

Les étapes à suivre pour créer une liste de définitions nécessitent une certaine attention. Suivez les étapes dans l'ordre :

  • Placez votre curseur sur un nouveau paragraphe blanc, où vous désirez commencer la liste de définitions ;
  • Cliquez sur l'icône "Liste de définitions" ; 
  • Tapez le premier mot / la première phrase. Le mot / la phrase sera automatiquement aligné(e) à gauche et mis(e) en gras ;
  • Pressez la touche de retour (ou passage) à la ligne (touche Entrée) pour créer une nouvelle ligne.
  • Tapez la définition. Vous verrez que le formatage est cette fois-ci normal mais le paragraphe est décalé (le niveau de retrait est augmenté) ;
  • Pressez la touche de retour à la ligne (touche Entrée) pour créer une nouvelle ligne ;
  • Répétez les étapes 3 à 6 autant de fois que nécessaire pour ajouter de nouvelles définitions.

Important : lorsque vous avez fini de taper la dernière définition, vous devez presser la touche de retour à la ligne deux fois pour revenir au formatage normal.

 

Citations (blockquotes)

Les citations forment une variété particulière de retrait de paragraphe dont le style visuel les distingue nettement des autres paragraphes normaux ou non. Ce style de mise en forme est utile pour les citations, d'où le nom, mais peut être aussi utilisé pour une indentation stylisée de ce genre :

Indentation niveau un ;

Indentation niveau deux ;

Indentation niveau deux ;

Indentation niveau deux ;

Indentation niveau un ;

Indentation niveau deux ;

Indentation niveau trois ;

Indentation niveau trois ; 

Indentation niveau deux ;

Indentation niveau un.

Pour accomplir une telle mise en forme de "citation", placez votre curseur sur un paragraphe puis cliquez sur l'une ou l'autre des icônes de niveau de retrait (indentation). Vous pouvez également sélectionner de multiples paragraphes pour changer le niveau de retrait par bloc. Cliquer sur une icône de niveau de retrait plusieurs fois créée des niveaux de retrait plus profonds.

 

Images

L'éditeur visuel de Plone vous permet d'insérer des images tandis que vous éditez une page. Pour ajouter une image, placez le curseur où vous voulez voir apparaître l'image et cliquez sur l'icône de l'image (en forme d'arbre). Vous verrez le panneau d'insertion d'image suivant :

                      Insertion d'Image au sein d'un corps de texte

 

Le panneau d'insertion d'images présente plusieurs liens dans sa colonne de gauche, qui vous aident à trouver des images déjà transférées et stockées sur le site Plone. Accueil est la "racine" du site dans son ensemble (comme si vous cliquiez sur le "disque c:" avec un ordinateur sous Windows, ou "Macintosh HD" sur un Mac). Current folder (dossier courant) parle de lui-même, il s'agit du dossier dans lequel vous êtes en train de créer la nouvelle page. My recent items (Mes éléments récents) et Recent items (Éléments récents) vous affiche la liste des images qui ont déjà été récemment ajoutées au site Plone, où qu'elles soient situées.

Normalement, vous cliquerez simplement sur Current Folder pour pouvoir téléverser (uploader en anglais), l'image que vous souhaitez insérer, si vous ne l'aviez pas préalablement transférée sur le site. Nous supposerons que tel est le cas (le plus courant), vous verrez alors le panneau suivant :

                       Insertion d'Image dans un corps de texte, phase d'upload

 

Il se trouve un lien "Charger" dont vous aurez besoin pour insérer votre image. Cliquez dessus et vous verrez apparaître une boîte de dialogue familière, celle qui vous permet de sélectionner un fichier sur votre ordinateur local, comme sur l'image ci-dessous (sous GNU/Linux Mandriva) :

                      Insertion d'Image dans un corps de texte, choix de l'image à téléverser

 

Ici, la boîte de dialogue de sélection de fichier, a été utilisée pour sélectionner un répertoire appelé "Captures french" sur l'ordinateur local. N'importe laquelle des images qu'il contient pourrait être sélectionnée pour être transférée, puis l'image serait effectivement téléversée (uploadée) sur le site Plone et -- voici la partie intéressante -- elle apparaîtrait au sein même du Document en train d'être créé, proprement liée. C'est le genre de choses qu'il faut essayer d'apprécier, il reste que c'est une des opérations les plus importantes que vous pouvez retenir pour créer des pages sur un site Plone.

   Icône Lien Vidéo Visionner une vidéo sur Plone 2 relative à l'ajout d'images dans un document.

 

Liens internes

Sélectionnez un mot ou une phrase, cliquez sur l'icône Insérer un lien interne, et le panneau d'insertion d'un lien interne apparaîtra :

                Insertion d'un Lien Interne dans un corps de texte

Vous utilisez ce panneau en cliquant sur Accueil ou Current Folder pour entamer la navigation sur l'arborescence du site Plone pour trouver un dossier, document, ou image vers laquelle vous souhaitez placer un lien. Dans l'exemple ci-dessus, un document nommé "Long-tailed Skippers" a été choisi pour le lien. Une fois le panneau clos, un lien vers le document "Long-Tailed Skippers" sera incorporé dans le mot ou la phrase mis en surbrillance pour la création du lien.

 

Liens externes

Sélectionnez un mot ou une phrase, cliquez sur l'icône Insérer un lien externe, et le panneau d'insertion d'un lien externe apparaîtra :

                Insertion d'un Lien Externe dans un corps de texte - Aperçu

Tapez (ou copiez-collez) dans la boîte l'adresse du site internet ou page web externe à votre site Plone, en commençant par http://. Si vous copiez-collez l'adresse du site, vérifiez bien que vous n'avez pas dupliqué le http:// au début de l'adresse.

Vous pouvez cliquer sur Aperçu si vous voulez vérifier qu'il s'agit de la bonne adresse, comme nous l'avons fait dans notre illustration ci-dessus.

Puis cliquez sur ok. Le lien externe sera incorporé dans le mot ou la phrase mis en surbrillance pour la création du lien.

 

Ancres

Les ancres sont comme des marqueurs de position au sein d'un document, basés sur les titres (heading), sous-titres (subheadings) ou autre styles prédéterminés et utilisés à l'intérieur du Document. Par exemple, pour une page dénommée 'Eastern Tiger Swallotail', comprenant des sous-titres intitulés "Description", "Habitat", "Behavior", "Conservation Status" et "Littérature", un ensemble de liens directs vers ces sous-titres (autrement dit, vers leurs positions au sein du Document) peuvent être aisément créées en utilisant ces ancres.

D'abord, créez un document comprenant ces sous-titres et leur corps de texte, puis retapez la liste des sous-titres en haut du document :

 

                                  Insertion d'une Ancre dans un corps de texte, étape 1

 

Puis sélectionnez un des sous-titres que vous avez retapé au début du document et cliquez sur l'icône d'ancre pour sélectionner le type d'ancre, comme nous le verrons juste en dessous.

                                    Insertion d'une Ancre dans un corps de texte, étape 2

Un panneau Ancres apparaîtra alors pour déterminer la correspondance, c'est-à-dire sélectionner quel sous-titre devrait se connecter avec quel ancre :

 

 

                                   Insertion d'une Ancre dans un corps de texte, étape 3

 

 

L'onglet "lien vers ancres" du panneau d'ajout d'ancres sera affiché. Le côté gauche montre une liste de styles qui pourraient être utilisés au sein du document. Dans notre exemple, les sous-titres sont utilisés pour chaque section, ce qui est l'usage habituel, les sous-titres sont donc sélectionnés. Le côté droit du panneau montre les sous-titres qui ont été déterminés au sein du document. On voit qu'ici le sous-titre Description a été choisi comme cible du lien (pour le mot Description tapé au tout début du document).

L'opération devra être réitérée pour chaque ancre que vous souhaiterez créer (ici une ancre pour chaque sous-titre, donc répéter encore cinq fois l'opération). Vous pourrez ainsi facilement accéder aux différentes partie de votre document, quelle que soit sa taille globale.

Vous pouvez libérer votre créativité avec cette puissante fonctionnalité, en tissant de tels liens-vers-ancres dans la trame narrative, en associant des ancres à d'autres styles du document, et en imaginant d'astucieuses combinaisons. Cette fonctionnalité est tout spécialement importante pour les documents importants en volume.

 

Tables

Les tables sont pratiques pour les données tabulaires et les listes. Pour ajouter une table, placez le curseur où vous voulez la placer et cliquez sur l'icône "d'insertion de tableau". Vous verrez alors s'afficher le panneau d'insertion de table / tableau :

 

                                    Insertion d'une Table dans un corps de texte

 

 

Comment spécifier les lignes et colones se devine aisément. Si vous cochez le box Créer titres vous aurez un espace pour remplir les titres des colonnes du tableau. La classe CSS se réfère à la manière dont vous voulez voir affiché votre tableau, son style. Vous aurez plusieurs possibilités de ce genre :  

                               Insertion d'une Table dans un corps de texte - Styles disponibles

Voici un exemple de ces styles de tableaux :

En tableau simple :

Thoroughbred Champions Quarter Horse Champions
Man O' War First Down Dash
Secretariat
Dashing Folly
Citation
Special Leader
Kelso
Gold Coast Express
Count Fleet Easy Jet

 

Sous forme de tableau listing :

Thoroughbred Champions Quarter Horse Champions
Man O' War First Down Dash
Secretariat Dashing Folly
Citation
Special Leader
Kelso
Gold Coast Express
Count Fleet Easy Jet

Une fois le tableau créé, vous pouvez cliquer dans une cellule pour que s'affichent les poignées de redmensionnement du tableau et les icônes d'ajout / suppression (de colonnes / lignes) :

                                     Insertion d'une Table - Modification d'un Tableau déjà inséré

 

Dans le tableau ci-dessus, le curseur a été placé dans la cellule 'Special Leader', ce qui active les poignées (petits carrés blancs) autour des coins pour redimensionner le tableau entier. Cela (dés)active également les icônes d'ajout/suppression pour la cellule courante, ici la cellule Special Leader.

Cliquer sur la petite croix x dans le cercle, fera supprimer l'entière ligne ou colonne qui contient la cellule courante.

Cliquer sur les petites pointes de flèches rajoutera une ligne au-dessu ou en dessous, ou une colonne à gauche / à droite de la cellule courante.

 

Éditeur HTML

La table HTML est à disposition pour les personnes qui veulent éditer directement le code HTML proprement dit (HyperText Markup Langage), que les navigateurs internet utilisent pour décrire les pages et sites de l'Internet. Apprendre les bases de l'HTML pour permet d'accomplir des choses spéciales, mais n'est pas nécessaire pour les usages courants. Si vous cliquez sur l'icône HTML vous verrez un panneau avec le code en lui-même, que vous pouvez éditer, puis clore le panneau pour retourner à la vue WYSIWYG.

 

Styles

Le menu déroulant Styles vous laisse voir le style présentement affecté  à un bloc de texte. Voici des exemples typiques :

 

                             Choix de styles à appliquer dans le corps de texte

 

  • Normal paragraphe est pour du texte normal.
  • Heading (titre) est généralement un style comportant le gras, une police un peu plus grande, alignée à gauche, avec un soulignement horizontal s'étandant sur toute la largeur de page.
  • Subheading (sous-titre) est généralement un style gras, avec une taille de police intermédiaire, aligné à gauche.
  • Literal (littéral ou citation) utile pour les citations et pour aligner le texte selon une disposition précise, comme pour le code d'un langage de programmation. Le texte littéral est monospacé et borduré.

 

Exemple d'un code de programmation :

class SortAdvectionVelocities
     ___init__(self, advectionVelocities):
          this.advectionVelocities = advectionVelocities

     sortVelocities():
          this.advectionVelocities.sort()

ou de colonnes de nombres :

   location        velocity
   --------        --------
   vector a        21.7
   vector b        15.4
   vector c        48.3
   vector d        38.2

Vous pourriez aussi utiliser un tableau pour ces dernières données.

 

Zoom

L'icône zoom étend la surface du panneau d'édition jusqu'à prendre tout l'espace de la fenêtre du navigateur, pratique pour profiter de la pleine visibilité de votre écran. Cliquez de nouveau sur cette icône et vous retrouverez la taille normale du panneau.

Notez simplement qu'à chaque fois que vous (dé)zommez, le curseur revient au tout début du corps de texte.

 

2.5. Ajouter des Fichiers

Choisissez, dans le menu "Ajouter un élément" du dossier de destination, de téléverser (d'uploader) un fichier :

                                     Menu Ajouter un élément                          

Vous verrez le panneau d'ajout de fichier (titré "Éditer fichier") :

 

       Panneau Ajout d'un Fichier

Cliquez sur le bouton Parcourir pour explorer l'arborescence de votre ordinateur local jusqu'au fichier que vous souhaitez transférer. Fournissez une description si vous le souhaitez. Quand vous cliquerez sur le bouton Enregistrer, le fichier sera transféré vers le dossier du site Plone.

          Icône Lien Vidéo Visionner une vidéo sur Plone 2 relative à l'ajout d'un fichier.

On peut citer comme exemple de types de fichiers transférables, les documents PDF, documents OpenOffice.org, documents Word, fichiers de bases de données, dossiers zip ou 7z.... -- bref, à peu près tout contenu. Les fichiers sur un site Plone sont traités comme tels ; ils seront donc affichés dans les listes de contenu des dossiers du site Plone, mais ne bénéficieront d'aucun affichage spécial. Ils apparaîtront par nom dans les listes et seront disponibles au téléchargement si l'on clique sur eux.

Il existe des outils spécialisés en complément de l'installation basique ("add-ons") pour rechercher dans le contenu des fichiers disponibles sur le site Plone. Si vous êtes intéressé(e) par cette fonctionnalité, contactez l'administrateur de votre site Plone.

 

2.6. Ajouter des Liens

Ajoutez un lien dans un dossier en cliquant, une fois dans le dossier désiré, sur le le choix "Lien" du menu déroulant "Ajouter un élément" :

                             Menu Ajouter un élément 

 

Vous serez alors en face du panneau d'ajout de lien en tant qu'élément, dénommé "Éditer lien" :

         Panneau Ajout d'un Lien

Le choix de bons titres est important, car les titres seront affichés dans les listes de liens, et que l'on se retrouve souvent avec un ensemble de liens volumineux au sein d'un même dossier.

Notez que le début de la description est inclus dans l'affichage de la liste, elle peut donc s'avérer très utile pour préciser le titre.

Copiez-collez l'adresse internet cible dans le champ URL ou tapez la. La fonction de prévisualisation n'est ici pas disponible, il est donc recommandé de coller l'adresse du site à partir d'une fenêtre de navigateur dans laquelle vous voyez le site vers lequel pointe l'adresse internet.

Icône Lien Vidéo


Visionner une Vidéo sur Plone 2 relative à l'ajout d'un lien vers une adresse email, et l'ajout de liens vers des documents internes (hébergés sur le site Plone) ou externes (lien vers l'Internet).

 

2.7. Ajouter des Événements

Utilisez le menu Ajouter un élément pour ajouter un Événement :                    

              Menu Ajouter un élément
 

Vous verrez alors un panneau plutôt large d'ajout d'événement (Éditer événement) :

        Panneau Ajout d'un Événement

En partant du haut, nous avons les champs suivants :

  • Titre - REQUIS (obligatoire) ;
  • Description ;
  • Lieu de l'événement ;
  • Date (et heure) de début d'événement - REQUIS ;
  • Date (et heure) de fin d'événement - REQUIS ;
  • Corps de Texte de l'événement (panneau de l'éditeur visuel) ;
  • Participants ;
  • Type(s) d'événement(s) ;
  • URL (adresse de l'événément) ;
  • Nom du contact ;
  • Adresse électronique du contact ;
  • Téléphone du contact ;
  • Note de Modification.

Notez que seuls trois champs, titre, dates de début et de fin de l'événement, doivent être obligatoirement remplis. Ainsi, en dépit de la taille du panneau d'insertion, si vous êtes préssé(e), vous n'avez qu'à remplir ces champs et enregistrer. Évidemment, si vous disposez des autres informations, vous devriez les indiquer.

Une partie de ces panneaux nécessite quelques explications supplémentaires : les panneaux de début et fin de l'événement. L'année, le mois, le jour et d'autres champs sont de simples menus déroulants.

Mais s'agissant de la date, il arrive souvent que l'on ne se souvienne pas exactement et que l'on ait besoin de consulter un calendrier. Il se trouve donc un pratique petit calendrier en pop-up, qui offre une manière alternative de sélectionner la date. Si vous cliquez sur l'une de ces petites icônes de calendrier adjacentes au menu déroulant pour le jour; vous verrez ce calendrier apparaître en surimpression du panneau d'édition :

                 Gestion des dates - calendrier en pop-up

 

Cliquez simplement sur la date appropriée et c'est fixé. Remplissez les champs pour lesquels vous disposez de l'information puis enregistrez l'événement, mais souvenez-vous :

IMPORTANT : Il ne vous montrera pas cet événement sur le calendrier principal du site Plone, tant que cet événement ne sera pas publié.

     Icône Lien Vidéo Visionner une vidéo sur Plone 2 relative à l'ajout d'un événement.

 

2.8. Ajouter des Actualités

Utilisez le menu Ajouter un élément pour ajouter un élément de type Actualité au dossier courant :

               Menu Ajouter un élément

Vous verrez ensuite le panneau d'ajout d'actualités (Éditer actualité) :

       Panneau Ajout d'une Actualité

Les champs standards que sont Titre, Description, et Note de Modification sont dans le panneau, accompagnés de la zone de l'éditeur visuel pour le corps de texte, d'un champ Image pour uploader une image "de titre" et le champ Légende de l'image pour l'expliciter.

Vous pouvez laisser libre cours à votre créativité dans le corps de texte, et vous pouvez utiliser la fonction d'insertion d'image de l'éditeur visuel pour ajouter autant d'illustrations que nécessaire. Les images que vous téléversez (uploadez) pour cette actualité seront placées dans le dossier qui contiendra ladite actualité en cours de création.

Les champs Image et Légende de l'image servent à ajouter une image qui servira de représentation visuelle du thème de l'actualité, notamment pour poster dans les listes d'éléments d'actualités. L'image sera automatiquement redimensionnée et repositionnée. Utilisez le Corps de texte si vous préférez incorporer une image au corps de texte proprement dit.

IMPORTANT : Les éléments d'actualités ne seront pas affichés dans les boîtes ou liste d'actualités principale du site tant qu'ils ne sont pas publiés.

   Icône Lien Vidéo Visionner une vidéo de Plone 2 sur l'ajout d'un élément d'actualité.

 

2.9. Déterminer les propriétés de base

Tout élément de contenu, lorsqu'un utilisateur disposant des droits de modifications adéquats clique dessus, affiche un groupe d'onglets en son sommet, pour définir les propriétés basiques :

      Liste des sous-onglets du panneau Modifier un élément

 

Ces propriétés basiques sont :

  • Contenu - affiche le principal panneau d'entrées de données pour l'élément courant ;
  • Catégorisation - affiche un panneau pour créer et affecter des catégories (mots-clés) pour l'élément ;
  • Dates - affiche la date de publication et la date d'expiraton de l'élément ;
  • Propriété - affiche un panneau pour spécifier les créateurs, contributeurs, et d'autres droits de propriété intellectuelle / copyright attachés à l'élement ;
  • Paramètres - affiche un petit panneau pour déterminer si l'élément apparaîtra ou non dans les menus de navigation et si les commentaires relatifs à cet élément sont autorisés.

Les champs à remplir dans ces onglets couvrent des informations basiques de description appelées métadonnées. Les métadonnées sont parfois appelées "données sur les données". Plone peut utiliser ces métadonnées d'une multitude de façons.

 

Catégorisation

Voici le panneau de Catégorisation, affiché pour une page d'élément de contenu (l'affichage serait identique pour d'autres types de contenus) :

            Sous-onglet Catégorisation

Note : Les Catégories étaient originellement dénommées mots-clés dans Plone, antérieurement à la version 3.0. En français, le terme mots-clés est pour l'instant conservé.

Le principal champ d'entrée dans ce panneau sert à spécifier des mots-clés (ou catégories, du nouveau terme anglais categories). Créez-les de toutes pièces, simplement en tapant des mots ou phrases, une catégorie par ligne, dans le box "Nouveaux mots-clés". Lorsque vous les enregistrerez, ces nouveaux mots-clés seront créés au sein du système de mots-clés du site Plone, et l'élément de contenu courant se les verra automatiquement affecter. Si vous ré-éditez cet élément, ou en créez un autre, les catégories que vous venez de créer (dont on a parlé juste avant) seront affichées comme partie des Mots-clés existants.

Le champ Contenus corrélés vous permet de définir des liens entre des éléments de contenu, qui seront, dans la "vue visiteur", affichés en lien en bas de la page de l'élément de contenu. C'est utile lorsque vous ne voulez pas utiliser de catégories explicites pour connecter du contenu.

Le champ Lieu vise une localisation géographique, plus appropriée pour les systèmes informatiques de localisation, mais qu'il est toujours utile de rentrer dans l'optique générale de conservation des informations.

Le choix du Langage est normalement préfixé sur la langue par défaut du site, mais sur des sites multilingues, différents langages peuvent être utilisés dans un mix de contenu.

 

Dates

Le panneau du sous-onglet Dates comprend des champs pour les dates de publication et d'expiration, en clair dates de début et de fin (de visibilité publique) de l'élément, si vous désirez les spécifier :

              Sous-onglet Dates du panneau Modifier un élément

 

Propriété

Le panneau du sous-onglet Propriété dispose de trois champs d'entrée libre pour lister les créateurs, les contributeurs, et les autres informations relatives aux droits de propriété intellectuelle ou de copyright attachés au contenu :

              Sous-onglet Propriété du panneau Modifier un élément

 

Paramètres

Le panneau du sous-onglet Paramètres comprend des champs qui varient plus ou moins selon le type d'élément de contenu, mais il se trouve généralement les cases à cocher pour déterminer si l'élément apparaît ou non dans la navigation, ou si les commentaires sont autorisés, et autres contrôles similaires :

           Sous-onglet Paramètres du panneau Modifier un élément


Recommandations

Il n'existe aucune obligation d'indiquer les informations présentées à travers ces panneaux, mais c'est une bonne idée de le faire. Pour le panneau Propriété, fournir les données est important pour des situations où plusieurs personnes sont impliquées dans la création de contenu, spécialement s'il y a de multiples créateurs et contributeurs travaillant en groupes.

Vous n'aurez pas systématiquement besoin de champs tels que les dates de publication et d'expiration, langage, et copyrights, mais ces données devraient toujours être indiquées dans les cas appropriés. Un système de gestion de contenu ne peut être qu'aussi bon que le permet l'exhaustivité des données. 

Spécifier des catégories nécessite de l'attention, mais si vous êtes capables d'en prendre l'habitude, et que vous êtes zélés dans la création d'un ensemble de catégories ayant du sens, vous bénéficierez d'un énorme retour sur investissement. Ce retour se produit par l'usage des recherches et autres outils de Plone qui se basent sur cette catégorisation. Cela est également vrai pour la corrélation d'éléments de contenu. Vous pourrez mettre le doigt sur ce dont vous avez besoin, et vous pourriez découvrir et utiliser des relations dans le contenu.

2.10. Restreindre les types de contenus disponibles sur un dossier

Restreindre les types de contenus disponibles à l'ajout dans un dossier, est la manière la plus simple de contrôler la création de contenus sur un site Plone. Vous voudrez peut-être restreindre les types de contenus si votre site est destiné à être enrichi par plusieurs personnes. De cette manière vous pouvez mettre en place de bo