energy.gov case study - badcamp 2011

55
BADcamp October 22, 2011 Roger López Energy.gov Case Study Tuesday, December 13, 2011

Upload: zroger

Post on 10-May-2015

1.115 views

Category:

Technology


1 download

DESCRIPTION

Case study presentation at BADcamp 2011. http://2011.badcamp.net/program/sessions/case-study-energygov

TRANSCRIPT

Page 1: Energy.gov Case Study - BADcamp 2011

BADcampOctober 22, 2011Roger López

Energy.gov Case Study

Tuesday, December 13, 2011

Page 2: Energy.gov Case Study - BADcamp 2011

Do It With Drupal 2011, Roger López

Energy.gov

Roger López‣ VP, Engineering at

Treehouse Agency‣ Drupal.org member

since July 2006‣ @zroger‣ Drupal.org, Twitter, et al.

Tuesday, December 13, 2011

Page 3: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 4: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Project Goals‣ Consolidation of 100’s of sub-sites‣ Sub-site creation should not require

developer intervention.‣ Content should be easily shared

between sub-sites.‣ Maintain a uniform style across all

sub-sites.

Tuesday, December 13, 2011

Page 5: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Drupal 7‣ Released January 5, 2011‣ Target launch date: August 4, 2011‣ Drupal 6 will stopped being

supported in about 2-3 years

Tuesday, December 13, 2011

Page 6: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

What about contrib?‣ Entities and fields‣ DB API and EntityFieldQuery‣ Image styles‣ ...

Tuesday, December 13, 2011

Page 7: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Organic groups‣ Create groups‣ Content is added to groups ‣ Users are members of groups‣ Membership-based access control

Tuesday, December 13, 2011

Page 8: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 9: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 10: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Group Type

Tuesday, December 13, 2011

Page 11: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Group Membership

Tuesday, December 13, 2011

Page 12: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

OG Usage‣ Group type‣ Office vocabulary terms

‣ Group content‣ Articles‣ Pages‣ Blocks*

Tuesday, December 13, 2011

Page 13: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Not all terms are created equal‣ Internal sites are groups‣ External sites are not‣ Otherwise the same

Tuesday, December 13, 2011

Page 14: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 15: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

OG Tasks

Tuesday, December 13, 2011

Page 16: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

http://drupal.org/project/og_tasks

Tuesday, December 13, 2011

Page 17: Energy.gov Case Study - BADcamp 2011

Blocks

Tuesday, December 13, 2011

Page 18: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Block Creator!=

Administrator

Tuesday, December 13, 2011

Page 19: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

User generated Blocks‣ Node-like blocks‣ Fields‣ Templates

‣ Listing blocks‣ User-defined filters‣ Pre-defined styles

Tuesday, December 13, 2011

Page 20: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 21: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 22: Energy.gov Case Study - BADcamp 2011

screenshot of listing block example, with highlights like previous slide

Tuesday, December 13, 2011

Page 23: Energy.gov Case Study - BADcamp 2011

screenshot of listing block example, with highlights like previous slide

Tuesday, December 13, 2011

Page 24: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Beans(Block Entities)

Tuesday, December 13, 2011

Page 25: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Block Entities‣ Block types‣ Fieldable‣ Simple data storage for settings‣ Non-admin permissions‣ Data entry is familiar to users

Tuesday, December 13, 2011

Page 26: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 27: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 28: Energy.gov Case Study - BADcamp 2011

Input form for a listing bean. Explain how non-field beans work.

Tuesday, December 13, 2011

Page 29: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 30: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

View modes‣ Previously called “Build modes”‣ Provides multiple display options‣ Out of the box‣ Full content‣ Teaser‣ RSS

Tuesday, December 13, 2011

Page 31: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Named styles

‣ Block teaser ‣ Related items

Tuesday, December 13, 2011

Page 32: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Want More?‣ Modern Theming:

Beyond Preprocessing and .tpls‣ Tim Cosgrove‣ 5:00 pm today‣ Valley LSB 2050.

Tuesday, December 13, 2011

Page 33: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Editorial listings‣ Hand-selected listings of nodes‣ Multiple Node Reference field‣ View mode set in the Node

Reference field settings‣ Additional fields‣ More link, Header text, etc.

Tuesday, December 13, 2011

Page 34: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Block Placement

Tuesday, December 13, 2011

Page 35: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Pages vs Nodes‣ Users think about Pages‣ Pages with only blocks‣ Publishing workflow doesn’t include

block placements

Tuesday, December 13, 2011

Page 36: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Block References‣ Block reference fields to emulate

regions‣ “Landing page” node types for each

page layout‣ Can be combined with other

methods (context, core block module, etc.)

Tuesday, December 13, 2011

Page 37: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 38: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 39: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 40: Energy.gov Case Study - BADcamp 2011

Block reference fields

Tuesday, December 13, 2011

Page 41: Energy.gov Case Study - BADcamp 2011

Text fields

Tuesday, December 13, 2011

Page 42: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 43: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 44: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 45: Energy.gov Case Study - BADcamp 2011

Block Reference fields

Tuesday, December 13, 2011

Page 46: Energy.gov Case Study - BADcamp 2011

Context

Tuesday, December 13, 2011

Page 47: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Data Visualizations

Tuesday, December 13, 2011

Page 48: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Libraries‣ jqPlot‣ jqplot.com

‣ The Jit‣ thejit.org

‣ High Charts‣ highcharts.com

Tuesday, December 13, 2011

Page 49: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

DataVis formatted

data

JSON

Tuesday, December 13, 2011

Page 50: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

DataVis formatted

data

JSON

DataVisAdapter

Javascript

Tuesday, December 13, 2011

Page 51: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

DataVis formatted

data

JSON

DrupalModule

PHP

DataVisAdapter

Javascript

Tuesday, December 13, 2011

Page 52: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger LópezTuesday, December 13, 2011

Page 53: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger LópezTuesday, December 13, 2011

Page 54: Energy.gov Case Study - BADcamp 2011

Tuesday, December 13, 2011

Page 55: Energy.gov Case Study - BADcamp 2011

Energy.gov

Do it with Drupal, 2011, Roger López

Resources‣ Bean

http://drupal.org/project/bean

‣ OG Taskshttp://drupal.org/project/og_tasks

‣ DataViz Javascript Adaptershttp://github.com/treehouseagency/dataviz-adapters

‣ Data Visualization API for Drupalhttp://drupal.org/sandbox/LSU_JBob/1299606

‣ Treehouse Agency Bloghttp://treehouseagency.com/blog

Tuesday, December 13, 2011