1. présentation le projet le cms drupal eléments de vocabulaire les types de contenus...
TRANSCRIPT
1
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
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
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
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
23
Liste des groupes auxquels on appartient
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
Gestion des membres
Autres possibilités dans le groupe par rapport au role
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 despages 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 lesChangements !!
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
44
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/)
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
Insérer un lien
L'éditeur
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.univ-orleans.fr/universite/le-mot-du-president), IL NE FAUT PAS METTRE L'ADRESSE ENTIERE DE LA PAGE
_>Il faut indiquer tout ce qui suit le univ-orleans.fr => /universite/le-mot-du-president
49
Transférer le fichier depuis son poste
Rechercher un fichier existant
L'éditeur
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 !! 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 …..
51
Insérer une vidéo depuis le web
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ésdans la partie Instructions
52
Insérer une vidéo depuis un serveur de streaming
L'éditeur (vidéo du serveur de streaming)
53
Type : FlashFile/URL : /sites/default/files/upload/player.swf
L'éditeur (vidéo du serveur de streaming)
54
Flash Vars: file=repertoire/fichier.f4v&streamer=rtmp://cso.univ-pucvl.fr/vod
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-du-president) (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 pourbien 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.univ-orleans.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
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