Projet « PPCM »
Plateforme de Partage
de Contenus Multimédia
Développement d’une plateforme
de diffusion et de partage de
contenus multimédia
A partir de maintenant
• Les activités du projet sont à réaliser



               ▫EN GROUPE
                 de 2 ou 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
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
CMS / SGC
• A visionner
 ▫ http://youtu.be/p5KzwWKE5iQ
Drupal
• http://drupal.org
DrupalGardens
• http://www.drupalgardens.com/
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
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 »
DrupalGardens
• Il invite le ou les autres membres de son groupe
 ▫ Depuis le menu « People »
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 ».
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.
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.
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
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
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)
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
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
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 »
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
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
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
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

Projet Plateforme de Partage de Contenus Multimédias (2)

  • 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 demaintenant • Les activités du projet sont à réaliser ▫EN GROUPE de 2 ou 3
  • 3.
    1er exemple • Laphotothè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 • WikimediaCommons ▫ 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.
  • 10.
  • 11.
    DrupalGardens • Ouvrir uncompte 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 seulmembre 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 invitele ou les autres membres de son groupe ▫ Depuis le menu « People »
  • 14.
    DrupalGardens • Une foisque 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 membredu 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 • Choisirle 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 • Quellesmé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 • Quellesmé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 • DansGraasp ▫ 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éerun 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 • Inviterun 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 • Inviterun 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 • Editezla 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 retrouverezl’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