Première é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. 1er exemple
• La photothèque de l’UniGe
▫ http://phototheque.unige.ch/

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

4. 1ère activité du projet (individuelle)
• PrendreUNEphoto
▫ 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…)

5. 1ère activité du projet (individuelle)
• Déposer la photo dans la photothèque
▫ En utilisant le formulaire de dépôt d’image
 Avec complétion la plus précise possible des méta-
données.
▫ Dans le respect de la Charte d’utilisation de la
photothèque

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

7. 1ère activité du projet (individuelle)
• Inscrivez-vous à un service de mindmap en ligne
(suite)
▫ P.e., Mindomo à http://www.mindomo.com/
 Créer une mindmap 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)

8. Graasp
• Inscription Graasp
▫ 1) Rendez vous à
http://graaaspge.epfl.ch/register_page
et inscrivez-vous (vous pouvez utiliser l'adresse email
que vous voulez)
▫ 2) Rendez vous ensuite à
http://graaaspge.epfl.ch/login_page
pour vous connecter
▫ 3) Une fois connecté, rendez vous à
http://graaaspge.epfl.ch/#item=space_134
et demandez à rejoindre l'espace en cliquant sur le
bouton "rejoindre cet espace" (en haut à droite).

9. Graasp

10. Graasp

11. Graasp

12. Graasp
• Inscription Graasp
▫ 4) Dans l'espace central de la fenêtre de votre
navigateur, vous allez voir plusieurs icônes ou
vignettes. Cliquez sur la vignette intitulée "Espace
Projets".
▫ 5) Vous vous retrouvez dans un nouvel espace,
dans lequel vous allez cliquer sur la vignette
"Activité 1" qui est l'espace qui correspond à la
première activité

13. Rendu (pour le 15 Mars)
• Rendu de la première activité
▫ 6) Déposez votre photo sous forme d'une
ressource par défaut à laquelle vous attacherez le
fichier image de votre photo (en ajoutant à la
description de la ressource l'ensemble des
informations que vous avez fournies dans le
formulaire de dépose). Donnez lui comme nom
"Photo" suivi de votre nom de famille.

14. Rendu (pour le 15 Mars)
• Rendu de la première activité
▫ 7) Déposez vos deux mindmaps sous forme de
ressources par défaut sans attacher de fichier,
mais en collant dans la description le code HTML
d'intégration de la mindmap (à obtenir depuis
votre mindmap à mindomo, voir slide 17). Donnez
leur comme nom "Mindmap 1" et "Mindmap 2"
suivi de votre nom de famille.

15. Premiers pas avec Graasp
• Pour créer une ressource par défaut sur Graasp
▫ Une fois dans l’espace dans lequel vous voulez
créer la ressources
 Cliquez sur l’icône:
 Qui fait apparaître:
 Sélectionnez
« Ajouter un nouveau ressources »

16. Premiers pas avec Graasp
• Pour créer une ressource par défaut sur Graasp
Nom de la ressource
Type de la ressource
Cliquez pour
attacher un fichier
Description de la ressource

17. Intégration mindmap
• Pour obtenir le code HTML d'intégration de
votre mindmap
▫ Cliquez sur l’icône
dans l’interface de mindomo
▫ Sélectionnez « Intégrer dans le site Web »
 Le code HTML est
automatiquement copié
 Il suffit ensuite de faire un
« coller » dans la description
de votre ressource.

18. DrupalGardens
• Formez des groupes de projets de deux (2) ou
trois (3)
• Ouvrez un « free site » à
▫ http://www.drupalgardens.com/
• Un par groupe
• En attendant la suite des indications vous
pouvez
▫ Suivre le guide
 http://www.drupalgardens.com/documentation/quick-start
▫ Parcourir l’aide (Help en haut à droite)

19. Thème de la plateforme
• Choisissez un thème pour votre projet
▫ Selon vos intérêts:
 Recettes de cuisine
 Voyages
 Monuments
 …

20. Ressources
▫ Définition de la photothèque sur Wikipédia
 http://fr.wikipedia.org/wiki/Phototh%C3%A8que
▫ WikiMedia Commons
 http://commons.wikimedia.org/wiki/Accueil?uselang=fr