Transcript Formation Site Internet Drupal - Administrateur

1

Présentation

Eléments de vocabulaire

L'interface

La gestion des utilisateurs
◦ Le projet
◦ Le CMS Drupal
◦
◦
◦
◦
Les types de contenus
L'entité / groupe
Les rôles
Le workflow et révisionning
◦ Connexion et gestion de l'utilisateur
◦ L'affectation à un groupe (une entité)
◦ Cas particulier
2

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
3
4

Le projet
5

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"
6
7

Références
◦
◦
◦
◦
◦
◦
◦
◦
La maison blanche : http://www.whitehouse.gov/
France Television : http://www.francetelevisions.fr/
Sciences Po : http://www.sciencespo.fr/
Le portail du gouvernement :
http://www.gouvernement.fr/
Radio France : http://www.radiofrance.fr/
Des instituts à Harvard : http://www.iq.harvard.edu/
Et aussi : rue89, kiloutou, ipsos, le figaro, école
internationale de genève …
+ de références : www.drupalsites.org
8
9

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 …
10

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
11

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
12

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 !
13

Workflow et Révisionning
◦ Les états du workflow
 Brouillon
 En modération
 Publié
◦ Le révisionning
 Draft pending
 Publié
 Archivé
14

Workflow et révisionning
◦ Nouveau contenu
15

Workflow et Révisionning
◦ Contenu existant
16
17
Accueil Entité
ou Page avec
diverses
actions
Menu de
l'entité
Ce que vous
pouvez faire
dans l'entité
18
Pages à
modérer au
sein de
l'entité
Gérer son compte
(pour retrouver les
entités auxquelles on
appartient)
Pages dont
on est
propriétaire
dans le
groupe
19
20

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
=> 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)
21
 Connexion et gestion
 Se connecter au site Internet
 Cliquer sur se connecter
 Vous accédez alors à la connexion via le CAS (idem
Intranet, ENT …)
22
 Connexion et gestion
Liste des groupes auxquels
on appartient
23

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.
24

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
25

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)
26

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"
27

L'affectation à un groupe
◦ Donner le rôle de modérateur à l'utilisateur rajouté en
enregistrer le choix.
28

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
29

Exercice :
◦ Rajouter votre voisin de gauche ou droite en tant que
contributeur pour votre groupe.
30
31

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é)
32

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
33

Edition d'une entité
 Le choix de la langue doit être : "Indépendant de la langue"
34

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
35

Edition d'une entité
 Présentation classique:
36

Edition d'une entité
 Page plus structurée avec Composite Layout
37

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
38

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é)
39

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 !!
40

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).
41

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"
42
 Création d'une page basic : titre et contenu
43
 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/)
44
 Création d'une page basic (3)
On garde la case
"public" cochée
45
 Création d'une page basic (3)
ON NE TOUCHE PAS POUR
UNE PAGE SIMPLE OU
COMPLEXE OU ACTUALITE
46
 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)
47

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)
◦
48
 L'éditeur
Insérer un lien
Pour faire un lien vers une page web :
-> On saisit l'URL
-> On choisir si la page s'ouvre dans une
nouvelle fenêtre (Open link in a new
window)
-> Pour un lien vers un document on utilise
l'icône pour télécharger un document
-> Pour créer un lien vers une page du site
(ex : http://wwwdev.univorleans.fr/universite/le-mot-dupresident), IL NE FAUT PAS METTRE
L'ADRESSE ENTIERE DE LA PAGE
_>Il faut indiquer tout ce qui suit le
univ-orleans.fr => /universite/le-motdu-president
49
 L'éditeur
Transférer le
fichier depuis
son poste
Rechercher un
fichier existant
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.
50
 L'éditeur (insertion d'une image)
Bien mettre un titre
et une description !!
Insérer une image : Idem que
le lien MAIS …..
L'onglet "appearance" permet de
régler le positionnement de
l'image dans le texte (comme
Sous Word)
51
 L'éditeur (insertion d'une vidéo depuis le web)
Insérer 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
52
 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/upload/player.
swf
53
 L'éditeur (vidéo du serveur de streaming)
Flash Vars:
file=repertoire/fichier.f4v&stre
amer=rtmp://cso.univpucvl.fr/vod
54
 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-dupresident) (ATTENTION A L'URL)
◦ (page prête à être modérée, et présente dans le menu du
groupe)
55

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 …
56

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é.
57

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
58

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"
59

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é.
60

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 !
61

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
62

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
 -> Une nouvelle révision de la page est créée avec le statut en
attente de modération
 -> La page passe aussi en attente de modération
 -> 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 !)
63

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
64

Modération et publication
◦ Résultat au niveau Révisions et Workflow
 Ancienne révision archivée et l'historique à jour
65

Modération et publication
◦ Exercice : Publier la contribution en attente dans votre
entité
66

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
67

Gestion du menu
◦ L'administrateur d'entité peut aussi gérer ses menus
 La gestion des menus s'affiche
68

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)
69

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.univorleans.fr/universite/le-mot-du-president
 Il ne faut pas mettre le lien en dur => 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/
 => universite/le-mot-du-president
 DIFFERENT DU LIEN DANS UNE PAGE
70

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" ….)
71

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 !!
72

Nos adresses CRI
◦ [email protected]
◦ [email protected]
◦ [email protected]

Nos adresses MOA
◦ [email protected]

MERCI !!!!!
73