Formation Site Internet Drupal - Administrateur

1
(No Transcript)
2

• Présentation
• Le projet
• Le CMS Drupal
• Eléments de vocabulaire
• Les types de contenus
• L'entité / groupe
• Les rôles
• Le workflow et révisionning
• L'interface
• La gestion des utilisateurs
• Connexion et gestion de l'utilisateur
• L'affectation à un groupe (une entité)
• Cas particulier

3

• La gestion du contenu
• Création d'une entité de niveau 1 et de niveau 2
• Création d'une page
• Modération et publication
• Gestion du menu
• Conclusion
• Bilan de ce qui a été vu
• Questions / Réponses

4
(No Transcript)
5

• Le projet

6

• Le CMS Drupal
• Critères fondamentaux
• Logiciel Libre, non lié à une entreprise
• Pérennité existence et disponibilité du code
• Nature et volume de la communauté (croissance
  exponentielle depuis 2010 plus de 12 000
  développeurs en 2011
• Aspects technologiques
• Maturité du code (création en 2001)
• Couverture fonctionnelle
• Relative simplicité d'utilisation et de
  déploiement
• Fonctionnalité "sans limite"

7
(No Transcript)
8

• Références
• La maison blanche http//www.whitehouse.gov/
• France Television http//www.francetelevisions.f
  r/
• Sciences Po http//www.sciencespo.fr/
• Le portail du gouvernement http//www.gouverneme
  nt.fr/
• Radio France http//www.radiofrance.fr/
• Des instituts à Harvard http//www.iq.harvard.ed
  u/
• Et aussi rue89, kiloutou, ipsos, le figaro,
  école internationale de genève
• de références www.drupalsites.org

9
(No Transcript)
10

• Les types de contenus
• Un type de contenu ce sont le type des pages
  que l'on affiche dans la partie centrale du site
• Actualité
• Page Basique
• Page Complexe
• Iframe
• Entité (type de contenu particulier)
• A chaque type de contenu, ses champs et
  informations à remplir
• Des champs date de début et de fin pour les
  actualités, des paramètres de publication pour
  tous ...
• Définir qui peut voir les contenus

11

• L'entité / groupe (grâce au module Organic
  groups)
• Permet de construire le site en groupe de
  contenus
• Chaque groupe correspond à une entité de
  l'Université
• Un groupe se comporte comme un "sous site" dans
  le site principal.
• Le groupe dispose d'utilisateurs, de menus et de
  contenus

12

• L'entité / groupe (grâce au module Organic
  groups)
• Chaque utilisateur affecté à un groupe dispose
  d'un rôle affecté dans le contexte du groupe
  uniquement. Ainsi les permissions et droits de
  l'utilisateur ne sont valables que dans le
  contexte du groupe
• (un contributeur du groupe A n'est pas
  contributeur du groupe B par défaut)
• Un membre d'une entité ne peut rien faire sans
  avoir de droits

13

• Les rôles
• Rôles de notre projet / site
• Ce sont des droits que l'on va donner à
  différents utilisateurs
• Contributeur peut proposer des articles/pages
  dans son / ses entité(s)
• Modérateur peut modérer des articles soumis par
  le contributeur et le placer dans un menu
• Administrateur de droit peut donner des droits
  aux membres de l'entité
• Administrateur d'entité Rôle permettant
  d'affecter des utilisateurs à des
  entités/groupes, de gérer le menu de l'entité /
  groupe
• Suivi des publications Rôle qui permet de
  recevoir des alertes en cas de publication de
  nouveaux contenus dans une entité
• Rôles Drupal
• Utilisateur anonyme Internaute classique
• Utilisateur authentifié Utilisateur qui s'est
  connecté à Drupal
• Administrateur Grand Manitou !

14

• Workflow et Révisionning
• Les états du workflow
• Brouillon
• En modération
• Publié
• Le révisionning
• Draft pending
• Publié
• Archivé

15

• Workflow et révisionning
• Nouveau contenu

16

• Workflow et Révisionning
• Contenu existant

17
(No Transcript)
18
Accueil Entité ou Page avec diverses actions
Menu de l'entité
Ce que vous pouvez faire dans l'entité
19
Gérer son compte (pour retrouver les entités
auxquelles on appartient)
Pages à modérer au sein de l'entité
Pages dont on est propriétaire dans le groupe
20
(No Transcript)
21

• Connexion et gestion des utilisateurs
• Via le CAS identifiant et mot de passe
  identique à l'ENT ou l'Intranet
• Une première connexion est nécessaire pour
  s'enregistrer sur notre site gt par contre,
  impossibilité de faire quoi que ce soit (sauf
  pour les administrateurs d'entité)
• Demande au CRI de devenir administrateur
  d'entité/groupe (en précisant bien le groupe )
• Quand c'est OK, les droits arrivent à la seconde
  connexion (pour les modérateurs par exemple)

22

• Connexion et gestion
• Se connecter au site Internet
• Cliquer sur se connecter
• Vous accédez alors à la connexion via le CAS
  (idem Intranet, ENT )

23

• Connexion et gestion

Liste des groupes auxquels on appartient
24

• L'affectation à un groupe
• Se connecter
• Disposer des droits "administrateur d'entité"
• Accéder au groupe en se rendant sur un contenu du
  groupe (par exemple le menu FX)
• En vous connectant en passant par l'URL /user,
  vous arrivez sur une page d'accueil où les
  groupes auxquels vous appartenez sont affichés.

25

• L'affectation à un groupe
• On arrive sur la page d'accueil du groupe

Autres possibilités dans le groupe par rapport au
role
Gestion des membres
26

• L'affectation à un groupe
• Clique sur le nombre de membre
• Puis sur l'onglet "Ajouter des membres"
• On saisit alors l'adresse mail de l'utilisateur
  et on ajoute l'utilisateur en cliquant sur
  "Ajouter l'Utilisateur"
• (le login d'un utilisateur correspond en fait à
  son adresse mail)

27

• L'affectation à un groupe
• Donner les rôles à l'utilisateur
• Revenir sur la liste des membres (en cliquant sur
  le nombre de membres) et cliquer sur "Configure
  Role"

28

• L'affectation à un groupe
• Donner le rôle de modérateur à l'utilisateur
  rajouté en enregistrer le choix.

29

• Cas particulier
• Pour un groupe comprenant des sous groupes
• Le rajout d'un utilisateur dans un groupe le
  rajoute forcément au groupe enfant
• Si on créé un sous groupe d'un groupe, les
  utilisateurs déjà présents dans le groupe ne sont
  pas propagés
• Attention membre mais sans droit
• L'action de donner les droits est une action
  "volontaire" et pas automatique

30

• Exercice
• Rajouter votre voisin de gauche ou droite en tant
  que contributeur pour votre groupe.

31
(No Transcript)
32

• Création d'une entité de niveau 1 ou 2
• Se fait par demande au CRI (qui réalise cette
  création ou modification de structure)
• Préciser le format de l'entité (à voir par la
  suite)
• Préciser également le nom de l'administrateur de
  cet entité (c'est lui qui gèrera ensuite les
  membres et les droits dans cette entité)

33

• Edition d'une entité
• L'administrateur peut ensuite modifier l'entité
  mais ATTENTION !!!
• En page d'accueil de l'entité, l'administrateur
  choisit "Editer" comme pour une page normale

34

• Edition d'une entité
• Le choix de la langue doit être "Indépendant de
  la langue"

35

• Edition d'une entité
• Il faut choisir "Fermé" au niveau des demandes
  d'adhésion (c'est l'administrateur qui décide qui
  adhère)
• Si c'est une entité de niveau 2 (sous groupe
  d'une entité parent), il faut choisir un groupe
  parent
• Activer les menus si nécessaire

36

• Edition d'une entité
• Présentation classique

37

• Edition d'une entité
• Page plus structurée avec Composite Layout

38

• Présentation de la page d'accueil d'une entité
• Page plus structurée accueil pour
  l'administrateur
• L'onglet "Nodes" / "Blocs" Permet de choisir
  des pages (actualités ou pages basiques
  uniquement) ou des blocs que l'on veut mettre en
  page d'accueil
• (un bloc étant une fonctionnalité préprogrammée
  liste d'actualités spécifiques, nombre
  d'utilisateurs en lignes )
• Une fois que les pages sont choisies, l'onglet
  "Zones" permet de les positionner dans la page en
  fonction du layout

39

• Edition de l'accueil d'une entité
• Page d'accueil de l'entité
• L'onglet "Nodes" ou blocs
• (Ne seront proposées que des
• pages du groupe)
• (Idée Possibilité de créer x
• pages sans lien dans le menu
• uniquement pour la page
• d'accueil de l'entité)

40

• Edition de l'accueil d'une entité
• Page d'accueil de l'entité
• L'onglet "Zones"
• On positionne les blocs
• et pages que l'on a choisi
• en faisant glisser la croix
• On choisit l'affichage voulu
• (complet, résumé )
• Pensez à enregistrer les
• Changements !!

41

• Edition de l'accueil d'une entité
• Exercice
• Modifier la page d'accueil de votre entité (Fx)
  en affichant une page avec sur la première ligne
  la page 'Test insert youtube' puis sur une
  deuxième ligne la page "Mot du président" dans la
  1ère colonne et 'actualité "Test Location
  Ads-Com" dans la deuxième colonne. Et enfin dans
  la 3ème ligne, afficher le nombre d'utilisateurs
  en lignes ( ou le carrousel des actualités).

42

• Création d'une page basic
• Cliquer sur "Créer une page basic"
• Saisir le titre de la page
• Saisir le contenu de la page dans la partie Body
• Choisir la langue du contenu (Anglais ou
  Français)
• Saisir l'entrée du menu ainsi que le titre du
  menu (le menu est lié à vos droits !)
• Sélectionner le groupe de la page (si vous êtes
  rattachés à plusieurs groupes) (GARDER LA CASE
  "Public" cochée !!!)
• Dans validation du contenu, mettre votre page en
  mode "Brouillon" (pas encore fini ma page mais je
  dois partir) ou en mode "En modération".
• Valider le formulaire
• Ne pas toucher à "Composite Layout"

43

• Création d'une page basic titre et contenu

44

• Création d'une page basic langue et menu

On indique le nom de l'item dans le menu
On peut choisir l'URL si on veut une URL précise
(commence après le .fr/)
45

• Création d'une page basic (3)

On garde la case "public" cochée
46

• Création d'une page basic (3)

ON NE TOUCHE PAS POUR UNE PAGE SIMPLE OU
COMPLEXE OU ACTUALITE
47

• Création d'une page
• Exercice Créer une page de type basic en
  insérant que du texte que vous placez directement
  en modération et dans le menu de l'entité à
  laquelle vous appartenez (le nom de la page sera
  Ma première page et l'item du menu sera Essai)

48

• Création d'une page
• Cliquer sur "Créer une page Complexe"
• Idem que la page simple sauf la partie Body qui a
  disparu
• La page peut en effet se présenter sous la forme
  d'un tableau où l'on choisit soit même les
  colonnes que l'on remplit et la taille donnée aux
  colonnes
• (il faut avoir une colonne de gauche pour pouvoir
  valider l'alignement de la colonne de droite)
•                

49

• L'éditeur

Pour faire un lien vers une page web -gt On
saisit l'URL -gt On choisir si la page s'ouvre
dans une nouvelle fenêtre (Open link in a new
window) -gt Pour un lien vers un document on
utilise l'icône pour télécharger un document -gt
Pour créer un lien vers une page du site (ex
http//wwwdev.univ-orleans.fr/universite/le-mot-du
-president), IL NE FAUT PAS METTRE L'ADRESSE
ENTIERE DE LA PAGE _gtIl faut indiquer tout ce
qui suit le univ-orleans.fr gt /universite/le-mot-
du-president
Insérer un lien
50
Rechercher un fichier existant

• L'éditeur

Transférer le fichier depuis son poste
Dossier réservé à l'utilisateur (le numéro est
l'identifiant de l'utilisateur du produit). Seul
l'utilisateur a accès à ce dossier. C'est ce
dossier qui est à utiliser pour placer les
documents.
51

• L'éditeur (insertion d'une image)
• Bien mettre un titre
• et une description !!
• L'onglet "appearance" permet de
• régler le positionnement de
• l'image dans le texte (comme
• Sous Word)

Insérer une image Idem que le lien MAIS ..
52

• L'éditeur (insertion d'une vidéo depuis le web)
• Il suffit de saisir l'URL et la taille
• que l'on veut donner à l'affichage
• A noter des exemples sont notés
• dans la partie Instructions

Insérer une vidéo depuis le web
53

• L'éditeur (vidéo du serveur de streaming)

Insérer une vidéo depuis un serveur de streaming
Type Flash File/URL /sites/default/files/uploa
d/player.swf
54

• L'éditeur (vidéo du serveur de streaming)

Flash Vars filerepertoire/fichier.f4vstreamerr
tmp//cso.univ-pucvl.fr/vod
55

• Création d'une page
• Exercice Créer une page de type complexe avec
  sur une première ligne un joli texte prenant 60
  de la place en largeur, sur la deuxième ligne un
  texte avec une image sur la partie droite
  (laisser la moitié gauche vide) et enfin sur une
  troisième ligne un texte avec un lien vers un
  fichier pdf ou word et un lien vers une autre
  page du site
• (http//wwwdev.univ-orleans.fr/universite/le-mot-d
  u-president) (ATTENTION A L'URL)
• (page prête à être modérée, et présente dans le
  menu du groupe)

56

• Modération et publication
• Lorsqu'une page a été soumise par un
  contributeur, un nouveau bloc apparait
• Un mail est aussi envoyé auX modérateurS
• Clic sur le nom de la page à modérer
• La page s'affiche avec le texte

57

• Modération et publication
• Lorsqu'une page a été soumise par un
  contributeur, un nouveau bloc apparait
• Vous pouvez aller l'éditer pour
• bien voir le contenu,
• éventuellement le modifier
• (faute d'orthographe par ex.)
• et vérifier le menu
• et le groupe où il a été
• positionné.

58

• Modération et publication
• La page semble bonne, vous pouvez cliquer sur
  "Révisions" (et s'il n'y a qu'une révision) puis
  "Publier" (cf diapo 42)
• Il ne reste qu'à publier la page en ayant choisit
  l'heure de publication

59

• Modération et publication
• La page semble bonne, vous pouvez cliquer sur
  "Révisions"
• Si la page possède plusieurs révisions, il faut
  cliquer sur la révision que vous voulez publier
  (la dernière) puis "Publier cette révision"

60

• Modération et publication
• La page est OK, vous avez cliquer sur "Publier"
• La page est alors publique
• Un mail est envoyé aux personnes ayant le rôle de
  suivre les publications
• Note Il est nécessaire de passer par l'état
  modération (un peu comme sur l'Intranet avec
  l'état brouillon, puis validé puis publié.

61

• Modération et publication
• La page est KO et nécessite des modifications, il
  faut aller sur l'onglet Workflow
• Remettre en brouillon
• Saisir le commentaire
• Valider
• Note On voit
• l'historique des actions !

62

• Modération et publication
• La page est KO et nécessite des modifications, il
  faut aller sur l'onglet Workflow et vous avez
  refusé la publication
• La révision reste en attente
• La page repasse à l'état brouillon
• Le contenu n'est pas visible des internautes
• Un mail est envoyé à l'auteur de la page.
• Il n'y a plus la page à modérer

63

• Modération et publication
• Je modifie une page qui est publiée
• J'ai édité une page du site (que j'ai créé)
• Je valide
• -gt Une nouvelle révision de la page est créée
  avec le statut en attente de modération
• -gt La page passe aussi en attente de modération
• -gt Un mail est envoyé au modérateur
• En attendant, c'est l'ancienne page qui reste
  visible (il n'y a pas de page avec Erreur 404 !)

64

• Modération et publication
• Je modifie une page qui est publiée
• Au niveau de l'onglet "Révisions", je vois donc
• Possibilité de comparer les pages

65

• Modération et publication
• Résultat au niveau Révisions et Workflow
• Ancienne révision archivée et l'historique à jour

66

• Modération et publication
• Exercice Publier la contribution en attente
  dans votre entité

67

• Gestion du menu
• L'administrateur d'entité peut aussi gérer ses
  menus (depuis la page d'accueil de l'entité)
• Cliquer sur Menus
• La liste des menus s'affiche

68

• Gestion du menu
• L'administrateur d'entité peut aussi gérer ses
  menus
• La gestion des menus s'affiche

69

• Gestion du menu
• L'administrateur d'entité peut aussi gérer ses
  menus
• On peut rajouter un élément dans le menu (ex
  rendre accessible une page directement dans le
  menu provisoirement ou non en cliquant sur
  "Ajouter un Elément")
• On peut donc activé l'affichage d'un menu déjà
  existant
• Le déplier si besoin (pour voir le sous menu d'un
  menu dès le départ)
• L'éditer pour modifier par exemple
• Le nom de l'élément dans le menu
• La page vers laquelle pointe le menu
• On peut éventuellement supprimer une entrée de
  menu
• ATTENTION Ca ne supprime pas la page qui existe
  toujours via son URL mais sans entrée dans le
  menu (donc accessible via un lien par exemple)

70

• Gestion du menu
• L'administrateur d'entité peut aussi gérer ses
  menus
• Pour créer une entrée dans le menu vers une page
  du site
• IL NE FAUT PAS METTRE L'ADRESSE ENTIERE DE LA
  PAGE
• Ex, je veux référencer la page
  http//wwwdev.univ-orleans.fr/universite/le-mot-du
  -president
• Il ne faut pas mettre le lien en dur gt Ce sera
  toujours le site de développement (même une fois
  en production) qui sera atteint)
• Il faut indiquer tout ce qui suit le
  univ-orleans.fr/
• gt universite/le-mot-du-president
• DIFFERENT DU LIEN DANS UNE PAGE

71

• Exercice
• Modifier son entité de façon à avoir
• Une page d'accueil de l'entité avec un texte
  simple
• Un menu de la forme suivante
• Avec un sous menu A1 qui s'affiche quand on
  clique sur A
• (les pages à créer seront des pages "basics" avec
  une seule ligne de texte, les titres des pages
  seront "Pages A1", "Pages A2" .)

72

• Bilan de ce qui a été vu
• Plein de choses (trop ?) !!
• Bien connaître le vocabulaire de base
• Multiples possibilités d'où travail avec
  attention
• D'autres choses possibles
• Statistiques complètes (google analytics) !
• Partage avec des réseaux sociaux
• Service de Google Map pour le site
• Questions ?
• Pas tous en même temps !!

73

• Nos adresses CRI
• olivier.anglard_at_univ-orleans.fr
• equipe.web_at_univ-orleans.fr
• christelle.lalande_at_univ-orleans.fr
• Nos adresses MOA
• pascal.higelin_at_univ-orleans.fr
• MERCI !!!!!