View
111
Download
5
Category
Preview:
Citation preview
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
Présentation de Jahia
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
Présentation de Jahia
Les différences entre un site Web conventionnel et la plupart des SGC (CMS)
http://www.ulaval.ca
www.ulaval.ca 7
Présentation de Jahia
Les différences entre un site Web conventionnel et la plupart des SGC (CMS)
http://www.dti.ulaval.ca
SGC
www.ulaval.ca 8
Présentation de Jahia
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
Présentation de Jahia
Étapes de mise en ligne d’un site Jahia (ou d’un changement)
www.ulaval.ca 10
Présentation de Jahia
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
Présentation de Jahia
É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é.
Les composantes de Jahia
DA
www.ulaval.ca 17
Les composantes de Jahia
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
Les composantes de Jahia
D
www.ulaval.ca 19
La barre d’outils flottante
Les composantes de Jahia
www.ulaval.ca 20
Éditer du contenu dans JahiaFonctionnement général
Les composantes de Jahia
DAExpliquer niveaux menu. Comment créer une page à partir du menu.
www.ulaval.ca
Les composantes de Jahia
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
Les composantes de Jahia
Textes Images Fichiers Liens
www.ulaval.ca 23
Autres boîtes de contenu
Les composantes de Jahia
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
Opérations de gestion de contenu
DémonstrationIntégration des 4 types de contenu dans la zone d’édition
principale.
DA
www.ulaval.ca
Opérations de gestion de contenu
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
Opérations de gestion de contenu
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
Opérations de gestion de contenu
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
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 ».
www.ulaval.ca 32
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.
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
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 ».
www.ulaval.ca 35
Opérations de gestion de contenu
Les liens intrapageLien hypertexte reliant des parties d'un même document
HTML
Synonymes :• hyperlien interne• lien interne• lien intradocument
www.ulaval.ca
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.
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 : aidejahia@serviceweb.ulaval.ca
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 ?
Recommended