Projet « PPCM »
Plateforme de Partage
de Contenus MultimédiasDéveloppement d’une plateforme de diffusion et de partage de contenus multimédias
• Les activités du projet sont à réaliser
▫EN GROUPE
de 2
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.
1er exemple « simplifié »• La photothèque de l’UniGe
▫ http://phototheque.unige.ch/
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 ?
▫ ???
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 …
D’autres exemples plus complexes à étudier
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
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
Système de gestion de contenu
CMS / SGC
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 Drupaldans 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.govusing Drupal
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)
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.
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.
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…)
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
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
…
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)
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).
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.
Rendu
• Partager/publier sur le Web
Rendu
• Rendre publique et copier le lien d’affichage
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.