Thiết kế website Drupal: www.911memorial.com

Thiết kế website Drupal: www.911memorial.com

 
Why Drupal was chosen: 

The original 9/11 Memorial.org site was a loosely connected assortment of independent applications including a storefront, blog, and donation pages. These were all transitioned into a single, integrated application that features a quick site-wide search and a single view of member information and site activity. The development team created an easy-to-use administrative control panel for updating web content and to manage donations, memberships, and merchandise orders. Revision control helps Memorial staff manage site updates. Drupal was the clear choice to help bring all these moving parts together to create an integrated, streamlined workflow for the Memorial.

911Memorial.org supports the National September 11 Memorial & Museum and honors the victims of the attacks on the World Trade Center. This case study details their new website with expanded functionality anchored in Drupal.

Describe the project (goals, requirements and outcome): 

"On September 11, 2011, 911memorial.org welcomed more than a million web visitors looking to commemorate the anniversary…We are very proud of the site, which has become an important tool for us to engage our supporters worldwide. Blink delivered a website that has become a global destination."

Sean Anderson, Chief Technology Officer for the 9/11 Memorial

"This is a very high energy place, but when we got the call to rebuild the 9/11 Memorial site everything stopped," recalls Blink Reaction CEO Nancy Stango. "It made all of us reflect on the events of that day and the years since. I knew immediately it would be a great responsibility to create an online destination for a worldwide audience that conveyed the Memorial's message and purpose. It was the first time the Memorial staff had worked with Drupal and we knew we would have to create a site that was an exemplar of Drupal's suitability for high usability, reliability, speed, workflow and of course security," Stango said.

Because the ten year anniversary of the 9/11 tragedy lay ahead, the site was built to accommodate huge spikes in traffic. The site launched at the end of April and the team anticipated having several months of easy testing before being hit by the tremendous loads of 9/11/11. Literally only several days after launch on May 2nd the news of Bin Laden's killing was announced and traffic spiked off the charts in the middle of the night.

"The website responded with optimal performance," said 9/11 Memorial Chief Technology Officer Sean Anderson.

Mobile Design & Multimedia

911Memorial.org looks great no matter what you're viewing it on.

The team was charged with developing a site that was accessible across multiple mobile computing platforms. A rapid, lightweight theme was developed to support the Memorial's mission and welcome site visitors who come seeking comfort.

Once again the challenge of meeting high traffic loads helped inspire the Blink team to expand Drupal's limits. In this case the development team went beyond the standard mobile toolkit configuration and implemented JavaScript based device detection to eliminate unnecessary back-end requests and maintain high speed and availability during high loads.

Implementation included:

  • Custom coding for older browsers
  • Multimedia galleries and PhotoSwipe implementation for mobile lightboxes and galleries, including video and high resolution renderings
  • Device detection even on cached pages with rules that can be configured from within Drupal
  • Screen resolution optimization for modern phones and tablets
  • ImageMagick image manipulation and high speed, low overhead generation of text images
  • A custom-built mobile integration API to allow visitors to find their cobblestones during their visit to the memorial plaza
  • Content Layout module selectable templates for lightweight, easy to use content and landing pages

Twenty-five Thousand Donors Strong

One of the key objectives of the 911memorial.org site was to be able to engage supporters and secure support for the organization's programming.

The development team helped the Memorial meet its fundraising goals by building an enhanced set of donor features integrating Drupal with the industry standard Raisers Edge CRM. Twenty-five thousand user records were imported and new Donation Management pages were created with increased usability and additional donor options. Visitors to the 9/11 Memorial website can now purchase a cobblestone to be placed at the memorial and located via the site's mobile API on their next visit. Donor transactions are handled securely through SSL then synchronized with Raisers Edge for daily online and offline management. Blink also restructured donor data for better management, including flexible report creation.

Security & Speed

Security was a key consideration in the development process. The development team did an extensive review and custom configuration of Drupal's built-in Roles and Permissions sub-system to align with the Memorial's business workflow and optimize site security through access control to read and write privileges. The site was custom configured to only accept administrative logins from network IP addresses used by authorized personnel. Webserver configuration was also adjusted to enhance IP restrictions. HTTP auth and public/private key protocols were used to facilitate API access. Several additional security layers were also implemented to ensure the integrity of the site.

A carefully tuned Varnish implementation formed an important part of the site's foundation for consistently fast delivery. Developers implemented custom page removals from cache on-demand and through cron.

Other Highlights:

  • Social - Janrain Engage integration for custom social network login by users from around the globe;
  • Commerce - a full Ubercart installation with custom configured store administration supports the Memorial's gift center;
  • Search - full faceted search with Apache Solr on the Acquia Managed Cloud network;
  • Migration - special custom content migration from WordPress;
  • Call to Action - Constant Contact integration for advanced permission based subscriptions to newsletters and announcements, event calendaring and Web Form implementation help Memorial staff convert visitors into supporters and donors.


Modules/Themes/Distributions
Key modules/theme/distribution used: 
Why these modules/theme/distribution were chosen: 

Composite Layout proved to be the perfect solution for staff who wanted flexibility over layouts but did not need a heavier solution such as panels.
Janrain helped manage logins from around the world and facilitate social sharing.
Ubercart was essential to the management of donations and purchase of blocks at the Memorial site.
WordPress Migrate helped bring over the Memorial's rich body of content into Drupal without unnecessary risk or effort.
PhotoSwipe was a perfect addition to the mobile site and helps visitors enjoy their visit to the site in the context of the larger community represented on the website.

Community contributions: 

It was the first time the Memorial staff had worked with Drupal and since the completion of the project they have become members of the Drupal community and ambassadors on its behalf.

Organizations involved: 
Team members: 
9/11 Memorial Mobile Images
 
9/11 Memorial Visitor Page
 
9/11 Memorial Plaza
 
9/11 Memorial Shop
 
9/11 Memorial Galleries
 
9/11 Memorial Blog

 

Bạn thấy bài viết này như thế nào?: 
No votes yet
Ảnh của Khanh Hoang

Khanh Hoang - Kenn

Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.

Tìm kiếm bất động sản

 

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Dell, Lenovo, Samsung sẽ sản xuất thiết bị chạy Windows RT

Dell, Lenovo, Samsung sẽ sản xuất thiết bị chạy Windows RT

Trong thời gian chờ đợi ngày ra mắt chính thức hệ điều hành mới, Microsoft đã công bố những bên hợp tác sản xuất máy tính bảng nền tảng ARM chạy Windows RT.

Cài đặt vitual box cho Web Development ( Virtual Machines )

Cài đặt vitual box cho Web Development ( Virtual Machines )

I develop locally on a virtual server before deploying to a production environment. It's an efficient and flexible workflow and I wanted to share the setup process. This will walk through getting a simple LAMP stack up and running.

PHASE 2: Behavorial Test For Custom Entity sử dụng CasperJS

PHASE 2: Behavorial Test For Custom Entity sử dụng CasperJS

This blog post is a continuation of my “Developing A Drupal Entity” post. In my previous post I described the process of creating your own entity. This post will focus on writing a behavioral test for that entity using CasperJS.

Công ty diệt chuột T&C

 

Diet con trung