Améliorations ergonomiquespour les contributeurs dans Drupal
Bonjour ! Olivier Friesse Responsable Technique des Nouveaux Médias de RadioFrance Président de Drupal France & Francophon...
Pourquoi sintéresser au "content authoring" ?  • Quest-ce que "lauthoring de contenu" ?  • Drupal est un outil technique m...
Benchmark
Drupal remporte la partie technique                              Capacité technique
… mais est à la traine sur lauthoring                               Capacité technique                               Autho...
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 & Wo...
Concrètement, quutilise spark ?
Léditeur de texte est un enjeu crucialChoix de léditeur Aloha (wimleers.com/blog/spark-update-wysiwyg-choice)             ...
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...
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 (126...
Et la gestion des médias ?  Radio France et Ows travaillent de longue  date sur lamélioration de lexpérience  utilisateur ...
Gestion des médias : Scald• Scald propose une librairie de média unifiée  avec recherche et création de contenus• De la li...
ScalD et Spark ?• DémoA notre sens ScalD est complètement dans  lesprit de Spark et les principes  dergonomie sont compati...
Et ensuite ?• Pour Spark :    • Finalisation des efforts sur la version 8 en      vue du features freeze de Drupal 8    • ...
Merci !Questions ! Olivier Friesse : @noisetteprod    Cédric Perronnet: @drico
Annexe !    Etat davancement de Spark au 10/2012•   Création de contenu & Edition    In Development•   Mise en forme de Pa...
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Drupagora 2012 - Améliorations ergonomiques pour les contributeurs dans Drupal
Upcoming SlideShare
Loading in …5
×

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

2,235 views

Published on

Au cours de cette conférence dédiée aux améliorations ergonomiques de l'espace d'administration Drupal nous aborderons différents sujets et notamment les évolutions apportées par l’initiative sur l’authoring SPARK :
- Edition en ligne - Nouveau WySiWyG Aloha
- Drag and drop
- Prévisualisation Responsive Design & Mobile
Nous évoquerons également la gestion des médias et l'intégration d'une librairie de média via le module Scald

Published in: Technology
  • Be the first to comment

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

  1. 1. Améliorations ergonomiquespour les contributeurs dans Drupal
  2. 2. Bonjour ! Olivier Friesse Responsable Technique des Nouveaux Médias de RadioFrance Président de Drupal France & Francophonie @noisetteprod Cédric PerronnetCo-fondateur dOpen Web Solutions. @drico
  3. 3. Pourquoi sintéresser au "content authoring" ? • Quest-ce que "lauthoring de contenu" ? • Drupal est un outil technique mature, mais quen pense les vrais utilisateurs au quotidien ?
  4. 4. Benchmark
  5. 5. Drupal remporte la partie technique Capacité technique
  6. 6. … mais est à la traine sur lauthoring Capacité technique Authoring experience
  7. 7. Comment positionner Drupal ? Expérience Drupal Produit idéal
  8. 8. Définition des objectifs concurrentiels
  9. 9. 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
  10. 10. Concrètement, quutilise spark ?
  11. 11. Léditeur de texte est un enjeu crucialChoix de léditeur Aloha (wimleers.com/blog/spark-update-wysiwyg-choice) Démo http://aloha-editor.org/
  12. 12. Lédition en ligne (module Edit)
  13. 13. 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
  14. 14. La mise en forme responsive (Layout)
  15. 15. Le module Layout • Demo Drupal 7 • Essentiellement panels • Page Manager • Panelizer • Demo Drupal 8
  16. 16. Prévisualisation mobile (Breakpoints) En savoir plus
  17. 17. Menu adapté au mobile (NavBar) En savoir plus
  18. 18. Fonctionnalités mobiles • Nouveau menu de navigation • NavBar • Demo 7 • Breakpoints • Demo 8 • Video (126) • Responsive design • Ember theme
  19. 19. Et la gestion des médias ? Radio France et Ows travaillent de longue date sur lamélioration de lexpé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. Lergonomie a été entièrement repensée pour la version Drupal 7
  20. 20. 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
  21. 21. ScalD et Spark ?• DémoA notre sens ScalD est complètement dans lesprit de Spark et les principes dergonomie sont compatibles.• Démo Vidéo• Module Scald Spark (work in progress !)
  22. 22. 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 dintégration avec Spark
  23. 23. Merci !Questions ! Olivier Friesse : @noisetteprod Cédric Perronnet: @drico
  24. 24. Annexe ! Etat davancement 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

×