Projet Plateforme de Partage de Contenus Multimédias (3)

Projet « PPCM »
Plateforme de Partage
de Contenus Multimédia
Développement d’une plateforme
de diffusion et de partage de
contenus multimédia

Création du type de contenu
• Pour permettre aux utilisateurs contributeurs
inscrits à votre plateforme de déposer leurs
photos, il faut d’abord créer un « type de
contenu » adapté.
• Il doit permettre
▫ De déposer une ou plusieurs photos,
▫ D’ajouter les métadonnées associées.

• Drupal propose plusieurs types de contenu par
défaut (Page, Article…)
▫ Il permet aussi de construire vos propres types de
contenu
▫ Ou encore d’adapter des types de contenus
existants en les modifiant ou en y ajoutant des
éléments supplémentaires.

• Avec Drupal, tous les types de contenus partagent
les mêmes informations de base (un node en langue
Drupal)
▫ Un titre
▫ Une description
• Ainsi que la possibilité de les spécialiser en leur
ajoutant des informations supplémentaires.
• Il est possible d’avoir plusieurs types de contenus à
la fois (l’utilisateur choisira d’abord le type de
contenu qu’il veut créer parmi la liste des types de
contenu disponibles et qui lui sont permis).

• Pour la plateforme, vous allez adapter un type de
contenu existant mais optionnel: « Gallery »
▫ Ce type de contenu n’est pas activé par défaut
 Il faut donc commencer par l’activer en activant le
module qui le déploie (media gallery).
 Le type de contenu « Gallery » permet de créer une
galerie de médias (au choix, photos, vidéos et sons).
▫ Vous allez ensuite l’adapter en lui ajoutant la
description des métadonnées correspondant au thème
de votre plateforme.
• Vous pouvez effacer tous les autres types de contenu
(ou simplement ne pas les permettre à vos
utilisateurs)

• Pour essayer d’illustrer ce que représente un
type de contenu:
▫ Le type de contenu est similaire au plan d’un
meuble, une commode par exemple.
▫ A partir de ce plan, il sera possible de construire
autant de commodes que nécessaire.
▫ Toutes les commodes construites à partir du plan
auront toutes la même structure (en gros les
mêmes tiroirs).
▫ Chaque client pourra ensuite la remplir avec ses
propres affaires.

• Le type de contenu correspond au plan de la commode
▫ Chaque métadonnée peut être vue comme un tiroir de la
commode.
▫ A partir du type de contenu (plan de la commode), il est
possible d’autoriser chaque utilisateur à créer un nouveau
contenu (une commode).
▫ Puis de lui permettre de remplir le contenu avec ses
informations qui se rangent dans les métadonnées/tiroirs
(il met ses chaussettes dans le tiroir à chaussettes et ses tee-
shirts dans le tiroir à tee-shirts).
▫ Chaque utilisateur aura ses propres informations à fournir,
mais le formulaire permettant de remplir le contenu
demandera les mêmes métadonnées à tous les utilisateurs.

• Dans Drupal, pour chaque métadonnée/tiroir, il
faudra indiquer:
▫ Le nom qu’on lui donne (qui indique aussi ce
qu’elle représente)
▫ Le type de valeur qu’on peut y ranger
 Un peu comme si on avait des tiroirs à chaussettes
dans lesquelles on ne peut mettre que des
chaussettes et pas autre chose.

• Imaginons que le thème de votre plateforme est:
▫ Les monuments
• Vous activez le module « Gallery »
• Vous pouvez changer le nom du type de contenu de
« gallery » à « monuments »
• Vous ajoutez les métadonnées décrivant un monument
de façon générale.
• Les contributeurs de votre plateforme pourront ensuite
déposer leurs contenus en créant un contenu pour
chaque monument et en insérant:
▫ Les photos
▫ Les valeurs des métadonnées qui décrivent le monument.

• Type de contenu « monument »
▫ Un exemple de métadonnée:
 Type de monument:
 Les valeurs possibles: château, cathédrale, temple, statue,
avenue, building
 A choisir, liste fixe
▫ Vous définissez à l’avance la liste de toutes les valeurs
possibles que vous autorisez
 ou liste ouverte
▫ Vous laissez chaque contributeur proposer une valeur
(principe des tags de Flickr ou 500px)
 Le contributeur doit obligatoirement fournir la valeur de
cette métadonnée.

Premières choses à retenir
• Drupal est flexible:
▫ Chaque fois que vous modifiez quelque chose, Drupal
le prend immédiatement en compte.
▫ Drupal reste toujours fonctionnel, même si votre
plateforme n’est pas terminée
 Vous allez la construire au fur et à mesure des étapes.
▫ Tout ce que vous pouvez activer, vous pouvez le
désactiver
 Il est donc possible de tester, puis d’annuler si nécessaire
▫ A part si vous effacez (delete) quelque chose, vous
pouvez toujours revenir en arrière.
 N ’hésitez pas à tester

Activer le module des galleries
• Vérifiez si le module « Media Gallery » est déjà activé

• Si non, activez-le

• Et enregistrez cette configuration

Adapter le contenu « Gallery »
• Dans « content types » depuis « Structure »

• Il existe d’autres types de contenu (Articles,
Page, Poll et éventuellement d’autres)
▫ Vous pouvez
 Soit ne pas les utiliser en n’autorisant pas vos
utilisateurs à créer des contenus de ces types
 Soit les utiliser si vous pensez qu’ils peuvent
compléter votre site en y ajoutant des type de
contenus supplémentaires (par exemple le type poll
permet de créer des votes en ligne).

• Configuration globale
▫ Configuration/media

• Pour chaque type dont Gallery, vous pouvez
▫ L’editer (edit)
▫ Gérer ses champs (manage fields)
 C’est là que vous allez pouvoir ajouter vos
métadonnées.
▫ Gérer son affichage (manage display)
 C’est là que vous allez pouvoir décider comment le
type de contenu sera affiché en fonction du contexte.
▫ L’effacer (delete)
 Mais uniquement pour certains types de contenu

• D’abord éditer pour adapter
• A visionner
▫ http://youtu.be/48BHLzaa0y4

• Puis ajouter des fields/champs/métadonnées
• A visionner:
▫ http://youtu.be/K9RtgZ4iq2Y

• Ajout d’un nouveau field (add new field)

• 4 informations à fournir pour ajouter un nouveau
field:
▫ Le nom (Label): pour affichage pour l’utilisateur
▫ Le nom du champ (Field name): pour le nom de stockage dans la
base de données de Drupal
▫ Le type de données (Type of data): définit le type de valeurs que
peut prendre le field
▫ Le widget: définit le type de composant graphique du formulaire
de saisie de la valeur du field (liste, bouton radio, boîte de
selection…)

• Exemple de fields:
▫ Métadonnée pour représenter des voitures
 Label: marque
 Field name: marque
 Type of data: text
 Formelement: textfield
▫ Métadonnée pour représenter des monuments
 Label: taille
 Field name: taille
 Type of data: float (nombre décimal)
 Formelement: textfield

• Exemple de fields:
▫ Métadonnée pour représenter des recettes
 Label: continent
 Field name: continent
 Type of data: list(text)
 Formelement: select list
 La liste des valeurs doit être fournie ensuite

• Les type de données possibles

• Les type de données possibles
▫ Boolean: oui/non
 P.e. homme/femme
▫ Date
▫ Types numériques: Decimal/Float/Integer
▫ Types textuels: Text/Long Text/Long
Text&summary
▫ Listes: numériques ou textuelles
▫ Link: lien, ou URL ou adresse web

• Ajouter une métadonnée:
▫ Créer le field

▫ Cliquer sur « Save »

▫ Configurer le field

 Label (normalement déjà complété, mais vous pouvez le
changer)
 Help text: indications à fournir à l’utilisateur pour lui
expliquer comment compléter le field lors de la saisie
 Textprocessing (propre au type de donnée):
 Texte plat ou formaté
 Size of textfield: Nombre de caractères du champ de saisie
 Default value: possibilité de définir une valeur par défaut
pour le field

 Required: field obligatoire ou pas
 Visibility: visibilité et permission (public, privé ou
personnalisé)
 Number of values: nombre de valeurs possibles pour
ce field, une ou plus, illimité
 Maximum length: nombre maximum de caractère
pour le field

• Un type de field particulier:
▫ Termreference
 Permet d’utiliser un vocabulaire (appelé taxonomy dans
Drupal) comme les tags de Flickr
 Une taxonomy à un nom et contient une liste de termes
 Les termes peuvent être prédéfinis (l’utilisateur ne peut que
choisir dans un vocabulaire fixe) ou ouvert (l’utilisateur
ajoute des termes dans le vocabulaire) ou mixte.
 Il est ensuite facile de retrouver tous les contenus qui ont
été taggés avec un terme du vocabulaire: permet de
catégoriser les contenus et de les sélectionner par
catégories

• Comment procéder
▫ Créer une taxonomy (Structure/Taxonomy)
▫ Ajouter un field « termreference » au type de
contenu avec lequel vous voulez utiliser la
taxonomy
▫ Sélectionnez le widget
 Select list ou radio buttons si la liste est prédéfinie
 Autocompleteterm si vous voulez que les utilisateurs
ajoutent les termes du vocabulaire librement

• Un exemple
▫ Vous voulez ajouter une métadonnée indiquant
une ville
 Il n’est pas envisageable de créer une liste prédéfinie
de toutes les villes existantes dans le monde
 Vous allez créer une taxonomy pour laisser vos
utilisateurs créer eux-mêmes la liste au fur et à
mesure de leurs contributions.

• Création de la taxonomyvilles
• A visionner:
▫ http://youtu.be/40VFUYv3JRI

• Création de la taxonomy villes

• Création de la taxonomy villes

• Vous pouvez insérer des termes avec « addterms »

• Association de la taxonomy à un field

• Association de la taxonomy à un field

• Chaque fois qu’un utilisateur ajoutera un contenu, il pourra
insérer un nom de ville qui viendra s’ajouter au
vocabulaire/taxonomy et pourra être utilisé par les autres.
• Le formelement permet de compléter la saisie d’un terme à
partir des termes existants dans la taxonomy.
• Si le terme Paris existe dans le vocabulaire et que l’utilisateur
commence à taper « Pa », le terme Paris lui sera
automatiquement proposé.

• Enfin gérer l’affichage
• A visionner:
▫ http://youtu.be/CfRhYfqjSyU

• Enfin gérer l’affichage
▫ Les contextes:
▫ Les principaux
 Full content: affichage complet
 Pour affichage d’un seul contenu
 Affichage de tous les fields
 Teaser: affichage court
 Pour affichage d’une liste de contenus
 Affichage des fields principaux

• Comment fields
▫ Par défaut les commentaires contiennent
 Auteur
 Titre
 Texte
▫ Il est possible de les adapter pour le type de
contenu associé en y ajoutant des fields
supplémentaires.
 Par exemple ajouter un field de type list(Integer) de
1 à 6 pour donner une note en plus du commentaire

• Comment fields

A retenir sur les types de contenu
• Si vous modifiez un type de contenu
▫ Alors que vous avez déjà créé des contenus de ce
type
 Les changements affecteront les nouveaux contenus
 Mais pas systématiquement les anciens qui ont déjà
été créés.

Configurer les rôles
• Gérer les permissions
• A visionner:
▫ http://youtu.be/CTUqnGVkppU
▫ Un utilisateur a
 Un ou plusieurs rôle
▫ Chaque rôle a
 Des permissions
▫ Pour un utilisateur les permissions de ses rôles se
cumulent

• Par défaut il existe 4 rôles sur DrupalGardens
▫ Anonymous: tout visiteur anonyme
▫ Authentified: tout utilisateur identifié (qui a créé
un profil, un compte sur la plateforme)
▫ Administrator: le rôle d’administrateur (peut tout
faire)
▫ Site maintainer: idem
• Vous pouvez créer des rôles supplémentaires
▫ Et leur donner leurs propres permissions

• Par défaut chaque rôle prédéfini a déjà des
permissions
▫ Que vous pouvez librement modifier à votre guise
 Ne touchez pas aux permissions des rôles
Administrator et Site maintainer.

• En général, à chaque module correspond une ou
plusieurs permissions
▫ Par exemple, au module Node correspondent des
permissions sous la rubrique Node.
▫ Elles définissent ce que chaque rôle peut ou ne
peut pas faire avec les fonctionnalités offertes par
le module.

• Les permissions

• Les permissions
▫ Dans la situation précédente les utilisateurs
anonymes peuvent voir/lire les commentaires,
mais ne peuvent pas en poster.

• Les permissions
▫ Dans la situation précédente les utilisateurs
anonymes peuvent voir/lire les commentaires, et
en poster.

• Les permissions
▫ Dans la situation précédente, les utilisateurs
anonymes et authentifiés peuvent voir tous les
contenus quelque soit leur type
▫ Ils ne peuvent pas créer de contenus de type
« gallery », ni les éditer, ni les effacer.

• Les permissions
▫ Dans la situation précédente, les utilisateurs
anonymes peuvent voir tous les contenus quelque
soit leur type
 Ils ne peuvent pas créer de contenus de type
« gallery », ni les éditer, ni les effacer.
▫ Les utilisateurs authentifiés peuvent créer des
contenus de type gallery, editer et effacer leurs
propres contenus gallery (et uniquement ceux qui
leur « appartiennent »).

• Les permissions
▫ A vous décider si vous avez besoin de rôles
supplémentaires.
▫ A vous de décider quelles permissions vous
autorisez à quels rôles
▫ Quand vous modifiez des permissions, vous devez
les enregistrer pour qu’elles soient prises en
compte (cliquer sur « Save permissions » tout en
bas de la fenêtre des permissions)

• Pour gérer correctement les contenus de type
gallery, il faut
▫ Autoriser les permissions suivantes:
 View media
 Edit media
 Et facultativement
 Add media fromremote services

Adapter les profils des utilisateurs
• Il est aussi possible d’ajouter des métadonnées
au profil des utilisateurs
▫ Cela permet de décrire chaque utilisateur en
fonction du thème de la plateforme ou d’autres
caractéristiques.
▫ Les visiteurs peuvent ensuite retrouver des
contenus intéressants en parcourant les
utilisateurs en fonction de leur profil.

• Quand un nouvel utilisateur s’inscrit
▫ Il remplit les informations pour créer son compte
 Plus celles de son profil qui correspond aux
métadonnées utilisateur ajoutées
▫ Il peut aussi les modifier depuis son compte
(depuis l’option « Edit profile» de « Myaccount »)

• Le mécanisme est identique à celui d’ajout des
métadonnées aux types de contenu
• L’accès se fait depuis le menu « Configuration »,
puis « Account settings »

• Account settings

• Account settings/manage fields

• Account settings/manage fields
▫ Vous pouvez ajouter de nouveaux champs/fields
pour décrire vos métadonnées utilisateurs.
▫ Le mécanisme est identique à celui des ajout de
nouveaux champs/fields des types de contenu.

Configuration globale des utilisateurs
• Depuis « Accounts settings »
 Modalités de création de compte
 Modalités de suppression de compte

▫ Autoriser les utilisateurs à créer leur signature (depuis leur
compte)

▫ Autoriser les utilisateurs à personnaliser leur photo/avatar
(depuis
leur
compte)

• Pour modifier sa signature ou son avatar, il faut
accéder à son compte (« Myaccount »)
▫ Puis à « Edit account »
▫ La signature peut être éditée avec un éditeur WYSIWYG
 Elle apparaîtra à la fin de chaque commentaire publié par l’utilisateur
▫ Sur DrupalGardens, la photo de l’avatar se modifie en se
connectant au serveur central de DrupalGardens
 Il faut cliquer sur le lien
 « Change these values, yourpassword and your avatar on the Drupal
Gardens server. »
 C’est aussi en passant par ce lien que l’utilisateur peut modifier son mot de
passe, son email et son nom d’utilisateur (username)

 Texte des différents emails envoyés aux utilisateurs

Pour tester le tout
• Créer un utilisateur avec comme rôle « authentifié »
• A visionner:
▫ http://youtu.be/6roDWzVq3g0
• Se connecter à la plateforme
• Ajouter un contenu (Add content)
▫ Créer un contenu gallerie
 Titre
 Description
 Fields ajoutés
▫ Une fois le contenu créé, ajouter les photos (Add
media)

Pour tester le tout
• Ajout de medias
▫ Upload images
 Télécharger des photos depuis votre ordinateur.
 Embed URL: insérer des photos déjà en ligne à
partir de leur adresse web ou des vidéos youtube à
partir de leur adresse web.
 Browselibrary: insérer des photos ou médias déjà
téléchargé sur la plateforme.

Projet Plateforme de Partage de Contenus Multimédias (3)

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Similar a Projet Plateforme de Partage de Contenus Multimédias (3)

Similar a Projet Plateforme de Partage de Contenus Multimédias (3) (20)

Más de Laurent Moccozet

Más de Laurent Moccozet (10)

Último

Último (16)

Projet Plateforme de Partage de Contenus Multimédias (3)