Initiation

1
Initiation à l'utilisation de l'interface Jahia
pour les contributeurs aux sites Web de
l'Université Laval 

• SERVICE DE LINFORMATIQUE ET DES
  TÉLÉCOMMUNICATIONS
• Formateur Marc Germain
• dimanche, 12 janvier 2014

2
Plan de formation

1. Présentation de Jahia
2. Les composantes de Jahia
3. Opérations de gestion de contenu
4. Léditeur de contenu HTML Wysiwyg pro
5. Accès, privilèges et groupes
6. Les fonctions avancées

3
Plan de formation

• Présentation de Jahia
• Origines
• Navigateurs et environnement de travail
• Quest-ce quun SGC (CMS)
• Les différences entre un site Web conventionnel
  et un SGC (CMS)
• Les termes
• La structure dune page Web 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

4
Présentation de Jahia

• Origines

http//www.jahia.org
5
Présentation de Jahia

• Navigateurs et environnement de travail
• Visiteurs
• Aucunes restrictions
• Édimestres et administrateurs
• PC Windows
• Internet Explorer
• Cette restriction de compatibilité en édition de
  contenu nest pas liée à Jahia mais plutôt à
  Wysiwyg pro qui est un addon à Jahia.

6
Présentation de Jahia

• Quest-ce quun SGC (CMS) ?
• Il sagit dun outil qui facilite et simplifie la
  maitrise du contenu de son site Web notamment
  lors de
• Lajout, le retrait et la mise à jour de textes
  dimage ou de lien
• La création de sections ou de pages Web

7
Présentation de Jahia

• Définition

Les "Content Management System (CMS)" permettent
de réduire le temps de réalisation d'un site Web
(Visuel, ergonomie, contenu). En général ils
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  addons   ce qui rend cette solution
évolutive et pouvant donc sadapter ainsi aux
besoins changeants des organisations.
8
Présentation de Jahia

• Les différences entre un site Web conventionnel
  et un SGC (CMS)

http//www.ulaval.ca
9
Présentation de Jahia

• Les différences entre un site Web conventionnel
  et un SGC (CMS)

http//www.sit.ulaval.ca
JAHIA
10
Présentation de Jahia

• Quelques termes

Arborescence de site Web Gabarit (template)
Zone dédition
Bandeau ou bannière Rôles
Attention aux noms de fichiers et aux noms de
clés dURL !
11
Présentation de Jahia

• La structure dun site Web Jahia

12
Présentation de Jahia

• La structure dune page Web Jahia

exemple
13
Présentation de Jahia

• La structure dune page Web Jahia

Zone dédition
Textes Images Liens
14
Plan de formation

• Présentation de Jahia
• Les composantes de Jahia
• La clé de pied de page et lauthentification
• La résolution décran confortable
• Les onglets
• Les voyants de couleur et leur signification
• La barre doutils
• Principaux types de contenu
• Boîtes de contenu avancées
• Ateliers
• Opérations de gestion de contenu
• Léditeur de contenu HTML Wysiwyg pro
• Accès, privilèges et groupes
• Les fonctions avancées

15
Les composantes de Jahia

• La clé de pied de page et lauthentification

Nom dutilisateur IDUL Mot de passe NIP
16
Les composantes de Jahia

• Atelier
• 1- Visiter la page
• http//www.sit.ulaval.ca/sgc/formation_jahia/
• 2- Sauthentifier avec son IDUL-NIP

DA
17
Les composantes de Jahia

• La résolution décran (haute)

18
Les composantes de Jahia

• La résolution décran (basse)

19
Les composantes de Jahia

• Les onglets

D
20
Les composantes de Jahia

• Les voyants de couleur et leur signification

21
Les composantes de Jahia

• La barre doutils flottante

22
Les composantes de Jahia

• Principaux types de contenu

Textes Images
Fichiers Liens
23
Les composantes de Jahia

• Démonstration et atelier
• Dans la page  Exemple de nouvelle , insertion
  des 4 boîtes principales de contenu (texte,
  fichier, image, lien) et ajout dun ou plusieurs
  éléments de contenu dans chacune delle.

DA
24
Les composantes de Jahia

• Boîtes de contenu avancées

Exemples Webapp (application Web)
Météo, formulaires, forum, etc. Ancre de lien
intrapage FAQ, retour en haut de page,
etc. (démo) Contenu sur mesure
Fiche personnelle, nouvelle, contact, etc.
D
25
Pause café

• De retour dans environ 15 minutes

26
Plan de formation

• Présentation de Jahia
• Les composantes de Jahia
• Opérations de gestion de contenu
• Le tri
• Créer une page de contenu (à partir dun lien)
• Loption  Sauvegarder et ajouter 
• La session et la limite de temps
• Approbation du contenu
• Ateliers
• Léditeur de contenu HTML Wysiwyg pro
• Accès, privilèges et groupes
• Les fonctions avancées

27
Opérations de gestion de contenu

• Le tri
• Trier des éléments de contenu
• Trier des boîtes de contenu.

D
28
Opérations de gestion de contenu

• Tri
• Dans la page  Exemple de nouvelle 
• Trier des éléments de contenu dans une des
  boîtes
• Trier les boîtes de contenu de la zone dédition.

A
29
Opérations de gestion de contenu

• Comment créer une page de contenu (à partir dun
  lien)
• Création dune page en sous menu
• Création dun page par le biais dune boîte lien.

D
30
Opérations de gestion de contenu

• Créer des page de contenu et des liens
• À partir du menu
• Créer une page Jahia à partir du menu du premier
  niveau (titre  Mon passe-temps préféré )
• Créer un lien vers un site externe à partir du
  menu du deuxième niveau (ex http//www.ulaval.ca
  )
• À partir de la boîte lien
• Créer une page Jahia à partir dun élément de
  contenu de type  lien  (titre  Ma page
  personnelle )
• Créer un lien vers une page Jahia existante à
  partir dun élément de contenu de type  lien .
  (Un lien vers la page dun(e) collègue par
  exemple)

A
31
Opérations de gestion de contenu

• Loption  Sauvegarder et ajouter 
• ASTUCE Pour accélérer lajout successif de
  boîtes ou déléments de contenus, il est
  préférable dutiliser le bouton  Sauvegarder et
  ajouter 

32
Opérations de gestion de contenu

• ASTUCE
• Pensez à bien diviser lors de la création les
  boîtes et éléments de contenu dune manière
  logique et structurée. Vous gagnerez ainsi
  beaucoup de temps lors de mises à jour futures.

33
Opérations de gestion de contenu

• La session et la limite de temps
• Le délai
• Les verrous
• Le pourquoi
• Les exceptions.
• Astuce Toujours faire OK avant de quitter son
  poste de travail. Les changements courants sont
  alors immédiatement appliqués en mode édition et
  vous pourrez retourner travailler ce contenu
  nimporte quand par la suite.

34
Opérations de gestion de contenu

• Approbation du contenu
• Japprouve la page portant mon nom ainsi que
  toutes les pages enfants de cette page.

D
35
Opérations de gestion de contenu

• Approbation du contenu
• Essayez dapprouver la page portant votre nom
  ainsi que toutes les pages enfants de cette page.
• De quelle couleur est le voyant en mode édition?

A
36
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 lopération que vous désirez effectuer.
  Jahia ne reçoit aucune information sur vos
  intentions quand vous fermez une fenêtre avec le
   X .

37
Opérations de gestion de contenu

• Exercice récapitulatif
• Recréer la page suivante à partir du texte
  fourni, dune image présente dans le gestionnaire
  de fichiers et des adresses destination des
  divers liens.
• Directives
• http//www.sit.ulaval.ca/webdav/site/sit/shared/Li
  brairie/Corbeille/recap.doc
• Image
• http//www.sit.ulaval.ca/webdav/site/sit/shared/Li
  brairie/Corbeille/images/jahia_logo.gif

38
Pause dîner

• De retour vers 13h30

39
Plan de formation

• Présentation de Jahia
• Les composantes de Jahia
• Opérations de gestion de contenu
• Léditeur de contenu HTML Wysiwyg pro
• Lajout à Jahia de modules tiers
• Les éditeurs texte disponibles
• Survol des fonctions communes aux éditeurs texte
  standards
• Ajouter une image et la modifier
• Ateliers
• Accès, privilèges et groupes
• Les fonctions avancées

40
Léditeur de contenu HTML Wysiwyg pro

• Lajout à Jahia de modules tiers
• Utilité
• Flexibilité
• Webapps
• Wysiwyg pro
• Etc.

41
Léditeur de contenu HTML Wysiwyg pro

• Les éditeurs texte disponibles

42
Léditeur de contenu HTML Wysiwyg pro

• Survol des fonctions communes aux éditeurs texte
  standards

1. Application de styles prédéfinis
2. Nettoyer du contenu texte
3. Voir le code HTML
4. Prévisualiser le contenu.

DA
43
Léditeur de contenu HTML Wysiwyg pro

• Ajouter une image et la modifier

DA
44
Léditeur de contenu HTML Wysiwyg pro

• Ajout et manipulation dun tableau

DA
45
Léditeur de contenu HTML Wysiwyg pro

• Ajout de liens
• Vers une image (on en a parlé plus tôt)
• Vers une page du site
• Vers une page externe
• Vers un fichier
• Pour envoyer un courriel
• Insérer une ancre de lien intrapage

DA
46
Léditeur de contenu HTML Wysiwyg pro

• Exercice récapitulatif
• Dans la page produite en exercice récapitulatif
  de ce matin, ajoutez une boîte  fichier  pour
  créer deux liens en haut de page vers des
  fichiers (un PDF et un DOC)
• Ensuite, créez un lien intrapage dans le bas de
  la même page qui ramènera le visiteur en haut
  complètement. Ce lien se nommera  Retour en
  haut . (Indice vous devrez créer une ancre de
  lien intrapage)

DA
47
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 visiteurs, les édimestres et les
  administrateurs
• Les comptes et les groupes
• Les groupes par défaut
• Les types daccès
• Lhéritage des privilèges
• Démonstration
• Les fonctions avancées

48
Accès, privilèges et groupes

• Les visiteurs, les édimestres et les
  administrateurs
• Les différences
• Exemples.

49
Accès, privilèges et groupes

• Les comptes et les groupes
• Différences entre lutilisation dun compte ou
  dun groupe
• Comment créer un groupe et lui assigner des
  comptes?

D
50
Accès, privilèges et groupes

• Lhéritage des privilèges daccès

Exemple dIntranet
D
51
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
• Menu des fonctions avancées
• Gestion des groupes et privilèges
• Intranet
• Suppression dune page de contenu
• Déplacement dune page de contenu
• Gestion des versions (survol)
• Démonstration
• Ateliers

52
Les fonctions avancées

• Menu des fonctions avancées
• Métadonnées
• Propriétés de la page
• Clé dURL
• Gestionnaire de fichiers (WebDav)
• Contenus communs, contacts et popups
• Fenêtre de navigation
• Propriété du site
• Administration

53
Les fonctions avancées

• Gestion des groupes et privilèges

54
Pause café

• De retour dans environ 15 minutes

55
Les fonctions avancées

• Gestion des versions (survol)
• Déplacement dune page de contenu
• Suppression dune page de contenu

D
56
Les fonctions avancées

• Gestion des versions
• 1- Créer une page Jahia
• 2- Insérer une boîte et un élément de contenu
• 3- Approuver la parution
• 4- Apporter des modifications
• 5- Approuver à nouveau
• 6- Revenir à la version antérieure.

DA
57
Les fonctions avancées

• Déplacement dune page de contenu Jahia
• 1- Créer une lien dans le menu de gauche
• 2- Choisir  Déplacer une page Jahia existante
  ici
• 3- Choisir la page à déplacer (une page créée
  antérieurement)
• 4- Approuver la parution

D
58
Les fonctions avancées

• Suppression dune page de contenu Jahia
• 1- Créer une page Jahia (ou choisir une page
  existante)
• 2- Supprimer cette page
• 3- Approuver
• ASTUCE Pour ramener une page supprimée, il faut
  naviguer jusquà à la page parent de la page que
  nous désirons récupérer. Ensuite, il faut
  utiliser la gestion des versions.

DA
59
Questions et commentaires ?
60
Coordonnées pour nous joindre

• Service à la clientèle, aide et soutien technique
• Par téléphone poste 10109
• Par courriel aidejahia_at_serviceweb.ulaval.ca
• Notre équipe au soutien se fera un plaisir de
  vous accompagner en cas de besoin.

61
Sites Jahia existants
Centre dorientation et de consultation psychologique http//www.cocp.ulaval.ca
Centre dintervention en matière de harcèlement http//www.cimh.ulaval.ca
Centre de reprographie (Repro-Laval) http//www.srep.ulaval.ca
Institut Technologies de linformation et Sociétés http//www.itis.ulaval.ca
Association des diplômés de lUniversité Laval http//www.adul.ulaval.ca
Service de linformatique et des télécommunications http//www.sit.ulaval.ca
Faculté des études supérieures http//www.fes.ulaval.ca
Projet de modernisation de la gestion des études http//www.pmgde.ulaval.ca
Managers sans frontières http//www.mngsf.ulaval.ca
Samedi de ladmission http//www.samedi.ulaval.ca
Bureau de planification et détudes institutionnelles http//www.bpei.ulaval.ca
Comité en santé psychologique du personnel http//www.santepsy.ulaval.ca
Journée de bienvenue de lUniversité Laval http//www.bienvenue.ulaval.ca
Profil entrepreneurial http//www.profil.ulaval.ca
Collège des administrateurs de sociétés http//www.cas.ulaval.ca
Vice-rectorat aux études http//www.vre.ulaval.ca
Observatoire international de la réussite scolaire http//www.oirs.ulaval.ca
Faculté de pharmacie http//www.pha.ulaval.ca
Faculté des sciences de ladministration http//www.fsa.ulaval.ca
Service de sécurité et de prévention http//www.ssp.ulaval.ca
Et bien dautres !
62
Remise du diplôme

• Veuillez SVP remplir votre document dévaluation
  du formateur.
• Merci de votre participation à cette formation.