Initiation à l'utilisation de l'interface Jahia pour les contributeurs aux sites Web de l'Université Laval DIRECTION DES TECHNOLOGIES DE LINFORMATION Formateur

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

mardi 11 avril 2023

www.ulaval.ca 2

Plan de formation

1) Présentation de Jahia2) Les composantes de Jahia3) Opérations de gestion de contenu4) L’éditeur de contenu HTML Wysiwyg pro5) Accès, privilèges et groupes6) Les fonctions avancées

Période de questions

www.ulaval.ca 3

Présentation de Jahia

Qu’est-ce qu’un SGC (CMS)?Système de Gestion de ContenuContent 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.

www.ulaval.ca 4

Présentation de JahiaDé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

www.ulaval.ca 5


Compatibilité des navigateurs (fureteurs) Web et plateformes

VisiteursAucunes restrictions

Édimestres et administrateursPC WindowsInternet 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.

www.ulaval.ca 6


Les différences entre un site Web conventionnel et la plupart des SGC (CMS)

http://www.ulaval.ca

www.ulaval.ca 7


Les différences entre un site Web conventionnel et la plupart des SGC (CMS)

http://www.dti.ulaval.ca

SGC

www.ulaval.ca 8


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 !

www.ulaval.ca 9


Étapes de mise en ligne d’un site Jahia (ou d’un changement)

www.ulaval.ca 10


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

www.ulaval.ca 11


Élément de contenuUn é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

www.ulaval.ca 12

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

www.ulaval.ca 13

Présentation de JahiaLa structure d’une page Web Jahia

Zone d’édition

Textes

Images

Liens

Une exception…

www.ulaval.ca 14

Plan de formation

1) Présentation de Jahia

2) Les composantes de Jahia3) Opérations de gestion de contenu4) L’éditeur de contenu HTML Wysiwyg pro5) Accès, privilèges et groupes6) Les fonctions avancées

www.ulaval.ca 15

La clé de pied de page et l’authentification

Les composantes de Jahia

Nom d’utilisateur = IDULMot de passe = NIP

www.ulaval.ca 16

Atelier 1 (5 min)

1- Ouvrir Internet Explorer à : http://www-form.sit.ulaval.ca/2- S’authentifier avec son IDUL-NIP3- Passer en mode édition

Si une question vous est posée concernant la sécurité, acceptez d’installer le certificat de sécurité.


DA

www.ulaval.ca 17


La session et la limite de temps

1. Le délai;2. Les verrous;3. Le pourquoi;4. 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.

www.ulaval.ca 18

Les onglets


D

www.ulaval.ca 19

La barre d’outils flottante


www.ulaval.ca 20

Éditer du contenu dans JahiaFonctionnement général


DAExpliquer niveaux menu. Comment créer une page à partir du menu.

www.ulaval.ca


Atelier 2 (5 min)Créer une page de contenu

21

À partir du menu de gauche :

1.Créer une page Jahia (titre : « Atelier ») en utilisant le gabarit « Internet »;2.Accéder à cette nouvelle page en édition.

www.ulaval.ca 22

Quatre principaux types de contenu


Textes Images Fichiers Liens

www.ulaval.ca 23

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

www.ulaval.ca 24

Pause

De retour dans 15 minutes.

www.ulaval.ca 25

Plan de formation

1) Présentation de Jahia2) Les composantes de Jahia

3) Opérations de gestion de contenu4) L’éditeur de contenu HTML Wysiwyg pro5) Accès, privilèges et groupes6) Les fonctions avancées

www.ulaval.ca 26

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;

www.ulaval.ca 27


DémonstrationIntégration des 4 types de contenu dans la zone d’édition

principale.

DA

www.ulaval.ca


Atelier 3 (20 min)Intégrer du contenu

Dans la page « Atelier » :1.Insérez les 4 boîtes principales de contenu (texte,

fichier, image, lien*).2.Ajoutez deux (2) éléments de contenus dans la boîte

texte.3.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.

28

www.ulaval.ca 29


ApprobationDé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).

D

Atelier 4 (5 min)Approbation du contenuJ’approuve la page portant mon nom ainsi que toutes les pages « enfants » de cette page.

Pour ce faire :1.Passez en mode édition.2.Naviguez jusqu’à la page portant votre nom.3.Cliquez sur « Approbation ».4.Cochez les pages pour lesquelles vous avez terminé votre travail.

www.ulaval.ca 30


Le tri

1. Trier des éléments de contenu;2. Trier des boîtes de contenu.

A

Atelier 5 (10 min)

Dans la page « Atelier » :1.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.

www.ulaval.ca 31


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 ».

www.ulaval.ca 32


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.

www.ulaval.ca 33

Pause dîner

De retour à 13 h 30

Avant d’aller dîner,veuillez quitter votre session.

www.ulaval.ca 34


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 ».

www.ulaval.ca 35


Les liens intrapageLien hypertexte reliant des parties d'un même document

HTML

Synonymes :• hyperlien interne• lien interne• lien intradocument

www.ulaval.ca


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.

36

www.ulaval.ca 37

Plan de formation

1) Présentation de Jahia2) Les composantes de Jahia3) Opérations de gestion de contenu

4) L’éditeur de contenu HTML Wysiwyg pro5) Accès, privilèges et groupes6) Les fonctions avancées

www.ulaval.ca 38

L’éditeur de contenu HTML Wysiwyg pro

Wysiwyg pro• Utilité• Flexibilité

Survol des fonctionsAvantages et inconvénients

DA

Démonstration Wysiwyg proNettoyer le contenuParticularité des tableaux

On ne peut pas fractionner une cellule de tableau à moins qu’elle n’est été préalablement fusionnée.

www.ulaval.ca 39

Pause

De retour dans 15 minutes.

www.ulaval.ca 40

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

www.ulaval.ca 41

Plan de formation

1) Présentation de Jahia2) Les composantes de Jahia3) Opérations de gestion de contenu4) L’éditeur de contenu HTML Wysiwyg pro

5) Accès, privilèges et groupes6) Les fonctions avancées

www.ulaval.ca 42

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

www.ulaval.ca 43

Plan de formation

1) Présentation de Jahia2) Les composantes de Jahia3) Opérations de gestion de contenu4) L’éditeur de contenu HTML Wysiwyg pro5) Accès, privilèges et groupes

6) Les fonctions avancées

www.ulaval.ca 44

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

www.ulaval.ca 45

Coordonnées pour nous joindre

Service à la clientèle, aide et soutien technique

• Par téléphone : poste 3111, option 1• Par courriel : [email protected]

Notre équipe au soutien se fera un plaisir de vous accompagner en cas de besoin.

www.ulaval.ca 46

Remise du diplôme

Veuillez S.V.P. remplir votre document d’évaluation du formateur.

Merci de votre participation à cette formation.

www.ulaval.ca 47

Questions et commentaires ?

Documents

Initiation à l'utilisation de l'interface Jahia pour les contributeurs aux sites Web de l'Université Laval DIRECTION DES TECHNOLOGIES DE LINFORMATION Formateur