SlideShare a Scribd company logo
1 of 27
Améliorations ergonomiques
pour les contributeurs dans Drupal
Bonjour !
 Olivier Friesse
 Responsable Technique des Nouveaux Médias
 de RadioFrance
 Président de Drupal France & Francophonie
 @noisetteprod


               Cédric Perronnet
Co-fondateur d'Open Web Solutions.
                          @drico
Pourquoi s'intéresser au "content authoring" ?

  • Qu'est-ce que "l'authoring de contenu" ?


  • Drupal est un outil technique mature, mais
    qu'en pense les vrais utilisateurs au quotidien ?
Benchmark
Drupal remporte la partie technique

                              Capacité technique
… mais est à la traine sur l'authoring
                               Capacité technique
                               Authoring experience
Comment positionner Drupal ?
                               Expérience Drupal

                               Produit idéal
Définition des objectifs concurrentiels
Les fonctionnalités de Spark

•   Création de contenu & Edition
•   Mise en forme de Page & Contenus
•   Tableaux de bord & Workflow
•   Authoring Mobile
•   Gestion des Médias
•   Staging des contenus
•   Localisation
Concrètement, qu'utilise spark ?
L'éditeur de texte est un enjeu crucial
Choix de l'éditeur Aloha (wimleers.com/blog/spark-update-wysiwyg-choice)




                              Démo
                         http://aloha-editor.org/
L'édition en ligne (module Edit)
Les entrailles du module EDIT

• Backbone.js
    • MVC / MVP Javascript (demo)
• Vie
• Create.js
    • Lance le wysiwyg Aloha (Démo)

             Démo Drupal 7


             Démo Drupal 8
La mise en forme responsive (Layout)
Le module Layout

 • Demo Drupal 7
     • Essentiellement panels
     • Page Manager
     • Panelizer


 • Demo Drupal 8
Prévisualisation mobile (Breakpoints)




                                   En savoir plus
Menu adapté au mobile (NavBar)




                                 En savoir plus
Fonctionnalités mobiles
 • Nouveau menu de navigation
     • NavBar
     • Demo 7

 • Breakpoints
     • Demo 8
     • Video (1'26)
 • Responsive design
     • Ember theme
Et la gestion des médias ?

  Radio France et Ows travaillent de longue
  date sur l'amélioration de l'expérience
  utilisateur pour la gestion des médias,
  élément essentiel sur un site de presse.

  Le module Scald est le fruit de ce travail.

  L'ergonomie a été entièrement repensée
  pour la version Drupal 7
Gestion des médias : Scald

• Scald propose une librairie de média unifiée
  avec recherche et création de contenus

• De la librairie les médias peuvent être insérer
  dans les
  contenus par Drag&Drop
ScalD et Spark ?

• Démo

A notre sens ScalD est complètement dans
  l'esprit de Spark et les principes
  d'ergonomie sont compatibles.

• Démo Vidéo

• Module Scald Spark (work in progress !)
Et ensuite ?

• Pour Spark :
    • Finalisation des efforts sur la version 8 en
      vue du features freeze de Drupal 8
    • Reprise de la roadmap pour atteindre les
      objectifs concurrentiels de Spark sur la
      version 7

• Pour Scald
    • poursuite des efforts d'intégration avec
      Spark
Merci !




Questions !
 Olivier Friesse : @noisetteprod
    Cédric Perronnet: @drico
Annexe !
    Etat d'avancement de Spark au 10/2012

•   Création de contenu & Edition    In Development
•   Mise en forme de Page & Contenus In Development
•   Tableaux de bord & Workflow     Design complete
•   Authoring Mobile                 In Development
•   Gestion des Médias                      In Design
•   Staging des contenus          Awaiting integration
•   Localisation                          Not Started

More Related Content

Similar to Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal

Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)LaNetscouade
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?ekino
 
Découvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceDécouvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceLINAGORA
 
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012Chipway
 
DrupalCamp Paris 2013 - Drupal un cms oriente metier
DrupalCamp Paris 2013 - Drupal un cms oriente metierDrupalCamp Paris 2013 - Drupal un cms oriente metier
DrupalCamp Paris 2013 - Drupal un cms oriente metierRomain Jarraud
 
DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
 DrupalCamp Paris 2013 - Drupal : un CMS orienté métier DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
DrupalCamp Paris 2013 - Drupal : un CMS orienté métierActency
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012Microsoft
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Olivier Conq
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Olivier Conq
 
Le futur de Drupal et des applications web
Le futur de Drupal et des applications webLe futur de Drupal et des applications web
Le futur de Drupal et des applications webJulien Dubreuil
 
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016Symetris
 
Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency ...
Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD -   Actency ...Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD -   Actency ...
Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency ...Actency
 
Alphorm.com Formation Drupal 7 pour les utilisateurs
Alphorm.com Formation Drupal 7 pour les utilisateurs Alphorm.com Formation Drupal 7 pour les utilisateurs
Alphorm.com Formation Drupal 7 pour les utilisateurs Alphorm
 
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Ippon
 
Global Training Day Paris - Drupal 8
Global Training Day Paris - Drupal 8Global Training Day Paris - Drupal 8
Global Training Day Paris - Drupal 8Romain Jarraud
 
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détailsPrésentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détailsSymetris
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalLINAGORA
 
Positionner drupal-conference-drupalcamp-lyon-2012-marketing
Positionner drupal-conference-drupalcamp-lyon-2012-marketingPositionner drupal-conference-drupalcamp-lyon-2012-marketing
Positionner drupal-conference-drupalcamp-lyon-2012-marketingChipway
 
Trucs & astuces drupal
Trucs & astuces drupalTrucs & astuces drupal
Trucs & astuces drupalCore-Techs
 

Similar to Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal (20)

Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
 
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?
 
Découvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référenceDécouvrir Drupal, le CMS Open Source de référence
Découvrir Drupal, le CMS Open Source de référence
 
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
Bonnes pratiques-drupal-dans-cahier-des-charges conference-dc-lyon-2012
 
DrupalCamp Paris 2013 - Drupal un cms oriente metier
DrupalCamp Paris 2013 - Drupal un cms oriente metierDrupalCamp Paris 2013 - Drupal un cms oriente metier
DrupalCamp Paris 2013 - Drupal un cms oriente metier
 
DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
 DrupalCamp Paris 2013 - Drupal : un CMS orienté métier DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
DrupalCamp Paris 2013 - Drupal : un CMS orienté métier
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012Patterns Agiles avec Visual Studio 2012 et TFS 2012
Patterns Agiles avec Visual Studio 2012 et TFS 2012
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
 
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
Patterns Agiles avec Visual Studio 2012 et TFS 2012 (ALM201)
 
Le futur de Drupal et des applications web
Le futur de Drupal et des applications webLe futur de Drupal et des applications web
Le futur de Drupal et des applications web
 
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
Symetris présente Drupal 8 - Linux-Meetup (Montreal) 02/02/2016
 
Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency ...
Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD -   Actency ...Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD -   Actency ...
Usine à Sites Drupal 7 Drupal 8 : Témoignage ARTE, PERNOD RICARD - Actency ...
 
Livre Drupal avance
Livre Drupal avanceLivre Drupal avance
Livre Drupal avance
 
Alphorm.com Formation Drupal 7 pour les utilisateurs
Alphorm.com Formation Drupal 7 pour les utilisateurs Alphorm.com Formation Drupal 7 pour les utilisateurs
Alphorm.com Formation Drupal 7 pour les utilisateurs
 
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014
 
Global Training Day Paris - Drupal 8
Global Training Day Paris - Drupal 8Global Training Day Paris - Drupal 8
Global Training Day Paris - Drupal 8
 
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détailsPrésentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
 
Industrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec DrupalIndustrialisez le développement et la maintenance de vos sites avec Drupal
Industrialisez le développement et la maintenance de vos sites avec Drupal
 
Positionner drupal-conference-drupalcamp-lyon-2012-marketing
Positionner drupal-conference-drupalcamp-lyon-2012-marketingPositionner drupal-conference-drupalcamp-lyon-2012-marketing
Positionner drupal-conference-drupalcamp-lyon-2012-marketing
 
Trucs & astuces drupal
Trucs & astuces drupalTrucs & astuces drupal
Trucs & astuces drupal
 

Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal

  • 1. Améliorations ergonomiques pour les contributeurs dans Drupal
  • 2. Bonjour ! Olivier Friesse Responsable Technique des Nouveaux Médias de RadioFrance Président de Drupal France & Francophonie @noisetteprod Cédric Perronnet Co-fondateur d'Open Web Solutions. @drico
  • 3. Pourquoi s'intéresser au "content authoring" ? • Qu'est-ce que "l'authoring de contenu" ? • Drupal est un outil technique mature, mais qu'en pense les vrais utilisateurs au quotidien ?
  • 5. Drupal remporte la partie technique Capacité technique
  • 6. … mais est à la traine sur l'authoring Capacité technique Authoring experience
  • 7. Comment positionner Drupal ? Expérience Drupal Produit idéal
  • 8.
  • 9.
  • 10.
  • 11. Définition des objectifs concurrentiels
  • 12. Les fonctionnalités de Spark • Création de contenu & Edition • Mise en forme de Page & Contenus • Tableaux de bord & Workflow • Authoring Mobile • Gestion des Médias • Staging des contenus • Localisation
  • 14. L'éditeur de texte est un enjeu crucial Choix de l'éditeur Aloha (wimleers.com/blog/spark-update-wysiwyg-choice) Démo http://aloha-editor.org/
  • 15. L'édition en ligne (module Edit)
  • 16. Les entrailles du module EDIT • Backbone.js • MVC / MVP Javascript (demo) • Vie • Create.js • Lance le wysiwyg Aloha (Démo) Démo Drupal 7 Démo Drupal 8
  • 17. La mise en forme responsive (Layout)
  • 18. Le module Layout • Demo Drupal 7 • Essentiellement panels • Page Manager • Panelizer • Demo Drupal 8
  • 20. Menu adapté au mobile (NavBar) En savoir plus
  • 21. Fonctionnalités mobiles • Nouveau menu de navigation • NavBar • Demo 7 • Breakpoints • Demo 8 • Video (1'26) • Responsive design • Ember theme
  • 22. Et la gestion des médias ? Radio France et Ows travaillent de longue date sur l'amélioration de l'expérience utilisateur pour la gestion des médias, élément essentiel sur un site de presse. Le module Scald est le fruit de ce travail. L'ergonomie a été entièrement repensée pour la version Drupal 7
  • 23. Gestion des médias : Scald • Scald propose une librairie de média unifiée avec recherche et création de contenus • De la librairie les médias peuvent être insérer dans les contenus par Drag&Drop
  • 24. ScalD et Spark ? • Démo A notre sens ScalD est complètement dans l'esprit de Spark et les principes d'ergonomie sont compatibles. • Démo Vidéo • Module Scald Spark (work in progress !)
  • 25. Et ensuite ? • Pour Spark : • Finalisation des efforts sur la version 8 en vue du features freeze de Drupal 8 • Reprise de la roadmap pour atteindre les objectifs concurrentiels de Spark sur la version 7 • Pour Scald • poursuite des efforts d'intégration avec Spark
  • 26. Merci ! Questions ! Olivier Friesse : @noisetteprod Cédric Perronnet: @drico
  • 27. Annexe ! Etat d'avancement de Spark au 10/2012 • Création de contenu & Edition In Development • Mise en forme de Page & Contenus In Development • Tableaux de bord & Workflow Design complete • Authoring Mobile In Development • Gestion des Médias In Design • Staging des contenus Awaiting integration • Localisation Not Started