«JCMS» Système de gestion de contenu. Téléchargement de photos en masse Création de galeries photos Mise en ligne de vidéos

Transcription

1 «JCMS» Système de gestion de contenu Téléchargement de photos en masse Création de galeries photos Mise en ligne de vidéos HENRION A. Responsable HENRION A. des Architecte sites institutionnels Web 9/10/2012 9/10/2012 1

2 I. Téléchargement de photos en masse Type document de JCMS 1. «Glissez vos fichiers à déposer» sur la zone verte : le plus simple et rapide mais attention, votre ou vos fichier(s) ne sera(ont) pas classé(s) directement sans passer par le bouton «Afficher les métadonnées» ou 2. «Choisir les fichiers» : sélection du ou des fichiers puis cliquer sur «Afficher les métadonnées» pour les classer 2

3 1 2 3

4 Pour 1 et 2, après le choix du ou des document(s), cliquer sur «Afficher les métadonnées» pour le ou les classer dans la catégorie adéquate 2 1 4

5 Formation Contributeurs Via cette opération, vos photos seront placées automatiquement au sein de l explorateur de médias de JCMS. Attention: 1. S il s agit d images devant figurer dans une galerie photos, la dénomination de vos photos doit être la plus courte possible et il est nécessaire de les trier par TITRE avant de les insérer dans JCMS. Les photos de la galerie vont, en effet, être affichées dans l ordre des titres mais il faut commencer par 100. Ex. : Portes_ouvertes (100) ; Portes_ouvertes (101) ; portes_ouvertes (102) 2. Et de redimensionner toutes les photos AVANT (+ poids en ko, résolution 72dpi). Il est demandé de ne pas dépasser 800px de large pour les images. 3. Extensions de vos images :.jpeg et non.jpeg. Idem pour les autres formats (.png,.gif) 5

6 Formation Contributeurs Pour renommer les titres d un lot de photos : 1. Il est nécessaire que vos photos soient placées au préalable dans l ordre souhaité 2. Sélectionnez l'ensemble de ces images en utilisant le raccourci clavier CTRL+A 3. Une fois votre sélection effectuée, placez-vous sur la première photos, cliquez droit puis sélectionner «Renommer» 6

7 Formation Contributeurs 4. Insérez votre titre puis cliquez sur «Enter». Exemple : Portes_ouvertes 7

8 II. Création de galeries photos Nouveau module de galeries photos entièrement revu : look plus attractif pour le visiteur et gestion plus aisée pour les rédacteurs. Voir l exemple : ?preview=true. 8

9 Le nouveau module offre les avantages suivants : Description possible de la galerie photos, juste en dessous de son titre Imagettes représentatives affichées sur une seule page Possibilité de visionner la galerie au départ de n importe quelle imagette Possibilité d insérer un copyright général pour l ensemble de la galerie Dimensions des photos beaucoup plus souples qu au préalable : au choix du rédacteur. Une seule recommandation est donnée : ne pas dépasser 800px de large Possibilité de visionner la galerie photo par photo ou de lancer un diaporama (défilement toutes les 5 secondes). Une pellicule reprenant toutes les imagettes disponibles sera toujours accessible à gauche de l écran et permettra à l internaute de savoir également à quel endroit précis de la liste il se situe Encodage des galeries identiques au module précédent (la seule différence étant davantage de souplesse dans les dimensions des images) 9

10 4 étapes : 1. Création d une catégorie dans le répertoire «médias» Dans votre espace de travail 10

11 Nom de la galerie photo / / 11

12 2.Insérer les photos de la galerie à créer via le type document de JCMS Voir la procédure ci-avant (téléchargement en masse de photos). Il faut veiller à télécharger ses photos dans le répertoire correspondant à votre galerie. Il s agit de la catégorie que vous venez de créer à l étape 1, sous «Médias» > Classement des images > Galeries photos > etc. 12

13 3. Création de la galerie photo Dans votre espace de travail 13

14 Nom de la galerie photo Description de la galerie photo (optionnelle) Copyright général de la galerie (optionnel) Classer la galerie photos à l endroit de la navigation où elle doit apparaître 14

15 Paramétrer la visibilité si nécessaire 15

16 Ne plus compléter les onglets tri, itération etc. Dérouler «Médias» en cliquant sur le + 16

17 Dérouler «Galeries photos» 17

18 Dérouler les dossiers jusqu à la catégorie portant le nom de votre galerie photos puis sélectionner la catégorie en question. Ensuite, cliquer sur le bouton 18

19 La nouvelle galerie photos se met automatiquement en l état «publié» car elle n est pas visible tant qu un contenu ne pointe pas vers elle. Pour visualiser son affichage : Cliquer sur son titre 19

20 Cliquer sur la loupe 20

21 Affichage 21

22 4. Faire un lien vers la nouvelle galerie photos La nouvelle galerie photos n est pas visible tant qu un contenu ne pointe pas vers elle. Pour faire un lien vers elle, il faut connaître son identifiant 22

23 URL lorsque vous pré visualisez la galerie 23

24 Pour faire un lien vers elle : - Editer le contenu qui va renvoyer à la galerie - Cliquer sur l icône de lien externe 24

25 - Puis /cms/c_ Puis cliquer sur «Insérer» et enregistrer votre contenu 25

26 III. Modification d une galerie photos Via votre espace de travail 26

27 IV. Mise en ligne d une vidéo La vidéo doit préalablement être placée sur le serveur de streaming. La vidéo est à transmettre au SEGI (Aline HENRION) qui effectuera l opération et vous communiquera l URL de la vidéo sur le serveur de streaming. 27

28 Dimensions standards de la vidéo : 690px x 389px 28

29 Vidéo au sein d une page 29

30 1. Nouveau type de contenu «Video» Pour chaque vidéo, il est nécessaire de créer un contenu «Video» via l espace de travail. 30

31 Nom de la vidéo Petit résumé Imagette cliquable qui va lancer la vidéo en jpeg, gif etc. pas de.eps ou.tiff autorisés URL communiquée par le SEGI L icône «play» s affiche automatiquement Endroit où la vidéo doit être classée 31

32 2. Dans le contenu (page, actualité/agenda etc.) où vous désirez placer votre vidéo Dans la partie texte libre, il faut se positionner au bon endroit du texte puis cliquer sur le nouveau bouton vert «vidéo» et sélectionner le type «Video» correspondant à la vidéo à insérer 32

33 Sélectionner la vidéo que vous désirez insérer 33

34 3. Sauvegarder le contenu et regarder le résultat final 34

35 V. Modifier une vidéo Attention : Quand on veut modifier la vidéo en tant que telle, il est nécessaire de ré-envoyer la nouvelle version à Aline HENRION qui transmettra le nouveau lien vers la vidéo placée sur le serveur de streaming. Dès l encodage et l enregistrement de la nouvelle URL dans le type, cela sera pas impacté aux différents endroits où la vidéo a préalablement été insérée. Par contre, si l imagette de lancement doit être changée, il est nécessaire de modifier le type «vidéo» mais aussi de rééditer les pages, articles où la vidéo est référencée et re-sélectionner le type «video» modifié. 35