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. 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. 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. 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. 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. 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. 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. 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. Les blocs
région
bloc configuration

10. Les blocs
blocs inactifs
sélectionner la région
enregistrer toute modification

11. Les blocs
affiche la liste des derniers commentaires
affiche la liste des nouveaux utilisateurs

12. Les blocs

13. Les blocs
• Configuration
Configuration spécifique
Configuration générique

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. 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. Les menus
menu
ajout d’un menu
modification du menu
ajout d’un lien

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. 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. Les menus
• Exemple
▫ Création du menu

20. Les menus
• Exemple
▫ Création du menu

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. Les menus
• Exemple
▫ Ajout d’un lien au menu

23. Les menus
• Exemple
▫ Ajout d’un lien au menu
content/conditions-générales-dutilisation

24. Les menus
• Exemple
▫ Ajout d’un lien au menu

25. Les menus
• Exemple
▫ Ajout d’un lien au menu

26. Les menus
• Exemple
▫ Création automatique d’un bloc pour le menu

27. Les menus
• Exemple
▫ Activation du bloc

28. Les menus
• Modification de l’ordre des liens dans le menu

29. Les menus
• Modification d’un lien de menu

30. Les menus
• Modification d’un lien de menu

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. 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. 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. 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. Moteur de recherche interne
• A lire
▫ Drupal Atelier
 Chapitre IV
 Section 4.4 - Search : un moteur de recherche simple

36. Moteur de recherche interne
• Configuration du moteur de recherche
▫ Configuration/Recherche et
métadonnées/Paramètres de recherche

37. Moteur de recherche interne
• Configuration du moteur de recherche

38. Moteur de recherche interne
• Configuration du moteur de recherche

39. Moteur de recherche interne
• Configuration du moteur de recherche

40. Moteur de recherche interne

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. Tags clouds/Nuages de tags
• Le module TagClouds
▫ Tags clouds
 Exemple

43. Tags clouds/Nuages de tags
• Configuration

44. Tags clouds/Nuages de tags
• Configuration

45. Tags clouds/Nuages de tags
• Configuration (suite)

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. Les vues
• A lire
▫ Drupal 7 Atelier
 Chapitre 4
 Section 1 - Views : organisez vos données

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. 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. Les vues
• Par défaut

51. Les vues
• Création d’une vue

52. Les vues

53. Les vues

54. Les vues

55. Les vues

56. Les vues

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. Les vues

59. Les vues

60. Les vues

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. Les vues

63. Les vues

64. Les vues
• Ajout d’un champ

65. Les vues
• Ajout d’un critère de sélection

66. Les vues
• Configuration du critère de sélection (suite)

67. Les vues
• Configuration du critère de sélection

68. Les vues
• Configuration du critère de sélection (suite)

69. Les vues
• Aperçu automatique du résultat de la vue

70. Les vues
• Aperçu automatique du résultat de la vue

71. Les vues
• La vue est accessible depuis le menu Navigation

72. Les vues
• Sélection de la vue

73. Les vues
• Utilisation de la vue

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. Les vues
• Création de la vue

76. Les vues
• Configuration de la vue

77. Les vues
• Ajout d’une relation

78. Les vues
• Configuration de la relation

79. Les vues
• Ajout d’un critère de filtrage

80. Les vues
• Configuration du critère de filtrage

81. Les vues
• Exposition du filtre aux utilisateurs

82. Les vues
• Utilisation de la vue

83. Les vues
• Aperçu du résultat de la vue

84. Les vues
• Aperçu du résultat de la vue

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.