care for your backoffice - drupal dev days szeged 2014
DESCRIPTION
We are using Drupal which is gently taking care of pre-building administrative forms for us. "OK so let's add some content type and field now. Perfect! We now have a huuuuuuge collections of fields. Where is this image field again?" "Let's create some content now! Yes i have this huuuuuuuuge list of items now, how do i search in it?" "OK, now my content is there, i have to publish it. On which site is it live? Shout, i have to check everywhere. Can you do it by tomorrow?" "Oh the partner changed its name now i have to update its name, let's edit 100 nodes! Could i do it fast?" Our sites are used by real people (i swear), we should take care of them by offering the most efficient user interface possible. In order to do that, we will see how to improve Drupal default behaviors and try to optimize the screens used for hours by the users. We have some tools outthere that just need to be know in order to please everyone. We will have a tour of the existing modules during this session and talk about how we build some of them and why you should do the same.TRANSCRIPT
![Page 1: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/1.jpg)
Care for you backoffice
Guillaume BECJulien DUBOIS
![Page 2: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/2.jpg)
Battle plan
• Drupal 7 sucks!
• Drupal 7 rocks!
• Thank you contrib!
• What’s new in Drupal 8
![Page 3: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/3.jpg)
Drupal 7 sucks
But it comes with painful screens / operations for a daily usage :
• Node edit• Content view• User view
• Overlay• Limited Bulk
Operations• No WYSIWYG
![Page 4: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/4.jpg)
Drupal 7 rocksRemember, core brings few base pieces that are interesting:• Dashboard• Shortcut• Contextual links• Toolbar• Custom admin form
![Page 5: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/5.jpg)
Thank you contrib
Core developers are relying on contrib in order to solve some issues.
Let’s review some of them…
![Page 6: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/6.jpg)
Page structure
Panels• Variants• Layout• Plugins
Display suite
![Page 7: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/7.jpg)
Page structureField group / Edit
Edit
Field group
![Page 8: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/8.jpg)
ListingsViews / VBO / Search API Build screens that display the appropriate
information Code the 3 top actions that your users will
use bulkly Compute complex data and index them
![Page 9: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/9.jpg)
Search API
![Page 10: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/10.jpg)
Admin views
![Page 11: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/11.jpg)
NavigationAdmin / Admin menu Reorganize your menus Match your organization Segment by division if necessary
![Page 12: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/12.jpg)
UsabilityChosen / Hierarchical select Multi select lists sucks!
Chosen
Hierarchical select
![Page 13: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/13.jpg)
Usability
Views megarow
![Page 14: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/14.jpg)
UsabilityWYSIWYG CKeditor / BUeditor / Tiny MCE
BUEditor
Better formats
![Page 15: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/15.jpg)
Usability
Conditional Fields
![Page 16: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/16.jpg)
Dashboards
Total control admin
![Page 17: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/17.jpg)
Dashboards
Clients love dashboards
![Page 18: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/18.jpg)
Useful for features but also for content editors!
Content management
Diff
![Page 19: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/19.jpg)
Content management
Media
![Page 20: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/20.jpg)
Content management
Scald
![Page 21: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/21.jpg)
Content management
Assets
![Page 22: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/22.jpg)
Content authoring
Override node options
![Page 23: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/23.jpg)
Publish button / Save draft / Add another
Content authoring
Save draft
Add another
Publish button
![Page 24: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/24.jpg)
Content authoring
Scheduler
![Page 25: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/25.jpg)
Content authoring
Linkit
![Page 26: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/26.jpg)
Content authoring
Field validation
Client side validation
![Page 27: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/27.jpg)
Webmastering
Views UI Basic
![Page 28: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/28.jpg)
Admin themes
Rubik
![Page 29: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/29.jpg)
Pro Tips Write understandable field help texts
Build admin screens by role or need
Switch labels to inline
CSS (float, margin, borders are quick wins)
$form[‘BES’][‘#access’] = FALSE;
![Page 30: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/30.jpg)
Code!Sometimes contrib is not enough, you need to push it further.
Code your views handlers
Code your field widgets
Code your ctools plugins
Build new contrib modules
![Page 31: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/31.jpg)
What about Drupal 8?
Well for the content editor, it’s mainly UI related (but it still important!)
Edit in place in core
WYSIWYG in core
VBO(ish) in core
Views in core
Draft in core
New content page layout
![Page 32: Care for your backoffice - Drupal Dev Days Szeged 2014](https://reader038.vdocuments.site/reader038/viewer/2022103016/554be18ab4c90556328b4700/html5/thumbnails/32.jpg)
Creditshttp://curveagency.com/blog/building-better-dashboard-experience-drupal