of-the-box! what you want, out-€¦ · user experience (ux) principles do the obvious things...
TRANSCRIPT
![Page 1: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/1.jpg)
What you want, out-of-the-box!
An introduction to Panopoly and Drupal distributions
![Page 2: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/2.jpg)
About David Snopek
http://mvpcreator.com
● Freelance Drupal developer● Co-maintainer of Panopoly (and 20-ish other
Open Source projects on Drupal.org)● Co-organize the Drupal meetup in
Milwaukee, WI (next meeting April 17th)
![Page 3: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/3.jpg)
What can you build with Drupal?
● Personal blog● E-commerce store● Company website● Intranet collaboration portal● Social networking site● Video sharing site● … etc … (unlimited possibilities!)
![Page 4: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/4.jpg)
What does Drupal give you out of the box?
![Page 5: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/5.jpg)
Nobody wants this thing!
![Page 6: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/6.jpg)
Most people want a thing that already feels like a website, and ...
![Page 7: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/7.jpg)
… that has core functionality they need!
![Page 8: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/8.jpg)
They want something closer to their end goal out-of-the-box
![Page 9: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/9.jpg)
And they want to replicate that 10x
![Page 10: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/10.jpg)
What is a Drupal “distribution”?
● Drupal prepackaged with contrib modules and themes, pre-configured for a specific use case
● Install it just like Drupal● But out of the box ... it does something!● It’s still Drupal so you can continue to
configure it and extend to meet you needs
![Page 11: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/11.jpg)
Popular Open Source Distributions
● Commerce Kickstart: e-commerce store● Open Public: government websites● Open Atrium: company intranet● Drupal Commons: online community● Open Academy: university department sites● Julio: school and high school websites● Demo Framework: sales tool (for Drupal)● ERPAL: internal PM and ERP tool● Panopoly: MAGIC! (more on this soon!)
![Page 12: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/12.jpg)
Lots of internal distributions too!
● UC Berkley● Canadian government● NBC● ASU WebSpark● … who knows how many others!
○ (even small to medium-sized organizations can benefit from using internal distributions)
![Page 13: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/13.jpg)
Reasons to use an internal distro
● Reduce boilerplate work every time (ex. Drupal shops)
● Build and configure once, deploy many times (ex. university, government)
● Make updates to the distribution, re-deploy and update all sites
![Page 14: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/14.jpg)
What is Panopoly?
1. A “starter site” distribution with lots of basic improvements to Drupal (ex. WYSIWYG, Media, responsive layouts, etc...) + Panels
2. A “base distribution” on which to build other distributions
3. A set of Features modules that can be used outside of Panopoly (ie. use just the panopoly_wysiwyg module)
![Page 15: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/15.jpg)
User eXperience (UX) principles
● Do the obvious things out-of-the-box● Keep users and site managers on the
frontend and off the backend○ Edit things where they’re displayed
● Keep Drupal-isms behind the scenes○ Shouldn’t need to know what a “View”, “Block”,
“Panel”, “Context”, etc are● WYSIWYG all the things
○ Show (live) previews wherever possible
![Page 16: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/16.jpg)
But it uses Panels, right? Eeeew!
● Lots of love AND hate for Panels● Panopoly includes the best of the Panels
eco-system ○ Panelizer, Fieldable Panel Panesl, Panels IPE
● … but hides the nasty from users○ Users will never see Page Manager (use IPE instead)!
● Create amazing user experiences that your users will love○ … while writing very little code (Views, FPP, Panelizer)
![Page 17: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/17.jpg)
The features of Panopoly!Show me the money
![Page 18: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/18.jpg)
Panopoly enables necessary modules (and updates them!)
Views
Link Media
Libraries
DatePathauto
Entity API
WYSIWYG
Search API
FeaturesPanels
Panelizer FAPE CTools
Admin Views Module Filter
Fieldable Panel Panes
Save Draft
Libraries
LinkItJQuery Update
![Page 19: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/19.jpg)
Panopoly defines common layouts
![Page 20: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/20.jpg)
Panopoly facets search results
![Page 21: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/21.jpg)
Panopoly configures the WYSIWYG
![Page 22: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/22.jpg)
Panopoly improves the content editing page
![Page 23: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/23.jpg)
Panopoly creates landing pages
![Page 24: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/24.jpg)
Panopoly allows pages to be customized
![Page 25: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/25.jpg)
Panopoly makes it easy to add page content
![Page 26: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/26.jpg)
Panopoly lets end users customize things
![Page 27: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/27.jpg)
Panopoly guides distribution development
![Page 28: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/28.jpg)
Distributions built on Panopoly
● Open Atrium: company intranet● Open Academy: university department sites● Demo Framework: sales tool (for Drupal)● Open Church: church websites● Restaurant: restaurant websites● PushTape: for musician websites● MVPcreator: startup MVPs● Web Experience Toolkit: Canadian gov’ment● ASU WebSpark: Arizona State University
![Page 29: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/29.jpg)
So you wanna start a revolutiondistribution?The basics of creating a Panopoly-based Drupal distribution...
![Page 30: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/30.jpg)
Building a Drupal distribution is hard… Don’t reinvent the wheel!
![Page 31: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/31.jpg)
Panopoly provides a common foundation for building a distribution
![Page 32: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/32.jpg)
If you want to make a Drupal distribution...
● Startkit drush extension: https://drupal.org/project/panopoly_base_distribution_starter_kit
● Create a new distribution using drush:○ drush dl panopoly_base_distribution_starter_kit○ drush panopoly-starter-kit 'My Distro' --machine-
name=mydistro○ cd mydistro○ drush make build-mydistro.make /var/www/mydistro
● Et voila!
![Page 33: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/33.jpg)
If you want to make a Drupal distribution...
Step One - Download and customize the Panopoly “base distribution” starter kit
http://drupal.org/node/1998732
mydistro.info
mydistro.make
mydistro.profile
![Page 34: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/34.jpg)
If you want to make a Drupal distribution...
Step Two - Add a custom theme to your distribution and have it be enabled by default
theme_enable(array(‘my_theme’));variable_set('theme_default', ‘my_theme’);
![Page 35: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/35.jpg)
If you want to make a Drupal distribution...
Step Three - Add your custom functionality
projects[asu_feeds][version] = 1.4projects[asu_feeds][location] = https://web.asu.edu/fserver
projects[asu_cas][version] = 1.2projects[asu_cas][download][url] = https://web.asu.edu/fserver
![Page 36: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/36.jpg)
If you want to make a Drupal distribution…
Step Four - Build your distribution!
drush make profiles/mydistro/mydistro.make
![Page 37: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/37.jpg)
Credits
● Shout out to the other co-maintainers:○ Matt Cheney, Co-founder at Pantheon Systems (lead
maintainer of Panopoly)○ Tom Kirkpatrick, Co-founder System Seed (maintainer
of Open Academy)● Shout out to the Panopoly community!
○ Loads of contributors writing/reviewing patches everyday as well as providing support in issue queue
● Matt Cheney’s presentation at DrupalCon Portland 2013
![Page 38: of-the-box! What you want, out-€¦ · User eXperience (UX) principles Do the obvious things out-of-the-box Keep users and site managers on the frontend and off the backend Edit](https://reader033.vdocuments.us/reader033/viewer/2022042402/5f1134402d4b895e0340a547/html5/thumbnails/38.jpg)
Questions?