SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
Structuration de contenus hétérogènes
Les solutions suivantes permettent de créer des
pages de contenus riches hétérogènes.
On parle souvent de méga gabarit.
Structuration de contenus hétérogènes
● Avec Paragraphs
● Avec Inline Entity Form
● Bricks : définitions
● Avec Bricks
● Avec Entity Browser
● Comparatif
● Démo : Modèle de donnée
● Démo : Exemple de données
Avec Paragraphs
● Avantages
– Exploitation d'Entity reference revision
– Support actif de la communauté + organisation
● Inconvénients
– Le contenu ne peut-être réutilisé
– La traduction du champ paragraph n'est pas supportée,
les champs du bundle sont traduisibles
Avec Inline Entity Form
● Avantages
– Tous les types d'entités peuvent être directement
référencés
– Support intégral des traductions
– Ré-utilisation des contenus
● Inconvénients
– Pas encore compatible avec Entity Reference
Revisions (utile pour le workflow)
Bricks : définitions
● Définitions
– Ce module s'appuie sur ECK.
– Les entités sont listées dans ECK
– Il fournit un field type ainsi que 2 widgets dont un qui
intègre IEF.
– Il est possible de définir des layouts pour y contribuer des
bricks
– Un sous module fournit une intégration IEF en étendant le
widget de celui-ci => donc mêmes avantages /
inconvénients que pour IEF
Avec Bricks
● Avantages
– Possibilité de contribuer le mode d'affichage de chaque entité
référencée
– Possibilité de choisir un layout + css classes pour les entités
référencées : grouper au niveau des deltas du champ de type
brick
● Inconvénients
– Jeune module, peu de contribution
– Pour certains les avantages ci-dessus (donner l'accès au
contributeur pour choisir des view modes, layout, css classes)
peut être perçu comme inconvénient
Avec Entity Browser
Globalement même résultat que IEF
● Avantages
– Indépendant du workflow
● Inconvénients
– Le browser n'est pas filtré selon les entités ciblées au
niveau du champ
● Pour l'édition « inline » on a
– Le formulaire d'édition en modal
– Les données lors de l'envoi du formulaire sont
directement enregistré en base de données
Entity Browser : pour aller plus loin
● Par rapport à bricks : proposition pour avoir le mode
d'affichage par entité référencée.
– Modifiez le type de champ entity_reference pour ajouter
une propriété / des options et y stocker le mode
d'affichage.
– Implémenter EntityBrowserFieldWidgetDisplay plugin
pour ajouter une liste de sélection avec les modes
d'affichage disponibles
– Etendre le « browser widget » pour enregistrer les modes
d'affichage sélectionnés (par delta) en base de donnée
– Peut également être envisagé pour IEF en étendant son
widget
Comparatif
Feature / Concepts Paragraphs IEF Bricks Entity Browser
Full translation support x x x
Re-use x x x
Revisioning x x x
Inline Editing x x x x
All entities support x x
Active community x x x
Démo : Modèle de donnée
Démo : Exemple de données

Contenu connexe

Similaire à DnD Montpellier janvier 2018

SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...
SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...
SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...Benoit Jester
 
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Grics   2017 - construisez votre intranet avec microsoft office 365 sans codeGrics   2017 - construisez votre intranet avec microsoft office 365 sans code
Grics 2017 - construisez votre intranet avec microsoft office 365 sans codeSamuel Lévesque
 
03 presentation-builder-normal
03 presentation-builder-normal03 presentation-builder-normal
03 presentation-builder-normalMichael Bertocchi
 
Animer et exploiter son portail e sidoc version2 [enregistrement automatique]
Animer et exploiter son portail e sidoc version2 [enregistrement automatique]Animer et exploiter son portail e sidoc version2 [enregistrement automatique]
Animer et exploiter son portail e sidoc version2 [enregistrement automatique]sirelucile
 
CMS Rubedo et les fonctions d'usine à sites web pour gérer le multisite
CMS Rubedo et les fonctions d'usine à sites web pour gérer le multisiteCMS Rubedo et les fonctions d'usine à sites web pour gérer le multisite
CMS Rubedo et les fonctions d'usine à sites web pour gérer le multisiteRubedo, a WebTales solution
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Julien LE THUAUT
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaineOnlineStrat.fr
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Mohammed JAITI
 
Netvibes atelier 14_octobre_2011_kg
Netvibes atelier 14_octobre_2011_kgNetvibes atelier 14_octobre_2011_kg
Netvibes atelier 14_octobre_2011_kgkumarutil
 
Le Developpement Web Aspnet2 Vb2005
Le Developpement Web Aspnet2   Vb2005Le Developpement Web Aspnet2   Vb2005
Le Developpement Web Aspnet2 Vb2005Gregory Renard
 
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site PublishingIntranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site PublishingFranck Cornu
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013Julien LE THUAUT
 
Comment créer une application Angular performante ?
Comment créer une application Angular performante ?Comment créer une application Angular performante ?
Comment créer une application Angular performante ?Sébastien Ollivier
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013MBA Multimedia
 
Mappingobjetrelationnel[1]
Mappingobjetrelationnel[1]Mappingobjetrelationnel[1]
Mappingobjetrelationnel[1]linasafaa
 

Similaire à DnD Montpellier janvier 2018 (20)

SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...
SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...
SharePoint Days Casablanca - Retours d'expériences et meilleures pratiques po...
 
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Grics   2017 - construisez votre intranet avec microsoft office 365 sans codeGrics   2017 - construisez votre intranet avec microsoft office 365 sans code
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
 
03 presentation-builder-normal
03 presentation-builder-normal03 presentation-builder-normal
03 presentation-builder-normal
 
Animer et exploiter son portail e sidoc version2 [enregistrement automatique]
Animer et exploiter son portail e sidoc version2 [enregistrement automatique]Animer et exploiter son portail e sidoc version2 [enregistrement automatique]
Animer et exploiter son portail e sidoc version2 [enregistrement automatique]
 
Histoires de CMS
Histoires de CMSHistoires de CMS
Histoires de CMS
 
CMS Rubedo et les fonctions d'usine à sites web pour gérer le multisite
CMS Rubedo et les fonctions d'usine à sites web pour gérer le multisiteCMS Rubedo et les fonctions d'usine à sites web pour gérer le multisite
CMS Rubedo et les fonctions d'usine à sites web pour gérer le multisite
 
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
 
Développer ses noms de domaine
Développer ses noms de domaineDévelopper ses noms de domaine
Développer ses noms de domaine
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
 
Netvibes atelier 14_octobre_2011_kg
Netvibes atelier 14_octobre_2011_kgNetvibes atelier 14_octobre_2011_kg
Netvibes atelier 14_octobre_2011_kg
 
Le Developpement Web Aspnet2 Vb2005
Le Developpement Web Aspnet2   Vb2005Le Developpement Web Aspnet2   Vb2005
Le Developpement Web Aspnet2 Vb2005
 
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site PublishingIntranets et sites web en SharePoint 2013 avec le Cross Site Publishing
Intranets et sites web en SharePoint 2013 avec le Cross Site Publishing
 
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
HTML5/CSS3D - Expresso Rennes Atalante - 17 sept. 2013
 
Comment créer une application Angular performante ?
Comment créer une application Angular performante ?Comment créer une application Angular performante ?
Comment créer une application Angular performante ?
 
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
Expresso Rennes Atalante - Html5 / Css3D - 17 sept. 2013
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Mappingobjetrelationnel[1]
Mappingobjetrelationnel[1]Mappingobjetrelationnel[1]
Mappingobjetrelationnel[1]
 
Drupal 8
Drupal 8Drupal 8
Drupal 8
 

DnD Montpellier janvier 2018

  • 1. Structuration de contenus hétérogènes Les solutions suivantes permettent de créer des pages de contenus riches hétérogènes. On parle souvent de méga gabarit.
  • 2. Structuration de contenus hétérogènes ● Avec Paragraphs ● Avec Inline Entity Form ● Bricks : définitions ● Avec Bricks ● Avec Entity Browser ● Comparatif ● Démo : Modèle de donnée ● Démo : Exemple de données
  • 3. Avec Paragraphs ● Avantages – Exploitation d'Entity reference revision – Support actif de la communauté + organisation ● Inconvénients – Le contenu ne peut-être réutilisé – La traduction du champ paragraph n'est pas supportée, les champs du bundle sont traduisibles
  • 4. Avec Inline Entity Form ● Avantages – Tous les types d'entités peuvent être directement référencés – Support intégral des traductions – Ré-utilisation des contenus ● Inconvénients – Pas encore compatible avec Entity Reference Revisions (utile pour le workflow)
  • 5. Bricks : définitions ● Définitions – Ce module s'appuie sur ECK. – Les entités sont listées dans ECK – Il fournit un field type ainsi que 2 widgets dont un qui intègre IEF. – Il est possible de définir des layouts pour y contribuer des bricks – Un sous module fournit une intégration IEF en étendant le widget de celui-ci => donc mêmes avantages / inconvénients que pour IEF
  • 6. Avec Bricks ● Avantages – Possibilité de contribuer le mode d'affichage de chaque entité référencée – Possibilité de choisir un layout + css classes pour les entités référencées : grouper au niveau des deltas du champ de type brick ● Inconvénients – Jeune module, peu de contribution – Pour certains les avantages ci-dessus (donner l'accès au contributeur pour choisir des view modes, layout, css classes) peut être perçu comme inconvénient
  • 7. Avec Entity Browser Globalement même résultat que IEF ● Avantages – Indépendant du workflow ● Inconvénients – Le browser n'est pas filtré selon les entités ciblées au niveau du champ ● Pour l'édition « inline » on a – Le formulaire d'édition en modal – Les données lors de l'envoi du formulaire sont directement enregistré en base de données
  • 8. Entity Browser : pour aller plus loin ● Par rapport à bricks : proposition pour avoir le mode d'affichage par entité référencée. – Modifiez le type de champ entity_reference pour ajouter une propriété / des options et y stocker le mode d'affichage. – Implémenter EntityBrowserFieldWidgetDisplay plugin pour ajouter une liste de sélection avec les modes d'affichage disponibles – Etendre le « browser widget » pour enregistrer les modes d'affichage sélectionnés (par delta) en base de donnée – Peut également être envisagé pour IEF en étendant son widget
  • 9. Comparatif Feature / Concepts Paragraphs IEF Bricks Entity Browser Full translation support x x x Re-use x x x Revisioning x x x Inline Editing x x x x All entities support x x Active community x x x
  • 10. Démo : Modèle de donnée
  • 11. Démo : Exemple de données