group 2 final presentation better carbon calculator project n.
Skip this Video
Loading SlideShow in 5 Seconds..
Group 2 Final Presentation Better Carbon Calculator Project PowerPoint Presentation
Download Presentation
Group 2 Final Presentation Better Carbon Calculator Project

Loading in 2 Seconds...

  share
play fullscreen
1 / 18
Download Presentation

Group 2 Final Presentation Better Carbon Calculator Project - PowerPoint PPT Presentation

Angelica
258 Views
Download Presentation

Group 2 Final Presentation Better Carbon Calculator Project

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Group 2 Final PresentationBetter Carbon Calculator Project Haley Bowman Michelle Aranda Takahiro Karasawa Patricio Legras Shyam Panchal

  2. Website Design

  3. Creating the Website • Put Usability of Design First • Questions • How long does it take for each page to load? • Is the message unclear or hard to understand? • Does the user go to the wrong web pages when seeking information?

  4. Authors and Audiences “Web designers form a significant audience for each other’s work…experience in the viewing of other people’s pages as a user would do is seen as a valuable asset in designing pages.” • http://www.nature.org/initiatives/climatechange/calculator/ • http://www.ics.uci.edu/~wmt/socialCodeGroup/

  5. Empirical Validated Web Page Design • Webpage design should aid scannability by using headlines, colored text for emphasis and 50% less text than on paper (1) • Good pages use many text clusters, many links, and many colors (2) [1] Ivory, p. 53 [2] Ivory, p. 59

  6. Aesthetics • Eco-friendly appearance • Neutral/earth toned colors • Pictures • Brightness/prominence of colors

  7. Original Results Page

  8. Revised Results Page

  9. Revisions • Heighten impact of total number of carbon tons released per year • Move to the center of the page • Turn focus to the result itself • Curve rectangle to match style of website • Create a pie chart that equates the distribution of total emissions • Red for the most • Orange for the second

  10. Revisions (continued) • The total number and the pie chart were created using a Java Applet Reads the numbers directly from html code Supports infinite number of modules • The key supports up to 10 modules Animated pie chart

  11. Tags and Modules • Added “What is this?” Button • Fewer tags 12-16 tags Make tags more meaningful • Ex: Commuter, Airplane Flyer, etc. • Tags and Modules placed side by side Shows that there are two ways to refine results

  12. Video • Emphasize how small lifestyle changes can make a difference in reducing carbon footprint • Dramatic to inspire action http://ec2-75-101-202-69.compute-1.amazonaws.com/~group02/

  13. Research

  14. Environmental Threats • “Killer” Heat Waves • Rising Sea Level • Melting of Artic Ice Caps • Other Research

  15. Environmental Solutions • Wide range of solutions • Domestic changes • Transportation changes • Immediately feasible solutions • EPA and Climate Crisis • Reliability

  16. Advantages of Using the Web in Education • Free of cost for most users • Global propagation • Lessens production, distribution and archivation of paper • Enables more color and visual aids

  17. Goals of Website • Easily accessible and designed for a diverse audience • Show how computer technology can inspire action to improve current environmental problems • Benefit the actual Better Carbon Calculator website

  18. References • Terry, Thomas M. "Weaving the Web into Biology teaching". BioScience. Vol. 49, No. 9. 733-741 • Calongne, Cynthia. "Designing For Web Site Usablitity". D.CS. JCSC 16, 3 (March 2001), CCSC: South Central Conference • Christine Hine. "Web Pages, Authors and Audiences. The Meaning Of A Mouse Click" Communication & Society 4:2 2001 182-198 • Ivory, Melody. Sinha, Rashmi. Hearst, Marti. "Empirically Validated Web Page Design Metrics". CHI 2001. Volume No.3, Issue No. 1.