DOCUMENTATION Guide de démarrage rapide 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 Interface graphique du Mode Édition... 16 5 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 6 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 7 Gérer des sites... 43 7.1 Structurer des sites... 43 7.2 Publication plus détaillée... 45 8 Aller plus loin avec les fonctionnalités interactives... 46 8.1 Insérer un plan Google Maps... 47 8.2 Ajouter un sondage... 52 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