Guide de démarrage rapide

Transcription

DOCUMENTATION
Découvrez Jahia 6.61 en 60 minutes
Jahia, le CMS open source de nouvelle génération apportant à vos
projets la convergence applicative (web, document, social, recherche
et portail) unifiée par la simplicité d’utilisation des outils de gestion de
contenu web.
Jahia Solutions Group SA
9 route des Jeunes,
CH-1227 Les acacias
Genève, Suisse
http://www.jahia.com
Sommaire
1
Introduction ................................................................................................................................................ 3
2
Téléchargement et Installation .................................................................................................................. 4
3
Créer un site ............................................................................................................................................. 12
4
Éditer votre site ........................................................................................................................................ 16
4.1
5
6
7
8
Interface graphique du Mode Édition ................................................................................................ 16
Manipuler du contenu .............................................................................................................................. 17
5.1
Modifier du contenu existant ............................................................................................................. 18
5.2
Créer du nouveau contenu ................................................................................................................. 25
5.3
Déplacer du contenu dans une page .................................................................................................. 36
Prévisualiser et publier votre travail ........................................................................................................ 38
6.1
Déplacer du contenu entre différentes pages ................................................................................... 40
6.2
Supprimer du contenu ........................................................................................................................ 40
6.3
Utiliser un élément de contenu à plusieurs endroits à la fois ............................................................ 40
6.4
Gérer les droits ................................................................................................................................... 41
Gérer des sites .......................................................................................................................................... 43
7.1
Structurer des sites ............................................................................................................................. 43
7.2
Publication plus détaillée ................................................................................................................... 45
Aller plus loin avec les fonctionnalités interactives ................................................................................. 46
8.1
Insérer un plan Google Maps ............................................................................................................. 47
8.2
Ajouter un sondage ............................................................................................................................ 52
© 2002 – 2013 Jahia Solutions Group SA
Page 2 sur 55
1 Introduction
Ce guide concis vous apportera les connaissances nécessaires pour installer, lancer et découvrir Jahia en 30
à 60 minutes. Il vous présentera les opérations de base de Jahia, comme la création, la modification, le
déplacement et la suppression de contenu, ou encore l’organisation d’une structure de site Web, l’ajout de
fonctionnalités interactives et enfin, la publication de votre travail.
Conçu précisément pour permettre aux développeurs l’ajout d’extensions, la personnalisation et
l’intégration avec d’autres systèmes et plateformes, Jahia est capable de remplir bien plus de tâches que
celles qui sont abordées dans ce Guide de démarrage rapide et peut être personnalisé pour répondre aux
besoins précis du client. Les fonctions fournies avec l’installation par défaut (un CMS, un portail, une GED
et un système de publication) ne représentent qu’une partie infime de ce qui peut être réalisé avec Jahia.
Nous espérons que cette vue d’ensemble de Jahia 6.6 vous donnera un bon aperçu de ses capacités et vous
incitera à pousser encore plus loin votre découverte de notre produit.
Pour apprécier pleinement les capacités sous-jacentes de Jahia, il faut garder à l’esprit que ce Guide de
démarrage rapide s’appuie sur un ensemble de templates (structures de pages) prédéfini, ainsi que sur des
types de contenus, des fonctionnalités et des présentations fournis par Jahia pour compléter ces pages. Les
templates et les pages fournis par Jahia sont comme un plateau de jeu de formes pour enfant, avec des
trous destinés à recevoir des pièces de formes différentes. Les types de contenus et les fonctionnalités de
Jahia que l’on peut insérer dans ces pages sont comparables à ces pièces.
Si vous choisissez d’utiliser Jahia pour gérer votre contenu, qu’il s’agisse de sites Web ou d’applications
Web professionnelles, vous serez en mesure de concevoir vos propres plateaux de jeux de formes et
autant de pièces en forme de cubes, ronds, triangles ou autres que vous le souhaitez.
Lors de la rédaction de ce Guide de démarrage rapide, nous nous sommes souvenus des réactions les plus
courantes que nous avions reçues lors des présentations des versions alpha et beta de Jahia y compris les
questions les plus fréquemment posées par les utilisateurs évaluant un nouveau logiciel pour la première
fois. Nous avons créé des scénarios pour vous fournir des réponses simples à ces questions. Bien que ces
scénarios risquent de casser le rythme de la démonstration étape-par-étape, ils vous fourniront des
informations utiles qui vous donneront un point de vue différent et plus éclairé que les opérations de base
qui sont décrites.
Page 3 sur 55
2 Téléchargement et Installation
Pour commencer, téléchargez Jahia 6.6
Double-cliquez sur installer.exe puis suivez les différentes étapes
Vous devez suivre ces étapes en cliquant sur ‘Suivant’ à chacune d’entre elles, puis accepter l’accord de
licence et définir un mot de passe root lorsque cela vous sera demandé.
Page 4 sur 55
Choisissez un répertoire d’installation ou bien acceptez le chemin par défaut.
Page 5 sur 55
Jahia demande l’autorisation de créer le répertoire de destination : acceptez.
Pour un démarrage rapide, nous allons utiliser une installation express avec une base de données intégrée.
Pour des développements plus sérieux ou des serveurs de production, choisissez plutôt une installation
personnalisée avec un serveur de base de données externe.
Page 6 sur 55
Saisissez un mot de passe pour le compte root.
Page 7 sur 55
Page 8 sur 55
Une fois l’installation terminée, l’assistant d’installation propose de créer des raccourcis.
Page 9 sur 55
Si tout s’est bien déroulé, l’écran ci-dessus devrait s’afficher. Cliquez sur ‘Suivant’.
Jahia démarre ses services. En parallèle, une console se lance et affiche l’activité de Tomcat pendant le
premier démarrage.
Page 10 sur 55
Démarrez Jahia.
Combien de temps cela va-t-il prendre ? Le premier lancement de Jahia peut prendre quelques minutes, ce
qui est normal. Ce temps est utilisé par Jahia pour s’initialiser, démarrer ses services, déployer tous les
modules (plugins), installer les templates et créer un premier site appelé System Site hébergeant des
données cruciales au bon fonctionnement du système. Après ce premier démarrage, Jahia met
généralement 15 à 45 secondes à se lancer sur un PC standard (selon le volume des contenus stockés dans
le repository, le nombre de projets Web, le nombre d’utilisateurs, etc.).
Lorsque Jahia est prêt, vous pouvez y accéder avec un navigateur Web à l’adresse suivante :
http://localhost:8080/start
Jahia vous invitera à vous connecter avec votre nom d’utilisateur et votre mot de passe.
Commençons par utiliser le compte root, puisqu’il n’existe pas encore d’autre compte.
Nom d’utilisateur : root
Mot de passe : root1234
Une fois ces données vérifiées, Jahia va afficher votre page personnelle.
Page 11 sur 55
Comme l’installation est toute fraiche, il n’y a pas beaucoup d’informations à afficher sur cette page, mais
vous y trouverez des liens utiles pour commencer votre exploration.
Depuis cette page, vous pouvez compléter votre profil personnel (section ‘Mes Informations’) et choisir
quelles informations vous souhaitez rendre publiques ou garder privées. Une fois que du contenu aura été
ajouté à Jahia, vous pourrez accéder ici aux contenus que vous avez rédigés, aux projets Web que vous
êtes autorisé à modifier ou à gérer, à vos listes de tâches personnelles, etc.
Je sais ce qu’est une page d’accueil personnelle, mais je n’aime pas trop sa présentation. Est-ce que je peux
changer les raccourcis et les autres éléments qui y sont affichés ? La page que vous voyez ci-dessus est la
page fournie par défaut lors d’une installation de Jahia. Elle a été construite à l’aide de templates Jahia
standard et n’est pas codée en dur. Elle peut être personnalisée à volonté par votre équipe de
développement afin d’afficher des informations plus pertinentes pour votre travail, d’intégrer des widgets
particuliers et d’arborer une autre présentation.
Cliquez sur le lien ‘Administration du serveur’ en haut à droite de la page. Une nouvelle page s’affichera :
‘Administration de Jahia’.
3 Créer un site
Voici l’interface d’administration. Cliquez sur le bouton ‘Gestion des Projets Web’.
Page 12 sur 55
Cette interface permet aux administrateurs de créer de nouveaux projets (vides), d’importer des projets
préconfigurés ou d’importer des projets précédemment exportés en les sélectionnant depuis leur disque
dur.
Pour mieux comprendre comment Jahia fonctionne, il est préférable d’utiliser un vrai site Web pour cette
démonstration, plutôt que de commencer un site Web totalement nouveau (vide). C’est pourquoi nous
allons suivre la deuxième option et importer le projet ‘ACME Website Demo 6.5’ en cliquant sur le bouton
Page 13 sur 55
‘Poursuivre’. Notez qu’avec la version 6.6, un second package de demonstration est disponible, plus riche
fonctionnellement, mais que ce document de découverte se base sur le peckage 6.5.
L’écran suivant est pré-rempli avec les informations que Jahia a trouvées à l’intérieur de l’archive. Nous ne
changerons rien à ce stade et nous contenterons de cliquer sur le bouton ‘Importer’.
Jahia grise l’écran pendant l’importation et affiche une barre de progression. Selon votre ordinateur,
l’importation peut prendre de moins d’une minute à plusieurs minutes.
Page 14 sur 55
Ça paraît un peu long pour créer 50 pages Web, non ?
Eh bien, pas vraiment et voici pourquoi : quand Jahia importe ce site Web, il importe
- du contenu (littéralement des centaines ou des milliers de champs de texte) ;
- des images (avec des métadonnées d’appareil photo pour chaque image) ;
- des fichiers (Jahia extrait tout le texte contenu dans ces documents et les indexe pour permettre la
recherche plein texte)
- des templates (Jahia copie tous les templates dans le répertoire du site Web) ;
- des utilisateurs (la démo est livrée avec quelques utilisateurs ayant des droits sur ce site) ;
- un certain nombre d’autres éléments cruciaux pour le fonctionnement et la structure de votre site.
L’équipe Jahia travaille en permanence à réduire la durée de ce type d’opérations lourdes, mais si l’on
prend en considération la quantité d’informations et de détails importés, cette durée d’importation n’est
pas si mauvaise.
Une fois l’importation terminée, la page n’est plus grisée et est actualisée, affichant une nouvelle liste avec
le site que nous venons d’importer.
Nous pouvons maintenant quitter l’interface d’administration et commencer à modifier notre site Web.
Pour accéder à l’interface d’édition, cliquez sur l’onglet ‘Accéder au Mode Édition’.
Page 15 sur 55
4 Éditer votre site
On utilise le terme mode pour définir une méthode particulière de modifier ou d’afficher un projet
Web. Selon le mode choisi, Jahia procède à différentes vérifications de sécurité, applique des restrictions,
et fournit des outils d’édition (s’il y a lieu). Par défaut, le mode apparaît dans l’URL mais il est masqué pour
les visiteurs sur les serveurs de production pour des raisons d’optimisation SEO (optimisation pour les
moteurs de recherche) évidentes.
Il existe quatre modes principaux :
Mode En ligne : ce mode n’affiche que le contenu requis dans l’URL. En règle générale, quand un
visiteur navigue parmi les pages de votre site Web, ce sera en Mode En ligne (ou Render Mode).
Mode Contribution : ce mode affiche les pages avec une interface d’édition simplifiée très légère.
Nous ne nous intéresserons pas à ce mode dans ce Guide de démarrage rapide car nous souhaitons mettre
l’accent sur quelques fonctionnalités avancées.
Mode Édition : ce mode affiche les pages avec une interface d’édition visuelle. C’est le mode que nous
utiliserons dans ce Guide de démarrage rapide pour vous présenter Jahia. Lorsque vous travaillez en Mode
Édition (ou Edit Mode), vous travaillez sur une version hors-ligne de votre contenu, c’est-à-dire que tant
que vous n’avez pas décidé de publier votre travail, toutes les modifications effectuées dans le Mode
Édition n’impacte pas le Mode En ligne et vos visiteurs continuent de naviguer sur vos pages Web ou votre
application Web tels qu’elles ont été publiées précédemment.
Mode Studio : ce mode est un peu unique car il ne fonctionne qu’avec les templates. Le guide dédié aux
templates explique ce mode en détail, c’est pourquoi il n’est pas abordé dans ce guide.
4.1 Interface graphique du Mode Édition
L’interface graphique du Mode Édition est divisée en trois parties :
la barre d’outils (en rouge): en haut de la page. La barre d’outils donne accès aux différents
modes pour la page actuelle, et également à des outils globaux de publication, de
workflow, l’accès au gestionnaire de documents, au gestionnaire de catégories, etc.
le Sélecteur (en orange): à gauche, comporte différents onglets pour afficher les contenus
stockés dans Jahia et insérer ces contenus dans la partie centrale.
Page 16 sur 55
le workspace (en vert): dans la partie centrale, il affiche la page que vous êtes en train de
modifier.
Comme nous venons de quitter l’interface d’administration, la page affichée est par défaut la page
d’accueil du site Web que nous avons importé.
Important : l’interface graphique s’adapte selon le(s) rôle(s) donné(s) à l’utilisateur. Avec le compte root,
quand vous passez en Mode Édition, Jahia vous donne un accès complet, affichant tous les boutons, menus
et outils, ce qui peut donner une interface assez encombrée. Une fois le système installé et configuré, le
compte root est rarement utilisé. Il est conseillé de réserver le compte root aux tâches d’administration
complexes. D’autres rôles tels que ‘rédacteur’ (editor), rédacteur-en-chef (editor-in-chief), relecteur
(reviewer) et traducteur (translator) donnent accès au Mode Édition avec moins de permissions et
affichent donc des interfaces plus légères.
5 Manipuler du contenu
La navigation dans le Mode Édition se fait par l’arborescence du site qui apparaît dans le Sélecteur comme
si vous naviguiez dans un site Web normal. Rendons-nous sur la page ‘Actualités’, en cliquant sur l’entrée
‘Société’ du menu, puis sur la sous-page ‘Actualités’.
Page 17 sur 55
5.1 Modifier du contenu existant
Il est facile de modifier du contenu : il suffit de survoler la page avec la souris, et vous verrez un contour
noir apparaître autour de chaque élément qui compose la page au passage de la souris.
On peut sélectionner un élément avec un simple clic, ce qui créera un contour rouge autour de l’élément.
Page 18 sur 55
Sélectionnez un des articles dans la colonne centrale, puis double-cliquez dessus ou bien faites un clic droit
et choisissez ‘Éditer’ dans le menu contextuel. Dans les deux cas, le résultat sera le même : une nouvelle
interface s’affichera au-dessus du workspace. Cette interface s’appelle un ‘Engine’ dans la terminologie
Jahia.
L’Engine est composé de différents onglets. Ces onglets vous permettent d’éditer toutes les propriétés du
contenu ciblé, de contrôler sa présentation, son comportement, ses droits et plus encore.
Page 19 sur 55
Il y a trop de choses ici! Mes collègues se sentiront perdus s’ils voient autant d’onglets et de champs !
Comme nous l’avons déjà mentionné, en utilisant le compte root, vous verrez tous les onglets existants, ce
qui vous permet de tout contrôler, des données actuelles aux anciennes versions. Par défaut, un rédacteur
de contenu lambda (rôle editor) verra seulement cinq onglets, et encore moins si vous éditez la définition
du rôle editor. Un traducteur (rôle translator) verra encore moins d’onglets qu’un editor, et ainsi de suite.
Dans Jahia, les interfaces s’adaptent selon les rôles, c’est le cas pour le Mode Édition, le Mode
Contribution, les Engines, les Gestionnaires, l’Administration, etc.
Nous avons ouvert un article de news, et le premier onglet donne accès aux champs qui composent cet
article, c’est-à-dire aux véritables données de ce contenu. Pour modifier ce contenu, il vous suffit de
modifier les valeurs souhaitées dans les champs correspondants.
Dans Jahia, chaque élément de contenu a un nom. La hiérarchie des éléments de contenu (pages, listes ou
autres types de contenu) est définie à la fin de l’adresse du contenu, son URL. Afin d’avoir des noms plus
Page 20 sur 55
présentables dans nos URL (ce qui est important pour les classements SEO), Jahia inclut un mécanisme qui
crée automatiquement un nom logique basé sur le champ de titre. Pour activer cette option, il vous suffit
de cocher la case ‘Synchroniser le nom avec le titre’.
Lorsque l’on crée de nouveaux contenus, cette case est cochée par défaut. La plupart du temps, les
utilisateurs n’auront donc pas à l’activer eux-mêmes.
Avant de sauvegarder nos changements, nous allons nous intéresser à d’autres onglets pour mieux
comprendre leur utilité. Les changements que vous avez effectués dans le premier onglet ne seront pas
perdus car vous ne faites que passer à d’autres onglets. Le second onglet, appelé ‘Rendu’, vous permet de
contrôler des options d’affichage prédéfinies par les développeurs. Grâce à cette interface, les rédacteurs
pourront changer la disposition des contenus sans risquer de casser le design. En conséquence, cet onglet
sera différent selon le type de contenu et les différentes options prédéfinies. Sur notre article de news, on
peut passer d’une vue standard à une vue petite ou moyenne. Sur des listes, on peut gérer des
présentations sur plusieurs colonnes, des sliders, et bien plus encore.
Le troisième onglet affiche les métadonnées du contenu.
Jahia suit la norme de métadonnées Dublin Core. Ce schéma de métadonnées est extensible et peut être
combiné avec d’autres schémas.
Page 21 sur 55
Les quatrième et le cinquième onglets permettent aux rédacteurs d’ajouter des informations de
classification taxonomique à l’élément de contenu : des tags pour une taxonomie non-contrôlée, ou bien
des catégories hiérarchisées pour une taxonomie organisée, centralisée et contrôlée.
Tags
Page 22 sur 55
Classification
Page 23 sur 55
Nous allons cesser ici notre exploration des onglets Engine pour le moment. Cliquez sur le bouton ‘Sauver’,
en bas de l’Engine, pour sauvegarder vos modifications. Si vous cliquez sur le bouton ‘Annuler’, l’Engine
sera fermé et vos modifications seront supprimées.
Ok, je comprends que cette interface peut être adaptée en utilisant les rôles et devenir beaucoup plus
légère, mais que peut-on faire si mon entreprise a des besoins particuliers et que l’on veut avoir dans ces
onglets des options différentes de celles que Jahia fournit par défaut, ou que l’on veut créer nos propres
onglets avec nos propres commandes ?
Par défaut, la plupart des commandes et des options de réglages courantes sont déjà fournies par Jahia. La
plupart de ces options peuvent être personnalisées ou étendues pour répondre aux besoins des
utilisateurs ou à ceux de votre projet d’entreprise. Les partenaires Jahia ou vos propres développeurs
peuvent implémenter des personnalisations dans Jahia qui répondront à vos besoins. Par exemple, Jahia
fournit un certain nombre de champs de métadonnées par défaut dans le deuxième onglet (date de
création, créateur, mots-clés...). Si votre projet requiert plus de métadonnées, les développeurs peuvent
en ajouter et les nouveaux champs de métadonnées seront alors affichés dans ce même onglet. Il est
également possible d’étendre l’Engine et de créer de nouveaux onglets pour regrouper vos propres
options, et ensuite définir quels rôles auront accès à ces nouveaux onglets.
Page 24 sur 55
5.2 Créer du nouveau contenu
Pour créer du nouveau contenu, selon vos préférences, vous pouvez :
sélectionner l’endroit dans la page où le contenu devra apparaître, puis cliquer sur le bouton
vert, ou bien ;
utiliser le Sélecteur pour d’abord sélectionner le type de contenu souhaité puis faire glisser
l’icône représentant ce type de contenu dans la page à l‘emplacement désiré.
Dans les deux cas, un Engine va apparaître (le même Engine que lors de l’édition de contenu), mais les
champs seront vides car ce contenu n’existe pas encore.
Dans la page ‘Actualités’, au bas de la liste des articles se trouve un bouton vert ‘Actualité’. En cliquant sur
ce bouton, un contenu de type ‘Actualité’ sera créé. Dans d’autres pages, vous pourrez voir un bouton
‘Tout type de contenu’, permettant la création de n’importe quel type de contenu dans cette zone.
Page 25 sur 55
Cliquons sur le bouton ‘Actualité’.
Page 26 sur 55
Remplissez simplement les champs avec les valeurs souhaitées et cliquez sur ‘Sauver’. L’Engine disparaît et
votre page réapparaîtra en haut de liste avec le contenu que vous avez créé.
Page 27 sur 55
Quand un ordre d’affichage n’a pas été défini, les nouveaux contenus apparaissent en bas de liste, mais sur
cette page la liste qui entoure le contenu impose un certain ordre. Pour changer cet ordre, vous pouvez
sélectionner la liste elle-même (le contour devrait encadrer tous les articles de news) puis l’éditer. Le
second onglet pour les objets de type liste s’appelle ‘Ordre’.
Page 28 sur 55
Si vous ouvrez l’Engine ‘Liste de contenu’ puis l’onglet ‘Ordre’, vous verrez que le classement se fait par
date descendante (le plus récent en haut). C’est pourquoi l’article que nous venons d’ajouter apparaît en
haut de liste.
Dans cet onglet, vous pouvez changer l’ordre de tri automatique en utilisant jusqu’à trois champs pour
configurer un classement très précis. Vous pouvez également activer le tri manuel et ordonner les articles
comme bon vous semble.
Ajoutons plus de contenu dans notre site Web.
Page 29 sur 55
Rendez-vous dans la page ‘Activités’ et insérez du contenu ‘texte enrichi’ dans la colonne centrale. Peu
importe si vous entrez simplement du texte de remplissage, cet exercice a pour seul but de démontrer que
pour chaque type de contenu, Jahia utilisera un formulaire de saisie différent et fournira aussi quelques
éléments à manipuler plus tard.
Une fois que le texte enrichi a été ajouté, on voudra probablement également ajouter du contenu dans la
colonne de droite de la page. Pour le moment, il y a une zone avec des rayures blanches et bleues dans
cette colonne. Cela désigne une zone qui peut recevoir du contenu, mais qui est encore vide.
Page 30 sur 55
Vous pouvez créer du contenu dans cette zone, en cliquant sur le bouton ‘Tout type de contenu’ ou en
faisant glisser un composant depuis le Sélecteur vers cette zone.
Par exemple, ajoutez un ‘Contenu principal’ dans cette colonne, donnez-lui un titre comme ‘contenu de
test’ et sauvegardez.
Le nom ‘Contenu principal’ paraît étrange. S’agit-il d’un type de contenu spécial ? Non. ‘Contenu principal’
fait référence à du contenu de type paragraphe avec un titre, un corps, un champ image et un menu
déroulant permettant d’aligner l’image à droite ou à gauche. Le nom ‘Contenu principal’ est probablement
déroutant, mais il a été conservé pour des raisons historiques, existant depuis la création de Jahia. Ce type
de contenu peut être renommé ou supprimé dans votre propre plateforme Jahia si vous le souhaitez.
Nous allons maintenant ajouter une image dans la colonne de droite.
Vous pouvez faire glisser le composant ‘Référence d’image’ vers la colonne. Un Engine apparaîtra.
Page 31 sur 55
On peut utiliser le Sélecteur d’images pour sélectionner l’image dans le gestionnaire de documents et
compléter le champ de texte alternatif.
Le Sélecteur d’images vous permet de naviguer dans l’espace dédié aux fichiers binaires dans le repository
du site. Le cadre de gauche contient une arborescence de navigation, celui de droite liste les éléments
contenus dans le répertoire sélectionné à gauche.
Comme nous avons ouvert un Sélecteur d’images, seuls les fichiers image seront affichés dans le cadre de
droite, et pas les autres types de fichiers qui peuvent également s’y trouver.
Page 32 sur 55
Choisissez une image dans le cadre de droite (ou bien chargez-en une nouvelle) puis cliquez sur ‘Sauver’.
Une fois que vous avez ajouté le ‘Contenu principal’ et une image, votre page ‘Activités’ devrait ressembler
à cela :
Page 33 sur 55
On peut également utiliser le quatrième onglet du Sélecteur qui permet de naviguer dans le gestionnaire
de documents et ensuite de faire glisser une image dans la page.
Page 34 sur 55
Dans cet exemple, lorsque vous avez déposé l’image, Jahia affichera une boîte de dialogue pour préciser la
façon exacte dont vous voulez insérer l’image : l’image seule, l’image avec un lien externe ou interne, ou
bien un lien vers un fichier.
Page 35 sur 55
Toutes les méthodes présentées ici pour insérer une image donnent le même résultat. Votre choix de
méthode ne dépend donc que de vos préférences personnelles quant à l’utilisation de Jahia.
5.3 Déplacer du contenu dans une page
Pour déplacer un élément de contenu depuis un emplacement dans une page vers un autre emplacement
dans la même page, il suffit de faire glisser l’élément de contenu vers l’emplacement souhaité (cela signifie
que vous pouvez déplacer du contenu depuis la colonne centrale vers la colonne de gauche et
inversement, ou bien réordonner les éléments de contenu à l’intérieur de la même colonne).
Par exemple, retournez dans la page ‘Activités’ et sélectionnez le texte enrichi que vous avez créé.
Déplacez-le vers la colonne de droite, au-dessus du ‘contenu de test’, puis déplacez l’image seule et
positionnez-la au-dessus du ‘contenu de test’. Votre page devrait maintenant ressembler à cela :
Page 36 sur 55
Si le déplacement du contenu sélectionné vers l’emplacement souhaité est possible, alors une icône verte
apparaîtra.
Si le déplacement n’est pas possible, alors une icône rouge sera affichée.
Page 37 sur 55
Pourquoi est-ce que je ne peux déplacer mon élément nulle part ? C’est frustrant !
Ce serait possible si le template l’autorisait (ce qui peut être changé en donnant les permissions
adéquates). Le danger de donner ces permissions est que des personnes peu expérimentées pourraient
sérieusement endommager la page Web.
Cela pourrait générer des problèmes affectant les Web designers, le service marketing, et pour finir le
responsable de l’identité visuelle de l’entreprise. En conclusion, par défaut, une zone peut recevoir
n’importe quel type de contenu, et selon les besoins fonctionnels, le responsable du site (siteadministrator, editor-in-chief, etc.) peut limiter des zones à certains types de contenus pour préserver la
cohérence du site.
6 Prévisualiser et publier votre travail
Comme nous venons de voir comment apporter des changements aux pages, nous sommes maintenant
prêts à les mettre à disposition de nos visiteurs. Tout d’abord, il est important de vérifier de quelle façon le
site leur apparaîtra, afin de s’assurer qu’il s’affichera comme on le souhaite.
Pour cela, il suffit de cliquer sur le bouton ‘Aperçu’ dans la barre d‘outils.
Page 38 sur 55
Un nouvel onglet s’ouvrira dans votre navigateur, affichant la page actuelle en Mode En ligne, telle qu’elle
apparaîtrait pour les visiteurs si vous la publiiez immédiatement. Vous pouvez naviguer dans le Mode
Aperçu, exactement comme sur un site Web publié.
Si vous êtes satisfait par cet aperçu de la page, retournez dans le Mode Édition et utilisez le menu
‘Publication’ de la barre d’outils :
Ce menu offre plusieurs choix :
‘Publier [Nom de la page]’ : publiera la page actuellement affichée et tous les éléments qui
apparaissent dans cette page.
‘Tout publier sous [Nom de la page]’ : publiera la page et tous les éléments situés en
dessous, contenus et pages.
‘Publier site [Nom du site]’ : publiera absolument tout.
Pour cet exemple, nous utiliserons la troisième option. Elle est très utile pour la première publication d’un
site, mais une fois qu’il est en ligne, s’il y a plusieurs rédacteurs il peut s’avérer dangereux d’utiliser cette
méthode de publication trop souvent (vous pourriez malencontreusement publier du contenu en cours de
d’élaboration et que vos collaborateurs ne sont pas encore prêts à publier).
Comme nous publions notre contenu pour la première fois, nous choisirons l’option ‘Publier site ACME Français’. Une boîte de dialogue va s’ouvrir : cliquez sur le bouton ‘Ignorer le workflow’. Comme vous êtes
le seul utilisateur sur ce système et que vous êtes l’unique root, vous avez de cette possibilité. Des
rédacteurs normaux ne seraient pas habilités à faire cela et devraient suivre le processus de workflow.
Aborder les processus de workflow serait trop laborieux dans ce Guide de démarrage rapide.
La publication complète devrait prendre environ 20 secondes, après quoi nous pouvons vérifier
l’apparence de notre site fraichement publié en cliquant sur le bouton ‘En ligne’ dans la barre d’outils.
Nous allons maintenant retourner dans le Mode Édition et procéder à d’autres manipulations.
Page 39 sur 55
6.1 Déplacer du contenu entre différentes pages
Pour déplacer un élément de contenu d’une page à une autre, le plus simple est de faire un copier-coller.
Cliquez sur le contenu que vous voulez déplacer pour le sélectionner, puis cliquez-droit dessus et choisissez
‘Couper’ dans le menu.
Utilisez le Sélecteur pour vous rendre sur une autre page, puis cliquez sur une liste pour la sélectionner.
Cliquez-droit et choisissez ‘Coller’ dans le menu. Le contenu apparaîtra maintenant sur la page, mais ne
sera plus affiché à son emplacement précédent.
6.2 Supprimer du contenu
Pour supprimer un élément de contenu, il suffit de le sélectionner dans le workspace puis de faire un clic
droit pour accéder au menu contextuel. Si l’élément sélectionné est un contenu réel, le menu présentera
une option ‘Supprimer’. Si l’élément n’est qu’une référence (un alias utilisé pour afficher un objet de
contenu particulier qui n’est pas réellement situé sur votre page) alors le menu présentera une option
‘Supprimer’. Dans le second cas, l’élément disparaîtra de la page mais pas de votre repository, ni des
autres endroits où il est potentiellement utilisé. Si vous êtes sur le point de supprimer un contenu qui est
référencé à différents endroits, Jahia vous en avertira.
Comment puis-je savoir si un élément de contenu que j’ai rédigé a été réutilisé dans notre plateforme ?
Est-ce que le seul moyen de le savoir est d’essayer de le supprimer ?
Non, si vous ouvrez l’Engine de ce contenu, un onglet ‘Utilisations’ vous fournira une liste des endroits où
ce contenu est actuellement utilisé, avec des liens vers ces emplacements.
6.3 Utiliser un élément de contenu à plusieurs endroits à
la fois
Si un élément de contenu est unique dans le système, cela ne veut pas dire que vous ne pouvez l’utiliser
qu’une seule fois dans une page donnée. Le même contenu peut être utilisé dans différentes pages, dans
différents contextes et mises en page ou dans plusieurs sites Web à la fois, etc.
Il existe plusieurs façons de réutiliser un élément de contenu, y compris via l’utilisation de requêtes et
l’insertion automatique du contenu. Intéressons-nous à une méthode simple et pratique pour réutiliser un
contenu existant.
Page 40 sur 55
Sélectionnez un élément sur une page (clic gauche).
Utilisez le menu contextuel (clic droit) pour copier le contenu.
rendez-vous sur une autre page et sélectionnez une zone (clic gauche).
Utilisez le menu contextuel (clic droit) et choisissez ‘Coller la référence’.
Le contenu apparaît maintenant sur la page, sans que nous l’ayons déplacé ou modifié, ni dupliqué. Nous
avons simplement créé un alias, c’est-à-dire que si le contenu original est modifié, alors le contenu
référencé via l’alias changera également.
Cette possibilité de réutiliser du contenu entre différentes pages et différents sites est très puissante.
Lorsqu’elle est bien utilisée, elle permet aux rédacteurs de se concentrer sur les contenus, et aux
Webmasters de se concentrer sur la façon dont le contenu est utilisé et affiché, avec la certitude que le
contenu utilisé est toujours correct et à jour.
6.4 Gérer les droits
La gestion des rôles et des droits est un vaste sujet. Nous allons procéder à une manipulation assez simple
dans ce Guide de démarrage rapide pour en illustrer les principes de base. Admettons qu’on décide que la
page ‘Publications’ et toutes ses sous-pages ne doivent pas être accessibles aux visiteurs et qu’on veuille
restreindre l’accès à ces pages aux seuls utilisateurs inscrits.
Éditez la page ‘Publications’ via un clic droit dans le Sélecteur et choisissez ’Éditer’ dans le menu. Dans
l’Engine qui apparaît, allez dans l’onglet ‘Rôles’.
Capture d’écran de l’onglet ‘Rôles’ :
Les utilisateurs individuels
et les groupes
apparaissent dans la première colonne, les rôles
apparaissent en tête des autres colonnes. À chaque croisement, lorsqu’une case est cochée, cela signifie
que l’utilisateur ou le groupe s’est vu assigner ce rôle particulier pour l’élément actuel.
Page 41 sur 55
Par exemple, sur la page ‘Publications’, l’utilisateur jenifer est reviewer, ce qui signifie que dans un
processus de workflow elle peut valider cette page et accepter sa publication. John, en tant que translator
pourra modifier du contenu existant dans différentes langues (le traduire) mais ne pourra pas créer de
nouveau contenu.
Nous avons ici deux types d’utilisateurs dignes d’intérêt :
guest : un utilisateur générique, qui peut être n’importe quel visiteur anonyme navigant sur le
site Web en Mode En ligne. (c’est-à-dire des personnes non reconnues par le système)
users : ce groupe contient tous les utilisateurs inscrits dans Jahia. Lorsque des permissions
sont données à ce groupe, tous les utilisateurs inscrits auront ces permissions activées.
Le premier rôle, lecteur (reader), donne la permission de lire le contenu en Mode En ligne.
Pour restreindre la section aux simples visiteurs, mais conserver le droit d’accès pour tous les utilisateurs
inscrits, il vous faudra décocher le rôle reader pour l’utilisateur guest.
Dans Jahia, toutes les permissions sont par défaut héritées par tous les sous-éléments, donc en retirant les
droits de lecture pour les visiteurs sur la page ‘Publications’, tous les sous-contenus seront également
masqués. Ce système d’héritage permet aux administrateurs de configurer les droits avec rapidité et
efficacité. L’héritage peut être cassé à n’importe quel niveau si on le souhaite, il est donc possible de
retirer certaines permissions sur un élément de contenu particulier ou sur une page et de restaurer les
mêmes permissions sur les sous-contenus si besoin.
Les permissions sont paramétrable pour n’importe quel élément de contenu. L’opération à laquelle nous
avons procédé sur une page peut être effectuée sur un petit morceau d’élément de contenu à l’intérieur
d’une page, ainsi la page apparaîtra pour tous les utilisateurs, à l’exception du contenu en question.
Si vous validez les changements de rôles décrits ci-dessus, que vous publiez le site, puis que vous vous
déconnectez, vous verrez que la page ‘Publications’ et toutes ses sous-pages ne sont plus visibles. Si vous
vous connectez avec votre propre compte ou avec celui de n’importe quel autre utilisateur (par exemple,
root ou bien jenifer) alors la page réapparaîtra.
Page 42 sur 55
7 Gérer des sites
7.1 Structurer des sites
Pour réorganiser votre site Web, toutes les opérations peuvent être effectuées dans le premier onglet du
Sélecteur.
Via un clic droit, vous pourrez :
renommer des pages ;
éditer les propriétés des pages ;
supprimer des pages ;
déplacer des pages n’importe où dans l’arborescence.
Pour déplacer une page, il vous suffit de la faire glisser et de la déposer sur une autre page. Par exemple,
faites glisser la page ‘Société’ et déposez-là sur la page ‘Activités’ en relâchant le bouton de votre souris. La
page ‘Société’ a été déplacée sous la page ‘Activités’ dont elle est désormais un enfant.
Page 43 sur 55
Pour réordonner des pages sans les déplacer vers un autre niveau hiérarchique, effectuez la même
opération, mais au lieu de relâcher la page sur une autre page, relâchez-la entre deux autres pages. La
page restera au même niveau mais sera simplement réordonnée.
Page 44 sur 55
Le menu de navigation de vos pages sera automatiquement mis à jour selon les déplacements que vous
effectuez dans le Sélecteur.
Si vous voulez qu’une page existante n’apparaisse pas dans le menu, vous pouvez pour cela éditer ses
propriétés en cochant la case ‘Ne pas afficher’. La page disparaîtra alors du menu.
7.2 Publication plus détaillée
Nous allons maintenant retourner dans le Mode Édition, entrer dans la page Actualités et modifier au
moins trois articles dans la liste. Nous allons modifier les titres, ainsi il sera facile de détecter les
changements.
Page 45 sur 55
Nous allons ensuite publier la page ‘Actualités’ en sélectionnant ‘Tout publier sous Actualités - Français’
dans le menu ‘Publication’.
Vous verrez que :
c’est plus rapide que la première publication du site complet (quasiment instantané) ;
notre article est modifié dans la page ‘Actualités’ pour les visiteurs ;
dans la page d’accueil, la zone centrale qui récupère automatiquement les articles depuis la
page ‘Actualités’ a également été modifiée.
J’ai changé trois articles de news sur ma page, mais je ne veux pas publier tous mes changements
maintenant par ce que je travaille toujours à l’un d’entre eux.
Ce n’est pas un problème. Si vous décidez de publier une page, tout le contenu de cette page sera publié
car Jahia considère que lorsqu’un rédacteur demande à publier une page il veut publier tout ce qui
apparaît alors sur cette page.
Comme Jahia est un système très complet, vous n’êtes pas obligé de publier la page en entier et vous
pouvez choisir de publier uniquement certains éléments.
Retournez dans le Mode Édition et cette fois, modifiez au moins deux articles de news. Imaginons que l’un
de ces deux articles n’est pas prêt à être publié et que vous souhaitez publier le second article. Dans ce cas,
nous n’utiliserons pas les options ‘Publier site’ ou ‘Publier page’, car nous avons déjà vu le résultat de ces
actions de publication.
Dans le workspace, cliquez simplement sur l’article de news modifié que vous souhaitez publier afin de le
sélectionner, puis utilisez le menu ‘Publication’ et choisissez l’option ‘Publier [nom de l’élément
sélectionné]’.
Cette méthode de publication permettra de ne publier que cet article particulier, et tous les autres articles
modifiés sur votre page resteront hors-ligne. Vous pouvez le vérifier en passant en Mode En ligne.
8 Aller plus loin avec les fonctionnalités
interactives
Notre session de Démarrage rapide est presque terminée, mais nous allons rapidement aborder quelques
autres fonctionnalités importantes. Nous avons traité quelques-unes des opérations les plus
Page 46 sur 55
fondamentales, comme l’ajout, la modification, le déplacement et la suppression de contenu. Nous avons
passé brièvement en revue les Modes Édition, Aperçu et En ligne ainsi que la façon dont une page est
composée de multiples éléments de contenu et comment ce contenu passe de l’état ‘en travail’ à l’état
‘publié’.
Publier du contenu éditorial ne sert à rien s’il n’y a pas de lecteurs. Il est donc important d’attirer et de
retenir les lecteurs en fournissant le maximum de valeur ajoutée au contenu, qu’il s’agisse d’informations
complémentaires, d’outils de navigation et de recherche efficaces ou bien de fonctionnalités interactives.
Cela prendrait des heures de démontrer toutes les possibilités offertes par Jahia, mais nous allons nous
intéresser à trois exemples simples qui montrent ce qu’il est possible de faire.
Avec Jahia, tout ce qui apparaît sur une page et est stocké dans le repository est considéré comme du
contenu, pas du contenu éditorial, mais du contenu. Cela est très important car cela permet aux
utilisateurs d’ajouter des fonctionnalités avancées à leurs pages exactement de la même façon qu’ils le
feraient pour créer des pages, des articles de news, des billets et autres communiqués de presse. Dans
Jahia, toutes les fonctionnalités, même les plus complexes, peuvent être manipulées comme n’importe
quel autre contenu.
8.1 Insérer un plan Google Maps
Imaginons que vous ayez un élément de contenu mentionnant un nouveau contrat à Klagenfurt en
Autriche. Comme tout le monde ne sait pas où se trouve Klagenfurt, vous décidez d’afficher un plan.
Tout d’abord, éditez votre contenu et dans l’onglet ‘Options’, cochez la case ‘Adresse - Localisation’, entrez
‘Klagenfurt’ dans le champ ‘Ville’ et sélectionnez ‘Autriche’ dans le champ ‘Pays’.
Page 47 sur 55
Ensuite, allez dans le deuxième onglet du Sélecteur. Tapez ‘carte’ dans le champ supérieur pour filtrer la
liste de types de contenus disponibles ou bien ouvrez la section ‘Composants prêts à l’emploi’, puis faites
glisser le composant ‘Carte (statique)’ après le contenu faisant référence à Klagenfurt.
Page 48 sur 55
Validez l’Engine ‘Carte (statique)’ lorsqu’il apparaît. Vous pouvez éventuellement changer des paramètres
mais ce n’est pas obligatoire.
Une fois l’Engine fermé, le composant est affiché comme ceci :
Page 49 sur 55
Nous voulons maintenant que le composant affiche l’emplacement défini dans le contenu situé au-dessus.
Pour cela, cliquez sur l’icône ‘punaise’
, votre curseur se changera en cette icône
. Maintenant,
cliquez sur le contenu parlant de Klagenfurt car c’est celui que ce plan doit illustrer… et voilà !
Page 50 sur 55
Vous venez de découvrir ce que, chez Jahia, nous appelons des ‘composants liés’ : des composants qui
peuvent interagir avec d’autres éléments et exécuter n’importe quelle action automatiquement.
Il existe de nombreux composants comme celui-ci, livrés clés-en-main avec Jahia 6.6, et que vous pouvez
utiliser ou personnaliser selon vos besoins. Vous pouvez également créer de nouveaux composants pour
étendre la plateforme et les partager sur Jahia Forge (http://www.jahia.com/forge).
Page 51 sur 55
En effet, c’est une fonctionnalité très intéressante, mais je n’imagine pas mes rédacteurs faisant glisser des
composants toute la journée pour afficher des plans quand ils en ont besoin. Ce serait vraiment une perte
de temps !
Vous avez raison, nous avons seulement inséré ce composant ici dans une page pour des raisons de
démonstration. Avec la plupart des CMS, vos rédacteurs ne pourraient pas insérer des plans à volonté si les
développeurs ne se doutaient pas que les rédacteurs pourraient en avoir besoin un jour. La véritable
puissance réside dans le fait d’utiliser ces composants liés dans vos templates. Grâce à cela, les plans
apparaitront automatiquement près de chaque contenu disposant de données de localisation complétées.
Les rédacteurs n’auront alors pas à ajouter les plans manuellement : ils apparaitront simplement lorsque
nécessaire. Les rédacteurs peuvent se concentrer sur la rédaction de contenu de qualité, Jahia fait le reste.
Un autre avantage majeur, cela est également valable pour : l’affichage de tags, l’affichage de liens utiles
vers des sources de données externes déclenché par la présence de certains mots-clés dans le contenu,
l’affichage du portrait de l’auteur, etc. En fait, quelle que soit l’information que vous souhaitez, les
composants liés constituent une façon formidable et très souple de créer des sites Web enrichis avec une
expérience utilisateur de qualité.
8.2 Ajouter un sondage
Nous allons continuer sur la même page. Nous voudrions maintenant savoir si nos lecteurs ont entendu
parler de Klagenfurt. Pour cela, nous allons configurer un sondage. Allez dans le deuxième onglet du
Sélecteur. Tapez ‘sondage’ dans le champ supérieur pour filtrer la liste de types de contenus disponibles.
Faites glisser le composant ‘Sondage’ sur votre page. Complétez l’Engine et sauvegardez.
La page est alors mise à jour avec votre question et un espace prévu pour ajouter les réponses possibles.
Page 52 sur 55
Cliquez sur le bouton vert ‘Réponse’ pour ajouter un nouveau choix de réponse. Vous pouvez ajouter
autant de réponses que vous le souhaitez.
Publiez la page. Passez en Mode En ligne : vos visiteurs peuvent maintenant voter dans votre sondage
(notez qu’un même utilisateur ne peut pas voter plusieurs fois). La présentation graphique du sondage est
définie dans la feuille de style CSS (Cascading Style Sheets) du site Web (que l’on peut bien entendu
personnaliser).
Page 53 sur 55
Et si je veux être notifié à chaque fois que quelqu’un vote dans ce sondage ?
Jahia fournit plusieurs mécanismes répondant à ce besoin. Vous pourriez simplement ajouter une règle
dans le système demandant qu’à chaque fois qu’un nœud ‘answer’ est créé, un email doit être envoyé à
l’administrateur, ou bien modifier le script du sondage pour y insérer un appel à un système externe et
envoyer un SMS, par exemple.
Ces deux exemples concluent notre Démarrage rapide avec Jahia. Bien que vous ne soyez pas encore un
expert, vous avez déjà fait la connaissance d’une petite partie des nombreuses fonctionnalités de Jahia.
N’hésitez pas à faire part de vos impressions ou à poser vos questions dans la section Communauté de
notre site Web. Notre équipe commerciale sera très heureuse de recevoir votre appel et de vous aider à
évaluer votre projet, ou bien de vous fournir plus d’informations sur nos programmes de formation.
Page 54 sur 55
Jahia Solutions Group SA
9 route des Jeunes,
CH-1227 Les acacias
Genève, Suisse
http://www.jahia.com
Page 55 sur 55

Guide de démarrage rapide

Transcription

Documents pareils

Diplomatic-Cover - Top Interactive Agencies

Fichier PDF 84 K - Accueil DSDEN 56

Vers une pédagogie explicite à l`école maternelle…

Sites web institutionnels de l`UNIL avec Jahia Les bases de Jahia

Premier pas avec Jahia: édition

Mutuelle Nationale des Hospitaliers

Seconds pas avec Jahia: webmaster

LICENCE STAPS Education et Motricité