Initiation à l'utilisation de l'interface Jahia pour les contributeurs aux sites Web de l'Université Laval  DIRECTION DES TECHNOLOGIES DE L’INFORMATION Formateur : Marc Germain jeudi, 30 mars 2017

Plan de formation Présentation de Jahia Les composantes de Jahia Opérations de gestion de contenu L’éditeur de contenu HTML Wysiwyg pro Accès, privilèges et groupes Les fonctions avancées Période de questions

Présentation de Jahia Qu’est-ce qu’un SGC (CMS)? Système de Gestion de Contenu Content Management System Il s’agit d’un outil qui facilite et simplifie la maîtrise du contenu de son site Web notamment lors de : L’ajout, le retrait et la mise à jour de textes d’images ou de liens. La création de sections ou de pages Web.

Présentation de Jahia Définition Système intégré et multiplateforme permettant aux entreprises et aux organisations de gérer rapidement et facilement le contenu dynamique et rédactionnel d'un site Web. Source : Grand dictionnaire terminologique - OLF En général les SGC comportent une interface d'administration qui permet une gestion simple, rapide et rigoureuse du contenu. Des fonctions supplémentaires peuvent se greffer avec aisance via des modules ou autre « add-ons »  ce qui rend cette solution évolutive et pouvant ainsi s’adapter aux besoins changeants des organisations. Pour plus de détails sur les SGC : http://fr.wikipedia.org/wiki/Systeme_de_gestion_de_contenu

Présentation de Jahia Compatibilité des navigateurs (fureteurs) Web et plateformes Visiteurs Aucunes restrictions Édimestres et administrateurs PC Windows Internet Explorer 6, 7 et 8 Cette restriction de compatibilité en édition de contenu n’est pas liée à Jahia mais plutôt à Wysiwyg pro qui est un ajout (addon) à Jahia.

Présentation de Jahia http://www.ulaval.ca Les différences entre un site Web conventionnel et la plupart des SGC (CMS) http://www.ulaval.ca

Présentation de Jahia http://www.dti.ulaval.ca SGC Les différences entre un site Web conventionnel et la plupart des SGC (CMS) http://www.dti.ulaval.ca SGC

Présentation de Jahia Arborescence des pages d’un site Web Quelques termes Arborescence des pages d’un site Web Bandeau (ou bannière) Zone d’édition Boîte de contenu Élément de contenu Gabarit (template) Héritage Rôles et privilèges * Attention aux noms de fichiers et aux noms de clés d’URL !

Présentation de Jahia Étapes de mise en ligne d’un site Jahia (ou d’un changement) Programmeur Test Approbation Production

Présentation de Jahia Propriétés : Étiquette et type Boîte de contenu Une boîte de contenu s’identifie par son étiquette. Grâce à l’étiquette, on peut avoir une bonne idée des éléments que la boîte contiendra. Propriétés : Étiquette et type

Présentation de Jahia Propriétés : selon le type de la boîte Élément de contenu Un élément de contenu est obligatoirement du type de sa boîte. Un élément de contenu est toujours à l’intérieur d’une boîte. Une boîte peut contenir de 0 à n éléments de contenu. Propriétés : selon le type de la boîte

Présentation de Jahia Chaque type dans la boîte qui lui convient

Présentation de Jahia Zone d’édition Textes Images Liens La structure d’une page Web Jahia Zone d’édition Textes Images Liens Une exception…

Plan de formation Les composantes de Jahia Présentation de Jahia Opérations de gestion de contenu L’éditeur de contenu HTML Wysiwyg pro Accès, privilèges et groupes Les fonctions avancées

Les composantes de Jahia La clé de pied de page et l’authentification Nom d’utilisateur = IDUL Mot de passe = NIP

Les composantes de Jahia Atelier 1 (5 min) 1- Ouvrir Internet Explorer à : http://www-form.sit.ulaval.ca/ 2- S’authentifier avec son IDUL-NIP 3- Passer en mode édition Si une question vous est posée concernant la sécurité, acceptez d’installer le certificat de sécurité. DA

Les composantes de Jahia La session et la limite de temps Le délai; Les verrous; Le pourquoi; Les exceptions. Astuce : Toujours cliquer sur OK avant de quitter son poste de travail. Les changements courants sont alors immédiatement appliqués en mode édition et vous pourrez retourner modifier ce contenu n’importe quand par la suite.

Les composantes de Jahia Les onglets D

Les composantes de Jahia La barre d’outils flottante

Les composantes de Jahia Éditer du contenu dans Jahia Fonctionnement général Expliquer niveaux menu. Comment créer une page à partir du menu. DA

Les composantes de Jahia Atelier 2 (5 min) Créer une page de contenu À partir du menu de gauche : Créer une page Jahia (titre : « Atelier ») en utilisant le gabarit « Internet »; Accéder à cette nouvelle page en édition.

Les composantes de Jahia Quatre principaux types de contenu Textes Images Fichiers Liens

Les composantes de Jahia Autres boîtes de contenu Exemples : Webapp (application Web) Météo, formulaires, forum, commerce électronique, etc. Ancre de lien intrapage FAQ, retour en haut de page, etc. (démo) Contenu sur mesure Fiche personnelle, nouvelle, contact, etc. Ces boîtes de contenu ne viennent pas par défaut dans tous les sites Web. Pour des raisons de simplicité d’utilisation, seules les boîtes utiles pour votre site seront rendues disponibles. D

Pause De retour dans 15 minutes.

Plan de formation Opérations de gestion de contenu Présentation de Jahia Les composantes de Jahia Opérations de gestion de contenu L’éditeur de contenu HTML Wysiwyg pro Accès, privilèges et groupes Les fonctions avancées

Opérations de gestion de contenu Les normes applicables aux sites Web à l’Université Laval Prendre connaissance du document « aide-mémoire » http://www.scom.ulaval.ca/piv/documents/AMnormesWeb.pdf Tous les gabarits d’un site Web Jahia doivent avoir été soumis aux normes avant d’être publiés et rendus disponibles. Cette étape de la phase de contrôle de la qualité facilite le travail de rédaction et d’intégration de contenu des édimestres et la phase de contrôle pour les administrateurs. Importance du poids des images; Caractères spéciaux et accentués;

Opérations de gestion de contenu Démonstration Intégration des 4 types de contenu dans la zone d’édition principale. DA

Opérations de gestion de contenu Atelier 3 (20 min) Intégrer du contenu Dans la page « Atelier » : Insérez les 4 boîtes principales de contenu (texte, fichier, image, lien*). Ajoutez deux (2) éléments de contenus dans la boîte texte. Ajoutez un élément de contenu dans chacune des trois autres boîtes. * : Seule la boîte lien permet de créer des pages. Pour créer une page, je dois d’abord créer un lien sur la page parent ou dans le menu. Jahia créera alors à la fois le lien et la page de destination.

Opérations de gestion de contenu Approbation Dépendant de mes privilèges et rôles, les pages approuvées passent en ligne ou en attente d’approbation par une personne ayant les privilèges d’administration sur la page (voyants verts ou jaunes). Atelier 4 (5 min) Approbation du contenu J’approuve la page portant mon nom ainsi que toutes les pages « enfants » de cette page. Pour ce faire : Passez en mode édition. Naviguez jusqu’à la page portant votre nom. Cliquez sur « Approbation ». Cochez les pages pour lesquelles vous avez terminé votre travail. D

Opérations de gestion de contenu Le tri Trier des éléments de contenu; Trier des boîtes de contenu. Atelier 5 (10 min) Dans la page « Atelier » : Trier les boîtes de contenu de la zone d’édition principales de manières à disposer les boîtes dans l’ordre suivant (de haut en bas) : Boîte lien Boîte fichier Boîte image Boîte texte 2. Trier les éléments de contenu dans la boîte de texte de manière à faire afficher le dernier texte en premier et vice-versa. A

Opérations de gestion de contenu L’option « Sauvegarder et ajouter » ASTUCE : Pour accélérer l’ajout successif de boîtes ou d’éléments de contenus, il est préférable d’utiliser le bouton « Sauvegarder et ajouter ».

Opérations de gestion de contenu ASTUCE : Pensez à bien diviser les boîtes et éléments de contenu d’une manière logique et structurée. Vous gagnerez ainsi beaucoup de temps lors de mises à jour futures.

veuillez quitter votre session. Pause dîner Avant d’aller dîner, veuillez quitter votre session. De retour à 13 h 30

Opérations de gestion de contenu Astuce Toujours utiliser les boutons « OK »,  « Sauvegarder et ajouter », « Appliquer » et « Annuler » de Jahia. Ne jamais utiliser le « X » de votre navigateur. Les boutons indiquent à Jahia l’opération que vous désirez effectuer. Jahia ne reçoit aucune information sur vos intentions quand vous fermez une fenêtre avec le « X ».

Opérations de gestion de contenu Les liens intrapage Lien hypertexte reliant des parties d'un même document HTML Synonymes : hyperlien interne lien interne lien intradocument

Opérations de gestion de contenu Atelier 6 (15 min) Exercice lien intrapage Créer un lien intrapage permettant de retourner en haut de la page « atelier ». Créer ce lien intrapage en utilisant les options offertes dans l’outil d’édition Wysiwyg pro.

Plan de formation L’éditeur de contenu HTML Wysiwyg pro Présentation de Jahia Les composantes de Jahia Opérations de gestion de contenu L’éditeur de contenu HTML Wysiwyg pro Accès, privilèges et groupes Les fonctions avancées

L’éditeur de contenu HTML Wysiwyg pro Utilité Flexibilité Survol des fonctions Avantages et inconvénients Démonstration Wysiwyg pro Nettoyer le contenu Particularité des tableaux On ne peut pas fractionner une cellule de tableau à moins qu’elle n’est été préalablement fusionnée. DA

Pause De retour dans 15 minutes.

L’éditeur de contenu HTML Wysiwyg pro Atelier 7 (50 min) Exercice récapitulatif boîtes et éléments de contenu Voir document « atelier7.doc » disponible sous le lien « Atelier 7 » en page d’accueil. DA

Plan de formation Accès, privilèges et groupes Présentation de Jahia Les composantes de Jahia Opérations de gestion de contenu L’éditeur de contenu HTML Wysiwyg pro Accès, privilèges et groupes Les fonctions avancées

Accès, privilèges et groupes Les comptes et les groupes Différences entre l’utilisation d’un compte ou d’un groupe. Comment créer un groupe et lui assigner des comptes? L’héritage des privilèges d’accès. Rôles Visiteur Édimestre Administrateur D

Plan de formation Les fonctions avancées Présentation de Jahia Les composantes de Jahia Opérations de gestion de contenu L’éditeur de contenu HTML Wysiwyg pro Accès, privilèges et groupes Les fonctions avancées

Les fonctions avancées Menu des fonctions avancées Métadonnées Propriétés de la page Clé d’URL Gestion des versions Gestionnaire de fichiers (WebDav) Contenus communs, contacts et popups Fenêtre de navigation Propriétés du site Administration Exercice wysiwyg, si on a du temps

Coordonnées pour nous joindre Service à la clientèle, aide et soutien technique Par téléphone : poste 3111, option 1 Par courriel : aidejahia@serviceweb.ulaval.ca Notre équipe au soutien se fera un plaisir de vous accompagner en cas de besoin.

Remise du diplôme Veuillez S.V.P. remplir votre document d’évaluation du formateur. Merci de votre participation à cette formation.

Questions et commentaires ?