Challenge Overview
Competition Task Overview
We have created a HTML based prototype for a project called Cloud Site. For this challenge, we need to recreate the prototype inside drupal using its template and content management features.
- Please make sure all pages in the current prototype are converted, and the timeline feature on "history.html" page should still work the same.
- All pages should look the same after converting to drupal.
- Please make sure you only use the javascript libraries already used in the prototype. If you need to use something else, you need to get approval from us.
Detailed Requirements
=Smaller fragments to be reused among page types (described on pages below)=
Large Carousel
Small Carousel
Headlines
Teaser Box
Relevant Links
Mini-teaser Box
=Page Types to be created=
1) Page Type: Home Page
Title (Welcome to Booz Allen Cloud Services)
Large Carousel
items: Title, text, image, button text, link
Small Carousel Left
items: Title, image, link
Small Carousel Right
items: Title, image, link
Right headlines:
title (Industry News)
items: Title, image, text, link
Teaser box (x3 at bottom): Title, text, image, link
2) Page Type: Capabilities
Title (Cloud Capabilities)
Text
items: Title, text, link
3) Page Type: History
Title (History of the Cloud)
(Timeline is not templated)
4) Page Type: Detail 1
Title (Cloud 101)
Content
Relevant Links:
title (Relevant Links)
items: Title, text, link
Teaser box (x3 at bottom): Title, text, image, link
5) Page Type: Detail 2
Title (Cloud Ecosystem)
Content
Relevant Links:
title (Relevant Links)
items: Title, text, link
6) Page Type Detail 3
Title (How to Engage)
Content
Relevant Links:
title (Opportunities)
items: Title, text, link
Mini-Teaser box (x3 at bottom): Title, text, link
7) Page Type: Detail 4
Title (Cloud Training)
Button Text (View Training)
Button Link
Content
Relevant Links:
title (Relevant Links)
items: Title, text, link
8) Page Type: Contact Us
Title (Contact Us)
Address
Phone
Email
Relevant Links:
title (Opportunities)
items: Title, text, link
(The map should focus on the given address. The contact us form field does not need to be templated - can just be part of the page)
9) Page Type: Case Studies
Title (Case Studies)
Content
Title (Case Studies)
Content
10) Contact Us
=List of pages from prototype and the corresponding page type=
index.html: Home Page
cloud101.html: Detail 1
history.html: History
ecosystem.html: Detail 2
capabilities.html: Capabilities
capability_name.html: Detail 4
engage.html: Detail 3
training.html: Detail 4
learning_development.html: Detail 4
certifications.html: Detail 4
opportunities.html: Detail 4
resources.html: Detail 3
case_studies.html: Case Studies
demos.html: Case Studies
architectures.html: Detail 2
firm_assets.html: Detail 4
external_resources.html: Detail 2
cloud_services.html: Detail 4
news.html: Detail 3
recent_wins: Detail 2
new_opportunities.html: Detail 2
yammer.html: Detail 2
- Add dropdown box to relay to different teams (config the TO email address to the dropdown choices - don't show the address)
- Remove the contact info section and map, we just want the form with the added dropdown on this page
=List of pages from prototype and the corresponding page type=
index.html: Home Page
cloud101.html: Detail 1
history.html: History
ecosystem.html: Detail 2
capabilities.html: Capabilities
capability_name.html: Detail 4
engage.html: Detail 3
training.html: Detail 4
learning_development.html: Detail 4
certifications.html: Detail 4
opportunities.html: Detail 4
resources.html: Detail 3
case_studies.html: Case Studies
demos.html: Case Studies
architectures.html: Detail 2
firm_assets.html: Detail 4
external_resources.html: Detail 2
cloud_services.html: Detail 4
news.html: Detail 3
recent_wins: Detail 2
new_opportunities.html: Detail 2
yammer.html: Detail 2
training_detail.html: Detail 4
opportunities_detail.html: Detail 4
learning_development_detail.html: Detail 4
demos_detail.html: Detail 4
contact_us: Contact Us
cloud_services_detail.html: Detail 4
certifications_detail.html: Detail 4
case_studies_detail.html: Detail 4
architectures_detail.html: Detail 4
opportunities_detail.html: Detail 4
learning_development_detail.html: Detail 4
demos_detail.html: Detail 4
contact_us: Contact Us
cloud_services_detail.html: Detail 4
certifications_detail.html: Detail 4
case_studies_detail.html: Detail 4
architectures_detail.html: Detail 4
Technology Overview
- Drupal
- HTML
- Javascript
Documentation Provided
Register to download the existing prototype.
Final Submission Guidelines
Submission Deliverables
- The prototype recreated using drupal tempaltes and content management features
- A complete and detailed deployment documented explaining how to deploy the prototype and test it
- A demo video
Final Submission
For each member, the final submission should be uploaded to the Online Review Tool.