Projet Plateforme de Partage de Contenus Multimédias (3)
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 1,388 views

Troisième étape du projet du cours Services et Technologies Multimédia.

Troisième étape du projet du cours Services et Technologies Multimédia.

Statistics

Views

Total Views
1,388
Views on SlideShare
1,386
Embed Views
2

Actions

Likes
0
Downloads
15
Comments
1

1 Embed 2

http://graaaspge.epfl.ch 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • Projet « PPCM »Plateforme de Partagede Contenus MultimédiaDéveloppement d’une plateformede diffusion et de partage decontenus 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.
  • Création du type de contenu• 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.
  • Création du type de contenu• 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).
  • Création du type de contenu• 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)
  • Création du type de contenu• 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.
  • Création du type de contenu• 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.
  • Création du type de contenu• 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.
  • Création du type de contenu• 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.
  • Création du type de contenu• 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.
  • Dans DrupalGardens
  • 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 »
  • Adapter le contenu « Gallery »• 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).
  • Adapter le contenu « Gallery »• Configuration globale ▫ Configuration/media
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• D’abord éditer pour adapter• A visionner ▫ http://youtu.be/48BHLzaa0y4
  • Adapter le contenu « Gallery »• Puis ajouter des fields/champs/métadonnées• A visionner: ▫ http://youtu.be/K9RtgZ4iq2Y
  • Adapter le contenu « Gallery »• 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…)
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• Les type de données possibles
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• Ajouter une métadonnée: ▫ Créer le field ▫ Cliquer sur « Save »
  • Adapter le contenu « Gallery »• Ajouter une métadonnée: ▫ Configurer le field
  • Adapter le contenu « Gallery »• Ajouter une métadonnée: ▫ Configurer le field
  • Adapter le contenu « Gallery »• Ajouter une métadonnée: ▫ 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
  • Adapter le contenu « Gallery »• Ajouter une métadonnée: ▫ Configurer 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
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• 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.
  • Adapter le contenu « Gallery »• Création de la taxonomyvilles• A visionner: ▫ http://youtu.be/40VFUYv3JRI
  • Adapter le contenu « Gallery »• Création de la taxonomy villes
  • Adapter le contenu « Gallery »• Création de la taxonomy villes• Vous pouvez insérer des termes avec « addterms »
  • Adapter le contenu « Gallery »• Association de la taxonomy à un field
  • Adapter le contenu « Gallery »• Association de la taxonomy à un field
  • Adapter le contenu « Gallery »• 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é.
  • Adapter le contenu « Gallery »• Enfin gérer l’affichage• A visionner: ▫ http://youtu.be/CfRhYfqjSyU
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• 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
  • Adapter le contenu « Gallery »• 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
  • Configurer les rôles• 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
  • Configurer les rôles• 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.
  • Configurer les rôles• 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.
  • Configurer les rôles• Les permissions
  • Configurer les rôles• Les permissions ▫ Dans la situation précédente les utilisateurs anonymes peuvent voir/lire les commentaires, mais ne peuvent pas en poster.
  • Configurer les rôles• Les permissions
  • Configurer les rôles• Les permissions ▫ Dans la situation précédente les utilisateurs anonymes peuvent voir/lire les commentaires, et en poster.
  • Configurer les rôles• Les permissions
  • Configurer les rôles• 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.
  • Configurer les rôles• Les permissions
  • Configurer les rôles• 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 »).
  • Configurer les rôles• 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)
  • Configurer les rôles• 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.
  • Adapter les profils des utilisateurs• 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 »)
  • Adapter les profils des utilisateurs• 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 »
  • Adapter les profils des utilisateurs• Account settings
  • Adapter les profils des utilisateurs• Account settings/manage fields
  • Adapter les profils des utilisateurs• 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
  • Configuration globale des utilisateurs• Depuis « Accounts settings » ▫ Autoriser les utilisateurs à créer leur signature (depuis leur compte)
  • Configuration globale des utilisateurs• Depuis « Accounts settings » ▫ Autoriser les utilisateurs à personnaliser leur photo/avatar (depuis leur compte)
  • Configuration globale des utilisateurs• 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)
  • Configuration globale des utilisateurs• Depuis « Accounts settings »  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.