The client wanted a website to raise awareness of water usage that incorporated social media and a rich internet application (RIA) calculator. The project goals were to help sell tickets and build awareness of water usage. The development process followed a "4D process" of define, design, develop, and deploy. Key aspects included choosing Drupal as the content management system (CMS), theming with a CSS framework, building calculations into the RIA using Flex, and integrating social media.

1. Social Media, RIA
and Sustainability:
A Website Development Case Study

2. Overview
• The Client
• The Project
• Project Goals
• Process
• Links
• Questions

3. The Client
• Not a CMS user
• New to Social Media
• Never Deployed an RIA

5. The Project
• Focused on Water Usage awareness
• In Conjunction with a Museum Exhibit
• They desired:
• A Traditional Mini-site
• A Calculator Application

7. The Project
• Focused on Water Usage awareness
• In Conjunction with a Museum Exhibit
• We proposed:
• Social Media Focused Site
• RIA

9. Project Goals
• Help Sell Tickets
• Build Awareness of Water Usage

11. Project Constraints
• Small Budget
• Quick Timeline
• Lots of Stakeholders
• Has to be easy to use

13. The Process
• “4D Process”
• Lots of small decisions

15. Define
• Tech Assessment
• Platform/Infrastructure Choice
• Application/User Data Definition
• Survey Question/Calculation Definition
• Social Media Integration Design

17. Design
• Sitemap

19. Design
• Sitemap
• Wireframes

21. Design
• Sitemap
• Wireframes
• 3D Art Choices

22. 3D Art Style Decision

23. Design
• Sitemap
• Wireframes
• 3D Art Choices
• Moodboards

25. Design
• Sitemap
• Wireframes
• 3D Art Choices
• Moodboards
• App/3D Model Prototyping

28. Design
• Sitemap
• Wireframes
• 3D Art Choices
• Moodboards
• App/3D Model Prototyping
• Data Visualization

30. Develop
• Drupal
• Theming with a CSS Framework

32. Develop
• Drupal
• Theming with a CSS Framework
• CMS Processes

34. Develop
• Drupal
• Theming with a CSS Framework
• CMS Processes
• CMS as a RAD Framework
• Building Node Structure
• Integrating Services

36. Develop
• Flex
• Integration of Flash Animations
• Theming UI
• Calculations
• User Registration via Services
• Widgets via Views

38. Calculations

39. Deploy
• Countdown to Launch
• Testing Complete
• Assistance with IT Needs

40. Closing
• Links available on our blogs shortly
• visualrinse.com
• electricpineapple.net
• Questions?