This presentation was given at Drupal Camp Asheville 2014 The National Climate Assessment summarizes the impacts of climate change on the United States, now and in the future. A team of more than 300 experts guided by a 60-member Federal Advisory Committee produced the report, which was extensively reviewed by the public and experts, including federal agencies and a panel of the National Academy of Sciences. The objective of this project was to present the scientific data of the report in a way that was accessible to the public and function within a social media environment. Every piece of content needed to be shareable and functional across all devices. Come see how I structured a Drupal site to implement the design concept and vision provided by HabitatSeven.

1. ASSESSING THE 2014
NATIONAL CLIMATE
ASSESSMENT WEBSITE
http://nca2014.globalchange.gov
Drupal Camp Asheville 2014

2. Introduction

3. Introduction
April Sides
Drupal Web Developer
North Carolina State University, CICS-NC
National Climate Assessment
Technical Support Unit
Drupal ID: weekbeforenext
Asheville Drupal User Group Member

4. Introduction
• Overview
• Project Team
• Requirements
• Goals
• Outcomes
• Why Drupal?
• Design Overview
• Key Modules
• Community Contributions
• Questions

5. Overview

6. Overview
• The U.S. Global Change Research Program
(USGCRP) is a confederation of the research arms of
13 Federal departments and agencies, which carry out
research and develop and maintain capabilities that
support the Nation’s response to global change.
• USGCRP has a legal mandate to conduct a National Climate
Assessment every four years.

7. Overview
• The National Climate
Assessment summarizes the
impacts of climate change on
the United States, now and in
the future.
• A team of more than 300
experts guided by a 60-member
Federal Advisory Committee
produced the report, which was
extensively reviewed by the
public and experts, including
federal agencies and a panel of
the National Academy of
Sciences.

8. Overview
Released May 6, 2014

9. Project Team

10. Project Team
National Climate Assessment
Technical Support Unit
Design Development Hosting

11. Requirements

12. Requirements
1. The entire 1400 page report and
background data needed to be visualized.
2. All elements of the site (graphics, text,
photos) needed to be shareable as
separate items.
3. The entire system needed to be
responsive and accessible across
browsers and devices.
4. The design needed to cater to both the
general public and scientists.

13. Goals

14. Goals
1. Innovative Design Strategy: Based on several
storytelling principles, “Snowfall” design, a first for a
large-scale government science report.
2. Mobile First: The site was designed to be completely
responsive to function across all devices, including
smart phones, tablets, and computers.
3. Social Media Integration: Every piece of content in
the report has its own URL, Facebook and Twitter
handle so that information can be extracted and
shared on social media, email or list-serves.

15. Outcomes

16. Outcomes
White House Launch
“I want to thank the web development team for building
the dynamite website that goes along with this report.
Who says we can’t build a great website in the White
House?”
– John Podesta, Counselor to President Obama

17. Outcomes
Launch Day Statistics
• 137,700 unique users visited
• 1/3 of traffic from referral sites including nytimes.com,
whitehouse.gov, foxnews.com, and slate.com
• 39,000 sessions from Social media; primarily from
Facebook and Twitter
• The average session duration was 2:40
• 1/5 of visitors were on mobile
• Bounce rate of 40%
• 6,000 images were downloaded
• 1,500 report related PDFs were downloaded

18. Outcomes
Media Reaction
“The result is a lot more
engaging than a PDF file or a
stack of papers. Yes, it's still
a lot of content to digest, but
if the government (or, really,
any organization) wants
people to actually read the
reports it puts out, this could
be a good way to prevent
people from having their eyes
instantly glaze over.”

19. Outcomes
Social Media Reaction

20. Why Drupal?

21. Why Drupal?
• Familiar with Drupal
• Access to core
and contributed modules
• Strong Drupal
development community
• Flexible, extendible, scalable
content management system
• Themable design

22. Design Overview

23. Design Overview

24. Design Overview

25. Design Overview

26. Design Overview

27. Design Overview

28. Design Overview

29. Key Modules

30. Key Modules
Bibliography (biblio)
Import
references
Insert
citations
Insert
content

31. Key Modules
Bibliography (biblio)
<tbib>c275ae44-75e4-4974-81ea-fe7119474ffb</tbib>
<sup id="fnref:c275ae44-75e4-4974-81ea-fe7119474ffb”>
<a href="#fn:c275ae44-75e4-4974-81ea-fe7119474ffb" rel="footnote">112</a>
</sup>

32. Key Modules
Bibliography (biblio)

33. Key Modules
Entity Reference (entityreference)

34. Key Modules
Entity Reference (entityreference)

35. Key Modules
Entity Reference (entityreference)

36. Key Modules
Entity Reference (entityreference)

37. Key Modules
File Force Download (file_force)
http://nca2014.globalchange.gov/system/files_force/downloads/low/
NCA3_Full_Report_17_Southeast_LowRes.pdf?download=1

38. Key Modules
Search API (search_api)

39. Key Modules
Search API (search_api)

40. Key Modules
Views Infinite Scroll (views_infinite_scroll)

41. Key Modules
Views Infinite Scroll (views_infinite_scroll)

42. Key Modules
Menu Token (menu_token)

43. Design Overview
Menu Token (menu_token)

44. Community Contributions

45. Community Contributions
Node Asset module
sandbox project
https://www.drupal.org/sandbox/weekb
eforenext/1993962

46. Community Contributions
Node Asset

47. Community Contributions
Node Asset

48. Community Contributions
Node Asset

49. Community Contributions
Node Asset

50. Community Contributions
Node Asset

51. Community Contributions
Node Asset
[[node-asset:graphic:17061 {"mode":"small_asset","align":"none"} node-asset:17061]]

52. Community Contributions
Node Asset

53. Community Contributions
Node Asset
[[node-asset:graphic:17061 {"mode":"small_asset","align":"none"} node-asset:17061]]

54. Community Contributions
Node Asset
[[node-asset:graphic:28541 {"mode":"large_asset","align":"none"} node-asset:28541]]

55. Community Contributions
Node Asset
[[node-asset:graphic:16678 {"mode":"large_asset","align":"none"} node-asset:16678]]

56. Community Contributions
Node Asset Index

57. Questions