Séance 4: projet PPCM 2014

  • Published on
    14-Dec-2014

  • View
    743

  • Download
    0

DESCRIPTION

 

Transcript

1. Projet PPCM Plateforme de Partage de Contenus Multimdia Dveloppement dune plateforme de diffusion et de partage de contenus multimdia 2. Situation 1re activit: Comprendre le fonctionnement dune plateforme de partage de photo: la photothque de lUniGe. Etudier dautres plateformes: wikimdia commons, flickr, px500 et visualrecipes. 3. Situation 2me activit: Comprendre le fonctionnement global de Drupal et de Drupal Gardens Choisir le thme de votre plateforme de partage de contenus multimdias Dfinir les mtadonnes pour les contenus et les contributeurs. Implmenter la ligne graphique (thme) de votre plateforme. 4. Situation 3me activit: Adapter le type de contenu media gallery de Drupal Gardens En y ajoutant les mtadonnes sous forme de fields. Adapter le profil des utilisateurs En y ajoutant les mtadonnes sous forme de fields. Tester le rsultat En crant un utilisateur contributeur En ajoutant des exemples de collections de photos. 5. Et maintenant ? Maintenant: la 4me tape Il faut adapter votre plateforme pour permettre vos visiteurs de naviguer sur la plateforme pour explorer et dcouvrir les contenus. Pour cela, il faut leur donner diffrents points dentre qui leur permettront de chercher, de parcourir et de slectionner des contenus. Ces points dentre se construisent partir de mtadonnes. 6. Comment ? Pour cela nous allons utiliser Les blocs Les menus Les vues (views) Les blocs permettent dafficher des contenus, des rsultats, des menus et de les placer lintrieur du thme Les menus permettent de naviguer lintrieur du site et donner accs aux fonctionnalits. Les vues permettent de construire des slections de contenus selon des critres (filtres, tris) 7. Page daccueil Le premier point dentre: la page daccueil Par exemple Configurer la page daccueil pour quelle affiche la liste des contenus tris par date. A visionner: http://youtu.be/XqRgNJ8zbSw Cette vido montre comment configurer la page daccueil. 8. Les blocs Les blocs: Certains modules crent un ou plusieurs blocs qui affiche des rsultats/informations du module quil est ensuite possible dactiver. Vous pouvez crer vos propres blocs. La cration dun menu ou dune vue entrane la cration dun bloc permettant de rendre le menu ou la vue accessible par un bloc. 9. Les blocs La liste des blocs est organise par rgions Chaque rgion correspond une zone gographique de votre thme. Plus une liste de blocs disabled Qui comprend les blocs existants mais qui ne sont pas activs. Pour activer un bloc, il faut le placer dans une rgion du thme. 10. Les blocs rgion bloc configuration 11. Les blocs blocs inactifs enregistrer toute modification slectionner la rgion 12. Les blocs affiche la liste des utilisateurs en ligne affiche la liste des derniers commentaires affiche la liste des nouveaux utilisateurs 13. Les blocs Les rgions localises dans le thme 14. Les menus Les menus Ils permettent de naviguer dans le site Et surtout ils activent lexcution des traitements de Drupal sur les contenus Chaque menu contient des liens En cliquant sur un lien On provoque lexcution par Drupal dun traitement Dont le rsultat est ensuite retourn lutilisateur dans la page centrale. 15. Les menus Les menus Il existe des menus par dfaut Par exemple Navigation Il est possible dajouter des menus Dajouter des liens un menu De changer un lien de menu 16. Les menus menu ajout dun menu modification du menu ajout dun lien 17. Les menus Cration dun lien (add link) La page A propos et son adresse ou lien 18. Les menus Cration dun lien (add link) et son adresse ou lien 19. Thme gnral Dans les exemples suivants, on considre que la plateforme a pour thme les htels du monde La plateforme doit donc permettre aux utilisateurs contributeurs de crer des contenus reprsentant des htels en fournissant pour chaque htel une collection de photos et des valeurs pour les mtadonnes. 20. Les menus Construire un menu Crer un menu Ajouter des liens Activer le bloc correspondant au menu Pour le rendre visible et accessible aux visiteurs. 21. Exemple de menu Procdure Cration dune page propos dcrivant les objectifs et buts de la plateforme. Cration dune page Conditions gnrales dutilisation dcrivant les rgles de fonctionnement respecter (par exemple en terme de copyright) Cration dun menu donnant accs aux deux pages Activation du bloc correspondant 22. Exemple de menu Procdure Crer deux contenus de type basic page Rcuprer le lien (URL) des ces deux pages Crer un menu Ajouter les liens sur les deux pages dans le menu Activer le bloc du menu Le menu est accessible aux utilisateurs qui en cliquant sur les liens du menu peuvent accder au contenu des deux pages et les lire. 23. Exemple de menu A visionner http://youtu.be/wnuitc9G7cY 24. Moteur de recherche interne Le premier point dentre consiste activer le moteur de recherche interne et de permettre aux visiteurs de linterroger Activation du module. Lindexation des contenus se fait automatiquement Tous les fields sont indexs. Activation du bloc de recherche Permet de donner accs au visiteur la recherche par mot-cl. Le moteur renvoie la liste des contenus (ou des utilusateurs) dont un des fields contient le mot-cl. 25. Moteur de recherche interne A visionner http://youtu.be/lDRs2UEMkDs 26. Slection des contenus 3 exemples de slections des contenus A partir dune mtadonne associe une taxonomy ouverte En crant une vue qui affiche dans un bloc la liste des termes de la taxonomy Quand le visiteur clique sur un des termes, tous les contenus qui ont ce terme comme valeur de la mtadonne sont slectionns et affichs sous forme de liste. 27. Slection des contenus 3 exemples de slections des contenus A partir dune mtadonne associe une taxonomy ferme En crant un menu qui affiche dans un bloc la liste prdfinie des termes de la taxonomy Quand le visiteur clique sur un des liens, tous les contenus qui ont ce terme comme valeur de la mtadonne sont slectionns et affichs sous forme de liste. 28. Premier exemple slection Cration dune mtadonnes Ville Elle permet dattribuer un htel la ville dans laquelle il se trouve Le but est ensuite de permettre un visiteur de retrouver tous les htels dune ville en slectionnant le nom de la ville. 29. Premier exemple slection Procdure Cration dune taxonomy Villes Cration dun field Ville de type term reference ajout au type de contenu Htel Le widget associ est un de type Autocomplete term ce qui permettra de laisser le contributeur soit utiliser un nom de ville dj existant, soit de crer un nouveau nom de ville qui sajoutera la taxonomy. Configuration du field Valeur unique Valeur obligatoire Il est associ la taxonomy Villes 30. Premier exemple slection Procdure (suite) Cration dune vue (view) Qui slectionne les termes de la taxonomy Villes et les affiche Cration dun bloc associ la vue qui permet de visualiser le rsultat de la slection Activation du bloc de la vue 31. Premier exemple slection Rsultat Chaque fois quun contributeur ajoute un htel, le nom de ville quil lui attribue est ajout la taxonomy si il ny existe pas dj. Le nouveau nom apparat dans le bloc de la vue. Quand un visiteur clique sur un terme qui correspond un nom de ville, la plateforme slectionne tous les htels dont la ville correspond et affiche la liste. 32. Premier exemple slection Premire partie visionner http://youtu.be/-IYiLoJhTA0 33. Premier exemple slection (suite) Seconde partie visionner http://youtu.be/PkTGpG6K21c 34. Premier exemple slection (suite et fin) Troisime partie visionner http://youtu.be/iC1ogaNKKyk 35. Deuxime exemple slection Cration dune mtadonne Continent Elle permet dassocier chaque htel le continent dans lequel il se trouve situ. On a faire une liste de valeurs fixe et prdfinie (contrairement lexemple prcdent) Le but est ensuite de permettre un visiteur de retrouver tous les htels dun continent en slectionnant le nom dun continent. 36. Deuxime exemple slection Procdure Cration dune taxonomy Continent Ajout des 5 termes de la liste de continents Cration dun field Continent ajout au type de contenu Htel Le widget associ est un de type radio button ce qui permettra de laisser le contributeur slectionner la valeur parmi la liste complte des termes de la taxonomy. Configuration du field Valeur facultative Valeur unique 37. Deuxime exemple slection Procdure (suite) Cration dun menu Ajout dun lien sur chaque terme de la taxonomy Continents On obtient un menu 5 entres, chacune correspondant un des termes de la taxonomy. 38. Deuxime exemple slection Rsultats Chaque fois quun visiteur clique sur un des liens du menu Les htels associs au continent correspondant sont slectionns et la liste est affiche. 39. Deuxime exemple slection A visionner http://youtu.be/dxt8lmxY52k 40. Troisime exemple slection Cration dune mtadonne Activits Elle permet dassocier chaque htel les activits quil est possible dy pratiquer: golf, sauna, piscine... Le but est ensuite de permettre un visiteur de retrouver tous les htels qui proposent une activit prcise en lui permettant de faire une recherche en fournissant lui-mme le nom de lactivit. 41. Troisime exemple slection Procdure Cration dun field Activits ajout au type de contenu Htel De type text Configuration du field Valeur optionnelle 3 valeurs possibles 42. Troisime exemple slection Procdure (suite) Cration dune vue (view) Qui slectionne les contenus de type htel partir de la valeur du field Activits . Qui permet de laisser lutilisateur saisir lui-mme la valeur de lactivit quil veut rechercher. Cration dun menu Avec ajout dun lien sur la vue Activation du bloc du menu 43. Troisime exemple slection Procdure (suite) Cration dune vue (view) Dans Drupal, les contenus sont stocks dans les tables dune base de donnes du mme type que celles que vous avez vu au semestre prcdent en sminaire du cours dIntroduction la Science des Services. Le module View est un interface qui permet de construire une requte du mme type que les requtes SQL pour slectionner des contenus partir dune table. 44. Troisime exemple slection Rsultat Quand le visiteur slectionner le lien dans le menu, un formulaire simple est affich qui lui permet de saisir une valeur dactivit dans un champ de texte. Une fois la valeur valide par le visiteur, la plateforme slectionne les htels qui proposent cette activit et en affiche la liste Si aucun ne propose lactivit, la liste de rsultats est vide. 45. Troisime exemple slection Premire partie visionner http://youtu.be/xojnRsRet0U 46. Troisime exemple slection (suite) Passez la vido qui suit 47. Troisime exemple slection (suite et fin) Seconde partie visionner http://youtu.be/hR0wPCPovak 48. A vous A vous maintenant partir des exemples prsents de les adapter vos propres mtadonnes pour dfinir des points dentre qui permettront vos visiteurs dexplorer et de slectionner les collections de photos qui les intressent.