Introduction au projet de semestre / partage de contenus multimédias
-
Upload
laurent-moccozet -
Category
Education
-
view
750 -
download
0
Transcript of Introduction au projet de semestre / partage de contenus multimédias
![Page 1: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/1.jpg)
Projet « PPCM »
Plateforme de Partage
de Contenus MultimédiasDéveloppement d’une plateforme de diffusion et de partage de contenus multimédias
![Page 2: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/2.jpg)
• Les activités du projet sont à réaliser
▫EN GROUPE
de 2
![Page 3: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/3.jpg)
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.
![Page 4: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/4.jpg)
1er exemple « simplifié »• La photothèque de l’UniGe
▫ http://phototheque.unige.ch/
![Page 5: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/5.jpg)
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 ?
▫ ???
![Page 6: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/6.jpg)
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 …
![Page 7: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/7.jpg)
D’autres exemples plus complexes à étudier
![Page 8: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/8.jpg)
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
![Page 9: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/9.jpg)
2ème exemple
• Wikimedia Commons
▫ http://commons.wikimedia.org/wiki/Accueil
▫ A visionner
http://youtu.be/7SI2IpNtv5U
![Page 10: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/10.jpg)
3éme exemple
• Flickr
▫ http://www.flickr.com/
▫ A visionner
http://youtu.be/ySJfBcfQpt4
![Page 11: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/11.jpg)
4éme exemple
• 500px
▫ http://500px.com
▫ A visionner
http://youtu.be/x728Sc3B5uE
![Page 12: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/12.jpg)
5ème exemple
• Visualrecipes
▫ http://visualrecipes.com/
▫ A visionner
http://youtu.be/4I4aFkDVNLU
![Page 13: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/13.jpg)
Système de gestion de contenu
![Page 15: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/15.jpg)
CMS / SGC
![Page 17: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/17.jpg)
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.
![Page 18: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/18.jpg)
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 …
![Page 19: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/19.jpg)
Drupal
• Whitehouse.govusing Drupal
![Page 20: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/20.jpg)
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)
![Page 21: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/21.jpg)
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.
![Page 22: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/22.jpg)
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.
![Page 23: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/23.jpg)
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…)
![Page 24: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/24.jpg)
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
![Page 25: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/25.jpg)
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
…
![Page 26: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/26.jpg)
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)
![Page 27: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/27.jpg)
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).
![Page 28: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/28.jpg)
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.
![Page 29: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/29.jpg)
Rendu
• Partager/publier sur le Web
![Page 30: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/30.jpg)
Rendu
• Rendre publique et copier le lien d’affichage
![Page 31: Introduction au projet de semestre / partage de contenus multimédias](https://reader033.fdocuments.fr/reader033/viewer/2022042607/55ac23521a28ab58298b466a/html5/thumbnails/31.jpg)
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.