Projet « PPCM »

Plateforme de Partage

de Contenus MultimédiaDéveloppement d’une plateforme de diffusion et de partage de contenus multimédia

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édiacommons, flickr, px500 et visualrecipes.

Situation

• 2ème étape:

▫ Comprendre le fonctionnement global de Drupalet 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.

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.

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.

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…)

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.

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.

Les blocsrégion

bloc configuration

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

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

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 rendre visible et accessible aux visiteurs.

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

…

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-dutilisation

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 liste des contenus triés par date.

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

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é.

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 recherche

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

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

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.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 Drupal7 http://www.drupalfacile.org/videos/episode-50-decouverte-views-3-pour-drupal-7

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

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 est présentée sous forme de bloc

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 » à partir de son titre

La vue est présentée sous forme d’une page

La vue est accessible depuis un menu

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 » 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.

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 « points d’entrée » qui permettront à vos visiteurs d’explorer et de sélectionner les collections de photos qui les intéressent.