Créer une base de données vidéo sans programmation (avec Drupal)

Créer une base de données vidéo sans programmation (avec Drupal) 10.10.2013 Nicolas Bugnon (nicolas.bugnon@alliancesud.ch) Centre de documentation Alliance Sud www.alliancesud.ch Résultat de l atelier en ligne : http://libre.militant.ch/drupal-bd-video Table des matières I. Installation de Drupal 2 II. Définir son projet de base de données 2 III. Création de la base de données 3 IV. Insertion de contenu 7 V. Visualisation des contenus 9 VI. Créer les listes de contenus 9 VII. Les listes de contenus liés à une entité (fonction avancée, optionnel) 12 VIII. Moteur de recherche 15 IX. Géographie 16 X. Le Web sémantique ou Web de données 18 Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 1

I. Installation de Drupal (optionnel) Si vous ne voulez pas faire l installation, passez directement au point II. Une installation prête vous sera proposée au point III. Télécharger le fichier zip contenant l installation prête pour ce tutoriel et suivre les instructions du fichier «lisez_moi_epfl_install.txt» : http://libre.militant.ch/drupal_10oct.zip ou Installer Drupal 7 soi-même (cf. https://drupal.org/documentation/install) et y intégrer les modules suivants (cf. https://drupal.org/documentation/install/modules-themes/modules-7) : Entity API (+ Entity tokens) : https://drupal.org/project/entity Entity Reference : https://drupal.org/project/entityreference Chaos tool suite (ctools) : https://drupal.org/project/ctools Views (+ Views UI): https://drupal.org/project/views Geofield (+ Geofield Map) : https://drupal.org/project/geofield Geocoder : https://drupal.org/project/geocoder GeoPHP : https://drupal.org/project/geophp Location : https://drupal.org/project/location Link : https://drupal.org/project/link Date (+Date, Date All Day, Date API, Date Popup) : https://drupal.org/project/date Wysiwig : https://drupal.org/project/wysiwyg RDF Extensions (RDFx) : https://drupal.org/project/rdfx RESTful web services : https://drupal.org/project/restws II. Définir son projet de base de données 1. Choisir un sujet de base de données parmi les suivants ou un autre sujet personnel : a. Des vidéos sur les enjeux du développement international b. Les Peintures de la renaissance italienne c. Les grands écrivains du XXe siècle d. Les modèles de trains actuels e. Les bandes-dessinées belges, leurs scénaristes et dessinateurs f. Les animaux de la jungle g. Les œuvres romantiques h. etc. 2. Définir la structure de sa base de données a. les entités et les liens entre entités a réalisé a été réalisé par 1 Personne N 1 sujet est sujet de N Vidéo Est né à lieu de naissance de N Mot-clés N Lieu représenté représenté sur 1 Lieu 1 Entités Liens entre entités 1-N cardinalité des liens entre entités Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 2

b. les champs et leurs types Vidéo Personne Lieu Mots-clés Titre (texte) Prénom Nom (texte) Ville (texte) Mot (texte) Réalisateur (entité) Lieu de naissance (entité) Code postal (texte) Description (texte) Date de naissance (date) Pays (texte) Date (date) Date de mort (date) Coordonnées (géo) Durée (texte) Biographie (texte) Source (lien) Lieu (entité) Mots-clés (entité) Vidéo (code html) Validation (oui-non) Vignette (image) III. Création de la base de données 1. Se rendre à l adresse de l installation Drupal dans le navigateur (si vous l avez installé vousmême, se connecter sur sa propre machine, sinon utiliser les données ci-dessous). Installation prête en ligne : http://libre.militant.ch/drupal34 (remplacer 34 par votre chiffre attribué par le prof) ou Installation EPFL interne Suivre les instructions interne 2. Se connecter dans l interface administration (utiliser les données ci-dessous ou les créer soimême lors de l installation) User : participant Psw : participant1 3. Aller sous Structure > type de contenus Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 3

4. Ajouter un type de contenu pour chaque entité prévue a. Entrer le nom de l entité (vidéo, personne, lieu, peinture, etc.) b. Choisir les options de l entité en matière de publication, d affichage, des commentaires, du menu, etc. ou laisser les options par défaut, puis sauvegarder. Par exemple, on peut vouloir interdire les commentaires, car ceux-ci sont possibles par défaut. 5. Définir les champs de l entité en cliquant sur «manage fields» Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 4

a. Entrer le nom du champ b. Choisir le type de champ (date, texte, chiffre, etc.). c. Choisir les options du champ, différentes selon son type, ou laisser les options par défaut, puis sauvegarder. Pour certains champs spéciaux, voir ci-dessous. d. Recommencer pour chaque champ de l entité. 6. Champs spéciaux a. Pour les champs qui sont des liens vers les autres entités (p.ex. «réalisteur» pour l entité «vidéo» est un lien vers l entité «personne»), il faut d abord créer l autre entité, puis choisir le type de champ «Entity reference». Dans les paramètres du champs, il faut sélectionner le type d entité qui sera lié, ici une «personne» pour le champ «réalisateur» de l entité «vidéo». Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 5

b. Champ «Mots-clés» de l entité vidéo. Il faut permettre de pouvoir faire plusieurs attributions, non seulement un seul mot-clé. Pour cela, il faut spécifier que plusieurs exemplaires du champ «mots-clés» sont possibles dans l entité vidéo (dans les paramètres du champ). c. Champ «Vidéo (code html)» : choisir le type de champ «texte», puis dans les paramètres du champ, choisir les options suivantes : Cela nous permettra d introduire du «embed code» fourni par les principaux diffuseurs comme youtube, du style : <iframe width="420" height="315" src="//www.youtube.com/embed/dbnywxdz_pa" frameborder="0" allowfullscreen></iframe> d. Un champ «Body» est ajouté automatiquement. On peut l utiliser très souvent en le renommant. Par exemple pour le champ «description» ou «biographie», etc. e. Champ «Coordonnées géographiques», voir sous chapitre «IX Géographie» plus bas laisser de côté pour le moment Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 6

IV. Insertion de contenu 1. Dans le menu principal en haut, aller sous «contenu», puis cliquer sur «ajouter du contenu». Sélectionner le type de contenu que l on veut ajouter (en sachant qu il faut entrer d abord les entités liées pour pouvoir les sélectionner après dans l autre entité : p.ex. il faut entrer le réalisateur comme personne, avant de créer la ficher «vidéo», de même avec les mots-clés et les lieux). 2. Commencer par introduire 5-6 de «mots-clés» permettant de décrire les ressources que l on veut intégrer. Par exemple, pour un portail vidéo sur les enjeux du développement : «Agriculture», «matières premières», «migrations», «économie», «environnement», 3. Ensuite, introduire la «personne» (personne physique ou morale), qui a réalisé la première vidéo que vous voulez introduire, la décrire, enregistrer. 4. Cataloguer une vidéo (voir l exemple à la page suivante). Et pour certains champs spéciaux, voir les explications plus bas. Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 7

Ce code est à récupérer sur les sites des diffuseurs (Youtube, Arte, Daylimotion, etc.). Pour l introduire, il faut choisir l option du champ «Full HTML», sans quoi il est impossible d introduire du code. Ces champs sont des entités liées grâce aux champs du type «Entity reference». Il faut déjà avoir introduit les données pour qu elles apparaissent ici. Intégrer une image permettra de faire apparaitre une vignette dans les listes des vidéos (optionnel). Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 8

5. Cataloguer 2-3 vidéos, avec chaque fois son réalisateur, ses mots-clés, etc. V. Visualisation des contenus 1. Voir la fiche d une vidéo : aller sous «contenus» et cliquer sur le titre d une entité cataloguée, une vidéo ou autre : elle est en ligne!! 2. Modifier l affichage de la fiche : se rendre sous «structure > types de contenus», au niveau de l entité voulue, sélectionner «manage display». Il y est entre autre possible de : a. Changer l ordre des champs à l affichage (par exemple glisser le champ «Vidéo Embed code» tout en haut pour qu il s affiche avant les métadonnées. b. Cacher des champs, par exemple le champ «vignette» qui ne sera utile que dans des listes (voir plus bas) : au niveau du champ, dans la liste à choix de la colonne «format», choisir «-caché-». c. Activer les liens vers les entités liées, afin de pouvoir se rendre sur sa fiche par simple clique (p.ex. voir la fiche du réalisateur en cliquant sur son nom depuis la fiche vidéo) : cliquer sur la roue dentée à droite de la ligne du champ en question. d. Changer le format d affichage des dates e. Changer l emplacement du libellé du champ ou le supprimer a e d c b VI. Créer les listes de contenus 1. Aller sous «Structure > Views». Les «vues» permettent de créer toute sorte d affichages à partir des données de la base. 2. Faire «Add new view» pour créer la première liste, par exemple les «Vidéos». Choisir par exemple le type d affichage sous forme de «tableau». Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 9

NB. Les vues peuvent être créées sous forme de «page», ou sous forme de «block» qui seront intégrés par la suite dans une page. Ici nous créons une page. 3. Cliquer sur «Continue & edit» (pas sur «save & exit»), et configurer la vue pour n afficher que les fiches des vidéos, par exemple sous la forme de tableau contenant la vignette et le titre. e a d b c a. Format : déjà sous forme de tableau si on l a sélectionné avant b. Fields (champs) : «ajouter» le champ «vignette» (faire une recherche dans la liste des champs pour le trouver) et l ajouter. Dans les paramètres du champ (deuxième fenêtre), choisir «Thumbnail (100x100)» et «Link image to contenu», puis appliquer. Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 10

Ajouter éventuellement d autres champs devant apparaitre dans la liste. c. Filter Criteria : ajouter un filtre sur le type de contenu, chercher «content type» dans la liste, ajouter («apply»), puis sélectionner le type de contenu correspondant, ici «vidéo», et «apply» d. Ajouter la vue au menu du site internet. Choisir «Normal menu entry», donner un titre et choisir «menu principal». e. Sauvegarder la vue f. Cliquer sur «la maison» pour voir le site. Le menu «Vidéo» apparait et déploie la liste Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 11

4. Eventuellement faire les listes des autres entités en répétant le processus (Réalisateurs, etc.) VII. Les listes de contenus liés à une entité (fonction avancée, optionnel) Le but ici est de lister par exemple toutes les vidéos d un réalisateur, dans la fiche du réalisateur. 1. Créer une nouvelle vue, choisir de créer un «block» et non une «page». Nous placerons ensuite le bloque «liste des vidéos d un réalisateur», dans la page du réalisateur. Choisir les options (ajouter le champ «vignette», etc. : cf. ci-dessus). Cliquer «Continue & Edit». Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 12

2. Ajouter le lien entre les réalisateurs et les vidéos (le block sélectionnera que les vidéos du réalisateur concerné) a. Dans les paramètres, ouvrir les options «advanced» a c b b. Sous «Relationships», chercher «Entity Reference : Referenced Entity», et choisir la bonne référence. Attention à ne pas sélectionner «referencing», mais «referenced via» Appliquer, puis appliquer la deuxième fenêtre d options sans rien changer. Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 13

c. Sous «Contextual Filter», sélectionner le champ «Contenu : Nid» (afin que les liens vers les vidéos tiennent compte du réalisateur en cour) d. Dans les paramètres, sélectionner la bonne «Relationship», puis sélectionner la Filter Value «Provide Default Value» : «Content ID from URL» e. Appliquer, puis ne pas oublier d enregistrer la «vue» 3. Ajouter le bloc des vidéos dans la page des réalisateurs a. Se rendre sous «Structure > blocs» b. Tout en bas, dans la liste des blocs désactivés, trouver le bloc précédemment créé et l ajouter au «contenu» de la page grâce à la liste déroulante. c. Enregistrer la fenêtre des blocs. Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 14

4. Se rendre sur le site public, aller dans la page d un «réalisateur», la liste de ses vidéos figure en dessous de ses métadonnées. On peut y accéder, car la liste est formée de liens vers ces vidéos! VIII. Moteur de recherche Le moteur de recherche est quasi automatique. Évidemment, il peut être modifié, mais un mode de recherche simple et un mode de recherche avancé sont déjà disponibles! Une chose à faire : les données sont indexées dans le moteur toutes les 3 heures. Pour pouvoir chercher les données tout justes entrées, il faut lancer l indexation des données à la main : 1. Se rendre sous «configuration > système > tâche planifiée (cron)» 2. Cliquer sur «lancer la tâche planifiée (cron)» 3. Le moteur de recherche est fonctionnel! Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 15

IX. Géographie L idée est d intégrer à une entité une dimension géographique, dans le sens de coordonnées longitude-latitude, qui permettra d afficher les résultats sur une carte. Pour notre exemple, nous le faisons pour l entité «lieux», mais il est tout à fait possible de le faire directement pour les vidéos ou autre. 1. Se rendre sous «Structure > types de contenus», pour l entité choisie (ici «Lieux»), cliquer sur «Manage fields» afin de paramétrer le champ qui contiendra les coordonnées. 2. Ajouter un nouveau champ «Coordonnées géographiques», du type «Geofield», avec le widget «Geocode from another field», qui permettra de trouver automatiquement les coordonnées à partir du nom du lieu, ou de l adresse. 3. Enregistrer, valider la fenêtre «paramètre du champ», puis dans la 2 e fenêtre de paramètres du champ qui apparait, choisir le champ qui sera utiliser pour «géocoder» les coordonnées. Dans notre exemple, il s agit du «titre», car c est dans ce champ que figure le nom de la localité. Pour une meilleure précision, il sera bien d utiliser un champ qui contiendra toute l adresse, y-compris le pays. Finalement, choisir le «Geocoder», par exemple celui de Google, puis sauvegarder. 4. Sous «Contenu», ajouter un «lieu» (ou autre entité choisie pour la géographie). Après avoir enregistré, se rendre sur la fiche publique du nouveau lieu : les coordonnées apparaissent! Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 16

5. Afficher le lieu sur une carte : aller dans «structure > types de contenus», cliquer sur «manage display» de l entité «lieux». Pour le champ «coordonnées géographiques», choisir «Geofield Map». Retourner dans la fiche publique. Le lieu est pointé sur une carte! 6. Afficher tous les «lieux» sur une carte (s aider du chapitre VI Créer les listes de contenus, processus similaire à plusieurs niveaux) a. Créer une «vue» (sous Structure > views), de type «page», s appelant «Lieux». Comme «Display format», choisir «Geofield Map». Cocher «Create a menu link» et le mettre dans le «Menu principal». Cliquer sur «Continue & Edit» Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 17

b. Dans les paramètres de la vue, sous «Fields», ajouter le champ «Coordonnées géographiques» c b c. Sous «Format», cliquer sur les paramètres de la Carte. Choisir la «Data Source» de la carte : le champ «Coordonnées géographiques» Choisir le champ à afficher dans le popup sur la carte : le «titre» du lieu d. Appliquer. Ne pas oublier de sauvegarder la vue. Puis retourner sur le site dans la page «Lieux» désormais présente dans le menu. Une carte de tous les lieux est affichée! X. Le Web sémantique ou Web de données Le web sémantique est entre autre, par son langage RDF, une syntaxe permettant de mettre à disposition de tous en ligne et de manière ouverte ses données dans un format standardisé. Nous allons publier les données créées dans le format DC-RDF (Dublin Core pour le Web de données). Cela est possible grâce aux modules correspondants. 1. Dans les types de contenus (Structure > types de contenus), choisir le champ «vidéos» ou un autre décrivant une ressource documentaire. Cliquer sur «modifier». 2. Tout en bas, ouvrir les paramètres «RDF Settings», dans le champ «RDF Type», entrer «dc:document», enregistrer. Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 18

3. Aller dans la gestion des champs de l entité («manage fields»). Pour chaque champ, faire «modifier», et tout en bas dans les «Description RDF Settings», entrer les informations du champ correspondant du DC-RDF. «body» ou «Description» dc:description «Realisateur» dc:creator «date» dc :date etc. 4. Se rendre sur la fiche d une vidéo. Dans l url, ajouter «.rdf» à la fin. p.ex. http://libre.militant.ch/drupal/node/11.rdf Votre contenu est dans le Web sémantique! Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 19

Voilà, vous avez une base de données fonctionnelle! autant au niveau de la saisie (vous pouvez cataloguer maintenant ) qu au niveau de l accès (votre base de données est en ligne ) Vous pouvez terminer votre atelier à la maison. Si jamais, je suis à disposition pour des questions par mail. Feed-back Je serais content que vous me fassiez un retour sur cet atelier : Vous a-t-il été utile? Était-il adapté? En quoi peut-il être amélioré? Quels problèmes avez-vous rencontré? Merci à tous Je reste à disposition nicolas.bugnon@alliancesud.ch Atelier : Créer une base de données vidéo sans programmation / Nicolas Bugnon 20