Présentation d'introduction au projet de semestre du cours "services et technologies multimédia". L'objectif est de concevoir et développer le prototype d'une plateforme sociale de partage de contenus multimédias avec le CMS Drupal.

1. Projet « PPCM »
Plateforme de Partage
de Contenus Multimédias
Développement d’une plateforme
de diffusion et de partage de
contenus multimédias

2. • Les activités du projet sont à réaliser
▫EN GROUPE
de 2

3. Objectif
• Concevoir étape par étape un prototype de
service de partage de contenus multimédias en
ligne.
▫ Sur le modèle de Flickr ou Youtube.
• En utilisant un CMS (Content Management
System).
▫ Système de gestion de contenus
▫ Programme qui s’appuie sur une base de données
pour concevoir et gérer en ligne la mise en ligne de
contenus de façon dynamique.

4. 1er exemple « simplifié »
• La photothèque de l’UniGe
▫ http://phototheque.unige.ch/

5. Photothèque
• Analyse
▫ Quel contexte d’utilisation ?
▫ Quelles fonctionnalités ?
▫ Comment les photos sont-elles conservées dans la
photothèque ?
▫ Quels accès ?
▫ Quels droits sur les contenus ? Pour l’auteur ?
Pour le visiteur ?
▫ ???

6. Thème de la plateforme
• La photothèque de l’Université est
▫ généraliste (dans le contexte de l’Université).
▫ sans aspect social ou collaboratif.
• Pour le projet, vous travaillerez sur une plateforme
de partage de collections de photos qui seront toutes
associées à un thème précis que vous aurez à choisir.
• Commencez à réfléchir à un thème pour votre projet
▫ Selon vos intérêts:
 Recettes de cuisine
 Voyages
 Monuments
 …

7. D’autres exemples plus complexes à étudier

8. Plateformes sociales de partage de
contenu
• Plateforme sociale généraliste
▫ Pas de thème particulier pour les photos.
 Wikicommons
 Flickr
 500px
• Plateforme sociale spécialisée
▫ Visualrecipes
 Chaque photo ou collection de photos représenter
une recette de cuisine.
L’objectif
du projet

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

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

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

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

13. Système de gestion de contenu

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

15. CMS / SGC

16. Drupal
• http://drupal.org

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

18. 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
 …

19. Drupal
• Whitehouse.gov
using Drupal

20. Drupal
• Mise en œuvre
▫ Récupérer les sources du logiciel sur drupal.org et
les installer sur un serveur Web, créer la base de
données et configurer l’ensemble.
▫ Créer une instance sur un site proposant des
solutions hébergées pré-installées de Drupal:
 Drupal Gardens (www.drupalgardens.com)

21. Drupal
• Mise en œuvre
▫ Pour le projet
 Chaque groupe disposera d’une instance Drupal pré-
installée sur le modèle de Drupal Gardens.
 Cette instance sera créée à partir de l’inscription de
votre groupe de projet.
 Les informations et codes d’accès vous seront fournis
après l’inscription de votre groupe de projet.

22. 1ères activités du projet
• Constituez des groupes de deux pour le projet:
▫ Inscrivez-vous avant le 26 Février en remplissant
le formulaire en ligne à:
 http://goo.gl/forms/c2QNr1TMeQ
• Après l’inscription
▫ Un groupe de projet sera créé sur Connect
 A utiliser pour remettre les différents rendus du
projet.
▫ Une instance de CMS sera créée
 A utiliser pour concevoir le prototype de plateforme
de partage.

23. 1ères activités du projet
• Prendre au moins UNE photo (pour le groupe)
▫ Avec un appareil numérique, un smartphone, une
webcam…
▫ Sur le thème
 « Ce qui pour vous représente et caractérise la vie
étudiante à l’Université de Genève »
 A l’intérieur de l’institution (salles, couloirs, amphi,
bibliothèque…)
▫ ou
 A l’extérieur (café, soirée, activité culturelle ou
sportive…)

24. 1ères activités du projet
• Déposer la photo dans la photothèque
▫ En utilisant le formulaire de dépôt d’image
 En complétant le plus précisément possible les
méta-données.
▫ Dans le respect de la Charte d’utilisation de la
photothèque

25. 1ères activités du projet
• Inscrivez-vous à un service de mind map en
ligne
▫ P.e., Mindomo à http://www.mindomo.com/
 Créer une mind map représentant les différentes
fonctions de la photothèque avec leurs étapes:
 Déposer une photo
 Chercher une photo
 …

26. 1ères activités du projet
• Inscrivez-vous à un service de mind map en
ligne (suite)
▫ P.e., Mindomo à http://www.mindomo.com/
 Créer une mind map représentant les différentes
informations associées à une image dans la base de
données de la photothèque (en fonction des
informations à fournir dans le formulaire de dépôt)

27. Rendu (pour le 5 Mars)
• Rendu des premières activités
▫ Après avoir déposé votre photo dans la photothèque,
ajoutez-là AUSSI au groupe d’activités de votre projet
en tant que « Fichier » (ajoutez à la description de la
photo l’ensemble des informations que vous aurez
fournies pour la décrire dans la photothèque).

28. Rendu
• Rendu des premières activités
▫ Déposez vos deux mind maps
 Sous forme de signets dans le groupe d’activités du
cours.
 Suivez les indications qui suivent pour récupérer le
lien des mind maps.

29. Rendu
• Partager/publier sur le Web

30. Rendu
• Rendre publique et copier le lien d’affichage

31. Synthèse
• Synthèse:
▫ Organisation en binôme de projet (inscription en ligne avec
le formulaire) / Pour le 26 Février.
▫ Dépôt d’une photo dans la photothèque de l’Université
(ainsi que dans le groupe d’activités du projet sur Connect)
/ Pour le 5 Mars.
▫ Création des deux mind maps décrivant la structure de la
photothèque (ajout des liens des deux mind maps dans les
signets du groupe d’activités du projet sur Connect) / Pour
le 5 Mars.
▫ Réfléchissez/définissez le thème de votre plateforme
 Quelles seraient les méta-données nécessaires pour décrire le
type de contenus échangés sur votre plateforme.