Responsive Web 1

Responsive Web – Week 1 – GDS Timeline

Assignment 1.2: Create your List of Deliverables

  • 1 responsive web page with 12 animated sections
  • “Loading” & “Home” pages
  • “More Information” modal window
  • 1 interactive timeline
  • 2 interactive infographics
  • 1 interactive calculator section
  • Midterm Presentation (slide show)
  • Final Presentation (slide show)

Assignment 1.3: Create your GDS Timeline (your semester plan)

Module 1

  • Introduce thesis to class
  • Post Midpoint Thesis Book & Presentation
  • Create Timeline
  • Complete Directed Study Journal

Module 2

  • Create basic skeleton/framework of entire site (1 page, 12 sections, 1 section has four tabs)
  • Create style page for use over entire site
  • Start navigation structure
  • Complete Directed Study Journal

Module 3

  • Create sections: “Home,” “Loading Screen,” “Motion Graphic,” & “More Information” Modal Window
  • Apply navigation design
  • Complete Directed Study Journal

Module 4

  • Create sections: “History of Urban Farming,” & “Urban Farming in the USA”
  • Complete navigation
  • Animate “Loading Screen,” “Motion Graphic,” & “More Information” Modal Window
  • Complete Directed Study Journal

Module 5

  • Create sections: “Our Broken Food System,” & “Benefits of Urban Farming”
  • Animate navigation
  • Complete Directed Study Journal

Module 6

  • Create Interactive Timeline Section: “USA Agricultural Timeline”
  • Complete Directed Study Journal

Module 7

  • Midterm Presentation
  • Work on bugs from bug report
  • Complete Directed Study Journal

Module 8

  • Create Interactive Infographic Section: “Rural Population Goes Urban”
  • Complete Directed Study Journal

Module 9

  • Create Interactive Infographic Section: “Industrial Waste & Consolidation”
  • Complete Directed Study Journal

Module 10

  • Create Interactive Calculator Section: “Estimate & Plan Your Garden”
  • Complete Directed Study Journal

Module 11

  • Work on bugs from bug report
  • Complete Directed Study Journal

Module 12

  • Create Section: “About” (with 4 tabs: “Further Reading,” “Data Sources,” “About Farmur,” “Share Farmur”)
  • Complete Directed Study Journal

Module 13

  • Work on bugs from bug report
  • Animate sections 1-6
  • Complete Directed Study Journal

Module 14

  • Animate sections 7-12
  • Prepare final presentation
  • Complete Directed Study Journal

Module 15

  • Final Presentation
  • Complete Directed Study Journal