drupal camp asheville 2014: assessing the 2014 national climate assessment website

ASSESSING THE 2014 NATIONAL CLIMATE

ASSESSMENT WEBSITEhttp://nca2014.globalchange.govDrupal Camp Asheville 2014

Introduction

Introduction

April SidesDrupal Web Developer

North Carolina State University, CICS-NCNational Climate Assessment

Technical Support UnitDrupal ID: weekbeforenext

Asheville Drupal User Group Member

Introduction

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

Overview

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.

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.

Overview

Released May 6, 2014

Project Team

Project Team

Design Development Hosting

National Climate Assessment Technical Support Unit

Requirements

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.

Goals

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.

Outcomes

Outcomes

“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

White House Launch

Outcomes

• 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

Launch Day Statistics

Outcomes

“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.”

Media Reaction

Outcomes

Social Media Reaction

Why Drupal?

Why Drupal?

• Familiar with Drupal• Access to core

and contributed modules• Strong Drupal

development community• Flexible, extendible, scalable

content management system• Themable design

Design Overview

Design Overview

Design Overview

Design Overview

Design Overview

Design Overview

Design Overview

Key Modules

Key Modules

Bibliography (biblio)

Importreferences

Insert citations

Insertcontent

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>

Key Modules

Bibliography (biblio)

Key Modules

Entity Reference (entityreference)

Key Modules

Entity Reference (entityreference)

Key Modules

Entity Reference (entityreference)

Key Modules

Entity Reference (entityreference)

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

Key Modules

Search API (search_api)

Key Modules

Search API (search_api)

Key Modules

Views Infinite Scroll (views_infinite_scroll)

Key Modules

Views Infinite Scroll (views_infinite_scroll)

Key Modules

Menu Token (menu_token)

Design Overview

Menu Token (menu_token)

Community Contributions

Community Contributions

Node Asset module sandbox project

https://www.drupal.org/sandbox/weekbeforenext/1993962

Community Contributions

Node Asset

Community Contributions

Node Asset

Community Contributions

Node Asset

Community Contributions

Node Asset

Community Contributions

Node Asset

Community Contributions

Node Asset

[[node-asset:graphic:17061 {"mode":"small_asset","align":"none"} node-asset:17061]]

Community Contributions

Node Asset

Community Contributions

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

Community Contributions

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

Community Contributions

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

Community Contributions

Node Asset Index

Questions