Prise en main de Plone 5 - Education...Prise en main de Plone5 6 - _DocPloneContributeurs-Base.doc - 19/03/2019 17:38 - Prise en main de Plone 3.2. Créer, modifier, supprimer des

Prise en main de Plone5

Prise en main de Plone - 19/03/2019 17:38 - _DocPloneContributeurs-Base.doc - 1

Guide du Contributeur éduscol

Prise en main de Plone 5

Sommaire

1. En exergue… 2 1.1. Tableaux de mise en forme ................................................ 2 1.2. Insertion d’images et de liens ............................................. 2 1.3. Adresses de Valorisation .................................................... 2 1.4. Diaporamas ...................................................................... 2 1.5. Classement : alphabétique, par dates, par titres… ................ 2 1.6. Suppression d’éléments : ATTENTION ! ............................... 2

2. L’environnement Contributeur 3 2.1. Connectez-vous ................................................................. 3 2.2. La barre d’actions .............................................................. 3

3. Gestion des Éléments 4 3.1. L’interface « Contenus » .................................................... 4 3.2. Créer, modifier, supprimer des Éléments ............................. 6 3.3. Quel Type d’Élément choisir ? ............................................. 7 3.4. Méta-données des Éléments ............................................... 9

4. Publier, dépublier, valoriser 11 4.1. Publier, dépublier, cacher… ............................................... 11 4.2. Demander une Valorisation ............................................... 11 4.3. Dépublier ou Retirer ......................................................... 11

5. Structurer un Site 12 5.1. Création et paramétrage d’un Dossier ................................ 12 5.2. Le Méga-DropDown - MDD ................................................ 13 5.3. La page de Une ................................................................ 14

6. Annexe 1. : Édition du texte 15 6.1. TinyMCE, éditeur en ligne.................................................. 15

7. Annexe 2. : Vademecum 19 7.1. Termes utilisés ................................................................. 19 7.2. Mémento ......................................................................... 20

Référence : Plone-Base190319

HISTORIQUE DES REVISIONS

N° Date Nouveautés

2 04/12/15 Erreur au changement d’ID ; Ancres dans les zones de texte : 6.1.9.1

3 05/02/16 Copié-collé Word autorisé (avec précaution) ; raccourcis pour les Titres : 6.1.2 ; icônes (smileys) : 6.1.8.2

5 27/05/16 Attention aux navigateurs sous MAC Cf. Erreur ! Source du renvoi introuvable. ; Diaporamas 5.3.5 ; mini-bases de données 3.3.7

7 24/05/17 Adresses pour la valorisation ; Couleurs dans le tableau des Contenus d’un Dossier 3.1.1

8 15/12/17 Tableaux de mise en forme 1.1 et 6.1.10

Voir aussi les Guides du Contributeur « Accessibilité, lisibilité, référencement » et « Lettres TIC’Édu »

Aide, protestations, suggestions… : [email protected]

ZZZOOOPPPEEE---PPPlllooonnneee555

mailto:[email protected]


2 - _DocPloneContributeurs-Base.doc - 19/03/2019 17:38 - Prise en main de Plone

1. En exergue…

1.1. Tableaux de mise en forme Ces Tableaux sont considérés comme accessibles s’ils ne comportent ni Titre ni Description.

Ils sont notamment utiles dans les Lettres d’information, pour les présenter facilement.

Voir 6.1.10 Tableaux

1.2. Insertion d’images et de liens L’interface a été revue et simplifiée. Elle permet à la fois de naviguer dans le site et de

rechercher des mots présents dans les URL, les Titres et les zones de texte. Cf. 6.1.7.1 Télécharger des Fichiers (upload)

Téléchargez vos Fichiers en nombre dans un Dossier, puis établissez les liens dans les Documents. Organisez votre Dossier images en sous-Dossiers ! Par exemple :

dans le Dossier ./images/academies par le bouton je glisse 30 logos académiques

dans le Document /reseaux/academies j’insère ces logos un à un avec les liens ad hoc.

Pour gérer les images cliquables, l’outil 6.1.8.1 Images cliquables (image map) est à disposition.

1.3. Adresses de Valorisation Voir les adresses à utiliser (modifiées en juillet 2017) en 4.2. Demander une Valorisation

1.4. Diaporamas L'objet diaporama (5.3.5) a évolué et permet deux présentations au choix : voir http://eduscol.education.fr/bio/ : petite image, texte sur le côté, par défaut

et http://eduscol.education.fr/ecogest/ : grande image 580px, texte en-dessous, à demander à publinet

Il fait apparaître sur votre page d'accueil un Diaporama composé d'Actualités et de Liens.

NB : pour éviter la présence du Dossier dans la navigation, le cacher dans les paramètres !

1.5. Classement : alphabétique, par dates, par titres… Pas de classement automatique dans la navigation, Classez par L’interface « Contenus ».

Prenez l’habitude de classer ce qui doit l’être ! (Actualités, Newsletters, images…)

Cf. 3.1.2 La barre horizontale d’actions

1.6. Suppression d’éléments : ATTENTION ! Vous pouvez supprimer les Éléments dont vous ne voulez plus. Par exemple… tout votre site !

Attention donc : les actions de la barre noire de gauche concernent l’élément courant !

Il peut être plus prudent d’utiliser le tableau des :

cocher les Éléments à supprimer

cliquer sur le bouton Supprimer au-dessus du tableau (PAS dans la barre noire de gauche !)

Si vous venez de faire une action involontaire, contactez immédiatement Patrice au 5 96 39.

Mais y’a jamais de certitude sur ce genre de rattrapage acrobatique !

http://eduscol.education.fr/bio/

http://eduscol.education.fr/ecogest/



2. L’environnement Contributeur

2.1. Connectez-vous NB : Cookies et javascript doivent être activés dans votre navigateur. Adresse de connexion : https://contrib.eduscol.education.fr/URL-du_site/login_form

En cas d’oubli du mot de passe, cliquez sur le lien Mot de passe oublié pour pouvoir le modifier.

Modifiez régulièrement votre mot de passe ! Pour cela utilisez votre tableau de bord (Cf. 2.2.1).

Les outils et adresses pour travailler Travail avec Firefox en mode identifié : https://contrib.eduscol.education.fr/URL-du_site

Chrome peut convenir. ATTENTION, difficultés avec Chrome et même Firefox sous Mac.

Vérification en mode anonyme avec IE : https://contrib.eduscol.education.fr/URL-du_site Site consulté par les internautes : http://eduscol.education.fr/URL-du_site

NB : les modifications peuvent n’être visibles qu’après plusieurs minutes.

Vider le cache de votre navigateur (Ctrl - F5 ) pour voir l’état courant d’un Élément..

2.2. La barre d’actions La barre d’actions à gauche de l’écran permet d’agir sur l’ Élément courant* indiqué dans le fil d’Ariane.

Voir plus ou moins de détails dans la barre d’Actions Contributeur

Contenus du conteneur courant*

Modifier l’Élément courant*

Afficher le rendu de l’Élément courant*

Ajouter un Élément dans le conteneur courant*

État de l’Élément : privé ou publié

Actions sur l’Élément courant* (suppression**, renommage, copie, coupure…)

Types d’affichage

(en fonction des droits : accès aux colonnes gauche et droite)

Historique de l’Élément courant* ;

permet de comparer et rétablir une Version précédente (Revert)

Accès à Votre tableau de bord personnel (mot de passe notamment)

* l’Élément courant (Document ou Conteneur) est celui indiqué dans l’URL. Cependant, s’il existe un Document par défaut pour un Dossier, il s’agit de ce Document.

Dans ce cas s’affiche une alerte avec un lien vers le Dossier conteneur.

** DANGER, vous pouvez supprimer votre site entier par exemple. Vérifiez avant d’agir !!!

2.2.1 Votre tableau de bord et vos liens d’aide

En bas de la barre, l’icône puis Préférences. Vous pourrez y modifier votre Mot de passe. En bas à gauche de l’écran, la boîte Contributeurs, avec des liens utiles (guides, SOS)

https://contrib.eduscol.education.fr/



3. Gestion des Éléments

3.1. L’interface « Contenus »

Accès par la barre d’actions de la colonne de gauche :

3.1.1 Tableau des éléments contenus

: liens vers les éléments pères

Pages à atteindre Nombre d’éléments à afficher dans le tableau N° de page

Rappel, à noter : il peut y avoir plusieurs pages d’Éléments (Cf. « pages à atteindre »)

on peut sélectionner tous les Éléments d’un clic par

le classement par est rémanent et définit le classement dans la navigation

La couleur indique :

Rouge : Élément privé (non publié)

Vert : Modèle (Master) de Lettre

Surligné jaune : Brouillon (Draft) de Lettre

Orangé : Collection (ne pas modifier)

Gris : Élément sensible, ne pas modifier.

Autre couleur : Élément publié.

Un clic sur l’entête d’une colonne classe les Éléments selon les valeurs de cette colonne. Le tableau permet d’agir sur chaque élément individuellement :

l’atteindre, en cliquant sur son titre (on reste dans les )

Glisser-déplacer un élément pour changer l’ordre

le placer en 1e (top) / dernière (bottom) position dans la liste,

le couper, copier, placer comme page par défaut.

le Modifier

3.1.2 La barre horizontale d’actions

Elle agit sur les éléments sélectionnés du tableau.

Les classiques… on ne les présente plus ! Généralement Couper ;

On colle dans l’élément courant, vérifier où on se trouve !

Vous pouvez supprimer les éléments dont vous ne voulez plus. Cocher les éléments, cliquer sur l’action. La suppression est définitive.

NB : si vous venez de faire une action involontaire et irréversible, contactez immédiatement Patrice au 5 96 39 : il est parfois possible d’annuler.

Permet de modifier le Titre et l’Identifiant des éléments cochés. Plone établit les redirections nécessaires en cas de changement d’Identifiant.

sur le lien, l’infobulle

indique le type d’élément



Les mots-clés (Tags) peuvent être appliqués à plusieurs éléments à la fois. Voir 3.4.5 Mots-clés

Change l’état : publier (Publish) ou dépublier (Retract) des éléments sélectionnés.

La case « Inclure les éléments du dossier » permet de publier un Dossier et tous ses enfants.

Modifie certaines propriétés selon les éléments sélectionnés, par exemple la Date de publication ou Exclure de la navigation…

3.1.3 Boutons d’action

et

Ré-ordonner TOUS les éléments contenus dans le tableau, sauf ceux

marqués Placer en premier, sur le critère choisi (date de publication, Titre notamment).

Le contributeur décide de l’ordre des Éléments.

Ne pas oublier, en conséquence, d’ordonner les

Actualités et les Newsletters en fonction de leur date de

publication avec l’option Reverse (ordre inverse), les

autres éléments éventuellement en fonction de leur

Titre… ou simplement de leur garder un ordre logique ou d’importance relative !

Transfert de fichiers multiples : Images, PDF etc.

Très utile, transférez tous vos Fichiers avant d’établir les liens dans vos Documents !

Choix des colonnes à afficher : Cocher, glisser-déplacer…

Type Document, Dossier, Fichier, Image… ID Identifiant des éléments

Date de création Date de modification

Date de publication

État Publié ou Privé Expiration Date à laquelle l’élément n’est plus visible

Exclu de la navigation Mots-clés associés (ajout et suppression !)

Taille

Filtrer les contenus sur le Titre !

Effacer la saisie pour voir tous les éléments.



3.2. Créer, modifier, supprimer des Éléments Lorsqu’un Élément a été nouvellement publié ou que sa date de publication a

changé, ne pas omettre de re-classer les éléments du Dossier :

3.2.1 Créer un Élément

se placer sur le conteneur (Dossier, Livre, Newsletter…)

dans la barre d’actions de gauche, cliquer sur Ajout d’un élément cliquer sur le type d’Élément à créer (Cf. 3.3 Quel Type d’Élément choisir ?)

Le formulaire d’édition s’ouvre : Éditez l’Élément (3.2.2)

Après validation, définissez son mode d’affichage par Affichage.

3.2.2 Renommer un Élément

Si l’Identifiant ne vous paraît pas correct, Actions Renommer permet de le modifier.

NB : comme les redirections nécessaires sont établies pour éviter les liens brisés,

l’opération peut prendre plusieurs dizaines de secondes.

3.2.3 Modifier un Élément

Vous êtes en Édition quand vous créez ou modifiez les contenus et paramètres d’un Élément.

Des onglets permettent d’accéder aux paramètres :

Terminer impérativement (sinon le document restera verrouillé) par ou . La date de modification est mise à jour automatiquement.

La date de publication ne change pas. Si on souhaite signaler la modification, l’onglet Dates permet de changer la date de Publication, qui influe sur l’affichage de l’élément (bas de page),

éventuellement l’ordre des éléments dans les listes, et le moteur de recherche.

3.2.3.1 Mise à jour du contenu d’un Élément Fichier, Image … Il suffit de modifier l’Élément et de télécharger à nouveau son contenu. Son Identifiant ne changera pas et les liens établis vers cet Élément seront respectés.

NB : Le contenu de tout Document peut être mis à jour. C’est le cas pour les Images ou les Fichiers,

dont le contenu (.doc, .pdf etc.) peut être changé, sans conséquence sur les liens existants.

3.2.4 Supprimer un Élément

Éviter d’utiliser la barre noire de gauche, préférer l’interface Contenus, Cf. 3.1.2

3.2.5 Historique

Toute modification d’un Élément donne lieu à une Version.

Les Versions peuvent être visualisées dans l’ Historique de l’Élément : Vous pouvez :

visualiser les modifications faites entre deux Versions

revenir à une ancienne Version.

3.2.6 Document par défaut

Dans un Dossier, l’affichage des Éléments contenus peut être remplacé par l’un de ces Éléments,

par exemple une présentation générale (Document simple) ou une sélection d’Éléments (Collection). Les Dossiers contenant un seul Document doivent afficher par défaut ce Document.

Les Documents par défaut n’apparaissent pas dans les boîtes de navigation.

Pour choisir un Élément par défaut,

dans le menu déroulant Affichage cliquer sur Changer la vue par défaut. Voir aussi 5.1.2.



3.3. Quel Type d’Élément choisir ?

3.3.1 Document

Ce Document est le type le plus utilisé, pour son champ texte adapté à la plupart des contenus. NB : Les Documents placés dans le Dossier a_la_une paraissent en Une du site, Cf. 5.3.6.

3.3.2 Actualité

Les Actualités doivent être placées dans le Dossier /actualites/ de votre site.

Publiées, elles paraissent dans la page d’accueil du site.

Le Texte de l’Actualité contient l’information (texte, liens, images…)

À une Actualité peut être associée une image, à télécharger directement depuis votre disque.

Cette image paraîtra dans la liste d’Actualités de la page d’accueil du site. Toujours ré-ordonner les Actualités et les Liens

par Date publique de publication inverse avec le bouton

3.3.3 Lien : l’actualité sans texte

Le Lien est identique à une Actualité, mais ne comporte pas de texte. Affiché en page d’accueil, son Titre sert de lien direct vers la ressource visée, et la Description est affichée en-dessous.

3.3.4 Article : associer fichiers à télécharger et images

Le Document Article permet de publier simplement :

un texte, de même nature que celui qui constitue le corps des Documents simples des images et des fichiers à télécharger.

ATTENTION il faut les publier et les cacher à la navigation !

Utiliser Actions/Images et fichiers pour accéder à leur gestion.

3.3.5 Lettre d’information (Newsletter)

Se reporter au Guide du Contributeur pour la Lettre Édu_Num. Les Newsletters sont installées par la Cellule éduscol.

3.3.6 Livre EduBook

Un Livre EduBook permet de publier de l’information de manière structurée.

Voici la structure d’un Livre (ATTENTION on ne peut pas y placer de documents Fichier par exemple) : un Livre porte le Titre1 et contient des Chapitres présentés en Titre2

Chapitre : contient des sections présentées en Titre3

Section : contient des Paragraphes présentés en Titre4 Paragraphe : contient du texte libre, comme un Document

on structure donc un Paragraphe en Titre5 et Titre6.

Le Livre peut être affiché en Sommaire (titres seulement) ou entièrement déplié,

par Chapitre, par Section et par Paragraphe.

3.3.7 Vidéos

L’Élément Vidéo permet d’insérer une vidéo accessible (à télécharger sous Plone).

Une autre technique, pour les vidéos lourdes, peut être d’installer la vidéo sur YouTube et

d’inclure une iframe dans le code Plone. Exemple : <iframe src="https://www.youtube.com/embed/miJ2ObMs-I4?rel=0"

allowfullscreen="allowfullscreen" width="560" height="315"

frameborder="0"></iframe>

Le code est fourni par YouTube.



3.3.8 Alias

Affiche un Élément qui existe déjà ailleurs, comme s’il faisait partie de la navigation courante. NB : un Alias ne se publie pas, il est toujours visible.

3.3.9 Images et fichiers

Il y a plusieurs méthodes pour mettre en ligne des images et des fichiers à télécharger :

3.3.9.1 Fichiers à télécharger, utilisés dans un seul Document Créer un Article (Cf.3.3.4), télécharger l’image ou le fichier :

Actions / Images et Fichiers puis Transfert Avantages : mise en forme immédiate, les fichiers sont présentés avec icône et poids.

Les images sont affichées en taille réduite, avec un lien vers l’image originale. Attention les Fichiers doivent être publiés, et tous les éléments joints cachés à la navigation.

3.3.9.2 Images ou Fichiers publiés dans un Dossier Pour établir des liens vers les Fichiers (PDF, rtf etc.)

Créer le Dossier s’il y a lieu, sinon se placer dedans

Dans la barre de gauche, Ajout d’un élément puis type d’élément

ou bien utiliser le bouton pour glisser plusieurs Fichiers ou Images à la fois S’il ne s’agit pas d’images, publier les Fichiers

Si vous voulez permettre la navigation parmi les Fichiers ou Images, publier le Dossier

Pour afficher une liste de vignettes d’images : Contenus puis Affichage : Album view.

Pour cacher le Dossier à la navigation, il suffit de ne pas le publier.



3.4. Méta-données des Éléments Tout Élément possède au moins Identifiant, Titre, Titre long, Description, Date de publication.

3.4.1 Identifiant

Les Identifiants définissent l’URL de l’Élément, choisissez-les soigneusement :

courts, composés de mots entiers et signifiants séparés par des tirets (-)

sans caractère diacritique (espaces, lettres accentuées, &,@ , ?, !, etc.) ni souligné.

sans chaîne réservée : edit, manage, view, actions…

Exemple : veille-education-numerique statistiques-ent-2010 la chaîne « archiv » dans le chemin des éléments déclenche l’affichage d’un avertissement :

3.4.2 Titre et Titre long

Le Titre (court) est toujours utilisé dans les Boîtes de navigation. S’il est renseigné, le Titre long remplace le Titre en tête des pages de Dossiers ou Documents (h1).

3.4.3 Description

Ce champ est affiché dans les actualités des pages d’accueil, le plan du site, les listes, les fils

RSS et sous forme de chapeau aux Documents.

Remplissez-le toujours, c’est un élément important d’accessibilité et de référencement.

3.4.4 Texte libre

Il constitue la partie essentielle de la plupart des Documents. Son contenu, à bien structurer, est défini à l’aide d’un éditeur de texte en ligne, Cf. page 13.

Respecter les consignes du Guide du contributeur Accessibilité, lisibilité, référencement

3.4.5 Mots-clés

Choisir parmi les mots-clés proposés, successivement. Demander l’implémentation des mots-clés manquants à [email protected], merci.

Certains mots-clés ont un effet particulier : A la Une : maintient une Actualité ou un Lien en tête de page d’accueil

A valoriser : demande une valorisation par le DIV, à valider Valorisation validée : demande de valorisation transmise au DIV

autres Sujets selon les thématiques de l’Élément.

3.4.6 Date de publication

La date de publication (onglet Dates) détermine le moment où l’Élément apparaît au public.

Elle peut être fixée à une date ultérieure à la date du jour.

Elle s’affiche dans les listes d’Éléments, en rouge, seulement pour les Documents (Document simple,

Actualité, Lettre…), et non pour les Conteneurs (Dossiers, Thèmes de Lettres…) et en bas de page.

3.4.7 Note de modification

Ce champ accompagne le Document pour un meilleur suivi de ses différentes versions.

https://liste-diff.adc.education.fr/wws/d_read/dt-zopecontrib/Doc/DocContributeurs-Redaction.pdf




3.4.8 Date de publication (DP, par l’onglet Dates)

Cette date est particulièrement importante. Affichée sur les Documents, elle permet de

choisir et/ou ordonner certains Éléments (Actualités, Newsletters…) dans la navigation et le MDD ordonner les résultats du moteur de recherche (les plus récents d’abord)

3.4.8.1 Valeur de la DP elle est définie automatiquement lors de la publication de tout Élément

elle ne change pas lors de la modification d'un élément, mais

elle peut être redéfinie manuellement dans l’onglet Dates. Si elle est postérieure à la date courante (et que l’élément est publié),

l’élément sera accessible par son URL mais caché au MDD, à la

navigation, au plan du site et au moteur de recherche.

Pensez donc à modifier la DP

quand vous faites des modifications significatives dans un Document !

3.4.9 Date d’expiration (onglet Dates)

Permet de faire disparaître du MDD, de la navigation, du plan du site et du moteur de recherche un élément qui reste publié.

3.4.10 Onglet Paramètres

Table des matières : elle est générée à partir des Titres de niveau 2 dans le texte

Placer en premier : ne pas utiliser ! Court-circuite le classement par date des Éléments d’un Dossier,

pour que l’Élément concerné (intro, fil RSS…) reste toujours en tête de liste.

Exclure de la navigation : cache du MDD, de la navigation, du plan du site et du moteur de recherche un élément publié.

Exclure du MDD : cache du MDD l’élément courant ou ses enfants

MDD : critère de tri des enfants : classe les Éléments contenus selon le critère défini. Cocher la case Ordre de tri inversé pour l’ordre antéchronologique.

Éléments liés (Related Items) : signale des éléments en relation avec le Document.



4. Publier, dépublier, valoriser

4.1. Publier, dépublier, cacher… Un Élément Plone et en particulier un Document peuvent être :

Privé : l’Élément n’est visible que des membres identifiés sur contrib.eduscol.education.fr

Publié : l’Élément est visible par tout internaute sur eduscol.education.fr

Tout Élément nouvellement créé ou modifié a pour état : privé1.

Les contributeurs peuvent le voir, mais pas les internautes !

La publication met à jour sa Date de Publication (DP).

Plone5 permet de publier : L’élément courant, par la barre d’action gauche

Les éléments sélectionnés dans le tableau des Contenus .

Dans ce cas la case Inclure les éléments du dossier permet de publier les éléments enfants :

4.1.1.1 Publier ou dépublier un Dossier et ses contenus NB : par défaut un Dossier est privé.

On peut donc créer l’ensemble de ses contenus sans qu’ils soient visibles du public.

Pour publier ou retirer tous les contenus d’un Dossier en même temps que le Dossier lui-même :

1. visualiser les Contenus du Dossier qui contient le Dossier à publier

2. sélectionner le(s) Dossier(s) à publier, et cliquer sur

3. définir l’état désiré, cocher la case Inclure les éléments du dossier, et valider.

4.1.1.2 la publication programmée Plone offre la possibilité de publier un Document (accessible donc à qui connaît son URL), sans

qu’il apparaisse dans la navigation ni le plan de site ni les résultats de recherche :

Modifier le Document, et dans l’onglet Dates définir la date de publication.

Tant que la Date de publication sera postérieure à la date courante, l’élément restera caché.

Publier le document. C’est aussi un bon moyen de faire valider un contenu sans qu’il apparaisse au public !

4.2. Demander une Valorisation Quand on publie une Lettre, une information nouvelle, ou qu’on modifie significativement un Document, il est souvent utile

de la valoriser dans les actualités et le compte Twitter de la discipline d’en demander la valorisation : adresser un court texte accompagné du lien vers l’Élément, à

[email protected] (DIV),

[email protected], [email protected] (DNE),

4.3. Dépublier ou Retirer Généralement, on préférera couper-coller les Éléments vers un Dossier ../archives/.

Cependant si on souhaite quand même dépublier,

Le choix Retirer du menu État a pour effet :

de dépublier l’élément si on en a les droits

d’annuler la demande de publication sinon.

NB : Renvoyer n’a de sens que pour les Documents soumis à la publication.

1 sauf les images et les alias, qui sont toujours publiés





5. Structurer un Site

5.1. Création et paramétrage d’un Dossier Les Dossiers structurent l’arborescence du site.

On crée un Dossier comme tout autre Élément, par .

Définir l’affichage

Vue Sommaire liste des éléments contenus (Titre + Description) Seuls les Documents affichent leurs dates de publication, en rouge.

Document par défaut présentation personnalisée, Cf. 5.1.2

5.1.1 Contenus d’un Dossier, ordre des Éléments

L’écran Contenus permet de définir l’ordre des éléments,

et de restructurer le Dossier en y coupant-collant Dossiers et documents.

5.1.1.1 Profondeur des éléments du MDD Par convention, la navigation dans un Site est fixée à 3 niveaux dans le MDD.

NB : les Livres Edubook sont une bonne solution pour présenter un gros dossier, Cf. 3.3.6.

5.1.2 Document par défaut

Dans un Dossier on peut définir par Affichage un Document par défaut pour accueillir l’internaute.

Ce peut être un type quelconque de Document. Généralement : o Document simple page de présentation

o Collection sélection d’Éléments, configurable, installée par le Pôle éduscol

Il n’apparaît pas dans la navigation

Dans la liste des Contenus d’un Dossier, il apparaît en gras.

Son apparence peut être définie par le menu Affichage

Pour modifier le Document par défaut, se positionner sur le Dossier et cliquer sur Modifier ;

Pour modifier le Dossier contenant, cliquer ensuite sur le lien

5.1.3 Cacher un Dossier

Pour cacher un Dossier (contenant par exemple des Images ou des Fichiers à télécharger), Cf. 3.2.6 :

Ne le publiez pas, mais publiez les Fichiers qu’il contient :

le Dossier n’apparaîtra nulle part au public, mais les fichiers lui seront accessibles. Attention dans ce cas le public ne voit pas la liste des Éléments contenus.

ou Excluez-le de la navigation : il n’apparaîtra pas dans les boîtes de navigation, le MDD

ni dans le plan du site, mais il apparaîtra dans les listes de contenus.

ou Excluez-le du MDD : il n’y apparaîtra pas, lui ou ses enfants (Éléments contenus) ou publiez-le et utilisez la publication programmée (4.1.1.2) : il sera accessible au public

mais temporairement absent de la navigation, du plan de site et du moteur de recherche.

5.1.4 Utiliser un Alias

L’Alias sert à afficher un Document déjà publié dans une autre partie du site, de manière à ne pas dupliquer l’information et sans perturber la navigation. Cf. 3.3.8. ; NB :

Les Alias sont peu favorables au référencement, ne pas en abuser.

Éviter d’établir un Alias vers un Dossier : vous ne pourriez pas, par exemple, utiliser un Élément de ce Dossier (Collection, Document) comme vue par défaut.

Pour le référencement, toujours cocher la case Is canonical.



5.1.5 Archiver des Documents

Pour conserver, consultables, d’anciennes versions de Documents : les archiver. s’il existe des liens pointant vers les Éléments archivés, ils sont préservés.

les éléments archivés sont signalés par le message ci-dessus.

5.1.5.1 Archivage dans un dossier /archives Couper les éléments (Documents, Dossiers, toute une arborescence…) les coller dans un Dossier dont l’Identifiant contient au moins la chaîne archiv . C’est tout !

5.1.5.2 Exception : une URL à préserver ? Vous souhaitez préserver l’URL d’un Élément et archiver le contenu obsolète ? Ex. : Compte-rendu de la dernière réunion d’interlocuteurs (toujours /discipline/reseau/compte-rendu)

1. créer un nouveau Document dans le dossier d’archive (compte-rendu-2014)

2. copier le contenu textuel obsolète dans ce Document 3. mettre à jour le Document tête de chapitre, qui ainsi ne change pas d’adresse.

5.2. Le Méga-DropDown - MDD

5.2.1 Principes et affichage

Le MDD permet la navigation dans un site sur 3 niveaux sous la racine.

Tous les intitulés du MDD sont composés du Titre (court) des Éléments. Tout Élément peut figurer au MDD : Dossier, Document, etc.

5.2.1.1 Les onglets horizontaux Ce sont les Éléments placés au niveau 1 (directement dans la racine du site).

Le nombre d’onglets publiés est limité à 7.

5.2.1.2 Le déroulé Il comporte :

en cartouche, l’ Élément de niveau 1 éventuellement un encadré qui reprend

le contenu de la boîte a-la-une en colonne de droite 2

en têtes de listes, les Éléments de niveau 2 en éléments de listes, les Éléments de niveau 3.

5.2.2 Agir sur le MDD

Tous les Éléments de l’arborescence figurent au MDD,

dans l’ordre des Contenus du Dossier où ils se trouvent, sauf paramétrages ci-dessous.

5.2.2.1 Éléments utilisés comme affichage par défaut Ces Éléments n’apparaissent pas dans le MDD.

5.2.2.2 Cacher des Éléments

Modifier les éléments concernés, et dans l’onglet Paramètres:

1. cacher l’Élément, du MDD et des boîtes de navigation : cocher □ Exclure de la navigation

2. cacher l’Élément, du MDD seulement : Exclure du MDD, exclure le Dossier 3. cacher du MDD les enfants du Dossier édité : Exclure du MDD, exclure les enfants

5.2.2.3 Critère de tri des enfants Les Éléments contenus dans le Dossier en cours d’édition peuvent être classés selon

leur ordre dans le Dossier défini par Contenus : Aucune valeur

la date de publication Le Titre

Pour inverser le tri, cocher ordre de tri inversé.

2 Vous n’avez pas forcément les droits nécessaires à la gestion des boîtes de colonnes. Dans ce cas rapprochez-vous de la cellule éduscol.



5.3. La page de Une

5.3.1 Champs du Dossier racine du site

Identifiant (Short name) : URL du site : https://contrib.educnet.education.fr/ IdDuSite

1. Titre : titre court du site, <Title> du lien placé sur le logo

2. Titre long : nom du site intitulé de la boîte de contact du site et Contactemail : adresse mél de contact du site

3. Description : intitulé complet du site, avec <br /> pour passer en ligne 2

Exemple : Portail national éduscol :<br />le numérique en Documentation et CDI

5.3.2 Collection accueil (dans le Dossier du site)

https://contrib.educnet.education.fr/IdDuSite/accueil/edit 4. Titre : deviendra le titre de la zone À la Une Limiter le Nombre de résultats à 3 ou 5 (7 en cas d’absence de Documents)

la zone de texte permet d’afficher un encadré permanent sur fond gris

Important : cocher le Paramètre Exclure de la navigation

5.3.3 Rendu sur la page de Une

1. lien page d’accueil du site

3. l’intitulé complet du site

MDD : les Rubriques (7 maximum) la bannière (élément banniere, image)

4. le titre de la zone des actus

5.3.4 dans le Dossier actualites

5. une actu-focus, avec image ou non

On la désigne comme Focus par le Mot-clé "A la Une"

si aucune actu n’est marquée "A la Une", c’est la

première du Dossier qui est affichée en Focus.

la zone de texte de la Collection accueil 6. les autres actus : 3 ou 5, voire 7

5.3.5 Dans le Dossier diaporama

5. L’actu-focus peut être remplacée par un Diaporama.

Si le Dossier ../diaporama est publié, les Actualités publiées qu’il contient composent le diaporama. Pas plus de 6 Actualités, grandes images et Descriptions bien développées SVP !

Si le Dossier ../diaporama est dépublié, il est remplacé par l'Actualité en Focus.

NB : Éviter la présence du Dossier dans la navigation : l’exclure dans les paramètres ! Éviter les doublons avec les Actualités.

Deux présentations disponibles : image à gauche (normale), ou grande image 580px et texte en-dessous, à demander à publinet ; il est conseillé d’utiliser des images de même taille.

5.3.6 les Documents complémentaires

Ces Documents, à placer dans le Dossier d’Identifiant a_la_une , s’affichent sous les Actualités.

(créez le Dossier si nécessaire, ne le publiez pas) Le premier Document présent dans le Dossier a_la_une s’affiche sur toute la largeur de la colonne

Les Documents suivants s’affichent 2 par 2 (le dernier éventuellement sur toute la largeur).



6. Annexe 1. : Édition du texte La zone de texte contient l’information : texte structuré, images, liens, mise en exergue…

6.1. TinyMCE, éditeur en ligne Tiny MCE génère du HTML, qui peut être retouché en utilisant des balises XHTML conformes.

N’utilisez pas de Javascript dans vos textes !

6.1.1 Mode de travail

Selon la taille de la zone de texte à traiter,

utilisez la fenêtre par défaut (redimensionnable !) ou le mode plein écran.

6.1.2 Touches de raccourci

Ctrl B Important (apparaît en gras, Bold) Maj Ctrl Espace ou Espace insécable

Ctrl I Italique Maj Entrée Retour ligne dans le même §

Ctrl Z Annuler l'action (multiple) Ctrl Y Refaire l’action

Titres : Alt Maj 2 , 3 , 4 , 5 , 6 (attention, pas Crtl ou Ctrl Maj réservés aux navigateurs)

et toujours Ctrl A Tout sélectionner, Ctrl C Copier, Ctrl X Couper, Ctrl V Coller.

6.1.3 Caractères spéciaux

Pour la lisibilité et l’accessibilité, respectez les accents, même en majuscules !

l’icône caractère spécial présente, entre autres, les majuscules accentuées.

la touche Alt enfoncée, tapez au bloc numérique :

183 : À 128 : Ç 212 : È 144 : É 235 : Ù Â, Ê, Û : ^ puis A, E, U !

174 : « 175 : » 184 : © 169 : ®

Espace insécable

6.1.4 Import de texte depuis d’autres logiciels

Il est toujours possible de copier-coller des données depuis un autre logiciel

depuis Open Office ou Word, collez directement dans le champ Texte de l’éditeur,

puis vérifiez que le code ne comporte pas de champs <if…>

l’icône (bascule) met le collage en mode texte pur… c’est souvent une bonne idée !

coller du code HTML (sans mise en forme) en mode < > Source (menu Outils). Pas de JavaScript !

6.1.5 Structuration de la zone de texte

Tiny MCE permet une mise en forme simple et conforme à la charte graphique éduscol. Structurer la zone de texte assure accessibilité et bon référencement. Utiliser :

6.1.5.1 Titres Imbriquer correctement les titres (Titre2, Titre3, Titre4…), voir les Touches de raccourci.

ni images, ni liens, ni formats (gras…) dans les Titres.

6.1.5.2 Listes

à puces ou numérotées. Éventuellement en plusieurs colonnes de front :

Sélectionner les lignes, puis Format / Bloc / Liste 3 colonnes :

6.1.5.3 Texte Vous avez soigneusement choisi les termes à mettre en valeur (Identifiant, Description, Titres…) : réutilisez-les dans le corps du texte, pour la lisibilité et un meilleur référencement.

Se reporter au Guide du Contributeur accessibilité, lisibilité, référencement.

https://liste-diff.adc.education.fr/wws/d_read/dt-zopecontrib/Doc/DocContributeurs-Redaction.pdf



6.1.6 Mise en exergue, termes spécifiques

Insistez sur les termes importants (affichés en gras) avec l’icône (<Strong>) Utilisez les encadrés pour mettre des informations en exergue :

o taper un paragraphe, laisser le curseur dans le paragraphe

o choisir dans le menu Formats / Bloc / Boîte flottante ou Colonne flottante ou Boîte horizontale

6.1.7 Insérer des images, des liens

6.1.7.1 Télécharger des Fichiers (upload) Si les fichiers (image, doc, pdf…) ne sont pas encore sur le serveur Plone,

il faut d’abord décider du Dossier qui va les contenir. Deux méthodes :

1. la plus facile : se placer dans les du Dossier qui doit contenir les fichiers et Ajouter un Élément (un seul à la fois) par la barre de gauche, ou bien

Utiliser le bouton , Cf. 3.1.3 Boutons d’action pour plusieurs Éléments.

2. par l’interface d’insertion d’image : a) choisir Upload et télécharger le ou les fichiers. Vous pouvez :

a. soit en glisser-déposer plusieurs dans la zone « Déposer les fichiers ici... » b. soit Parcourir votre disque et choisir un fichier.

b) choisir l’emplacement où déposer les fichiers (Transférer vers...) :

a. supprimer le Dossier proposé (clic sur la croix),

b. puis utiliser L’interface de recherche d’objet pour définir le Dossier de destination

c) lancer le téléchargement par le bouton Transfert .

Une fois les fichiers téléchargés, établir le lien dans l’onglet Internal.

6.1.7.2 L’interface de recherche d’objet Elle s’affiche quand on veut faire un lien ( insérer une Image, faire un lien vers un Élément…)

vers un Élément présent sur le serveur Plone (Internal). Si l’élément n’est pas encore sur le serveur, Cf.6.1.7.1 ci-dessus

Associez ces deux modes de recherche: naviguer et chercher des contenus :

Chercher des contenus : Écrire dans le champ vide des mots du Titre ou du Texte

la liste des Éléments trouvés s’affiche, cliquer sur le bon !

Si on écrit sans naviguer, on trouve tous les Éléments du site !

Naviguer dans l’arborescence : Cliquer sur la « maison »

Naviguer dans les Dossiers en cliquant sur l’image de Dossier Le chemin courant indique toujours l’emplacement où on se trouve.

Choisir un Élément : cliquer dessus ! Les images présentent un (tout petit) aperçu.

Plus de détails :

les Éléments sont classés par ordre alphabétique du nom de Dossier Ne pas hésiter à utiliser la .Banque d’objets plutôt que de recopier des images !

après avoir navigué un peu, on peut saisir du texte à rechercher dans le Dossier courant

* Favoris permet d’atteindre le Dossier courant

la Une du site on a toujours le choix One level up pour remonter d’un niveau

et les liens Chemin courant pour remonter dans l’arborescence.



6.1.8 Insérer une image

positionner le curseur à l’emplacement d’insertion icône pour insérer ou modifier le lien vers une image

selon le cas, o Image sous Plone : Internal et choisir l’image dans L’interface de recherche d’objet

o Image sur un autre serveur : External et coller l’URL de l’image choisir la taille de l’image dans la liste déroulante,

éviter de la redimensionner en tirant sur ses coins.

ne pas indiquer de Titre seulement si l’image apporte de l’information,

taper un texte alternatif (pas pour les images « décoratives ») choisir l’alignement : à gauche (Left) ou à droite (Right),

ou inline pour que l’image se comporte comme un caractère.

Pour choisir une autre image, cliquer sur celle en place puis .

6.1.8.1 Images cliquables (image map)

L’icône Éditeur image map s’active lorsqu’une image est sélectionnée. Cliquer dessus. ATTENTION, NE PAS LA REDIMENSIONNER !

Pour créer une nouvelle zone cliquable,

cliquer sur

choisir une forme : cliquer sur une des extrémités/le centre de la forme

cliquer sur la seconde extrémité de la forme remplir la cible (Href)

remplir la zone Description (pour l’infobulle) préciser la destination (généralement nouvel onglet)

Pour supprimer une zone, la sélectionner et cliquer sur

6.1.8.2 Smileys / icônes

Par l’icône Podcast

Téléchargement Streaming

PDF

Word

Excel

PowerPoint

Son

Courriel, Contact

(langues)

6.1.9 Liens hypertexte

ATTENTION : s’il ne s’agit pas d’images ces fichiers devront être publiés.

6.1.9.1 Établir un lien vers une URL, un élément, un fichier… Les liens doivent être explicites, l’internaute doit savoir où il va « atterrir ».

1. sélectionner le texte qui servira de support au lien 2. cliquer sur l’icône Insérer/éditer un Lien

3. choisir le type de lien

Site tiers : Externe puis saisir l’URL complète précédée de http:// Site éduscol :

o hors Plone : Externe puis l’URL relative : /cid12345 ou /svt/usages par exemple o sous Plone : Interne, puis utiliser 6.1.7.2 L’interface de recherche d’objet

Adresse courriel :

taper l’adresse du destinataire et le sujet du courriel Ancre (Anchor) (tous les Titres sont des ancres !)

4. Insérer le lien (ou l’image) avec Insert .

NB : l’icône permet de supprimer le lien sélectionné.



Attention : dans les Lettres d’info / Newsletters, ne pas mettre d’élément extérieur au HTML

hors images et liens : la plupart des clients mail les bloquent, et le mél risque d’être mis en spam

( iframe, vidéo par exemple).

6.1.10 Tableaux

6.1.10.1 Insertion L’icône insère un tableau vide et peu visible. Tout de suite après l’insertion, cliquer sur Propriétés du Tableau

et définir sa largeur en pourcentage (90 ou 100%...)

Pour un tableau sans filets, mettre la bordure à 0.

Ajout/suppression de colonnes, de lignes… :

placer le curseur, et ou menu Tableau

Passer de colonne en colonne, ajouter une ligne après la dernière cellule :

touche Tab (tabulation, celle avec deux flèches !)

On peut même mettre un fond de couleur !

6.1.10.2 Tableaux de mise en forme Ils sont admis à condition de ne comporter ni Description ni Titre. En particulier pour les Lettres d’info, ils sont pratiques pour dissocier des Paragraphes accompagnés

d’images. Deux modes de présentation simples :

Tableau à une seule colonne : le plus simple.

Dans chaque cellule/ligne, le paragraphe et son image alignée à gauche ou à droite.

Largeur 100% de préférence, bordures à zéro.

Tableau à deux colonnes :

le paragraphe dans une cellule et l’image dans l’autre. Largeur d’une des cellules (en pourcentage)

en fonction de la présentation et de la taille des images. On peut évidemment aligner ou centrer les paragraphes,

et donc les images.

6.1.10.3 Tableaux de données Créer un tableau comme ci-dessus, mais en comptant les cellules de titre Dans les propriétés du tableau, cocher Titre et valider

Remplir la zone de titre en tête du tableau Sélectionner les cellules de titre de colonnes ou de lignes

Clic droit ou menu Tableau, Propriétés de la cellule

Définir les cellules comme type cellules d’en-tête Définir leur étendue (ligne ou colonne)

6.1.11 Fin de travail

Sortir éventuellement du mode Plein écran par la même icône ,

puis tout en bas du formulaire, Sauvegarder (sinon Annuler pour déverrouiller le document).



7. Annexe 2. : Vademecum

7.1. Termes utilisés

Alias Renvoi, dans une arborescence, à un Document publié dans une autre arborescence.

Article Document complexe pouvant contenir Texte, Fichiers à télécharger, Images et Liens.

Balise Élément de marquage d’un document HTML. Une balise est encadrée par des chevrons < et

> ; toute balise ouvrante doit être fermée par une balise fermante.

Collection Les Collections sont installées par la Cellule éduscol.

Elles sélectionnent, sur critères libres, des Éléments du site Plone (Actualités, Lettres, publications…..

Elles génèrent des fils RSS qui peuvent être exploités sur d’autres sites ou donner lieu à abonnement.

Conteneur Tout Élément qui en contient d’autres : Dossier, Thème de Lettre, EduBook…

Document Élément comportant notamment une zone de texte HTML,

lui-même contenant des liens (vers des images, des fichiers téléchargeables etc.)

Dossier Subdivision d’un Site ou d’un autre Dossier. Contient d’autres Dossiers et/ou Documents

Éditer Modifier le contenu d’un Élément.

Éditeur Outil utilisé pour éditer une zone de texte, ici Tiny MCE.

Élément Unité de base de Plone, comme Dossier, Document, Actualité, Article…

Tout Élément possède au moins un Identifiant, un titre et une description.

MDD Méga-DropDown : menu déroulant accessible par clic dans le bandeau supérieur.

Les éléments du MDD sont des éléments Plone, qu’il est possible de cacher.

Navigation Choix proposés à l’utilisateur identifié ou anonyme :

MDD, listes de choix, moteur de recherche, plan du site…

Site Subdivision Plone, entité éditoriale sous la responsabilité d’un Responsable de Site.

Chaque site possède une URL de premier niveau (/technocol, /lettre-info, /pjrl, …)

Nodale (page) Page d’un Site, Dossier, affichant une liste de choix.

Ces pages « rond-point » comportent souvent une Collection (voir ce mot)

Plone Interface basée sur ZOPE, qui assure des fonctions d’édition et de consultation du site.

Publier L’Élément passe dans l’état publié et est accessible en consultation publique.

Il apparaît dans la navigation, sauf

s’il est caché à la navigation ou

si sa date de publication est dans le futur (navigation publique seulement).

Retirer Dépublier. L’Élément passe dans l’état Privé et n’est plus accessible en consultation publique.

Valoriser Promouvoir une publication (en actu, par tweet, fils RSS etc.)

Verrouillé État d’un Élément en cours de modification. Le document verrouillé ne peut être modifié, copié,

déplacé, que si son édition est validée ou abandonnée, ou que l’on le déverrouille.

ZOPE Z Object Publishing Environment,

serveur d’application web écrit en PYTHON, avec gestion de modèles et base orientée objet.

L’environnement Plone s’appuie sur ZOPE.



7.2. Mémento Les chiffres renvoient aux numéros des titres ▼ S’identifier https://contrib.eduscol.education.fr/ID-du-miniSite/login_form 2.1 1

7.2.1 Principes de base

Dossiers Conteneurs, constituent la structure du site. Contiennent d’autres éléments.

Spéciaux : Pour la page d’accueil 5.3, ../actualites, ../diaporama et ../a_la_une

Documents Éléments avec zone de texte.

Modifier un Document La modification est immédiate dès validation. Retour à la Version précédente possible.

Publier Un Élément (Document, Dossier, Fichier…) doit être publié pour être visible du public, sauf Image, Alias

7.2.2 Principaux types de Documents 3.3

Document Le plus simple, convient à la plupart des contenus. Pour la Une : dans Dossier a-la-une

Actualité Dans le Dossier /actualites/ ou /diaporama. Image associée, classement sur Date de Publication

Lien Comme une Actualité mais avec lien direct vers la ressource (pas de zone de texte)

Article Document simple + fichiers et images. Cacher fichiers et Images à la navigation.

Image Élément spécifique, affichable en Album. Toujours publié.

Fichier Fichier à télécharger, à placer dans un Dossier non publié. Doit être publié.

Alias Affichage d’un Document publié ailleurs. Toujours publié.

Livre EduBook Pour des gros dossiers thématiques, en 3 niveaux : Chapitre, Section, Paragraphe.

Mini-base Élément affichant des données dans un tableau triable, avec champ(s) de recherche

Collection Présente des Éléments suivant des critères et un ordre au choix. Voir la Cellule éduscol.

7.2.3 Données d’un document 3.2.2

ID (identifiant) 1 à 3 mots significatifs séparés par un tiret - ; ni espaces, ni accents, ni mots réservés (edit, manage, view, actions…)

Archive Si « archiv » dans le chemin :

Titre Apparaît en tête de l’Élément comme <h1>, et dans la navigation

Titre long Remplace le Titre en tête de l’Élément (<h1>)

Description Chapeau affiché en tête de l’Élément et dans les listes d’Éléments,

et dans les résultats de recherche des moteurs. Important pour le référencement

Texte Libre avec images, liens, formats ; édité avec TinyMCE en HTML.

Structurer à partir de <h2>, les Titres sont importants pour le référencement.

Date de publication Cf. 3.4.8. Peut être redéfinie manuellement, le faire à chaque changement significatif.

7.2.4 TinyMCE (zone de texte) annexe page 13

Coller un rendu HTML Ctrl V dans la fenêtre Texte de TinyMCE

Coller du code HTML Ctrl V dans la fenêtre Code HTML de TinyMCE

Coller du texte pur Ctrl V en mode Texte - nettoie toute mise en forme

Insérer une icône (smileys : notamment types de fichiers ou format de téléchargement) ;

placer un texte alternatif si nécessaire

Structurer le Document Titres, en commençant par Titre 2

listes à puces ou numérotées

Termes en « gras » (icône B ) marqués <strong> en HTML

Interface de

Recherche d’objet

Pour établir des liens vers des éléments Plone (documents, images…), taper des mots du Titre, et/ou naviguer jusqu’au Dossier conteneur

puis choisir l’Élément à lier dans la liste. Insérer une image puis L’interface de recherche d’objet , sinon External

Choisir la taille souhaitée, définir le texte alternatif, l’alignement etc.

Insérer un lien puis L’interface de recherche d’objet , sinon External Propriétés Tableau,

lignes cellules colonnes…

Menu Tableau toutes opérations

Rechercher Ctrl F (dans le texte ou dans le source)

7.2.5 Comment…

Ordonner des Éléments dans l’onglet Contenus , Ré-ordonner par date et inverser,

sinon glisser les Éléments, ou début/fin

Gérer le MDD Cacher l’Élément : Propriétés, Exclure du MDD

Cacher ses enfants: Propriétés du Dossier, Exclure les enfants

Classer les enfants : Propriétés du Dossier, Trier les enfants par…