Projet « PPCM »
Plateforme de Partage
de Contenus Multimédia
Développement d’une plateforme
de diffusion et de partage de
...
Situation
• 1ère étape:
▫ Comprendre le fonctionnement d’une plateforme
de partage de photo: la photothèque de l’UniGe.
▫ ...
Situation
• 2ème étape:
▫ Comprendre le fonctionnement global de Drupal
et de Drupal sur stm.unige.ch.
▫ Choisir le thème ...
Situation
• 3ème étape:
▫ Crée un type de contenu adapté au thème choisi pour
la plateforme
 En y ajoutant les métadonnée...
Et maintenant ?
• Maintenant: la 4ème étape
▫ Aménager la plateforme pour permettre aux
visiteurs de naviguer sur la plate...
Comment ?
• Pour cela nous allons utiliser
▫ Les blocs
▫ Les menus
▫ Les vues
• Les blocs permettent d’afficher des conten...
Les blocs
• Les blocs:
▫ Certains modules créent un ou plusieurs blocs qui
affiche des résultats/informations du module qu...
Les blocs
• La liste des blocs est organisée par régions
▫ Chaque région correspond à une zone
« géographique » de votre t...
Les blocs
région
bloc configuration
Les blocs
blocs inactifs
sélectionner la région
enregistrer toute modification
Les blocs
affiche la liste des derniers commentaires
affiche la liste des nouveaux utilisateurs
Les blocs
Les blocs
• Configuration
Configuration spécifique
Configuration générique
Les menus
• Les menus
▫ Ils permettent de naviguer dans le site
 Et surtout ils « activent » l’exécution des traitements
...
Les menus
• Les menus
▫ Il existe des menus par défaut
 Par exemple Navigation
▫ Il est possible d’ajouter des menus
▫ D’...
Les menus
menu
ajout d’un menu
modification du menu
ajout d’un lien
Les menus
• Construire un menu
▫ Créer un menu
▫ Ajouter des liens
▫ Activer le bloc correspondant au menu
 Pour le rendr...
Les menus
• Exemple
▫ Ajout d’un menu « informations générales »
 Qui donne accès aux textes d’articles d’information:
 ...
Les menus
• Exemple
▫ Création du menu
Les menus
• Exemple
▫ Création du menu
Les menus
• Exemple
▫ Récupérer l’adresse (URL) de chaque article
http://stm.unige.ch/drupal7/content/conditions-générales...
Les menus
• Exemple
▫ Ajout d’un lien au menu
Les menus
• Exemple
▫ Ajout d’un lien au menu
content/conditions-générales-dutilisation
Les menus
• Exemple
▫ Ajout d’un lien au menu
Les menus
• Exemple
▫ Ajout d’un lien au menu
Les menus
• Exemple
▫ Création automatique d’un bloc pour le menu
Les menus
• Exemple
▫ Activation du bloc
Les menus
• Modification de l’ordre des liens dans le menu
Les menus
• Modification d’un lien de menu
Les menus
• Modification d’un lien de menu
Les points d’entrée
• Page d’accueil
• Moteur de recherche
• Nuage de mots-clés
• Sélection/filtre selon les métadonnées
Page d’accueil
• Le premier point d’entrée: la page d’accueil
▫ Par défaut, la page d’accueil pour qu’elle affiche la
list...
Page d’accueil
• Le premier point d’entrée: la page d’accueil
▫ Il est possible de définir un autre point d’entrée en
indi...
Moteur de recherche interne
• Le premier « point d’entrée » consiste à activer le
moteur de recherche interne et de permet...
Moteur de recherche interne
• A lire
▫ Drupal Atelier
 Chapitre IV
 Section 4.4 - Search : un moteur de recherche simple
Moteur de recherche interne
• Configuration du moteur de recherche
▫ Configuration/Recherche et
métadonnées/Paramètres de ...
Moteur de recherche interne
• Configuration du moteur de recherche
Moteur de recherche interne
• Configuration du moteur de recherche
Moteur de recherche interne
• Configuration du moteur de recherche
Moteur de recherche interne
Tags clouds/Nuages de tags
• Le module TagClouds
▫ Installé et activé sur stm
▫ Permet de représenter des taxonomies sous ...
Tags clouds/Nuages de tags
• Le module TagClouds
▫ Tags clouds
 Exemple
Tags clouds/Nuages de tags
• Configuration
Tags clouds/Nuages de tags
• Configuration
Tags clouds/Nuages de tags
• Configuration (suite)
Sélection de contenus avec les vues
• Procédure
▫ Création d’une vue (view)
 Dans Drupal, les contenus sont stockés dans ...
Les vues
• A lire
▫ Drupal 7 Atelier
 Chapitre 4
 Section 1 - Views : organisez vos données
Les vues
• A voir
▫ Drupal facile
 Episode 14 - Débuter avec le module Views sous
Drupal 7 (première partie)
 http://www...
Les vues
• Par défaut
▫ Il existe un certain nombre de Vues prédéfinies
par Drupal et/ou par les modules ajoutés.
 Une Vu...
Les vues
• Par défaut
Les vues
• Création d’une vue
Les vues
Les vues
Les vues
Les vues
Les vues
Les vues
• Exemple
▫ Création d’une vue qui permet d’afficher la liste de
tous les termes de la taxonomie Villes
 La vue ...
Les vues
Les vues
Les vues
Les vues
• Exemple
▫ Création d’une vue permettant aux utilisateurs de
sélectionner des contenus de types « basic page »
à...
Les vues
Les vues
Les vues
• Ajout d’un champ
Les vues
• Ajout d’un critère de sélection
Les vues
• Configuration du critère de sélection (suite)
Les vues
• Configuration du critère de sélection
Les vues
• Configuration du critère de sélection (suite)
Les vues
• Aperçu automatique du résultat de la vue
Les vues
• Aperçu automatique du résultat de la vue
Les vues
• La vue est accessible depuis le menu Navigation
Les vues
• Sélection de la vue
Les vues
• Utilisation de la vue
Les vues
• Exemple
▫ Création d’une vue permettant aux utilisateurs de
sélectionner des contenus de types « basic page »
e...
Les vues
• Création de la vue
Les vues
• Configuration de la vue
Les vues
• Ajout d’une relation
Les vues
• Configuration de la relation
Les vues
• Ajout d’un critère de filtrage
Les vues
• Configuration du critère de filtrage
Les vues
• Exposition du filtre aux utilisateurs
Les vues
• Utilisation de la vue
Les vues
• Aperçu du résultat de la vue
Les vues
• Aperçu du résultat de la vue
A vous
• A vous maintenant à partir des exemples
présentés de les adapter à vos propres
métadonnées pour définir des « poi...
Prochain SlideShare
Chargement dans…5
×

Projet de semestre / 3ème partie / partage de contenus multimédia

658 vues

Publié le

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
658
Sur SlideShare
0
Issues des intégrations
0
Intégrations
174
Actions
Partages
0
Téléchargements
16
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Projet de semestre / 3ème partie / partage de contenus multimédia

  1. 1. Projet « PPCM » Plateforme de Partage de Contenus Multimédia Développement d’une plateforme de diffusion et de partage de contenus multimédia
  2. 2. Situation • 1ère étape: ▫ Comprendre le fonctionnement d’une plateforme de partage de photo: la photothèque de l’UniGe. ▫ Etudier d’autres plateformes: wikimédia commons, flickr, px500 et visualrecipes.
  3. 3. Situation • 2ème étape: ▫ Comprendre le fonctionnement global de Drupal et de Drupal sur stm.unige.ch. ▫ Choisir le thème de votre plateforme de partage de contenus multimédias  Définir les métadonnées pour les contenus et les utilisateurs/contributeurs. ▫ Implémenter la ligne graphique (thème) de votre plateforme.
  4. 4. Situation • 3ème étape: ▫ Crée un type de contenu adapté au thème choisi pour la plateforme  En y ajoutant les métadonnées sous forme de champs.  En y ajoutant un champ « actif multimédia » pour gérer la photo du contenu. ▫ Adapter le profil des utilisateurs  En y ajoutant les métadonnées sous forme de champs. ▫ Tester le résultat  En créant un utilisateur contributeur  En ajoutant des exemples de photos.
  5. 5. Et maintenant ? • Maintenant: la 4ème étape ▫ Aménager la plateforme pour permettre aux visiteurs de naviguer sur la plateforme pour explorer et découvrir les contenus. ▫ Pour cela, il faut leur donner différents « points d’entrée » qui leur permettront de chercher, explorer, parcourir et sélectionner des contenus. ▫ Ces points d’entrée se construisent principalement à partir des métadonnées associés au type de contenu.
  6. 6. Comment ? • Pour cela nous allons utiliser ▫ Les blocs ▫ Les menus ▫ Les vues • Les blocs permettent d’afficher des contenus, des résultats, des menus… et de les placer à l’intérieur du thème • Les menus permettent de naviguer à l’intérieur du site et donner accès aux fonctionnalités. • Les vues permettent de construire des sélections de contenus selon des critères (filtres, tris…)
  7. 7. Les blocs • Les blocs: ▫ Certains modules créent un ou plusieurs blocs qui affiche des résultats/informations du module qu’il est ensuite possible d’activer. ▫ Vous pouvez aussi créer vos propres blocs. ▫ La création d’un menu ou d’une vue entraîne la création d’un bloc permettant de rendre le menu ou la vue accessible depuis un bloc.
  8. 8. Les blocs • La liste des blocs est organisée par régions ▫ Chaque région correspond à une zone « géographique » de votre thème. • Plus une liste de blocs « disabled » ▫ Qui comprend les blocs existants mais qui ne sont pas activés. ▫ Pour activer un bloc, il faut le placer dans une région du thème.
  9. 9. Les blocs région bloc configuration
  10. 10. Les blocs blocs inactifs sélectionner la région enregistrer toute modification
  11. 11. Les blocs affiche la liste des derniers commentaires affiche la liste des nouveaux utilisateurs
  12. 12. Les blocs
  13. 13. Les blocs • Configuration Configuration spécifique Configuration générique
  14. 14. Les menus • Les menus ▫ Ils permettent de naviguer dans le site  Et surtout ils « activent » l’exécution des traitements de Drupal sur les contenus  Chaque menu contient des liens  En cliquant sur un lien ▫ On provoque l’exécution par Drupal d’un traitement ▫ Dont le résultat est ensuite retourné à l’utilisateur dans la page centrale.
  15. 15. Les menus • Les menus ▫ Il existe des menus par défaut  Par exemple Navigation ▫ Il est possible d’ajouter des menus ▫ D’ajouter des liens à un menu ▫ De changer un lien de menu
  16. 16. Les menus menu ajout d’un menu modification du menu ajout d’un lien
  17. 17. Les menus • Construire un menu ▫ Créer un menu ▫ Ajouter des liens ▫ Activer le bloc correspondant au menu  Pour le rendre visible et accessible aux visiteurs.
  18. 18. Les menus • Exemple ▫ Ajout d’un menu « informations générales »  Qui donne accès aux textes d’articles d’information:  A propos: qui décrit les objectifs de la plateforme  CGU: qui décrit les conditions générales d’utilisation  …
  19. 19. Les menus • Exemple ▫ Création du menu
  20. 20. Les menus • Exemple ▫ Création du menu
  21. 21. Les menus • Exemple ▫ Récupérer l’adresse (URL) de chaque article http://stm.unige.ch/drupal7/content/conditions-générales-dutilisation
  22. 22. Les menus • Exemple ▫ Ajout d’un lien au menu
  23. 23. Les menus • Exemple ▫ Ajout d’un lien au menu content/conditions-générales-dutilisation
  24. 24. Les menus • Exemple ▫ Ajout d’un lien au menu
  25. 25. Les menus • Exemple ▫ Ajout d’un lien au menu
  26. 26. Les menus • Exemple ▫ Création automatique d’un bloc pour le menu
  27. 27. Les menus • Exemple ▫ Activation du bloc
  28. 28. Les menus • Modification de l’ordre des liens dans le menu
  29. 29. Les menus • Modification d’un lien de menu
  30. 30. Les menus • Modification d’un lien de menu
  31. 31. Les points d’entrée • Page d’accueil • Moteur de recherche • Nuage de mots-clés • Sélection/filtre selon les métadonnées
  32. 32. Page d’accueil • Le premier point d’entrée: la page d’accueil ▫ Par défaut, la page d’accueil pour qu’elle affiche la liste des contenus triés par date.
  33. 33. Page d’accueil • Le premier point d’entrée: la page d’accueil ▫ Il est possible de définir un autre point d’entrée en indiquant une URL relative.  Accès par Configuration/Système/Information
  34. 34. Moteur de recherche interne • Le premier « point d’entrée » consiste à activer le moteur de recherche interne et de permettre aux visiteurs de l’interroger ▫ Activation du module (par défaut sur stm). ▫ L’indexation des contenus se fait automatiquement  Tous les champs sont indexés. ▫ Activation du bloc de recherche  Permet de donner accès au visiteur à la recherche par mot-clé.  Le moteur renvoie la liste des contenus (ou des utilusateurs) dont un des fields contient le mot-clé.
  35. 35. Moteur de recherche interne • A lire ▫ Drupal Atelier  Chapitre IV  Section 4.4 - Search : un moteur de recherche simple
  36. 36. Moteur de recherche interne • Configuration du moteur de recherche ▫ Configuration/Recherche et métadonnées/Paramètres de recherche
  37. 37. Moteur de recherche interne • Configuration du moteur de recherche
  38. 38. Moteur de recherche interne • Configuration du moteur de recherche
  39. 39. Moteur de recherche interne • Configuration du moteur de recherche
  40. 40. Moteur de recherche interne
  41. 41. Tags clouds/Nuages de tags • Le module TagClouds ▫ Installé et activé sur stm ▫ Permet de représenter des taxonomies sous forme de « nuages de tags»  Met à disposition un bloc pour chaque taxonomie.  Le bloc permet de visualiser les termes de la taxonomie sous forme de nuages de tags  Quand l’utilisateur clique sur un tag, il a accès à l’ensemble des contenus taggués avec le terme.
  42. 42. Tags clouds/Nuages de tags • Le module TagClouds ▫ Tags clouds  Exemple
  43. 43. Tags clouds/Nuages de tags • Configuration
  44. 44. Tags clouds/Nuages de tags • Configuration
  45. 45. Tags clouds/Nuages de tags • Configuration (suite)
  46. 46. Sélection de contenus avec les vues • Procédure ▫ Création d’une vue (view)  Dans Drupal, les contenus sont stockés dans les tables d’une base de données du même type que celles que vous avez vu au semestre précédent en séminaire du cours d’Introduction à la Science des Services.  Le module Vues/Views est un interface qui permet de construire une requête du même type que les requêtes SQL pour sélectionner des contenus à partir d’une ou plusieurs tables dans lesquelles Drupal stockent les types de contenus.  La Vue est disponible sous forme d’un lien de menu ou d’un bloc.
  47. 47. Les vues • A lire ▫ Drupal 7 Atelier  Chapitre 4  Section 1 - Views : organisez vos données
  48. 48. Les vues • A voir ▫ Drupal facile  Episode 14 - Débuter avec le module Views sous Drupal 7 (première partie)  http://www.drupalfacile.org/videos/episode-14-debuter-avec-module-views-sous-drupal-7-premiere-partie  Episode 14 - Débuter avec le module Views sous Drupal 7 (deuxième partie)  http://www.drupalfacile.org/videos/episode-14-debuter-avec-module-views-sous-drupal-7-deuxieme-partie  Episode 50 - A la découverte de Views 3 pour Drupal 7  http://www.drupalfacile.org/videos/episode-50-decouverte-views-3-pour-drupal-7
  49. 49. Les vues • Par défaut ▫ Il existe un certain nombre de Vues prédéfinies par Drupal et/ou par les modules ajoutés.  Une Vue peut être activée/désactivée
  50. 50. Les vues • Par défaut
  51. 51. Les vues • Création d’une vue
  52. 52. Les vues
  53. 53. Les vues
  54. 54. Les vues
  55. 55. Les vues
  56. 56. Les vues
  57. 57. Les vues • Exemple ▫ Création d’une vue qui permet d’afficher la liste de tous les termes de la taxonomie Villes  La vue est présentée sous forme de bloc
  58. 58. Les vues
  59. 59. Les vues
  60. 60. Les vues
  61. 61. Les vues • Exemple ▫ Création d’une vue permettant aux utilisateurs de sélectionner des contenus de types « basic page » à partir de son titre  La vue est présentée sous forme d’une page  La vue est accessible depuis un menu
  62. 62. Les vues
  63. 63. Les vues
  64. 64. Les vues • Ajout d’un champ
  65. 65. Les vues • Ajout d’un critère de sélection
  66. 66. Les vues • Configuration du critère de sélection (suite)
  67. 67. Les vues • Configuration du critère de sélection
  68. 68. Les vues • Configuration du critère de sélection (suite)
  69. 69. Les vues • Aperçu automatique du résultat de la vue
  70. 70. Les vues • Aperçu automatique du résultat de la vue
  71. 71. Les vues • La vue est accessible depuis le menu Navigation
  72. 72. Les vues • Sélection de la vue
  73. 73. Les vues • Utilisation de la vue
  74. 74. Les vues • Exemple ▫ Création d’une vue permettant aux utilisateurs de sélectionner des contenus de types « basic page » en fonction du terme de la taxonomie Villes associée  La vue est présentée sous forme d’une page  La vue est accessible depuis un menu ▫ Il faut créer une jointure entre le type de contenu et la taxonomie en ajoutant une relation entre les deux.
  75. 75. Les vues • Création de la vue
  76. 76. Les vues • Configuration de la vue
  77. 77. Les vues • Ajout d’une relation
  78. 78. Les vues • Configuration de la relation
  79. 79. Les vues • Ajout d’un critère de filtrage
  80. 80. Les vues • Configuration du critère de filtrage
  81. 81. Les vues • Exposition du filtre aux utilisateurs
  82. 82. Les vues • Utilisation de la vue
  83. 83. Les vues • Aperçu du résultat de la vue
  84. 84. Les vues • Aperçu du résultat de la vue
  85. 85. A vous • A vous maintenant à partir des exemples présentés de les adapter à vos propres métadonnées pour définir des « points d’entrée » qui permettront à vos visiteurs d’explorer et de sélectionner les collections de photos qui les intéressent.

×