View
1.133
Download
0
Category
Preview:
DESCRIPTION
Citation preview
Projet « PPCM »Plateforme de Partage de Contenus MultimédiaDéveloppement d’une plateforme de diffusion et de partage de contenus multimédia
Rappel
•Les activités du projet sont à réaliser
▫EN GROUPEde 2
1er exemple•La photothèque de l’UniGe
▫http://phototheque.unige.ch/▫Déjà étudié lors de la première activité
Méta-données Mots-clés
2ème exemple
•Wikimedia Commons▫http://commons.wikimedia.org/wiki/Accueil▫A visionner
http://youtu.be/7SI2IpNtv5U
3éme exemple
•Flickr▫http://www.flickr.com/▫A visionner
http://youtu.be/ySJfBcfQpt4
4éme exemple
•500px▫http://500px.com▫A visionner
http://youtu.be/x728Sc3B5uE
5ème exemple
•Visualrecipes▫http://visualrecipes.com/▫A visionner
http://youtu.be/4I4aFkDVNLU
Drupal
•Drupal propose un mécanisme flexible▫Un « cœur » qui propose des fonctions de
base: Par exemple la gestion des utilisateurs
▫Un eco-système de modules: Qui permettent d’étendre et de spécialiser
Drupal dans de nombreuses directions Par exemple modules de e-commerce.
Drupal•Drupal est une solution utilisée sur le marché
par de nombreuses entreprises et organisations:▫Vous pouvez voir un certain nombre d’exemples
de sites réalisés avec Drupal à http://drupal.org/case-studies
▫La gamme de sites possibles est très large: E-commerce Arts Education Administration …
Drupal
•Whitehouse.gov using Drupal
Drupal Gardens• Drupal Gardens est un site professionnel
▫ Il propose des solutions hébergées de Drupal. Moins souple que si vous installez Drupal vous-même,
mais beaucoup plus simple à réaliser (pas de configuration du serveur, pas d’installation de Drupal…)
Drupal est pré-installé Avec une liste de modules limitées qui peuvent être activés
ou non. Il n’est pas possible d’ajouter de nouveaux modules.
Avec la possibilité de choisir plusieurs « modèles » de sites prédéfinis
Ou de créer sa propre version en choisissant soi-même la liste des modules à activer.
Drupal Gardens•Drupal Gardens
▫Chaque module peut être adapté et configuré depuis l’interface d’administration en ligne.
▫Par exemple, vous pouvez définir vous-même quel sera le profil type des utilisateurs de votre plateforme en choisissant et en définissant quelles informations chaque utilisateur aura à remplir lorsqu’il s’inscrira: ses nom et prénom, son hobby, son style de musique préféré… de façon à adapter le profil utilisateur aux objectifs de votre plateforme.
Drupal Gardens
•Plusieurs formules▫Drupal Gardens propose plusieurs formules
d’abonnement La version gratuite/free est la plus limitée
Elle permet de prototyper son site complètement dans une configuration du serveur limitée.
Puis de passer à une formule payante adaptée une fois le site complètement finalisé.
Drupal Gardens
•Plusieurs formules
Drupal Gardens•Pour ouvrir un compte et un site Drupal
▫Sélectionner l’offre free/starter (par défaut)▫1ère étape: signup
Adresse du site, identifiant/mot de passe Drupal Gardens
▫2ème étape: template Choix du template
▫3ème étape Création du site
▫4ème étape Invitation du reste de l’équipe
Drupal Gardens
•Ouvrir un compte Drupal Gardens▫Signup
Drupal Gardens
•Choix du template▫Choisir « Create your own template »▫N’activez aucune « features »
Drupal Gardens
•Création du site
Drupal Gardens
•Finalisation de la création du site
Drupal Gardens
•Un seul membre du groupe de projet crée un site:▫exemple.drupalgardens.com
•Il invite le ou les autres membres de son groupe▫Depuis le menu « People »
Drupal Gardens
•Il invite le ou les autres membres de son groupe▫Depuis le menu « People »
Drupal Gardens
•Une fois que l’invité a confirmé son invitation▫L’invité reçoit un email à son adresse pour
lui fournir la marche à suivre.•Le nouvel utilisateur apparaît dans la liste
des utilisateurs du panneau « People »▫Par défaut il est seulement « Authenticated
user ».▫Editez le compte et attribuez lui les rôles
« Administrator » et « Site Maintainer ».
Drupal Gardens
•Chaque membre du groupe dispose d’un compte qui lui permet d’administrer le site▫Attention à vous coordonner et vous
répartir les tâches par la suite.
Drupal Gardens
•De l’aide en ligne (et en Anglais)
http://www.drupalgardens.com/
documentation
Drupal Gardens
•Des vidéos (toujours en Anglais)
http://www.drupalgardens.com/videos
Drupal Gardens
•Se connecter en passant par Drupal Gardens
Drupal Gardens
•Se connecter en passant par Drupal Gardens
Drupal Gardens
•Se connecter en passant par Drupal Gardens
Drupal Gardens
•Se connecter en passant par Drupal Gardens
Drupal Gardens
•Se connecter en passant directement par le site
Drupal Gardens
•Se connecter en passant directement par le site
Drupal Gardens
•Se connecter en passant directement par le site
Drupal Gardens/Drupal• Administrateur
▫ Login,▫ Accès total au site + administration du site.
• Utilisateur authentifié▫ Login▫ Accès au site en « lecture » et accès contrôlé au site selon fonctions
autorisées par les administrateurs (par exemple déposer des photos).
▫ Pas d’accès à l’administration du site.• Visiteur
▫ Pas de login▫ Accès au site en « lecture » + fonctions autorisées par les
administrateurs (en général plus limitées qu’utilisateur authentifié, par exemple pas de dépose de photo, mais noter ou commenter les photos).
▫ Pas d’accès à l’administration du site.
Votre mission
•Choisir le thème/sujet de votre plateforme▫En vous inspirant de VisualRecipes
Il s’agit de s’en inspirer comme exemple, pas de le copier: soyez créatifs
Vous êtes libres du choix du thème, mais vous devez en définir un précis.
Ne pas se contenter de « recopier » un des exemples de cette présentation.
Votre mission
•Dans VisualRecipes (1/2)▫Chaque contributeur peut
Ajouter des recettes Chaque recette correspond à une
collection/galerie d’images.
▫Chaque recette est représentée par une collection de photos Qui illustre par exemple la recette à
différentes étapes.
Votre mission•Dans VisualRecipes (2/2)
▫Chaque recette est complétée par une série de métadonnées/descriptions/tags… qui permettent ensuite de fournir aux visiteurs des point d’entrée sur l’ensemble des galeries d’images: Recherche par ingrédients, par type de plat…
▫La plateforme est complétée par un ensemble d’outils communautaires qui permettent aux utilisateurs d’échanger autour sur le thème des recettes: Forums…
Votre mission• Dans votre plateforme
▫Reprenez le même principe, mais adapté au thème que vous aurez choisi (1/2): Par exemple les monuments
Un contributeur X a une collection de photos de la tour Eiffel▫Il dépose la collection de toutes ses photos de la tour Eiffel (Il
crée une galerie de photos dans laquelle il déverse sa collection de photos).
▫Ajoute toutes les informations de description du monument associées à la collection de photos: date, lieu, hauteur …
Un contributeur Y a lui aussi une autre collection de photos à de la tour Eiffel▫Il dépose sa collection de photos dans une galerie qu’il crée. ▫Il ajoute toutes les informations de description du monument
Votre mission
•Dans votre plateforme▫Reprenez le même principe, mais adapté au
thème que vous aurez choisi (2/2): Un visiteur Z cherche des photos de monuments
de Paris▫Grâce à un des outils de recherche/exploration de
la plateforme, il indique le lieu qui l’intéresse: Paris
▫Il retrouve les deux galeries de photos de X et Y et peut choisir celles qui l’intéressent.
Votre mission• Le prototypage de la plateforme va consister à
▫Définir toutes les métadonnées à associer aux galeries/collections de photos aux utilisateurs (qui peuvent être à la fois contributeur
et/ou visiteur)▫Définir des points d’entrée pour les visiteurs: outils
de recherche, navigation, exploration, découverte… pour qu’ils accèdent aux photos et/ou aux contributeurs.
▫Définir des fonctionnalités « sociales/communautaires » pour faciliter la sélection et le partage des contenus photos de la plateforme.
Votre mission
•Votre plateforme▫Devra permettre à un utilisateur
contributeur de déposer une galerie/collection de photos
▫Devra permettre à un utilisateur visiteur de rechercher des collections de photos à partir de plusieurs moyens de recherche et d’exploration.
Votre mission
•Pour le projet▫Vous devez configurer la plateforme depuis
l’interface administrateur.▫Tester la plateforme comme utilisateur
contributeur (et déposer quelques exemples de galeries de photos).
▫Tester la plateforme comme utilisateur visiteur (rechercher des galeries à partir des outils de recherche et d’exploration).
Votre mission
•Pour le projet▫Une fois les prototypes de plateforme
terminés, chaque binôme testera la plateforme d’un autre binôme en tant que visiteur.
▫Chaque binôme devra évaluer le prototype de l’autre binôme selon un certains nombre de critères qui vous seront communiqués à ce moment là: pertinence des metadonnées, ergonomie de la navigation, pertinence des fonctions d’exploration…
Activité 2.1
• Quelles métadonnées seraient utiles et nécessaires pour décrire les contenus ?▫Quelles significations/sens (par rapport au but
de la plateforme)▫Quels types de valeurs: nombre, texte, date…▫Quelles valeurs possibles:
Liste fixe (par exemple les 5 continents) Liste ouverte Valeurs multiples/Valeur Unique Valeur obligatoire/Valeur facultative
Activité 2.1
• Quelles métadonnées seraient utiles et nécessaires pour décrire les utilisateurs ?▫Quels rôles (avec quelles fonctions: visiteur,
contributeur…)▫Quelles significations/sens (par rapport au but de
la plateforme)▫Quels types de valeurs: nombre, texte, date…▫Quelles valeurs possibles:
Liste fixe/Liste ouverte Valeurs multiples/Valeur Unique Valeur obligatoire/Valeur facultative
Activité 2.1
•Editez une page dans le sous-groupe d’activité de votre projet sur Connect (une fois qu’il sera créé):▫Pour décrire et documenter:
Le thème choisi pour votre plateforme Les métadonnées que vous envisagez
d’attribuer aux contenus médias et aux utilisateurs
Activité 2.2• Créez votre site Drupal Gardens et commencez
à définir et travailler la ligne graphique de votre plateforme▫A partir des outils disponible depuis le menu
« Appearance » de la barre de menu d’administration. Sélectionnez un thème graphique, un layout, un
logo et un favicon (vous pouvez en créer un à http://www.favicon.cc/), une palette de couleur…
Personnalisez ensuite l’ensemble en éditant les éléments du thème individuellement
A visionner: http://youtu.be/tZ0DIGfIJEU
Activité 2.2
•Commencez à définir et travailler la ligne graphique de votre plateforme (suite)▫A visionner
http://youtu.be/Tmn0LxQj_M4 http://youtu.be/CJuoZWHnaCk
Ressources
•Vous retrouverez l’ensemble des vidéos à visionner dans la playlist:▫ http://www.youtube.com/playlist?list=PL96E3BBFC7B2E
EDF3
• Vous trouverez une collection de tutoriels en français (un peu) en anglais (beaucoup) qui présente Drupal Gardens et son fonctionnement:▫ http://www.youtube.com/playlist?list=PLE4A6615EBE3C
2EF4
Recommended