Upload
april-sides
View
61
Download
1
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
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