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

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. A partir de maintenant
• Les activités du projet sont à réaliser
▫EN GROUPE
de 2 ou 3

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

4. 2ème exemple
• Wikimedia Commons
▫ http://commons.wikimedia.org/wiki/Accueil
▫ A visionner
 http://youtu.be/7SI2IpNtv5U

5. 3éme exemple
• Flickr
▫ http://www.flickr.com/
▫ A visionner
 http://youtu.be/ySJfBcfQpt4

6. 4éme exemple
• 500px
▫ http://500px.com
▫ A visionner
 http://youtu.be/x728Sc3B5uE

7. 5ème exemple
• Visualrecipes
▫ http://visualrecipes.com/
▫ A visionner
 http://youtu.be/4I4aFkDVNLU

8. CMS / SGC
• A visionner
▫ http://youtu.be/p5KzwWKE5iQ

9. Drupal
• http://drupal.org

10. DrupalGardens
• http://www.drupalgardens.com/

11. DrupalGardens
• Ouvrir un compte et un site Drupal
▫ Sélectionner les options qui vous semblent
intéressantes au moment de la création
 Vous pourrez toujours les activer par la suite si
besoin.
• A visionner
▫ http://youtu.be/8fl0xdq257k
▫ http://youtu.be/dXzURB6JY6M

12. DrupalGardens
• 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 »

13. DrupalGardens
• Il invite le ou les autres membres de son groupe
▫ Depuis le menu « People »

14. DrupalGardens
• 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 ».
▫ Editer le compte et attribuer lui les rôles
« Administrator » et « Site Maintainer ».

15. DrupalGardens
• 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.

16. Activité 2
• Choisir le thème/sujet de votre PPCM
▫ 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 sujet, mais vous devez
en définir un précis.

17. Activité 2
• 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

18. Activité 2
• 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

19. Activité 2
• Dans Graasp
▫ Dans l’espace intitulé Projets à
 http://graaaspge.epfl.ch/#item=space_301
▫ Chaque groupe doit
 Créer son espace PRIVE
 Un membre crée l’espace
 Tous les membres du groupe doivent s’y joindre
 Et vous devez m’y inviter ;o)

20. Activité 2
• Créer un espace privé
▫ Cliquer sur l’icône
▫ Sélectionner
« Ajouter un nouveau espace »
▫ Sélectionner « Fermé »
▫ Ajouter un Nom
▫ Puis Créer
▫ Pas d’importation ou
d ’héritage des membres

21. Activité 2
• Inviter un utilisateur à joindre un espace
▫ Placez vous dans l’espace dans lequel vous voulez
inviter l’utilisateur
▫ Recherchez l’utilisateur
depuis la barre de recherche
▫ Sélectionnez son icône
dans les résultats
▫ Et déplacez là sur
l’icône

22. Activité 2
• Inviter un utilisateur à joindre un espace
▫ Par défaut un utilisateur invité est « observateur »
▫ Le propriétaire de l’espace peut modifier ce rôle
comme « contributeur » ou comme
« propriétaire »
▫ Modifiez le rôle de tous les membres du groupe de
projet comme « contributeur »
▫ Laissez-moi comme « observateur »

23. Activité 2
• Editez la description de votre espace de groupe
▫ 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

24. Activité 2
• 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

25. Activité 2
• Commencez à définir et travailler la ligne
graphique de votre plateforme (suite)
▫ A visionner
 http://youtu.be/Tmn0LxQj_M4
 http://youtu.be/CJuoZWHnaCk

26. Ressources
• Vous retrouverez l’ensemble des vidéos à
visionner dans la playlist:
▫ http://www.youtube.com/playlist?list=PL96E3BBFC7B2EEDF3
• Vous trouverez une collection de tutoriels en français (un peu)
en anglais (beaucoup) qui présente DrupalGardens et son
fonctionnement:
▫ http://www.youtube.com/playlist?list=PLE4A6615EBE3C2EF4